:root{color-scheme:dark;font-family:Inter,"Segoe UI",system-ui,sans-serif;background:#0c1425;color:#edf4ff}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,textarea{font:inherit}button{cursor:pointer;border:1px solid #314159;border-radius:12px;background:#21314a;color:#edf4ff;min-height:46px;padding:10px 15px;touch-action:manipulation}button:active{transform:translateY(1px);background:#314766}button:disabled{opacity:.5;cursor:wait}button:focus-visible,textarea:focus-visible{outline:2px solid #46dfb2;outline-offset:3px}.primary{background:#46dfb2;border-color:#46dfb2;color:#0c1425;font-weight:750}.primary:active{background:#85efcf}.connect-panel{max-width:840px;margin:auto;padding:32px 24px;min-height:100dvh;display:flex;flex-direction:column;gap:36px}header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}header strong{font-size:22px;letter-spacing:-.7px}.logo{background:#46dfb2;border-radius:11px;padding:1px 9px;color:#0c1425;font-size:30px;font-weight:700}.badge{margin-left:auto;font-size:10px;letter-spacing:1px;color:#a6bad1}.connect-card{background:#152238;padding:34px;border:1px solid #263750;border-radius:24px;max-width:600px;width:100%;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;color:#46dfb2;font-weight:750}h1{font-size:clamp(34px,6vw,53px);letter-spacing:-2px;line-height:1.08;margin:18px 0}p{color:#a6bad1;line-height:1.65;font-size:15px;margin-bottom:28px}label{display:block;margin-bottom:9px;font-size:13px;font-weight:650}textarea{display:block;width:100%;border:1px solid #354862;border-radius:12px;padding:14px;background:#0c182b;color:#edf4ff;resize:vertical;font-size:16px;line-height:1.5}#connect{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:15px 18px}#status{color:#a6bad1;font-size:12px;line-height:1.65;margin-top:18px}#status.error{color:#ffaba6}footer{display:flex;gap:12px;justify-content:space-between;color:#8fa6c2;font-size:11px;flex-wrap:wrap}footer span:first-child{color:#46dfb2}.desktop{height:100dvh;display:flex;flex-direction:column;background:#080d16}.topbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#152238;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))}.topbar strong{margin-right:auto;font-size:15px}.topbar button{min-height:38px;font-size:12px;padding:8px 12px}.topbar #live-status{font-size:11px;color:#46dfb2}.danger{border-color:#75404b;color:#ffc3bd;background:#412736}.stage{flex:1;min-height:130px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;touch-action:none;-webkit-user-drag:none;user-select:none}.stage img:not([src]){display:none}.cursor{position:absolute;width:15px;height:15px;border:2px solid #46dfb2;border-radius:100%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000;background:#46dfb233}.hint{text-align:center;color:#8fa6c2;font-size:10px;padding:8px 10px;background:#0c1425}.keys{display:flex;gap:7px;overflow-x:auto;flex-shrink:0;background:#152238;padding:10px 12px max(10px,env(safe-area-inset-bottom));scrollbar-width:thin}.keys button{white-space:nowrap;font-size:12px;flex-shrink:0;min-height:44px}#ctrl[aria-pressed=true]{background:#46dfb2;color:#0c1425}.typing{display:flex;gap:9px;align-items:stretch;background:#152238;padding:10px 12px}.typing textarea{flex:1;min-width:0}.typing button{flex-shrink:0}#waiting{color:#8fa6c2;font-size:13px;position:absolute;pointer-events:none}@media(max-width:500px){.connect-panel{padding:24px 18px;gap:24px}.connect-card{padding:26px 22px;border-radius:21px}.badge{width:100%;margin:6px 0 0 0}footer{line-height:1.5}}@media(orientation:landscape) and (max-height:520px){.topbar{padding-top:4px;padding-bottom:4px}.hint{display:none}.keys{padding-top:5px;padding-bottom:5px}.keys button{min-height:38px;padding:7px 12px}}