:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#182030;--card:#222c40;--fg:#e8eef8;--muted:#8fa0bd;--accent:#56b4ff}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}#app{max-width:720px;margin:0 auto;padding:12px}h1{margin:0;font-size:1.2rem}header{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}button{font:inherit;color:#06121f;background:var(--accent);cursor:pointer;border:0;border-radius:8px;padding:10px 16px}button:disabled{opacity:.45;cursor:default}button.link{color:var(--accent);background:0 0;padding:6px}input{font:inherit;width:100%;color:var(--fg);background:#111826;border:1px solid #33425f;border-radius:8px;margin:6px 0;padding:12px}.card{background:var(--card);border-radius:12px;flex-direction:column;gap:8px;margin-top:12vh;padding:20px;display:flex}.error{color:#ff8a8a;min-height:1.4em;margin:0}.muted{color:var(--muted)}.devices{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.device{background:var(--card);width:100%;color:var(--fg);text-align:left;align-items:center;gap:10px;padding:14px;display:flex}.device small{color:var(--muted);margin-left:auto}.dot{background:#667;border-radius:50%;width:10px;height:10px}.dot.on{background:#46d369}.stage{aspect-ratio:16/9;background:#000;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.stage video{object-fit:contain;width:100%;height:100%}.overlay{text-align:center;background:#0000008c;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.stage button{position:absolute;bottom:16px}