:root{color:#dbe3e4;background:#010202;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--void: oklch(.075 .006 224);--panel: oklch(.145 .008 224 / .88);--panel-soft: oklch(.185 .009 224 / .64);--ink: oklch(.91 .009 208);--muted: oklch(.68 .012 218);--quiet: oklch(.46 .011 218);--line: oklch(.42 .012 218 / .42);--line-soft: oklch(.35 .012 218 / .32);--accent: oklch(.79 .105 156);--accent-soft: oklch(.79 .105 156 / .16);--warn: oklch(.76 .11 82);--bad: oklch(.66 .14 28);--radius: 7px;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--void)}button{font:inherit}.scene{display:block;width:100%;height:100%;touch-action:none;background:var(--void)}.access-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#000}.access-form{position:relative;display:grid;place-items:center}.access-input{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;opacity:0;pointer-events:none}.access-slots{display:block;min-width:min(520px,calc(100vw - 48px));min-height:0;padding:0;color:#e7eced;background:transparent;border:0;border-radius:0;font-family:SF Mono,Cascadia Mono,Roboto Mono,ui-monospace,monospace;font-size:clamp(36px,8vw,72px);font-weight:500;letter-spacing:0;line-height:1.1;text-align:center;cursor:text}.access-slots:hover{background:transparent}.access-slots:focus-visible{outline:1px solid oklch(.94 .006 208 / .35);outline-offset:18px}.access-gate.denied .access-slots{animation:access-denied .18s ease-in-out}@keyframes access-denied{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.boot-overlay{position:fixed;top:16px;left:16px;z-index:12;width:min(220px,calc(100vw - 32px));min-height:36px;color:var(--ink);pointer-events:none;animation:boot-overlay-hide 1ms linear 1.68s forwards}.boot-version{position:absolute;top:0;left:9.4ch;width:0;max-width:6ch;overflow:hidden;color:var(--ink);font-size:11px;font-weight:650;letter-spacing:.08em;line-height:1;text-align:left;text-transform:uppercase;white-space:nowrap;animation:boot-typeout .42s steps(6,end) .48s forwards,boot-fade-out .36s var(--ease-out-quart) 1.32s forwards}.boot-details{position:absolute;top:16px;left:0;display:grid;gap:3px;color:var(--quiet);font-size:9px;font-weight:600;letter-spacing:.06em;line-height:1.15;text-transform:uppercase}.boot-detail-line{display:block;width:0;overflow:hidden;white-space:nowrap;animation:boot-typeout-detail var(--detail-duration, .76s) steps(var(--detail-steps, 24),end) var(--detail-delay, .42s) forwards,boot-fade-out .36s var(--ease-out-quart) 1.32s forwards}.boot-detail-user{max-width:31ch;--detail-width: 31ch;--detail-duration: .78s;--detail-steps: 31;--detail-delay: .32s}.boot-detail-deployment{max-width:17ch;--detail-width: 17ch;--detail-duration: .52s;--detail-steps: 17;--detail-delay: .5s}.hud-shell,.viewport-overlay,.debug-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.debug-overlay[hidden]{display:none}.debug-reticle{position:absolute;left:50%;top:50%;width:176px;height:176px;border:1px solid oklch(.79 .105 156 / .74);border-radius:50%;filter:drop-shadow(0 2px 5px oklch(.03 .006 224 / .46));transform:translate(-50%,-50%)}.debug-reticle:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;background:#80cf9e;border-radius:50%;transform:translate(-50%,-50%)}.debug-status-icons{position:absolute;top:20px;left:50%;display:flex;gap:16px;align-items:center;transform:translate(-50%)}.debug-status-icons[hidden]{display:none}.debug-sensor{min-width:52px;color:#80cf9e61;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1;text-align:center;text-transform:uppercase}.debug-sensor.on{color:#80cf9e}.control-gizmo{--gizmo-yaw: 0deg;--gizmo-pitch: 0deg;position:fixed;left:16px;bottom:16px;z-index:12;display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px 9px;align-items:center;width:164px;min-height:46px;color:var(--ink);opacity:.08;pointer-events:auto;transform:translateZ(0);transition:bottom .18s var(--ease-out-quart),opacity .18s var(--ease-out-quart)}.control-gizmo.with-replay{bottom:66px}.control-gizmo:hover,.control-gizmo:focus-within{opacity:1}.control-gizmo-dial{position:relative;grid-row:1 / 3;width:34px;height:34px;border:1px solid oklch(.79 .105 156 / .36);border-radius:50%;background:radial-gradient(circle at 50% 50%,oklch(.91 .009 208 / .2) 0 2px,transparent 3px),#01020275;box-shadow:0 8px 20px #0000003d;transform:rotate(var(--gizmo-yaw))}.control-gizmo-axis{position:absolute;left:50%;top:50%;width:22px;height:1px;transform-origin:left center}.control-gizmo-axis:after{content:"";position:absolute;right:-2px;top:-2px;width:5px;height:5px;border-radius:50%;background:currentColor}.x-axis{color:#db6d60;transform:rotate(0)}.y-axis{color:#80cf9e;transform:rotate(calc(-90deg + var(--gizmo-pitch) * .34))}.z-axis{width:17px;color:#6c9fd8;transform:rotate(135deg)}.control-gizmo-dot{position:absolute;left:50%;top:50%;width:5px;height:5px;background:var(--ink);border-radius:50%;transform:translate(-50%,-50%)}.control-gizmo-label,.control-gizmo-pose{min-width:0;overflow:hidden;opacity:0;text-overflow:ellipsis;white-space:nowrap;transition:opacity .16s var(--ease-out-quart),transform .18s var(--ease-out-quart)}.control-gizmo:hover .control-gizmo-label,.control-gizmo:hover .control-gizmo-pose,.control-gizmo:focus-within .control-gizmo-label,.control-gizmo:focus-within .control-gizmo-pose{opacity:1}.control-gizmo-label{color:var(--ink);font-size:10px;font-weight:700;letter-spacing:.07em;line-height:1}.control-gizmo-pose{color:var(--quiet);font-size:9px;font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:0;line-height:1}.corner{position:fixed;z-index:11;min-width:96px;min-height:88px;display:grid;color:var(--ink);isolation:isolate;pointer-events:auto}.upper{top:0;align-content:start}.lower{bottom:0;align-content:end}.left{left:0;justify-items:start;text-align:left}.right{right:0;justify-items:end;text-align:right}.corner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;background:radial-gradient(circle at var(--veil-x, 100%) var(--veil-y, 0%),oklch(.115 .008 224 / .9),oklch(.115 .008 224 / .5) 38%,transparent 74%);transition:opacity .22s var(--ease-out-quart)}.left:before{--veil-x: 0%}.right:before{--veil-x: 100%}.upper:before{--veil-y: 0%}.lower:before{--veil-y: 100%}.corner:hover:before,.corner:focus-within:before,.corner.pinned:before{opacity:1}.corner-summary{position:absolute;min-height:28px;display:flex;gap:6px;align-items:center;margin:16px;opacity:0;transform:translateZ(0);transition:opacity .16s var(--ease-out-quart),transform .22s var(--ease-out-expo)}.corner-panel{position:absolute;width:min(196px,calc(100vw - 32px));display:grid;gap:10px;margin:16px;padding:0;opacity:0;pointer-events:none;transform:translate3d(0,-6px,0);transform-origin:top var(--origin-x, right);transition:opacity .18s var(--ease-out-quart),transform .24s var(--ease-out-expo);will-change:opacity,transform}.upper .corner-summary,.upper .corner-panel{top:0}.lower .corner-summary,.lower .corner-panel{bottom:0}.left .corner-summary,.left .corner-panel{left:0}.right .corner-summary,.right .corner-panel{right:0}.lower.left:hover .corner-summary,.lower.left:focus-within .corner-summary,.lower.left.pinned .corner-summary,.right:hover .corner-summary,.right:focus-within .corner-summary,.right.pinned .corner-summary{opacity:0;transform:translate3d(0,var(--summary-away, 4px),0)}.upper.right:hover .corner-summary,.upper.right:focus-within .corner-summary,.upper.right.pinned .corner-summary{--summary-away: -4px}.left .corner-panel{--origin-x: left}.lower .corner-panel{transform:translate3d(0,6px,0);transform-origin:bottom var(--origin-x, right)}.corner:hover .corner-panel,.corner:focus-within .corner-panel,.corner.pinned .corner-panel{opacity:1;pointer-events:auto;transform:translateZ(0)}.corner.pinned:not(:hover):not(:focus-within) .corner-panel{opacity:.7}.corner.pinned:not(:hover):not(:focus-within):before{opacity:.2}.settings-stack{width:min(172px,calc(100vw - 32px));gap:9px;justify-items:stretch}.quality-stack{width:min(184px,calc(100vw - 32px));gap:9px}.brand-corner.pinned:not(:hover):not(:focus-within) .corner-panel{opacity:1}.brand-corner.pinned:not(:hover):not(:focus-within):before{opacity:0}.brand-stack{width:min(300px,calc(100vw - 32px));gap:10px;justify-items:stretch}.brand-label{color:var(--ink);font-size:13px;font-weight:650;letter-spacing:.08em;line-height:1;text-transform:uppercase;white-space:nowrap}.live-settings{display:grid;gap:10px;width:100%}.live-setting-row{display:grid;gap:3px;justify-items:start;text-align:left}.live-setting-title{min-width:0;overflow:hidden;color:var(--quiet);font-size:9px;font-weight:650;letter-spacing:.07em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.live-setting-input{width:100%;min-width:0;height:24px;padding:0 6px;color:var(--ink);background:#0102028f;border:1px solid var(--line-soft);border-radius:0;font:inherit;font-size:10px;font-weight:600;letter-spacing:0;line-height:1;outline:none}.live-setting-input:focus{border-color:var(--accent)}.live-setting-value{width:100%;height:22px;padding:0;overflow:hidden;color:var(--ink);background:transparent;border:0;font:inherit;font-size:10px;font-weight:600;letter-spacing:0;line-height:1;outline:none;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.live-setting-value:hover,.live-setting-value:focus-visible{color:var(--accent)}.live-setting-row.invalid-flash .live-setting-title,.live-setting-row.invalid-flash .live-setting-value,.live-setting-row.invalid-flash .live-setting-input{color:var(--bad);border-color:var(--bad);animation:live-setting-invalid .32s var(--ease-out-quart) 2}.setting-row{display:grid;gap:3px;justify-items:end;text-align:right}.mode-setting-row{justify-items:start;text-align:left}.brand-corner.pinned .mode-setting-row{opacity:0;transform:translate3d(0,-4px,0);animation:mode-reveal .22s var(--ease-out-quart) 1.68s forwards}.mode-setting-row .setting-value{max-width:none;text-align:left}.mode-setting-row .setting-title{justify-self:start}.path-export-actions{display:grid;gap:8px}.path-export-row{justify-items:start;text-align:left}.path-export-row .setting-title{justify-self:start}.path-export-button{max-width:none;text-align:left}.path-export-button:disabled{cursor:default;opacity:.42}.left .setting-row{justify-items:start;text-align:left}.setting-row,.metric-row{opacity:0;transform:translate3d(0,-4px,0);transition:opacity .18s var(--ease-out-quart),transform .24s var(--ease-out-expo);transition-delay:calc(var(--item-index, 0) * 24ms)}.lower .setting-row,.lower .metric-row{transform:translate3d(0,4px,0)}.corner:hover .setting-row,.corner:hover .metric-row,.corner:focus-within .setting-row,.corner:focus-within .metric-row,.corner.pinned .setting-row,.corner.pinned .metric-row{opacity:1;transform:translateZ(0)}.corner.brand-corner.pinned .mode-setting-row{opacity:0;transform:translate3d(0,-4px,0);animation:mode-reveal .22s var(--ease-out-quart) 1.68s forwards}.setting-title,.metric-title{display:block;min-width:0;overflow:hidden;color:var(--quiet);font-size:10px;font-weight:650;letter-spacing:.07em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.left .setting-title{text-align:left}.right .setting-title{text-align:right}.setting-value{width:100%;min-width:0;max-width:132px;height:22px;padding:0;overflow:hidden;color:var(--ink);background:transparent;border:0;font-size:12px;font-weight:650;letter-spacing:0;line-height:1;outline:none;text-align:right;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .16s var(--ease-out-quart),transform .16s var(--ease-out-quart)}.left .setting-value{text-align:left}.right .setting-value{text-align:right}.setting-value:hover,.setting-value:focus-visible{color:var(--accent)}.setting-value:active{transform:translate3d(0,1px,0)}.setting-value.cycling{animation:value-cycle .16s var(--ease-out-expo)}.metric-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;justify-items:stretch;min-width:168px}.metric-value{min-width:0;overflow:hidden;color:var(--ink);font-size:12px;font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:.01em;line-height:1;text-align:right;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.metric-meter{grid-column:1 / -1;height:1px;overflow:hidden;background:#343c3f2e;border-radius:999px}.metric-meter:before{content:"";display:block;width:100%;height:100%;background:var(--accent);opacity:.62;transform:scaleX(var(--meter-scale, .02));transform-origin:left;transition:transform .22s var(--ease-out-quart)}.sparkline{grid-column:1 / -1;height:10px;display:grid;grid-auto-flow:column;grid-auto-columns:2px;justify-content:end;align-items:end;gap:2px;overflow:hidden}.sparkline span{display:block;width:2px;height:10px;background:#80cf9e94;border-radius:1px;transform:scaleY(var(--bar-scale, .16));transform-origin:bottom;transition:transform .22s var(--ease-out-quart)}.live-chip{width:auto;height:auto;display:grid;grid-template-columns:1fr auto;align-items:center;justify-content:stretch;gap:4px 10px;padding:0;color:var(--quiet);background:transparent;border:0;box-shadow:none}.live-dot{width:6px;height:6px;flex:0 0 auto;background:currentColor;border-radius:50%;box-shadow:0 0 0 3px currentColor;opacity:.58}.live-label{min-width:0;overflow:hidden;font-size:12px;font-weight:650;letter-spacing:.01em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.live-value{display:inline-flex;align-items:center;gap:8px}.live-chip.live{color:var(--accent);border-color:#80cf9e47}.live-chip.live .live-dot{animation:live-breathe 1.8s var(--ease-out-quart) infinite}.live-chip.waiting-capturer{color:var(--warn);border-color:#d4aa5a40}.live-chip.capturer-stalled{color:var(--warn);border-color:#d4aa5a38}.live-chip.capturer-stalled .live-dot{animation:live-breathe .76s var(--ease-out-quart) infinite}.live-chip.edge-offline{color:var(--quiet)}.hud-shell.mode-stream .path-capture-slider,.hud-shell:not(.mode-path) .path-export-actions,.hud-shell:not(.mode-path) .path-keyframes,.hud-shell:not(.mode-path) .path-curves,.hud-shell.mode-path .replay-timeline,.hud-shell.mode-path .control-gizmo,.hud-shell.mode-path .quality-stack>:not(.path-curves){display:none!important}.replay-stack{width:min(300px,calc(100vw - 32px))}.path-stack{width:min(390px,calc(100vw - 32px))}.path-keyframes{display:grid;gap:5px;width:min(360px,calc(100vw - 32px));min-height:0;overflow:hidden;pointer-events:auto}.path-capture-slider{position:fixed;left:0;top:50%;z-index:12;width:16px;height:240px;color:var(--ink);pointer-events:auto;transform:translateY(-50%)}.hud-shell.mode-path .replay-corner{width:376px;min-height:0;pointer-events:none}.hud-shell.mode-path .replay-corner .corner-panel{position:fixed;left:16px;bottom:16px;display:grid;width:360px;max-height:min(44vh,390px);margin:0;opacity:1;overflow:hidden;pointer-events:auto;transform:none}.hud-shell.mode-path .corner.lower.right{left:392px;right:16px;bottom:16px;width:auto;min-height:0;pointer-events:none}.hud-shell.mode-path .quality-stack{position:fixed;left:392px;right:16px;bottom:16px;width:auto;height:min(25vh,220px);max-height:min(25vh,220px);margin:0;opacity:1;overflow:hidden;pointer-events:auto;transform:none}.path-capture-slider input{position:absolute;left:-112px;top:111px;width:240px;height:16px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;transform:rotate(-90deg);transform-origin:center}.path-capture-slider input::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,var(--accent) 0 var(--capture-progress),oklch(.46 .011 218 / .42) var(--capture-progress) 100%)}.path-capture-slider input::-webkit-slider-thumb{width:6px;height:14px;margin-top:-6.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ink);border:0;border-radius:1px}.path-traversal{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:6px 10px;align-items:center}.path-preview-play{position:relative;height:16px;padding:0;color:var(--quiet);background:transparent;border:0;outline:none;cursor:pointer}.path-preview-play{width:16px}.path-preview-play:before{content:"";position:absolute;left:5px;top:4px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor}.path-preview-play[data-playing=true]:before,.path-preview-play[data-playing=true]:after{content:"";position:absolute;top:4px;width:2px;height:8px;background:var(--accent);border:0}.path-preview-play[data-playing=true]:before{left:5px}.path-preview-play[data-playing=true]:after{left:9px}.path-preview-play:hover,.path-preview-play:focus-visible{color:var(--accent)}.path-traversal-slider{--timeline-progress: 0%;width:100%;min-width:0;height:14px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.path-traversal-slider::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,var(--accent) 0 var(--timeline-progress),oklch(.46 .011 218 / .42) var(--timeline-progress) 100%)}.path-traversal-slider::-webkit-slider-thumb{width:8px;height:8px;margin-top:-3.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ink);border:0;border-radius:50%}.path-traversal-time{min-width:84px;color:var(--quiet);font-size:9px;font-variant-numeric:tabular-nums;font-weight:650;line-height:1;text-align:right}.path-camera-preview{display:flex;align-items:center;width:100%;aspect-ratio:16 / 9;padding:3px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.path-preview-canvas{display:block;width:100%;height:100%;background:var(--void);border:1px solid var(--line-soft)}.path-panel-header,.path-curve-title{display:flex;align-items:center;justify-content:space-between;min-width:0;color:var(--quiet);font-size:10px;font-weight:700;letter-spacing:.07em;line-height:1;text-transform:uppercase}.path-section-key{width:16px;height:16px;padding:0;color:var(--quiet);background:transparent;border:1px solid var(--line);border-radius:50%;font-size:11px;font-weight:700;line-height:1;outline:none;cursor:pointer}.path-section-key[data-keyed=true],.path-section-key:hover,.path-section-key:focus-visible{color:var(--accent);border-color:var(--accent)}.path-add-key{width:18px;height:18px;padding:0;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:50%;font-size:13px;font-weight:650;line-height:1;outline:none;cursor:pointer}.path-add-key:hover,.path-add-key:focus-visible{color:var(--accent);border-color:var(--accent)}.path-keyframe-list{display:grid;gap:5px;min-height:0;max-height:min(8vh,70px);overflow:auto;padding-right:3px}.path-keyframe-row{display:grid;grid-template-columns:54px minmax(0,1fr);gap:3px 10px;align-items:start;width:100%;padding:4px 0;color:var(--quiet);background:transparent;border:0;border-top:1px solid var(--line-soft);font:inherit;outline:none;text-align:left;cursor:pointer}.path-keyframe-row[data-selected=true],.path-keyframe-row:hover,.path-keyframe-row:focus-visible{color:var(--ink)}.path-keyframe-row[data-selected=true]{background:#e4e6d71f;border-top-color:#80cf9e85}.path-keyframe-time,.path-keyframe-pose,.path-keyframe-meta{min-width:0;overflow:hidden;font-variant-numeric:tabular-nums;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.path-keyframe-time{width:44px;padding:0;color:var(--accent);background:transparent;border:0;font-size:10px;font:inherit;font-variant-numeric:tabular-nums;font-weight:720;letter-spacing:.04em;outline:none}.path-keyframe-pose{color:inherit;font-size:10px;font-weight:650}.path-keyframe-meta{grid-column:2;color:var(--quiet);font-size:9px;font-weight:650}.path-curves{display:grid;gap:0;grid-template-rows:repeat(4,minmax(0,1fr));width:100%;height:100%;overflow:hidden;pointer-events:auto}.path-curve-panel{display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px;align-items:center;width:100%;min-height:0;padding:4px 0;overflow:hidden;border-top:1px solid var(--line-soft)}.path-curve-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-curve-svg{width:100%;height:clamp(30px,4.4vh,40px);overflow:visible;background:linear-gradient(90deg,transparent 0 24%,var(--line-soft) 24.5% 25%,transparent 25.5% 49%,var(--line-soft) 49.5% 50%,transparent 50.5% 74%,var(--line-soft) 74.5% 75%,transparent 75.5%),linear-gradient(180deg,transparent 0 49%,var(--line-soft) 49.5% 50%,transparent 50.5%);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);cursor:crosshair}.path-curve-line{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-width:1.8;vector-effect:non-scaling-stroke}.path-curve-line.channel-1{stroke:#70b1ed}.path-curve-line.channel-2{stroke:#d4aa5a}.path-curve-playhead{stroke:color-mix(in oklab,var(--ink) 78%,transparent);stroke-dasharray:3 4;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}.path-curve-point{fill:var(--void);stroke:var(--accent);stroke-width:1.8;cursor:default;vector-effect:non-scaling-stroke}.path-curve-point.channel-1{stroke:#70b1ed}.path-curve-point.channel-2{stroke:#d4aa5a}.path-curve-point[data-selected=true]{fill:var(--ink);stroke:var(--ink);cursor:ns-resize}.replay-timeline{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;width:100%;padding:0;pointer-events:auto}.replay-timeline-rail{display:flex;align-items:center;gap:8px;min-width:0}.replay-timeline-time{min-width:0;overflow:hidden;color:var(--quiet);font-size:10px;font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:0;line-height:1;text-align:right;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.replay-timeline-toggle{position:relative;width:12px;height:12px;flex:0 0 12px;padding:0;background:transparent;border:0;outline:none;cursor:pointer}.replay-timeline-toggle:before,.replay-timeline-toggle:after{content:"";position:absolute;top:2px;height:8px;background:var(--quiet);transition:background .16s var(--ease-out-quart)}.replay-timeline-toggle:before{left:3px;width:0;height:0;background:transparent;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--quiet)}.replay-timeline-toggle:after{display:none}.replay-timeline-toggle[data-playing=true]:before,.replay-timeline-toggle[data-playing=true]:after{display:block;width:2px;height:8px;background:var(--accent);border:0}.replay-timeline-toggle[data-playing=true]:before{left:3px}.replay-timeline-toggle[data-playing=true]:after{left:7px}.replay-timeline-toggle:hover:before,.replay-timeline-toggle:focus-visible:before{border-left-color:var(--accent)}.replay-timeline-toggle:disabled{cursor:default;opacity:.42}.replay-timeline-scrubber{--timeline-progress: 0%;width:100%;min-width:140px;height:12px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.replay-timeline-scrubber:disabled{cursor:default;opacity:.42}.replay-timeline-scrubber::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,var(--accent) 0 var(--timeline-progress),oklch(.46 .011 218 / .42) var(--timeline-progress) 100%)}.replay-timeline-scrubber::-webkit-slider-thumb{width:7px;height:7px;margin-top:-3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ink);border:0;border-radius:50%;box-shadow:0 0 0 2px #010202e6}.replay-timeline-scrubber::-moz-range-track{height:1px;background:#525a5c6b}.replay-timeline-scrubber::-moz-range-progress{height:1px;background:var(--accent)}.replay-timeline-scrubber::-moz-range-thumb{width:7px;height:7px;background:var(--ink);border:0;border-radius:50%}.file-input{display:none}@keyframes value-cycle{0%{opacity:.62;transform:translate3d(0,-2px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes live-breathe{0%,to{opacity:.62;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@keyframes boot-typeout{0%{width:0}to{width:6ch}}@keyframes boot-typeout-detail{0%{width:0}to{width:var(--detail-width, 100%)}}@keyframes boot-fade-out{to{opacity:0}}@keyframes boot-overlay-hide{to{visibility:hidden}}@keyframes brand-reveal{0%{opacity:0}to{opacity:1}}@keyframes mode-reveal{to{opacity:1;transform:translateZ(0)}}@keyframes live-setting-invalid{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 720px){.corner{min-width:88px;min-height:76px}.corner-summary,.corner-panel{margin:10px}.corner-panel{width:min(178px,calc(100vw - 20px))}.settings-stack{width:min(172px,calc(100vw - 20px));row-gap:8px}.quality-stack{width:min(178px,calc(100vw - 20px))}.replay-stack{width:min(280px,calc(100vw - 20px))}.brand-stack{width:min(300px,calc(100vw - 20px))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
