:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1f2b2d;--soft:#57676a;--line:#d3dad8;--accent:#16454c;--bg:#f6f4ef;--card:#fff;--ok:#1f6b45;--bad:#9c3b2a}*{box-sizing:border-box}body{padding:12px 12px calc(24px + env(safe-area-inset-bottom));color:var(--ink);background:var(--bg);margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}header h1{margin:0;font-size:20px}.sub{color:var(--soft);margin:2px 0 10px;font-size:13px}main{max-width:720px;margin:0 auto}header,.tabs{max-width:720px;margin-inline:auto}.tabs{gap:6px;margin-bottom:12px;display:flex}.tab{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--soft);font:inherit;cursor:pointer;border-radius:8px;flex:1;padding:6px;font-size:14px}.tab.on{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.controls{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}label{color:var(--soft);gap:2px;font-size:13px;display:grid}select,input{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);font:inherit;border-radius:8px;padding:6px 8px}.actions{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;min-height:44px;font:inherit;cursor:pointer;border-radius:8px;padding:8px 16px}.btn.quiet{background:var(--card);color:var(--accent)}.btn:disabled{opacity:.5}.stats,.hint{color:var(--soft);margin:8px 0;font-size:13px}.status{margin:8px 0;font-size:15px}.status.ok{color:var(--ok)}.status.bad{color:var(--bad)}.stage{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;display:grid;overflow:hidden}#s-canvas{aspect-ratio:1;width:min(100%,100vh - 150px);height:auto;image-rendering:pixelated;display:block}.stage.camera{aspect-ratio:1;background:#000;position:relative}#r-video{object-fit:cover;width:100%;height:100%;display:block}.frame{pointer-events:none;border:2px solid #fffc;border-radius:12px;position:absolute;inset:8%}.progress{background:var(--line);border-radius:5px;height:10px;margin-top:10px;overflow:hidden}.progress span{background:var(--accent);width:0;height:100%;transition:width .2s linear;display:block}.progress{position:relative}.progress.waiting:after,.progress.busy:after{content:"";border-radius:5px;width:30%;animation:1.4s ease-in-out infinite slide;position:absolute;top:0;bottom:0;left:0}.progress.waiting:after{background:var(--accent);opacity:.55}.progress.busy:after{background:linear-gradient(90deg,#0000,#ffffff80,#0000)}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(334%)}}@media (prefers-reduced-motion:reduce){.progress span{transition:none}.progress.waiting:after,.progress.busy:after{width:100%;animation:1.6s ease-in-out infinite pulse}.progress.busy:after{background:#ffffff59}@keyframes pulse{0%,to{opacity:.15}50%{opacity:.55}}}.table-wrap{border:1px solid var(--line);background:var(--card);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;font-size:12px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:6px 8px}th{color:var(--soft);font-weight:600}td.ok{color:var(--ok)}td.bad{color:var(--bad)}header h1 small{color:var(--soft);font-size:12px;font-weight:400}.diag{border:1px solid var(--line);background:var(--card);border-radius:8px;margin-top:10px;padding:10px 12px}.diag p{margin:4px 0}.d-state{color:var(--ok);font-size:15px;font-weight:600}.d-state.warn{color:var(--bad)}.parts{flex-wrap:wrap;gap:3px;margin:8px 0 4px;display:flex}.parts span{border:1px solid var(--line);text-align:center;min-width:22px;color:var(--soft);background:#fff;border-radius:4px;padding:1px 3px;font-size:11px}.parts span.got{background:var(--accent);border-color:var(--accent);color:#fff}:root{--on:#fff}h2{margin:0 0 6px;font-size:20px}h3{color:var(--soft);margin:0 0 4px;font-size:14px;font-weight:600}.card{border:1px solid var(--line);background:var(--card);border-radius:10px;margin:0 0 12px;padding:12px 14px}.lead{margin:4px 0;font-size:16px}.controls.two{grid-template-columns:1fr 1fr;margin-top:8px}.actions.stack{display:grid}.btn{color:var(--on)}.btn.wide{width:100%}.btn.quiet{color:var(--accent)}.notice{background:color-mix(in srgb, var(--accent) 12%, var(--card));border-radius:8px;margin:10px 0;padding:10px 12px}.notice p{margin:0 0 8px}.notice p:last-child{margin-bottom:0}.tip{min-height:1.4em;color:var(--soft);margin:4px 0;font-size:14px}.trouble{color:var(--soft);margin-top:14px;font-size:14px}.trouble summary,#tester summary{cursor:pointer;min-height:44px;color:var(--accent);align-items:center;display:flex}.trouble ul{margin:4px 0 8px;padding-left:20px}.check{color:var(--ink);align-items:center;gap:8px;margin:10px 0;font-size:14px;display:flex}.check input{width:18px;height:18px;min-height:0}section>.stage{margin-top:8px}:root[data-style=clean]{--accent:#25313c;--bg:#f7f8fa}:root[data-style=coastal]{--accent:#214e5a;--bg:#f3f7f6}:root[data-style=blush]{--accent:#684950;--bg:#fbf6f3}:root[data-style=dusk]{--accent:#494370;--bg:#f2f1f7}:root[data-style=canyon]{--accent:#84412d;--bg:#f7efe4}:root[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f1ece4;--soft:#b9c2bd;--line:#3a4743;--card:#1a2522;--bg:#121a18;--accent:#9cc5b4;--on:#0f2a24;--ok:#8fcba8;--bad:#f09a8a}:root[data-mode=dark][data-style=clean]{--bg:#11161c;--card:#1a2129;--accent:#8ca8ba;--on:#0f161c}:root[data-mode=dark][data-style=coastal]{--bg:#0c1a20;--card:#13272f;--accent:#7fbcbc;--on:#08222a}:root[data-mode=dark][data-style=blush]{--bg:#1d141b;--card:#291d27;--accent:#dc9fa2;--on:#2c1420}:root[data-mode=dark][data-style=dusk]{--bg:#161427;--card:#1f1c35;--accent:#b5a9e0;--on:#1a1632}:root[data-mode=dark][data-style=canyon]{--bg:#1b1410;--card:#261c16;--accent:#cd9173;--on:#2a150a}:root[data-mode=dark] .parts span{background:var(--card)}:root[data-mode=dark] .parts span.got{color:var(--on)}