:root{font-family:Segoe UI,system-ui,sans-serif;color:#e7edf8;background:#0b1120;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{padding:22px 5vw;border-bottom:1px solid #233047;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:25px;color:#53dfc2}.brand span{color:#f6f8fc;font-size:20px}.badge,.eyebrow{font-size:12px;letter-spacing:1px;color:#8ba5c6}.badge{border:1px solid #31435c;padding:8px 12px;border-radius:20px}main{max-width:1500px;margin:auto;padding:32px 5vw}.intro h1{font-size:clamp(30px,4vw,49px);line-height:1.12;margin:12px 0 18px;letter-spacing:-1.6px}.intro p{color:#9daec5}.eyebrow{color:#53dfc2!important}.card{background:#121d30;border:1px solid #28364c;border-radius:16px;padding:22px}.connect{margin:28px 0 20px}form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#b1c1d7}input{border:1px solid #344660;border-radius:8px;padding:12px;background:#0b1424;color:#f6f8fc;font:inherit;min-width:180px}input:focus{outline:2px solid #53dfc2}button{border:0;background:#58e1c3;color:#072820;padding:12px 19px;font-weight:650;border-radius:8px;cursor:pointer}button:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:default}.secondary,.keys button{background:#23334b;color:#d9e5f4}#status{font-size:13px;color:#9bb3d0;margin-bottom:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px}h2{font-size:16px;margin:0}#live{font-size:12px;color:#53dfc2}#screenBox{min-height:300px;background:#080e19;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden}#placeholder{padding:30px;text-align:center;color:#7186a3}#screen{display:block;width:100%;cursor:crosshair}#screen[hidden]{display:none}.hint,footer{font-size:12px;color:#92a5bf;line-height:1.6}#remoteText{flex:1}.keys{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.keys button{padding:9px 12px}.upload{margin:25px 0 15px}.upload input{min-width:0;width:100%;font-size:12px}ul{list-style:none;padding:0}li{border-top:1px solid #2b3a50;padding:12px 0;overflow-wrap:anywhere}li button{font-size:12px;padding:7px 10px;margin-top:8px}li small{display:block;color:#8fa4bf}#notice{font-size:13px;color:#b5c5d9;overflow-wrap:anywhere}footer{margin-top:25px}@media(max-width:950px){.workspace{grid-template-columns:1fr}.badge{display:none}form label{width:100%}form input{width:100%}main{padding:25px 5vw}}