:root{--bg:#f6f7f9;--fg:#16181d;--muted:#5b616e;--panel:#fff;--border:#d9dce2;--accent:#1f6feb;--accent-fg:#fff;--error:#b42318;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--fg:#e8eaee;--muted:#9aa1ad;--panel:#171a20;--border:#2b303a;--accent:#4c8dff;--error:#ff8a80}}*{box-sizing:border-box}body{background:var(--bg);margin:0}.app{max-width:960px;padding:max(12px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));margin:0 auto}header h1{margin:0;font-size:1.5rem}.subtitle{color:var(--muted);margin:0 0 12px}.stage{background:#000;border-radius:12px;width:100%;height:min(62vh,640px);position:relative;overflow:hidden}.stage video,.stage canvas{width:100%;height:100%;position:absolute;inset:0}.stage video{object-fit:contain}.stage video.mirrored{transform:scaleX(-1)}.status{margin:12px 0;font-size:1.1rem}.status-error{color:var(--error)}.controls{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.controls label{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}button,select{font:inherit;border:1px solid var(--border);background:var(--panel);min-height:44px;color:var(--fg);border-radius:8px;padding:8px 14px;font-size:1rem}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);min-width:120px;font-weight:600}.diagnostics{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:16px 0;display:grid}.diagnostics div{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.diagnostics dt{color:var(--muted);font-size:.8rem}.diagnostics dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-weight:600}.report{flex-wrap:wrap;gap:8px;display:flex}.report pre{background:var(--panel);border:1px solid var(--border);-webkit-user-select:text;user-select:text;border-radius:8px;flex-basis:100%;max-height:320px;padding:10px;font-size:.75rem;overflow:auto}footer{color:var(--muted);margin-top:24px;font-size:.85rem}footer a{color:inherit}