:root{--bg:#f6f4ef;--surface:#fff;--text:#1f2430;--muted:#6b7280;--accent:#4f46e5;--danger:#e11d48;--border:#e4e4e7;--radius:12px;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:14px 28px;font-weight:600;transition:transform .15s,opacity .15s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.5;cursor:default}button.secondary{color:var(--muted);border:1px solid var(--border);background:0 0;padding:8px 16px;font-weight:500}input{font:inherit;border:1px solid var(--border);border-radius:6px;width:100%;padding:10px 12px}.muted{color:var(--muted)}.error{color:var(--danger)}.login{place-items:center;min-height:100dvh;padding:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:12px;width:min(360px,100%);padding:32px;display:grid;box-shadow:0 1px 2px #0000000a}.card h1{margin:0}.app{grid-template-rows:auto 1fr auto;gap:16px;max-width:900px;min-height:100dvh;margin:0 auto;padding:16px;display:grid}.topbar{justify-content:flex-end;align-items:flex-start;gap:12px;display:flex}.stage{aspect-ratio:1099/1954;border-radius:var(--radius);background:#000;place-self:start center;width:min(100%,40.4954vh);position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.stage .error{text-align:center;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.controls{justify-items:center;gap:8px;padding-bottom:24px;display:grid}.debug{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:6px;width:min(280px,100vw - 32px);max-height:90dvh;padding:12px;font-size:13px;display:grid;position:fixed;top:16px;left:16px;overflow:auto}.debug .row{grid-template-columns:1fr 1fr;align-items:center;gap:6px;display:grid}.debug button{padding:6px 10px;font-size:12px}.debug button.on{outline:2px solid}.debug .note{color:#d33;font-size:11px;font-style:normal}select{font:inherit;border:1px solid var(--border);background:var(--surface);width:100%;color:inherit;border-radius:6px;padding:10px 12px}.session-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:12px;padding:16px;display:grid;box-shadow:0 1px 2px #0000000a}.session-panel h2{color:var(--muted);margin:0;font-size:14px;font-weight:600}.session-panel fieldset{border:0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;min-width:0;margin:0;padding:0;display:grid}.session-panel fieldset:disabled{opacity:.6}.session-panel label{color:var(--muted);gap:4px;font-size:13px;display:grid}.session-panel .note{margin:0;font-size:12px}.stage-camera{will-change:transform;width:100%;height:100%}.alert-banner{color:#6b4e16;background:#fef6e4;border:1px solid #f3dfb2;border-radius:8px;flex-wrap:wrap;flex:auto;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:8px 12px;font-size:14px;display:flex}.alert-banner p{flex:240px;margin:0}.alert-banner button.secondary{color:#6b4e16;border-color:#e9cf96;padding:6px 14px}