:root{--ink:#e9f3f7;--muted:#8ea3ad;--accent:#60d6ff;--panel:#080c12c7;--line:#60d6ff38;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#05070b;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}[hidden]{display:none!important}button,select{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:8px;padding:.45rem .8rem}button:hover,select:hover{border-color:var(--accent)}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.6;cursor:progress}button.primary{background:var(--accent);color:#031018;border-color:var(--accent);font-weight:600}button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.intro{background:radial-gradient(#05070b59,#05070bd9);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.intro-card{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;max-width:30rem;padding:1.75rem}.intro-card h1{letter-spacing:-.02em;margin:.25rem 0 .75rem;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.1}.intro-card p{color:#c5d4db;margin:0 0 1rem;line-height:1.55}.kicker{letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;color:var(--accent)!important;margin:0!important}.intro-actions{flex-wrap:wrap;gap:.6rem;margin:1.25rem 0;display:flex}.fine{font-size:.82rem;color:var(--muted)!important;margin:0!important}.error{font-size:.9rem;color:#ffb4a8!important;margin:1rem 0 0!important}.hud{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;gap:.6rem;width:15rem;padding:.75rem;font-size:.85rem;display:grid;position:fixed;top:.75rem;right:.75rem}.hud-row{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.hud-row>span:first-child:not(.dot){color:var(--muted)}.hud-row input[type=range]{accent-color:var(--accent);flex:1}.hud-row select{padding:.3rem .5rem}.hud-buttons{justify-content:stretch}.hud-buttons button{flex:1;padding:.35rem .5rem}#status-text{flex:1;color:var(--ink)!important}.dot{background:var(--muted);border-radius:50%;flex:none;width:.55rem;height:.55rem}.dot[data-kind=ok]{background:#6be38a;box-shadow:0 0 8px #6be38a}.dot[data-kind=warn]{background:#ffc35a}.dot[data-kind=pointer]{background:var(--accent)}.preview{aspect-ratio:4/3;background:#000;border-radius:8px;position:relative;overflow:hidden}.preview video,.preview canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}@media (width<=520px){.hud{width:auto;left:.75rem;right:.75rem}}