:root{color-scheme:dark;--bg: #0a0a0a;--fg: #f5f5f5;--muted: #888;--accent: #4ade80;--panel: #171717;--border: #2a2a2a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overscroll-behavior:none;touch-action:manipulation}button{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--border);padding:.6rem 1rem;border-radius:6px;cursor:pointer}button:hover{border-color:var(--accent)}input{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--border);padding:.6rem .8rem;border-radius:6px;outline:none;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:.15em;text-transform:lowercase}input:focus{border-color:var(--accent)}.panel{max-width:420px;margin:4rem auto;padding:2rem;background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:1.5rem}.muted{color:var(--muted);font-size:.9rem}.remote-canvas{display:block;width:100vw;height:100vh;object-fit:contain;background:#000}