*{box-sizing:border-box}body{margin:0;background:#07141f;color:#e9f6ff;font:15px system-ui,-apple-system,sans-serif;background-image:radial-gradient(at 15% 30%,#113951aa,transparent 55%)}header{padding:22px 4vw;border-bottom:1px solid #5aa2c433;display:flex;justify-content:space-between;align-items:center;background:#101f2bcc}header b{display:flex;align-items:center;gap:12px;font-size:21px}.logo{display:grid;place-items:center;background:linear-gradient(150deg,#82fff0,#2795f1);color:#08304c;border-radius:13px;width:40px;height:40px}header div{display:flex;align-items:center;gap:20px}#connection{font-size:13px;color:#adcbdc}main{max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 370px;gap:30px;padding:35px 4vw}.heading{display:flex;justify-content:space-between;align-items:center}small{color:#78dbc8;letter-spacing:3px;font-size:11px}h1{font-size:32px;margin:10px 0 25px;letter-spacing:-1px}h2{font-size:19px;margin-top:0}.badge{color:#84d6f4;background:#28648344;padding:9px 14px;border-radius:20px;font-size:12px;white-space:nowrap}button,.button{color:#eaf8ff;background:linear-gradient(130deg,#47708b66,#25364477);border:1px solid #80cafa44;border-radius:13px;padding:12px 16px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block;transition:.15s}button:hover,.button:hover{border-color:#7ddbff;background:#365972}button:disabled{opacity:.35;cursor:default}.primary{background:linear-gradient(120deg,#237c97,#286ac5);padding:16px 24px;box-shadow:0 8px 28px #1268a533}.connect{min-height:390px;border:1px solid #65b8ed33;border-radius:24px;background:linear-gradient(140deg,#183949aa,#122c4588);display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:35px;margin-bottom:24px}.connect p{max-width:510px;line-height:1.7;color:#c0d6e3}.orb{color:#85f9f1;font-size:60px;text-shadow:0 0 40px #3fdff9;margin:0 0 20px}.note{font-size:12px!important;line-height:1.7;color:#a5c1d1!important}.setup{border:1px solid #49779d55;border-radius:20px;padding:20px 25px;background:#152a3a66}.setup p{line-height:1.7}aside{background:#112637aa;border:1px solid #80cafa33;border-radius:24px;padding:23px}aside section+section{margin-top:27px;border-top:1px solid #6695ab33;padding-top:22px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.grid button{font-size:13px;padding:12px 8px}.wide,.upload{width:100%;margin-top:10px}.upload{display:block;border:1px dashed #68b7e977;border-radius:12px;text-align:center;padding:18px;cursor:pointer}textarea{width:100%;height:95px;background:#071927;color:white;border:1px solid #82b7d155;border-radius:13px;padding:12px;font:inherit;resize:vertical;margin-bottom:10px}.danger{background:#85374a55}#result{white-space:pre-wrap;padding:15px;border-left:3px solid #7fcdee;color:#b8dff2;min-height:50px}#preview img{max-width:100%;max-height:140px;border-radius:10px;display:block;margin:auto}@media(max-width:950px){main{grid-template-columns:1fr}header{gap:15px;align-items:start}header div{flex-direction:column;gap:8px;align-items:end}h1{font-size:25px}.badge{display:none}}