:root{font-family:system-ui,sans-serif;color:#e8edf6;background:#101827;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{padding:24px max(24px,env(safe-area-inset-left));border-bottom:1px solid #2a3649;display:flex;align-items:center;gap:24px}header a{font-weight:750;font-size:23px;color:#fff;text-decoration:none}header span{font-size:10px;letter-spacing:2px;color:#92a2b8}header button{margin-left:auto}main{max-width:1100px;margin:auto;padding:64px 24px}h1{font-size:clamp(36px,6vw,64px);line-height:1.1;margin:20px 0}p{color:#a7b6cb;line-height:1.6}.eyebrow{color:#65ddc0;font-size:12px;letter-spacing:3px}form{max-width:400px;display:grid;gap:14px;margin-top:32px}label{font-size:14px}input,button{font:inherit;min-height:48px;border-radius:10px;padding:12px 16px}input{background:#172338;border:1px solid #3d506a;color:white}button{border:0;background:#65ddc0;color:#09291f;cursor:pointer;font-weight:650}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #a0aaff;outline-offset:3px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;margin:32px 0}.device,aside{border:1px solid #30415a;background:#172338;border-radius:16px;padding:24px}.device h2{overflow-wrap:anywhere}.badge{font-size:12px;color:#65ddc0}.offline{color:#afb9c9}aside{max-width:750px}#message{color:#ffd393}[hidden]{display:none!important}@media(max-width:600px){header{padding:18px 16px;gap:12px}header span{display:none}header a{font-size:19px}main{padding:36px 18px}header button{padding:10px}.device{padding:20px}}
:root .desktop-panel{margin-top:36px;background:#172338;border:1px solid #30415a;border-radius:16px;padding:16px}.desktop-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.desktop-toolbar span{color:#a7b6cb;font-size:13px}.desktop-toolbar input{flex:1;min-width:160px}.desktop-viewport{overflow:auto;background:#080d16;border-radius:8px}.remote-screen{display:block;width:100%;height:auto;touch-action:none;user-select:none;min-height:60px}.desktop-toolbar button{min-width:48px}button:disabled{opacity:.45;cursor:default}@media(max-width:600px){.desktop-panel{padding:8px}.desktop-toolbar{gap:8px}}
textarea{display:block;width:100%;background:#101827;color:#e8edf6;border:1px solid #3d506a;border-radius:8px;padding:14px;font:14px monospace;resize:vertical}.terminal-output{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;background:#080d16;padding:16px;border-radius:8px;font:13px/1.5 monospace}.device button{margin:4px 8px 4px 0}