@font-face{font-family:StageDisplay;src:url(/assets/StageDisplay-Dflw8zVR.ttf)format("truetype");font-display:swap}@font-face{font-family:StageMono;src:url(/assets/StageMono-HbuSR9UE.ttf)format("truetype");font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--panel:#050c12c7;--panel-strong:#050c12e6;--line:#ffffff1f;--text:#f4fbff;--muted:#e2eff7b8;--accent:#43deff;--success:#7effc8;--danger:#ff8f8f;--shadow:0 24px 60px #00000057}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:StageDisplay,DejaVu Sans,sans-serif;overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell{background:#000;width:100vw;height:100dvh;position:relative;overflow:hidden}.viewer-stage,.viewer-stage__viewport,.viewer-stage__player,.viewer-stage__player iframe,.viewer-stage__iframe,.viewer-stage__blank,.direct-360,.direct-360 canvas,.direct-video-360{width:100%;height:100%;position:absolute;inset:0}.viewer-stage{background:#000;overflow:hidden}.viewer-stage__blank{background:radial-gradient(circle at 50% 24%,#43deff1f,#0000 24rem),#000}.viewer-stage__iframe{background:#000;border:0}.viewer-stage__cover{pointer-events:none;background:linear-gradient(#0000004d,#0000 18% 78%,#00000057),radial-gradient(circle at 0 0,#0003,#0000 24rem);position:absolute;inset:0}.viewer-stage__home{z-index:5;background:radial-gradient(circle at 50% 30%,#43deff1f,#0000 22rem),linear-gradient(#000000c2,#000000e6);place-items:center;padding:24px;transition:opacity .22s,visibility .22s;display:grid;position:absolute;inset:0}.viewer-stage__home--hidden{opacity:0;visibility:hidden;pointer-events:none}.viewer-stage__home-card{border:1px solid var(--line);width:min(780px,100vw - 32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#060e16d6;border-radius:28px;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px;display:grid}.viewer-stage__home-copy,.viewer-stage__examples,.viewer-stage__error{grid-column:1/-1}.viewer-stage__input{min-width:0;min-height:52px;color:var(--text);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;padding:0 18px}.viewer-stage__input::placeholder{color:#e2eff77a}.viewer-stage__error{color:var(--danger);text-align:center;margin:0}.viewer-stage__home-copy{gap:8px;padding:4px 4px 0;display:grid}.viewer-stage__home-text{color:var(--text);margin:0;font-size:.96rem;line-height:1.5}.viewer-stage__home-text--muted{color:var(--muted);font-size:.88rem}.viewer-stage__examples{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;display:grid}.viewer-stage__example{min-height:182px;color:var(--text);text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;gap:10px;padding:10px;transition:transform .14s,border-color .14s,background .14s;display:grid}.viewer-stage__example:hover{background:#43deff14;border-color:#43deff47;transform:translateY(-1px)}.viewer-stage__example-thumb{aspect-ratio:16/9;object-fit:cover;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;width:100%;display:block}.viewer-stage__example-thumb--blank{background:radial-gradient(circle at 50% 38%,#43deff2e,#0000 40%),#ffffff0d}.viewer-stage__example-meta{gap:4px;padding:0 4px 2px;display:grid}.viewer-stage__example-meta span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.viewer-stage__example-meta strong{font-family:StageMono,DejaVu Sans Mono,monospace;font-size:.9rem}.viewer-stage__hud{z-index:8;pointer-events:none;position:absolute;inset:0}.viewer-stage__toolbar,.viewer-stage__settings,.webcam-preview{pointer-events:auto}.viewer-stage__toolbar{flex-wrap:wrap;gap:10px;width:min(680px,100vw - 32px);display:flex;position:absolute;top:16px;left:16px}.primary-button,.surface-button,.icon-button{border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--text);box-shadow:var(--shadow);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;justify-content:center;align-items:center;padding:0 16px;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}.primary-button{background:linear-gradient(135deg,#43deff42,#ffb2742e);border-color:#43deff38}.surface-button--active,.icon-button:hover,.surface-button:hover,.primary-button:hover{transform:translateY(-1px)}.surface-button--active{background:#7effc81f;border-color:#7effc85c}.icon-button{min-width:40px;padding:0 12px}.viewer-stage__settings{border:1px solid var(--line);width:min(440px,100vw - 32px);max-height:min(78dvh,760px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050c12d6;border-radius:22px;padding:16px;position:absolute;top:68px;left:16px;overflow:auto}.viewer-stage__settings-grid{gap:14px;display:grid}.viewer-stage__setting{gap:8px;display:grid}.viewer-stage__setting-row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:.92rem;display:flex}.viewer-stage__setting-row strong{color:var(--text);font-family:StageMono,DejaVu Sans Mono,monospace}.viewer-stage__setting input[type=range]{width:100%;accent-color:var(--accent)}.viewer-stage__toggles,.viewer-stage__readout{flex-wrap:wrap;gap:10px;display:flex}.viewer-stage__toggles{margin-top:16px}.viewer-stage__readout{color:var(--muted);margin-top:16px;font-size:.84rem;line-height:1.4}.viewer-stage__tiny-note{color:var(--muted);margin:14px 0 0;font-size:.82rem;line-height:1.4}.viewer-stage__tiny-note--error{color:var(--danger)}.status-badge,.status-pill{border:1px solid var(--line);text-transform:capitalize;background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:.8rem;display:inline-flex}.status-badge:before,.status-pill:before{content:"";background:#8ca1af;border-radius:50%;width:9px;height:9px}.status-badge--tracking:before,.status-pill--tracking:before{background:var(--success)}.status-badge--ready:before,.status-badge--booting:before,.status-pill--ready:before,.status-pill--booting:before{background:var(--accent)}.status-badge--lost:before,.status-pill--lost:before{background:#ffcf8f}.status-badge--denied:before,.status-badge--error:before,.status-pill--denied:before,.status-pill--error:before{background:var(--danger)}.webcam-preview{border:1px solid var(--line);width:min(300px,100vw - 32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050c12db;border-radius:22px;padding:12px;position:absolute;top:72px;left:16px}.webcam-preview__topline{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.webcam-preview__frame{aspect-ratio:4/3;border:1px solid var(--line);background:#0009;border-radius:16px;position:relative;overflow:hidden}.webcam-preview__video,.webcam-preview__canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.webcam-preview__canvas{pointer-events:none}.webcam-preview__state{color:var(--text);background:#040a10cc;border:1px solid #ffffff1a;border-radius:14px;padding:10px 12px;font-size:.84rem;position:absolute;bottom:10px;left:10px;right:10px}.webcam-preview__state--warning{border-color:#ff8f8f47}.webcam-preview__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0;display:grid}.webcam-preview__metrics div{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:8px 10px}.webcam-preview__metrics dt{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:.64rem}.webcam-preview__metrics dd{margin:0;font-family:StageMono,DejaVu Sans Mono,monospace;font-size:.9rem}.webcam-preview__message{color:var(--muted);margin-top:10px;font-size:.82rem;line-height:1.35}@media (width<=720px){.viewer-stage__home{padding:18px}.viewer-stage__home-card{grid-template-columns:1fr}.viewer-stage__examples{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-stage__toolbar{gap:8px;width:calc(100vw - 24px);top:12px;left:12px}.viewer-stage__settings{width:calc(100vw - 24px);max-height:min(54dvh,640px);top:116px;left:12px}.webcam-preview{width:min(240px,100vw - 24px);top:auto;bottom:12px;left:12px}}@media (width<=520px){.viewer-stage__examples{grid-template-columns:1fr}}