*{-moz-box-sizing:border-box;box-sizing:border-box}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.2}table{border-collapse:collapse;border-spacing:0}ol{padding-left:1.4em;list-style:decimal}ul{padding-left:1.4em;list-style:square}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}:root{--breakpoint-md: 900px}:root{--color-bg-app: #05091a;--color-surface-sunken: #0a1330;--color-panel-bg: #0b1637;--color-on-accent: var(--color-panel-bg);--color-panel-header-bg: #0e1b40;--color-tab-active-bg: #122152;--color-button-secondary-bg: #152a5c;--color-button-secondary-bg-hover: #1d3670;--color-row-selected-bg: #172e62;--color-row-hover-bg: #142654;--color-chip-active-bg: #1e3b7a;--color-badge-info-bg: #12285c;--color-border-panel: #1e3364;--color-border-subtle: #1b2e5c;--color-border-muted: #23386b;--color-border-control: #26406f;--color-border-row: #142653;--color-border-badge-info: #2a4a8f;--color-slate-500: #3a4e7e;--color-scrollbar-thumb-hover: #35538f;--color-accent: #ffc81e;--color-accent-hover: #ffe07a;--color-accent-overlay: rgba(255, 200, 30, .92);--color-accent-overlay-border: rgba(255, 200, 30, .5);--color-accent-fade-top: rgba(255, 200, 30, .3);--color-accent-fade-bottom: rgba(255, 200, 30, 0);--color-text-max: #ffffff;--color-text-primary: #eaf0ff;--color-text-button: #bfd0f5;--color-text-secondary: #b9c8ec;--color-text-tertiary: #8fa3ce;--color-text-hud-label: #7e93c4;--color-text-muted: #6f86b8;--color-text-dim: #5a6e9e;--color-text-disabled: #4e608e;--color-text-info: #7fa8ff;--color-state-ok: #6fe3a8;--color-state-ok-border: rgba(111, 227, 168, .45);--color-state-warn: #ff9e4e;--color-state-danger: #ff5a4e;--color-state-info: #5b9bff;--color-axis-x: var(--color-state-danger);--color-axis-y: var(--color-state-ok);--color-axis-z: var(--color-state-info);--color-zbuf-near: var(--color-state-ok);--color-zbuf-mid: var(--color-state-info);--color-zbuf-far: #2c4a8a;--color-ft-transform: var(--color-accent);--color-ft-clip: var(--color-state-info);--color-ft-raster: var(--color-state-ok);--color-ft-present: var(--color-slate-500);--color-ft-present-text: var(--color-text-tertiary);--color-swatch-red: #e01b1b;--color-swatch-yellow: var(--color-accent);--color-swatch-green: var(--color-state-ok);--color-swatch-blue: var(--color-state-info);--color-swatch-white: #ffffff;--color-hud-bg: rgba(5, 9, 26, .82);--color-hud-bg-dense: rgba(5, 9, 26, .85);--color-hud-bg-gizmo: rgba(5, 9, 26, .7);--color-hud-border: rgba(255, 255, 255, .14);--color-hud-border-strong: rgba(255, 255, 255, .16);--color-crosshair: rgba(255, 255, 255, .55);--color-crosshair-dim: rgba(255, 255, 255, .5)}:root{--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--text-2xs: 7px;--text-xs: 8px;--text-sm: 9px;--text-base: 10px;--text-md: 11px;--text-lg: 11.5px;--text-xl: 12px;--text-2xl: 13px;--text-3xl: 14px;--text-4xl: 22px;--text-5xl: 26px;--leading-none: 1;--leading-tight: 1.05;--leading-snug: 1.2;--leading-hud: 1.3;--leading-relaxed: 1.55;--tracking-tight: -.01em;--tracking-normal: .04em;--tracking-chip: .06em;--tracking-xs: .08em;--tracking-sm: .09em;--tracking-md: .1em;--tracking-lg: .11em;--tracking-xl: .12em;--tracking-2xl: .14em;--tracking-3xl: .16em}:root{--space-0: 0;--space-px: 1px;--space-0-5: 2px;--space-1: 3px;--space-1-5: 4px;--space-2: 5px;--space-2-5: 6px;--space-3: 7px;--space-4: 8px;--space-4-5: 9px;--space-5: 10px;--space-5-5: 11px;--space-6: 12px;--space-7: 14px}:root{--radius-xs: 1px;--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--radius-full: 50%;--radius-bar-top: 1px 1px 0 0}:root{--size-page-pad: 8px;--size-stack-gap: 8px;--size-sidebar-w: clamp(216px, 18vw, 320px);--size-inspector-w: clamp(248px, 20vw, 360px);--size-viewport-h: 530px;--size-toolbar-h: 40px;--size-statusbar-h: 24px;--size-canvas-w: 1024px;--size-canvas-h: 640px;--size-canvas-ratio: 1.6;--size-sidebar-min: 200px;--size-inspector-min: 232px;--size-viewport-min-h: 320px;--size-telemetry-min-h: 290px;--size-card-min-w: 160px;--size-touch-min: 44px;--size-panel-header: 24px;--size-panel-header-card: 22px;--size-button: 26px;--size-button-primary: 26px;--size-button-reset: 26px;--size-tab: 26px;--size-chip-shape: 44px;--size-chip-mode: 26px;--size-chip-tex: 24px;--size-chip-view: 24px;--size-chip-proj: 24px;--size-chip-quick: 24px;--size-hud-chip: 22px;--size-hud-chip-sm: 22px;--size-picker-min-h: 320px;--size-toggle-w: 62px;--size-toggle-h: 19px;--size-toggle-row: 26px;--size-slider-input: 15px;--size-slider-label-col: 66px;--size-slider-value-col: 44px;--size-row-info: 19px;--size-row-scene: 26px;--size-row-stat: auto;--size-scene-kind-col: 26px;--size-vis-button: 14px;--size-swatch-w: 22px;--size-swatch-h: 18px;--size-brand-mark: 16px;--size-rec-dot: 6px;--size-legend-swatch: 7px;--size-ft-bar: 12px;--size-budget-bar: 6px;--size-fps-canvas: auto;--size-zbuf-h: auto;--size-gizmo: 66px;--size-gizmo-axis: 24px;--size-crosshair: 24px;--size-selection-box: 190px;--size-selection-corner: 14px;--size-selection-label-h: 16px;--size-camera-readout-minw: 148px;--size-tooltip-max-w: 220px;--size-divider-toolbar: 20px;--size-divider-status: 11px;--size-divider-hud: 10px;--size-scrollbar: 8px;--size-range-track: 3px;--size-range-thumb-w: 9px;--size-range-thumb-h: 15px;--size-story-rule-w: 28px;--size-story-rule-h: 2px;--size-hairline: 1px;--size-mark: 2px;--size-appbar-h: 52px;--size-actionrow-h: 40px;--size-appbar-fps-chip: 30px;--size-pause-minw: 84px}@media(max-width:899px){:root{--size-page-pad: 10px;--size-stack-gap: 10px;--size-panel-header: 26px;--size-panel-header-card: 26px;--size-button: 40px;--size-button-primary: 36px;--size-button-reset: 48px;--size-tab: 44px;--size-chip-shape: 56px;--size-chip-mode: 44px;--size-chip-tex: 40px;--size-chip-view: 40px;--size-chip-proj: 40px;--size-chip-quick: 46px;--size-hud-chip-sm: 20px;--size-toggle-w: 88px;--size-toggle-h: 32px;--size-toggle-row: 48px;--size-slider-input: 26px;--size-slider-label-col: 46px;--size-row-info: 24px;--size-row-scene: 44px;--size-row-stat: 28px;--size-scene-kind-col: 28px;--size-vis-button: 30px;--size-swatch-w: 38px;--size-swatch-h: 32px;--size-brand-mark: 18px;--size-ft-bar: 14px;--size-budget-bar: 8px;--size-fps-canvas: 64px;--size-zbuf-h: 76px;--size-gizmo: 52px;--size-gizmo-axis: 17px;--size-crosshair: 20px;--size-selection-corner: 12px;--size-divider-hud: 9px}}:root{--blur-hud: blur(3px);--elevation-hud-bg: var(--color-hud-bg);--elevation-hud-bg-dense: var(--color-hud-bg-dense);--elevation-hud-bg-gizmo: var(--color-hud-bg-gizmo);--elevation-hud-border: var(--color-hud-border);--elevation-opacity-pending: .55;--layer-sticky: 6}:root{--duration-blink: 1.6s;--opacity-blink-min: .15;--duration-fast: .12s;--duration-base: .24s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--duration-chart: .14s;--ease-chart: linear}@keyframes recblink{0%,45%{opacity:1}55%,to{opacity:var(--opacity-blink-min)}}.panel{display:flex;flex-direction:column;background:var(--color-panel-bg);border:var(--size-hairline) solid var(--color-border-panel);border-radius:var(--radius-lg);overflow:hidden}.panel--fill{flex:1;min-height:0}@media(min-width:900px){.panel--seam{background:none;border:0;border-radius:0;overflow:visible}}.panel__header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;height:var(--size-panel-header);padding:0 var(--space-4);background:var(--color-panel-header-bg);border-bottom:var(--size-hairline) solid var(--color-border-panel)}.panel__header--card{height:var(--size-panel-header-card)}.panel__title{font:var(--font-weight-bold) var(--text-sm) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-3xl);color:var(--color-accent);text-transform:uppercase}.panel__note{font:var(--font-weight-regular) var(--text-sm) / var(--leading-none) var(--font-mono);color:var(--color-text-dim)}.panel__body{padding:var(--space-3) var(--space-4)}.panel__body--pad-4{padding:var(--space-4)}.panel__body--scroll{flex:1;min-height:0;overflow:auto}.section-title{font:var(--font-weight-bold) var(--text-sm) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-2xl);color:var(--color-accent);margin-top:var(--space-6);margin-bottom:var(--space-0)}.section-title:first-child{margin-top:var(--space-2)}@media(max-width:899px){.panel__header{padding:0 var(--space-4-5)}.panel__body{padding:var(--space-4-5)}.panel__body--pad-form{padding:var(--space-4-5) var(--space-5-5) var(--space-6)}.panel__body--pad-list{padding:var(--space-2) var(--space-5-5) var(--space-4-5)}.panel__body--pad-stats{padding:var(--space-4) var(--space-5-5) var(--space-5)}.panel__body--pad-chart{padding:var(--space-5)}}.info-list{display:flex;flex-direction:column;gap:var(--space-px)}.info-row{display:flex;align-items:center;justify-content:space-between;height:var(--size-row-info)}.info-row__label{font:var(--font-weight-medium) var(--text-sm) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-lg);color:var(--color-text-muted)}.info-row__value{font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-mono);color:var(--color-text-primary)}.info-row__value--ok{color:var(--color-state-ok)}.stat-list{display:flex;flex-direction:column;gap:var(--space-1-5)}.stat-row{display:flex;align-items:center;justify-content:space-between}.stat-row__label{font:var(--font-weight-medium) var(--text-sm) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-sm);color:var(--color-text-tertiary)}.stat-row__value{font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-mono);color:var(--color-text-primary)}.stat-row__value--ok{color:var(--color-state-ok)}.stat-row__value--warn{color:var(--color-state-warn)}.stat-row__value--info{color:var(--color-state-info)}.stat-row__value--dim{color:var(--color-text-dim)}@media(max-width:899px){.info-list{gap:var(--space-1)}.info-row__label{font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-md)}.info-row__value{font:var(--font-weight-medium) var(--text-md) / var(--leading-none) var(--font-mono)}.stat-row{height:var(--size-row-stat)}.stat-row__label{font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-sm)}.stat-row__value{font:var(--font-weight-medium) var(--text-md) / var(--leading-none) var(--font-mono)}}.btn{display:inline-flex;align-items:center;justify-content:center;height:var(--size-button);border:var(--size-hairline) solid transparent;border-radius:var(--radius-md);white-space:nowrap;cursor:pointer}.btn--primary{height:var(--size-button-primary);padding:0 var(--space-6);background:var(--color-accent);border-color:transparent;font:var(--font-weight-bold) var(--text-base) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-xl);color:var(--color-on-accent)}.btn--secondary{padding:0 var(--space-5);background:var(--color-button-secondary-bg);border-color:var(--color-border-control);font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-md);color:var(--color-text-button)}.btn--code{padding:0 var(--space-5);background:var(--color-surface-sunken);border-color:var(--color-border-muted);font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-mono);color:var(--color-state-ok)}.btn--block{width:100%;height:var(--size-button-reset)}.btn:focus-visible{outline:var(--size-mark) solid var(--color-accent);outline-offset:var(--size-hairline)}@media(hover:hover){.btn--primary:hover{background:var(--color-accent-hover)}.btn--secondary:hover{background:var(--color-button-secondary-bg-hover)}.btn--code:hover{border-color:var(--color-state-ok)}}@media(max-width:899px){.btn--primary{min-width:var(--size-pause-minw);font:var(--font-weight-bold) var(--text-md) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-md)}.btn--secondary{padding:0 var(--space-7)}.btn--block{font:var(--font-weight-bold) var(--text-md) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-xl)}}.tabs{display:flex;flex:0 0 auto;height:var(--size-tab);background:var(--color-panel-header-bg);border-bottom:var(--size-hairline) solid var(--color-border-panel)}.tabs__tab{display:flex;flex:1;align-items:center;justify-content:center;background:transparent;border:0;border-bottom:var(--size-mark) solid transparent;font:var(--font-weight-bold) var(--text-sm) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-xl);color:var(--color-text-muted);cursor:pointer}.tabs__tab.is-active{background:var(--color-panel-bg);border-bottom-color:var(--color-accent);color:var(--color-accent)}.tabs__tab:focus-visible{outline:var(--size-mark) solid var(--color-accent);outline-offset:calc(-1 * var(--size-mark))}@media(max-width:899px){.tabs{border:var(--size-hairline) solid var(--color-border-panel);border-radius:var(--radius-lg);overflow:hidden}.tabs__tab{font:var(--font-weight-bold) var(--text-base) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-md)}.tabs__tab.is-active{background:var(--color-tab-active-bg)}}.chip{display:flex;align-items:center;justify-content:center;background:var(--color-surface-sunken);border:var(--size-hairline) solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer}.chip.is-active{background:var(--color-chip-active-bg);border-color:var(--color-accent);color:var(--color-accent)}.chip-grid{display:grid;grid-template-columns:repeat(var(--chip-cols, 4),1fr);gap:var(--space-1-5)}.chip--shape{flex-direction:column;gap:var(--space-1-5);height:var(--size-chip-shape)}.chip__label{font:var(--font-weight-medium) var(--text-xs) / var(--leading-none) var(--font-mono);letter-spacing:var(--tracking-normal)}.chip__meta{font:var(--font-weight-regular) var(--text-xs) / var(--leading-none) var(--font-mono);color:var(--color-text-dim)}.chip--mode{height:var(--size-chip-mode);font:var(--font-weight-medium) var(--text-sm) / var(--leading-none) var(--font-mono)}.chip--input{padding:0;text-align:center;cursor:text;outline:none;appearance:textfield}.chip--input::-webkit-outer-spin-button,.chip--input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.chip--input::placeholder{color:var(--color-text-dim)}.chip--tex{height:var(--size-chip-tex);font:var(--font-weight-medium) var(--text-sm) / var(--leading-none) var(--font-mono)}.chip--view{height:var(--size-chip-view);font:var(--font-weight-medium) var(--text-xs) / var(--leading-none) var(--font-mono)}.chip--proj{flex:1;height:var(--size-chip-proj);font:var(--font-weight-medium) var(--text-sm) / var(--leading-none) var(--font-mono)}.swatch{width:var(--size-swatch-w);height:var(--size-swatch-h);border:var(--size-mark) solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer}.swatch.is-active{border-color:var(--color-text-max)}.chip:focus-visible,.swatch:focus-visible{outline:var(--size-mark) solid var(--color-accent);outline-offset:var(--size-hairline)}@media(hover:hover){.chip:hover{border-color:var(--color-accent)}}@media(max-width:899px){.chip-grid{gap:var(--space-2-5)}.chip--shape{gap:var(--space-2)}.chip__label{font:var(--font-weight-medium) var(--text-sm) / var(--leading-none) var(--font-mono)}.chip__meta{font:var(--font-weight-regular) var(--text-sm) / var(--leading-none) var(--font-mono)}.chip--mode,.chip--tex,.chip--view,.chip--proj,.chip--input{font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-mono)}}.toggle-row{display:flex;align-items:center;justify-content:space-between;height:var(--size-toggle-row);cursor:default;-webkit-user-select:none;user-select:none}.toggle-row__label{font:var(--font-weight-medium) var(--text-sm) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-sm);color:var(--color-text-tertiary)}.toggle{position:relative;display:flex;width:var(--size-toggle-w);height:var(--size-toggle-h);padding:0;background:var(--color-surface-sunken);border:var(--size-hairline) solid var(--color-border-control);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer}.toggle:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:var(--color-slate-500);transform:translate(100%);transition:transform var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard)}.toggle.is-on:before{background:var(--color-accent);transform:translate(0)}.toggle__half{position:relative;display:flex;flex:1;align-items:center;justify-content:center;font:var(--font-weight-bold) var(--text-xs) / var(--leading-none) var(--font-mono);transition:color var(--duration-fast) var(--ease-standard)}.toggle .toggle__half--on{color:var(--color-slate-500)}.toggle .toggle__half--off{color:var(--color-text-primary)}.toggle.is-on .toggle__half--on{color:var(--color-on-accent)}.toggle.is-on .toggle__half--off{color:var(--color-slate-500)}@media(prefers-reduced-motion:reduce){.toggle:before{transition:background-color var(--duration-base) var(--ease-standard)}}.toggle:focus-visible{outline:var(--size-mark) solid var(--color-accent);outline-offset:var(--size-hairline)}@media(max-width:899px){.toggle-row{border-bottom:var(--size-hairline) solid var(--color-border-row)}.toggle-row__label{font:var(--font-weight-medium) var(--text-md) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-xs);color:var(--color-text-secondary)}.toggle__half{font:var(--font-weight-bold) var(--text-base) / var(--leading-none) var(--font-mono)}}.slider-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-0-5) 0}.slider-row__head{display:contents}.slider-row__label{flex:0 0 var(--size-slider-label-col);font:var(--font-weight-medium) var(--text-sm) / var(--leading-snug) var(--font-sans);letter-spacing:var(--tracking-sm);color:var(--color-text-muted)}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;margin:0;cursor:ew-resize}.slider-row input[type=range]{order:1;flex:1;height:var(--size-slider-input)}.slider-row__value{order:2;flex:0 0 var(--size-slider-value-col);text-align:right;font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-mono);color:var(--color-text-primary)}input[type=range]::-webkit-slider-runnable-track{height:var(--size-range-track);background:var(--color-border-muted);border-radius:var(--radius-sm)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--size-range-thumb-w);height:var(--size-range-thumb-h);margin-top:-6px;border:none;border-radius:var(--radius-xs);background:var(--color-accent)}input[type=range]::-moz-range-track{height:var(--size-range-track);background:var(--color-border-muted);border-radius:var(--radius-sm)}input[type=range]::-moz-range-thumb{width:var(--size-range-thumb-w);height:var(--size-range-thumb-h);border:none;border-radius:var(--radius-xs);background:var(--color-accent)}input[type=range]:disabled{cursor:not-allowed}input[type=range]:disabled::-webkit-slider-thumb{background:var(--color-slate-500)}input[type=range]:disabled::-moz-range-thumb{background:var(--color-slate-500)}input[type=range]:focus-visible{outline:var(--size-mark) solid var(--color-accent-hover);outline-offset:var(--size-mark)}@media(hover:hover){input[type=range]:hover::-webkit-slider-thumb{background:var(--color-accent-hover)}input[type=range]:hover::-moz-range-thumb{background:var(--color-accent-hover)}input[type=range]:disabled:hover::-webkit-slider-thumb{background:var(--color-slate-500)}input[type=range]:disabled:hover::-moz-range-thumb{background:var(--color-slate-500)}}@media(max-width:899px){.slider-row{flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-3) 0}.slider-row--tight-bottom{padding:var(--space-4-5) 0 var(--space-1)}.slider-row__head{display:flex;justify-content:space-between}.slider-row__label{flex:none;font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-md)}.slider-row input[type=range]{flex:none;width:100%}.slider-row__value{flex:none;font:var(--font-weight-medium) var(--text-md) / var(--leading-none) var(--font-mono)}}.stat-tile-row{display:flex;gap:var(--space-2-5)}.stat-tile{flex:1;padding:var(--space-1-5) var(--space-2-5);background:var(--color-surface-sunken);border:var(--size-hairline) solid var(--color-border-subtle);border-radius:var(--radius-sm)}.stat-tile--wide{flex:1.1}.stat-tile__caption{font:var(--font-weight-medium) var(--text-xs) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-md);color:var(--color-text-muted)}.stat-tile__value{margin-top:var(--space-1);font:var(--font-weight-bold) var(--text-2xl) / var(--leading-none) var(--font-mono);color:var(--color-text-primary)}.stat-tile__value--warn{color:var(--color-state-warn)}.stat-tile__value--ok{color:var(--color-state-ok)}@media(max-width:899px){.stat-tile-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2-5)}.stat-tile--wide{flex:none}.stat-tile{padding:var(--space-2) var(--space-3)}.stat-tile__value{margin-top:var(--space-1-5);font:var(--font-weight-bold) var(--text-3xl) / var(--leading-none) var(--font-mono)}}.badge{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--space-2-5);padding:var(--space-2) var(--space-4-5);border-radius:var(--radius-sm)}.badge--info{background:var(--color-badge-info-bg);border:var(--size-hairline) solid var(--color-border-badge-info)}.badge__label{font:var(--font-weight-medium) var(--text-sm) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-lg);color:var(--color-text-info)}.badge__value{font:var(--font-weight-bold) var(--text-base) / var(--leading-none) var(--font-mono);color:var(--color-text-primary)}.pill{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2-5);background:var(--color-surface-sunken);border:var(--size-hairline) solid var(--color-border-subtle);border-radius:var(--radius-sm);font:var(--font-weight-regular) var(--text-xs) / var(--leading-none) var(--font-mono);color:var(--color-text-tertiary)}@media(max-width:899px){.badge--info{gap:var(--space-3);padding:var(--space-3) var(--space-5)}.badge__label{font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-md)}.badge__value{font:var(--font-weight-bold) var(--text-md) / var(--leading-none) var(--font-mono)}}.hud-chip{display:flex;align-items:center;gap:var(--space-2-5);height:var(--size-hud-chip);padding:0 var(--space-4);background:var(--elevation-hud-bg);border:var(--size-hairline) solid var(--elevation-hud-border);border-radius:var(--radius-sm);-webkit-backdrop-filter:var(--blur-hud);backdrop-filter:var(--blur-hud);font:var(--font-weight-regular) var(--text-sm) / var(--leading-none) var(--font-mono);color:var(--color-text-secondary)}.hud-chip--accent{border-color:var(--color-accent-overlay-border);font:var(--font-weight-bold) var(--text-sm) / var(--leading-none) var(--font-mono);letter-spacing:var(--tracking-xs);color:var(--color-accent)}.hud-chip--sm{height:var(--size-hud-chip-sm)}.hud-panel{display:flex;flex-direction:column;gap:var(--space-1);min-width:var(--size-camera-readout-minw);padding:var(--space-3) var(--space-4-5);background:var(--elevation-hud-bg);border:var(--size-hairline) solid var(--elevation-hud-border);border-radius:var(--radius-sm);-webkit-backdrop-filter:var(--blur-hud);backdrop-filter:var(--blur-hud)}.hud-panel__key{font:var(--font-weight-regular) var(--text-sm) / var(--leading-hud) var(--font-mono);color:var(--color-text-hud-label)}.hud-panel__value{font:var(--font-weight-medium) var(--text-sm) / var(--leading-hud) var(--font-mono);color:var(--color-text-primary)}.hud-icon-btn{display:flex;flex:none;align-items:center;justify-content:center;width:var(--size-hud-chip);height:var(--size-hud-chip);padding:0;background:var(--elevation-hud-bg);border:var(--size-hairline) solid var(--elevation-hud-border);border-radius:var(--radius-sm);-webkit-backdrop-filter:var(--blur-hud);backdrop-filter:var(--blur-hud);color:var(--color-text-primary);cursor:pointer}.hud-icon-btn:focus-visible{outline:var(--size-mark) solid var(--color-accent);outline-offset:var(--size-hairline)}@media(hover:hover){.hud-icon-btn:hover{color:var(--color-accent);border-color:var(--color-accent-overlay-border)}}.hud-icon-btn__glyph{width:14px;height:14px}.hud-icon-btn__glyph--collapse{display:none}#app[data-viewport=expanded] .hud-icon-btn{color:var(--color-accent)}#app[data-viewport=expanded] .hud-icon-btn__glyph--expand{display:none}#app[data-viewport=expanded] .hud-icon-btn__glyph--collapse{display:block}.quick-toggle{height:var(--size-chip-quick);padding:0 var(--space-5);background:var(--color-hud-bg);border:var(--size-hairline) solid var(--color-hud-border-strong);border-radius:var(--radius-sm);-webkit-backdrop-filter:var(--blur-hud);backdrop-filter:var(--blur-hud);font:var(--font-weight-bold) var(--text-sm) / var(--leading-none) var(--font-mono);letter-spacing:var(--tracking-chip);color:var(--color-text-tertiary);cursor:pointer}.quick-toggle.is-on{background:var(--color-accent-overlay);border-color:var(--color-accent);color:var(--color-on-accent)}.quick-toggle:focus-visible{outline:var(--size-mark) solid var(--color-accent);outline-offset:var(--size-hairline)}@media(hover:hover){.quick-toggle:hover{border-color:var(--color-accent)}}@media(max-width:899px){.hud-chip,.hud-icon-btn{background:var(--elevation-hud-bg-dense);-webkit-backdrop-filter:none;backdrop-filter:none}.hud-chip--sm{padding:0 var(--space-3)}.quick-toggle{border-radius:var(--radius-md);-webkit-backdrop-filter:none;backdrop-filter:none;font:var(--font-weight-bold) var(--text-base) / var(--leading-none) var(--font-mono);letter-spacing:var(--tracking-chip)}}.divider{height:var(--size-hairline);background:var(--color-border-panel)}.divider--inset{margin:var(--space-2) 0}.divider--subtle{background:var(--color-border-subtle)}.divider-v{width:var(--size-hairline);background:var(--color-border-muted)}.divider-v--toolbar{height:var(--size-divider-toolbar);margin:0 var(--space-1-5)}.divider-v--status{height:var(--size-divider-status)}.divider-v--hud{height:var(--size-divider-hud);background:var(--color-slate-500)}::-webkit-scrollbar{width:var(--size-scrollbar);height:var(--size-scrollbar)}::-webkit-scrollbar-track{background:var(--color-surface-sunken)}::-webkit-scrollbar-thumb{background:var(--color-border-muted);border-radius:var(--radius-lg)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-muted) var(--color-surface-sunken)}@media(hover:hover){::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}}.hoverTooltip{position:fixed;z-index:1000;display:none;max-width:var(--size-tooltip-max-w);padding:var(--space-2) var(--space-3);background:var(--color-hud-bg);border:var(--size-hairline) solid var(--color-hud-border);border-radius:var(--radius-sm);-webkit-backdrop-filter:var(--blur-hud);backdrop-filter:var(--blur-hud);font:var(--font-weight-medium) var(--text-sm) / var(--leading-hud) var(--font-mono);color:var(--color-text-primary);pointer-events:none}[data-placeholder=true]{opacity:var(--elevation-opacity-pending)}[data-placeholder=true] [data-placeholder=true]{opacity:1}.placeholder-hint{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tap-pad{position:relative}.tap-pad:after{content:"";position:absolute;inset:calc(-1 * var(--tap-pad, 6px))}.shortcuts__title{font:var(--font-weight-bold) var(--text-sm) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-2xl);color:var(--color-text-muted)}.shortcuts__row{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.shortcuts__chip{cursor:default;-webkit-user-select:none;user-select:none}.shortcuts__key{font:inherit}@media(max-width:899px){.gestures__row{display:flex;align-items:center;justify-content:space-between;height:var(--size-row-scene);border-bottom:var(--size-hairline) solid var(--color-border-row)}.gestures__row:last-of-type{border-bottom:0}.gestures__gesture{font:var(--font-weight-medium) var(--text-md) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-xs);color:var(--color-text-secondary)}.gestures__effect{font:var(--font-weight-medium) var(--text-md) / var(--leading-none) var(--font-mono);color:var(--color-text-primary)}.gestures__note{display:block;padding-top:var(--space-2-5);font:var(--font-weight-regular) var(--text-base) / var(--leading-none) var(--font-mono);color:var(--color-text-dim)}}.scene-graph__body{padding:var(--space-1-5)}.scene-row{display:flex;align-items:center;gap:var(--space-3);height:var(--size-row-scene);padding:0 var(--space-2-5);border-left:var(--size-mark) solid transparent;border-radius:var(--radius-sm)}.scene-row__select{display:flex;flex:1;align-items:center;gap:var(--space-3);min-width:0;padding:0;background:none;border:0;cursor:pointer}.scene-row__kind{flex:0 0 var(--size-scene-kind-col);font:var(--font-weight-medium) var(--text-xs) / var(--leading-none) var(--font-mono);color:var(--color-text-dim);text-align:left}.scene-row__id{flex:1;min-width:0;font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-mono);color:var(--color-text-secondary);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-row__tris{flex:0 0 auto;font:var(--font-weight-regular) var(--text-sm) / var(--leading-none) var(--font-mono);color:var(--color-text-dim)}.scene-row__vis{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--size-vis-button);height:var(--size-vis-button);background:var(--color-surface-sunken);border:0;border-radius:var(--radius-sm);font:var(--font-weight-bold) var(--text-xs) / var(--leading-none) var(--font-mono);color:var(--color-state-ok);cursor:pointer}.scene-row.is-selected{background:var(--color-row-selected-bg);border-left-color:var(--color-accent)}.scene-row.is-selected .scene-row__id{color:var(--color-text-max)}.scene-row.is-hidden .scene-row__id,.scene-row.is-hidden .scene-row__vis{color:var(--color-text-disabled)}.scene-row:has(:focus-visible){outline:var(--size-mark) solid var(--color-accent);outline-offset:var(--size-hairline)}.scene-row__select:focus-visible,.scene-row__vis:focus-visible{outline:none}@media(hover:hover){.scene-row:hover{background:var(--color-row-hover-bg)}.scene-row.is-selected:hover{background:var(--color-row-selected-bg)}}@media(max-width:899px){.scene-graph__body{padding:var(--space-2)}.scene-row{gap:var(--space-4-5);padding:0 var(--space-4)}.scene-row__select{gap:var(--space-4-5)}.scene-row__kind{font:var(--font-weight-medium) var(--text-sm) / var(--leading-none) var(--font-mono)}.scene-row__id{font:var(--font-weight-medium) var(--text-xl) / var(--leading-none) var(--font-mono)}.scene-row__tris{font:var(--font-weight-regular) var(--text-base) / var(--leading-none) var(--font-mono)}.scene-row__vis{--tap-pad: 7px;font:var(--font-weight-bold) var(--text-base) / var(--leading-none) var(--font-mono)}}#shapeInfoPanelContent{flex:1;flex-direction:column;gap:var(--space-4);min-height:0;will-change:opacity,transform}@media(min-width:900px){#shapeInfoPanelContent{display:flex}}.shape-info__value{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.panelFadeOut{animation:panelFadeOut .18s ease forwards}.panelFadeIn{animation:panelFadeIn .18s ease forwards}@keyframes panelFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translate(-8px)}}@keyframes panelFadeIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media(max-width:899px){#shapeInfoPanelContent{flex:none;gap:var(--space-5)}}.shape-story__body{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6) var(--space-6) var(--space-7)}.shape-story__title{font:var(--font-weight-bold) var(--text-4xl) / var(--leading-tight) var(--font-sans);letter-spacing:var(--tracking-tight);color:var(--color-text-max)}.shape-story__rule{flex:none;width:var(--size-story-rule-w);height:var(--size-story-rule-h);background:var(--color-accent)}.shape-story__text{margin:0;font:var(--font-weight-regular) var(--text-lg) / var(--leading-relaxed) var(--font-sans);color:var(--color-text-secondary);text-wrap:pretty}.shape-story__text--dim{color:var(--color-text-tertiary)}.shape-story__footer{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto;padding-top:var(--space-5);border-top:var(--size-hairline) solid var(--color-border-panel)}.shape-story__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.shape-story__key{font:var(--font-weight-medium) var(--text-sm) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-lg);color:var(--color-text-muted)}.shape-story__value{font:var(--font-weight-regular) var(--text-sm) / var(--leading-snug) var(--font-mono);color:var(--color-text-tertiary);text-align:right}.shape-story__links{display:flex;flex-wrap:wrap;gap:var(--space-5)}.shape-story__link{font:var(--font-weight-regular) var(--text-sm) / var(--leading-none) var(--font-mono);color:var(--color-accent);border-bottom:var(--size-hairline) solid var(--color-accent);text-decoration:none;text-transform:uppercase}.shape-story__link:focus-visible{border-bottom-color:var(--color-accent-hover);color:var(--color-accent-hover)}@media(hover:hover){.shape-story__link:hover{border-bottom-color:var(--color-accent-hover);color:var(--color-accent-hover)}}.shape-story__row--refs:has(.shape-story__links:empty){display:none}@media(max-width:899px){.shape-story__note{display:none}.shape-story__body{flex:none;gap:var(--space-5-5);padding:var(--space-7);overflow:visible}.shape-story__title{font:var(--font-weight-bold) var(--text-5xl) / var(--leading-tight) var(--font-sans)}.shape-story__text{font:var(--font-weight-regular) var(--text-2xl) / var(--leading-relaxed) var(--font-sans)}.shape-story__footer{gap:var(--space-2-5);margin-top:0;padding-top:var(--space-5-5)}.shape-story__key{font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-md)}.shape-story__value{font:var(--font-weight-regular) var(--text-base) / var(--leading-snug) var(--font-mono)}.shape-story__links{gap:var(--space-7)}.shape-story__link{display:inline-flex;align-items:center;min-height:var(--size-touch-min);font:var(--font-weight-regular) var(--text-base) / var(--leading-none) var(--font-mono)}}.brand__mark{flex:none;width:var(--size-brand-mark);height:var(--size-brand-mark);background:var(--color-accent);border-radius:var(--radius-xs)}.brand__text{display:flex;flex-direction:column;gap:var(--space-0-5);min-width:0}.brand__name{font:var(--font-weight-bold) var(--text-md) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-2xl);color:var(--color-text-primary)}.brand__build{font:var(--font-weight-regular) var(--text-xs) / var(--leading-none) var(--font-mono);letter-spacing:var(--tracking-md);color:var(--color-text-dim);white-space:pre}.readout{display:inline-flex;flex:none;align-items:center;height:var(--size-button);padding:0 var(--space-5);gap:var(--space-3);background:var(--color-surface-sunken);border:var(--size-hairline) solid var(--color-border-muted);border-radius:var(--radius-md)}.readout__dot{width:var(--size-rec-dot);height:var(--size-rec-dot);background:var(--color-state-ok);border-radius:var(--radius-full);animation:recblink var(--duration-blink) infinite}.readout__dot.is-paused{background:var(--color-text-dim);animation-play-state:paused}.readout__label{font:var(--font-weight-medium) var(--text-sm) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-md);color:var(--color-text-tertiary)}.readout__value{font:var(--font-weight-bold) var(--text-md) / var(--leading-none) var(--font-mono);color:var(--color-text-primary)}.readout__unit{font:var(--font-weight-regular) var(--text-sm) / var(--leading-none) var(--font-mono);color:var(--color-text-dim)}.readout--pill{height:var(--size-appbar-fps-chip);padding:0 var(--space-4-5);gap:var(--space-2)}.readout--pill .readout__value{font:var(--font-weight-bold) var(--text-xl) / var(--leading-none) var(--font-mono)}.toolbar__spacer,.app-bar__spacer{flex:1}.toolbar__cluster{display:flex;gap:var(--space-2-5);min-width:0;overflow-x:auto}.toolbar__cluster>*{flex:0 0 auto}@media(max-width:899px){.brand__text{gap:var(--space-1)}.brand__name{font:var(--font-weight-bold) var(--text-xl) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-xl)}.brand__build{letter-spacing:var(--tracking-xs)}.toolbar__desktop-only,.toolbar__spacer,#playPause,#resetControls{display:none}.toolbar__cluster{display:contents}.readout--frame{order:-1;position:sticky;left:0;z-index:1;height:var(--size-actionrow-h);padding:0 var(--space-7);gap:var(--space-2);cursor:default}.readout--frame .readout__label{font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-sans)}.readout--frame .readout__value{font:var(--font-weight-bold) var(--text-xl) / var(--leading-none) var(--font-mono)}}.viewport{container-type:size}.viewport-stage{position:absolute;inset:0}.viewport-stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.viewport-stage canvas:active{cursor:grabbing}.viewport-hud{position:absolute;inset:0;pointer-events:none}.viewport-hud__k{color:var(--color-text-hud-label)}.viewport-hud__top{position:absolute;top:var(--space-5);right:var(--space-5);left:var(--space-5);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.viewport-hud__top-left{display:flex;min-width:0;gap:var(--space-2)}.viewport-hud__chip-row{display:flex;gap:var(--space-2)}.viewport-hud__top-right{display:flex;flex:0 0 auto;align-items:flex-start;gap:var(--space-2)}.viewport-hud__expand-btn{pointer-events:auto}.viewport-hud__camera{flex:0 0 auto}.viewport-hud__cam-row{display:flex;justify-content:space-between;gap:var(--space-5)}.viewport-hud__cam-chips{display:none}.viewport-hud__crosshair{position:absolute;top:50%;left:50%;background:var(--color-crosshair)}.viewport-hud__crosshair--v{width:var(--size-hairline);height:var(--size-crosshair);margin-top:calc(var(--size-crosshair) / -2);margin-left:-.5px}.viewport-hud__crosshair--h{width:var(--size-crosshair);height:var(--size-hairline);margin-top:-.5px;margin-left:calc(var(--size-crosshair) / -2)}.viewport-hud__selection{position:absolute;top:31.9%;left:39.2%;width:var(--size-selection-box);height:var(--size-selection-box)}.viewport-hud__corner{position:absolute;width:var(--size-selection-corner);height:var(--size-selection-corner)}.viewport-hud__corner--tl{top:0;left:0;border-top:var(--size-mark) solid var(--color-accent);border-left:var(--size-mark) solid var(--color-accent)}.viewport-hud__corner--tr{top:0;right:0;border-top:var(--size-mark) solid var(--color-accent);border-right:var(--size-mark) solid var(--color-accent)}.viewport-hud__corner--bl{bottom:0;left:0;border-bottom:var(--size-mark) solid var(--color-accent);border-left:var(--size-mark) solid var(--color-accent)}.viewport-hud__corner--br{bottom:0;right:0;border-bottom:var(--size-mark) solid var(--color-accent);border-right:var(--size-mark) solid var(--color-accent)}.viewport-hud__selection-label{position:absolute;top:calc(-1 * (var(--size-selection-label-h) + var(--space-1-5)));left:0;display:flex;align-items:center;height:var(--size-selection-label-h);padding:0 var(--space-2);background:var(--color-accent);border-radius:var(--radius-xs);font:var(--font-weight-bold) var(--text-xs) / var(--leading-none) var(--font-mono);letter-spacing:var(--tracking-chip);color:var(--color-on-accent);white-space:nowrap}.viewport-hud__gizmo{position:absolute;bottom:var(--space-5);left:var(--space-5);width:var(--size-gizmo);height:var(--size-gizmo);background:var(--elevation-hud-bg-gizmo);border:var(--size-hairline) solid var(--color-hud-border);border-radius:var(--radius-sm)}.viewport-hud__axis{position:absolute;top:calc(50% - var(--size-mark) / 2);left:50%;width:var(--axis-length);height:var(--size-mark);transform-origin:0 50%;transform:rotate(var(--axis-angle))}.viewport-hud__axis-label{position:absolute;top:50%;left:50%;display:flex;align-items:center;height:0;font:var(--font-weight-bold) var(--text-2xs) / var(--leading-none) var(--font-mono);transform-origin:0 50%;transform:rotate(var(--axis-angle)) translate(calc(var(--axis-length) + var(--space-1))) rotate(calc(-1 * var(--axis-angle)))}.viewport-hud__axis--x,.viewport-hud__axis-label--x{--axis-angle: var(--axis-x-angle, 0rad);--axis-length: max(var(--size-mark), calc(var(--size-gizmo-axis) * var(--axis-x-foreshorten, 1)))}.viewport-hud__axis--y,.viewport-hud__axis-label--y{--axis-angle: var(--axis-y-angle, 0rad);--axis-length: max(var(--size-mark), calc(var(--size-gizmo-axis) * var(--axis-y-foreshorten, 1)))}.viewport-hud__axis--z,.viewport-hud__axis-label--z{--axis-angle: var(--axis-z-angle, 0rad);--axis-length: max(var(--size-mark), calc(var(--size-gizmo-axis) * var(--axis-z-foreshorten, 1)))}.viewport-hud__axis--x{background:var(--color-axis-x)}.viewport-hud__axis--y{background:var(--color-axis-y)}.viewport-hud__axis--z{background:var(--color-axis-z)}.viewport-hud__axis-label--x{color:var(--color-axis-x)}.viewport-hud__axis-label--y{color:var(--color-axis-y)}.viewport-hud__axis-label--z{color:var(--color-axis-z)}.viewport-hud__bottom-right{position:absolute;right:var(--space-5);bottom:var(--space-5);display:flex;gap:var(--space-2)}.viewport-hud__bottom-right .hud-chip,.viewport-hud__hint{-webkit-backdrop-filter:none;backdrop-filter:none}.viewport-hud__chip-status{border-color:var(--color-state-ok-border)}.viewport-hud__ok{font-weight:var(--font-weight-medium);color:var(--color-state-ok)}.viewport-hud__hint{position:absolute;bottom:var(--space-5);left:50%;transform:translate(-50%);gap:var(--space-4);padding:0 var(--space-5);white-space:nowrap}.viewport-hud__hint-id{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.viewport-hud__hint-dim{font-weight:var(--font-weight-regular);color:var(--color-text-tertiary)}.viewport-hud__bottom-chip{display:none}@media(max-width:899px){.viewport-stage{position:relative;aspect-ratio:var(--size-canvas-ratio);margin:auto;inset:auto;width:100%;max-width:min(100%,var(--size-canvas-w));max-height:min(100%,var(--size-canvas-h));width:min(100cqw,calc(100cqh * var(--size-canvas-ratio)),var(--size-canvas-w))}.viewport-hud__top{top:var(--space-4);right:var(--space-4);left:var(--space-4)}.viewport-hud__top-left{flex-direction:column;align-items:flex-start;gap:var(--space-2-5)}.viewport-hud__chip-row{flex-wrap:wrap}.viewport-hud__top-left .hud-chip--accent{letter-spacing:normal}.viewport-hud__chip-res{order:1}.viewport-hud__top-right{flex-direction:column;align-items:flex-end;gap:var(--space-2-5)}.viewport-hud__camera{display:none}.viewport-hud__cam-chips{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:var(--space-1-5)}.viewport-hud__chip-stack{height:auto;flex-direction:column;align-items:flex-end;gap:var(--space-0-5);padding:var(--space-2) var(--space-4)}.viewport-hud__stack-line{display:flex;align-items:center;gap:var(--space-2-5)}.viewport-hud__crosshair{background:var(--color-crosshair-dim)}.viewport-hud__selection{width:22.4%;height:35.8%}.viewport-hud__selection-label{top:calc(-1 * (var(--size-selection-label-h) + var(--space-0-5)));font:var(--font-weight-bold) var(--text-sm) / var(--leading-none) var(--font-mono)}.viewport-hud__gizmo{bottom:var(--space-4);left:var(--space-4)}.viewport-hud__axis-label{font-size:var(--text-xs)}.viewport-hud__bottom-right,.viewport-hud__hint{display:none}.viewport-hud__bottom-chip{position:absolute;right:var(--space-4);bottom:var(--space-4);display:flex;gap:var(--space-3);padding:0 var(--space-4-5)}}.quick-toggle-band{position:absolute;top:40px;left:var(--space-5);display:flex;gap:var(--space-2);pointer-events:auto}@media(max-width:899px){.quick-toggle-band{display:none}}.status-bar{gap:var(--space-5);padding:0 var(--space-5)}.status-group{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-5)}.status-group--right{margin-left:auto}.status-item{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-1);font:var(--font-weight-regular) var(--text-sm) / var(--leading-none) var(--font-mono);color:var(--color-text-tertiary);white-space:nowrap}.status-item--run{font-weight:var(--font-weight-medium);color:var(--color-state-ok)}.status-item--url,.status-group--right .status-item{color:var(--color-text-dim)}.status-item+.status-item:before{content:"";flex:none;width:var(--size-hairline);height:var(--size-divider-status);margin-right:var(--space-5);background:var(--color-border-muted)}.status-group--right:before{content:none}@media(max-width:899px){.status-bar{flex-wrap:wrap;height:auto;gap:var(--space-4);padding:var(--space-4-5) var(--space-5)}.status-group{margin-left:0}.status-item{font:var(--font-weight-regular) var(--text-base) / var(--leading-none) var(--font-mono)}.status-item--run{font-weight:var(--font-weight-medium)}.status-item--url{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.status-item--selected{flex:0 1 auto;min-width:0}.status-item--selected [data-field=selectedId]{overflow:hidden;text-overflow:ellipsis}.status-group+.status-group:before{content:none}}.framerate{flex:1.15}.framerate__body{display:flex;flex-direction:column;flex:1;gap:var(--space-2-5);min-height:0}#fpsChart{width:100%;flex:1 1 0px;display:block;min-height:0}.framerate__caption-short{display:none}@media(max-width:899px){.framerate__body{gap:var(--space-3)}#fpsChart{flex:none;min-height:auto;height:var(--size-fps-canvas)}.framerate__caption-full{display:none}.framerate__caption-short{display:inline}}.frame-time__body{display:flex;flex-direction:column;flex:1;gap:var(--space-3);min-height:0}.frame-time__bar{display:flex;height:var(--size-ft-bar);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-sunken)}.frame-time__segment{flex:0 0 auto;width:0;transition:width var(--duration-chart) var(--ease-chart)}@media(prefers-reduced-motion:reduce){.frame-time__segment{transition:none}}.frame-time__segment--transform{background:var(--color-ft-transform)}.frame-time__segment--clipcull{background:var(--color-ft-clip)}.frame-time__segment--raster{background:var(--color-ft-raster)}.frame-time__segment--present{background:var(--color-ft-present)}.frame-time__swatch--clipcull{background:var(--color-ft-clip)}.frame-time__swatch--present{background:var(--color-ft-present)}.frame-time__legend{display:flex;flex-direction:column;gap:var(--space-1-5)}.frame-time__legend-row{display:flex;align-items:center;gap:var(--space-3)}.frame-time__swatch{flex:0 0 auto;width:var(--size-legend-swatch);height:var(--size-legend-swatch);border-radius:var(--radius-xs)}.frame-time__swatch--transform{background:var(--color-ft-transform)}.frame-time__swatch--raster{background:var(--color-ft-raster)}.frame-time__legend-label{flex:1;font:var(--font-weight-medium) var(--text-sm) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-sm);color:var(--color-text-tertiary)}.frame-time__legend-value{font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-mono);color:var(--color-text-primary)}.frame-time__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-2-5);border-top:var(--size-hairline) solid var(--color-border-subtle)}.frame-time__footer-label{font:var(--font-weight-medium) var(--text-sm) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-sm);color:var(--color-text-muted)}.frame-time__footer-value{font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-mono);color:var(--color-text-primary)}.stat-row__value--transform{color:var(--color-ft-transform)}.stat-row__value--clip{color:var(--color-ft-clip)}.stat-row__value--raster{color:var(--color-ft-raster)}.stat-row__value--present{color:var(--color-ft-present-text)}.budgets__body{display:flex;flex-direction:column;padding:var(--space-5) var(--space-5-5) var(--space-6);gap:var(--space-5-5)}.budgets__frame-time{display:flex;flex-direction:column;gap:var(--space-2-5)}.budgets__frame-time-label-row{display:flex;align-items:center;justify-content:space-between}.budgets__frame-time-label{font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-md);color:var(--color-text-muted)}.budgets__frame-time-sub{font:var(--font-weight-regular) var(--text-sm) / var(--leading-none) var(--font-mono);color:var(--color-text-tertiary)}.budgets,.frame-time-stats{display:none}@media(max-width:899px){.frame-time{display:none}}.geometry__body{display:flex;flex-direction:column;flex:1;min-height:0}.geometry__footer{display:flex;flex-direction:column;margin-top:auto;gap:var(--space-1-5);padding-top:var(--space-2-5);border-top:var(--size-hairline) solid var(--color-border-subtle)}.geometry__footer-row{display:flex;align-items:center;justify-content:space-between}.geometry__footer-label{font:var(--font-weight-medium) var(--text-sm) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-sm);color:var(--color-text-muted)}.geometry__footer-value{font:var(--font-weight-medium) var(--text-sm) / var(--leading-none) var(--font-mono);color:var(--color-text-tertiary)}.budget-bar{height:var(--size-budget-bar);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-sunken)}.budget-bar__fill{display:block;height:100%;background:var(--color-state-ok);transition:width var(--duration-chart) var(--ease-chart)}@media(prefers-reduced-motion:reduce){.budget-bar__fill{transition:none}}.budgets__poly-budget{display:flex;flex-direction:column;gap:var(--space-2-5)}.budgets__poly-budget-label-row{display:flex;align-items:center;justify-content:space-between}.budgets__poly-budget-label{font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-md);color:var(--color-text-muted)}.budgets__poly-budget-value{font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-mono);color:var(--color-text-tertiary)}.geometry-stats{display:none}@media(max-width:899px){.geometry{display:none}.budget-bar{border-radius:var(--radius-lg)}}.zbuffer__body{display:flex;flex-direction:column;flex:1;gap:var(--space-2);min-height:0}.zbuffer__bars{display:flex;flex:1;align-items:flex-end;gap:var(--space-0-5);min-height:0}.zbuffer__bar{flex:1;border-radius:var(--radius-bar-top);transition:height var(--duration-chart) var(--ease-chart)}.zbuffer__bar--near{background:var(--color-zbuf-near)}.zbuffer__bar--mid{background:var(--color-zbuf-mid)}.zbuffer__bar--far{background:var(--color-zbuf-far)}.zbuffer__axis{display:flex;justify-content:space-between;font:var(--font-weight-regular) var(--text-xs) / var(--leading-none) var(--font-mono);color:var(--color-text-dim)}.zbuffer__title-short{display:none}@media(prefers-reduced-motion:reduce){.zbuffer__bar{transition:none}}@media(max-width:899px){.zbuffer__body{gap:var(--space-2-5)}.zbuffer__bars{flex:none;height:var(--size-zbuf-h);min-height:auto}.zbuffer__axis{font:var(--font-weight-regular) var(--text-sm) / var(--leading-none) var(--font-mono)}.zbuffer__axis-middle,.zbuffer__title-full{display:none}.zbuffer__title-short{display:inline}}@media(max-width:899px){.camera-stats .stat-row__value{min-width:0;white-space:nowrap}.camera-stats .stat-row__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:899px){.system-stats .stat-row__value{min-width:0;white-space:nowrap}.system-stats .stat-row__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.shape-section{display:flex;flex-direction:column;gap:var(--space-2-5)}.shape-section__card-head{display:none}.shape-section__head{display:flex;align-items:center;justify-content:space-between}.shape-section__count{font:var(--font-weight-regular) var(--text-sm) / var(--leading-none) var(--font-mono);color:var(--color-text-dim)}.shape-section__body{display:flex;flex-direction:column}.shape-section__textures{margin-bottom:var(--space-4)}.shape-section__base-row{display:flex;align-items:center;gap:var(--space-2-5);margin-bottom:var(--space-4)}.shape-section__base-label{flex:0 0 var(--size-slider-label-col);font:var(--font-weight-medium) var(--text-sm) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-lg);color:var(--color-text-muted)}.shape-section__swatches{display:flex;gap:var(--space-1-5)}@media(max-width:899px){.shape-section__rule,.shape-section__head{display:none}.shape-section__card-head{display:flex}.shape-section__textures{margin-bottom:var(--space-5)}.shape-section__base-row{gap:var(--space-4);margin-bottom:var(--space-2-5)}.shape-section__base-label{font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-md)}}.render-section{display:flex;flex-direction:column;gap:var(--space-2-5)}.render-section__card-head{display:none}.render-section__head{display:flex;align-items:center;justify-content:space-between}.render-section__body{display:flex;flex-direction:column}@media(max-width:899px){.render-section__rule,.render-section__head{display:none}.render-section__card-head{display:flex}.render-section__body--card{padding:var(--space-4-5)}}.world-section{display:flex;flex-direction:column;gap:var(--space-2-5)}.world-section__card-head{display:none}.world-section__head{display:flex;align-items:center;justify-content:space-between}.world-section__body{display:flex;flex-direction:column}.world-section__views,.world-section__projection{margin-bottom:var(--space-4)}@media(max-width:899px){.world-section__rule,.world-section__head{display:none}.world-section__card-head{display:flex}.world-section--environment{order:-1}.world-section__projection{margin-bottom:var(--space-2-5)}}.shape-picker{position:relative}.shape-picker__trigger,.shape-picker__option{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface-sunken);border:var(--size-hairline) solid var(--color-border-panel);border-radius:var(--radius-md);cursor:pointer}.shape-picker__option{border-color:transparent;border-radius:0;background:none}.shape-picker__thumb{flex:0 0 auto;width:var(--size-chip-shape);height:var(--size-chip-shape)}.shape-picker__label{flex:1;font:var(--font-weight-medium) var(--text-base) / var(--leading-none) var(--font-sans);letter-spacing:var(--tracking-md);color:var(--color-text-primary);text-align:left}.shape-picker__count{font:var(--font-weight-regular) var(--text-sm) / var(--leading-none) var(--font-mono);color:var(--color-text-dim)}.shape-picker__chevron{flex:0 0 auto;width:var(--space-2);height:var(--space-2);border-right:var(--size-mark) solid var(--color-text-muted);border-bottom:var(--size-mark) solid var(--color-text-muted);transform:rotate(45deg) translate(-2px,-2px)}.shape-picker.is-open .shape-picker__chevron{transform:rotate(-135deg) translate(-2px,-2px)}.shape-picker__list{position:absolute;z-index:var(--layer-sticky);top:calc(100% + var(--space-1));right:0;left:0;display:block;max-height:max(var(--size-picker-min-h),calc(var(--size-picker-space-below, var(--size-picker-min-h)) - var(--space-4)));overflow-y:auto;background:var(--color-panel-bg);border:var(--size-hairline) solid var(--color-border-panel);border-radius:var(--radius-lg);box-shadow:var(--elevation-popup, none);opacity:1;transition:opacity var(--duration-base) var(--ease-standard),display var(--duration-base) allow-discrete}.shape-picker__list[hidden]{display:none;opacity:0}@starting-style{.shape-picker__list:not([hidden]){opacity:0}}.shape-picker__group-label{position:sticky;top:0;z-index:var(--layer-sticky);display:block;padding:var(--space-2) var(--space-3) var(--space-1-5);font:var(--font-weight-medium) var(--text-xs) / var(--leading-none) var(--font-mono);letter-spacing:var(--tracking-lg);color:var(--color-text-dim);background:var(--color-panel-bg);border-bottom:var(--size-hairline) solid var(--color-border-panel)}.shape-picker__option.is-active{background:var(--color-surface-sunken)}.shape-picker__option.is-active .shape-picker__label{color:var(--color-accent)}.shape-picker__trigger:focus-visible,.shape-picker__option:focus-visible{outline:var(--size-mark) solid var(--color-accent);outline-offset:calc(-1 * var(--size-mark))}@media(hover:hover){.shape-picker__option:hover{background:var(--color-surface-sunken)}}@media(max-width:899px){.shape-picker__group-label{font:var(--font-weight-medium) var(--text-sm) / var(--leading-none) var(--font-mono)}}#app{display:flex;flex-direction:column;gap:var(--size-stack-gap);width:100%;min-height:100vh;max-height:300vh;overflow:hidden;padding:var(--size-page-pad);background:var(--color-bg-app);transition:gap var(--duration-base) var(--ease-standard),padding var(--duration-base) var(--ease-standard),min-height 0s var(--duration-base),max-height 0s var(--duration-base)}.toolbar{display:flex;flex:0 0 var(--size-toolbar-h);flex-direction:row;align-items:stretch;gap:var(--size-stack-gap);max-height:100vh;overflow:hidden;transition:max-height var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard),visibility 0s}.toolbar__brand{display:flex;flex:0 1 var(--size-sidebar-w);flex-direction:row;align-items:center;gap:var(--space-4-5);min-width:var(--size-sidebar-min);padding:0 var(--space-5)}.toolbar__actions{display:flex;flex:1;flex-direction:row;align-items:center;gap:var(--space-2-5);min-width:0;padding:0 var(--space-4)}.app-main{display:flex;flex:1;gap:var(--size-stack-gap);min-height:0;transition:gap var(--duration-base) var(--ease-standard)}.col-left{display:flex;flex:0 1 var(--size-sidebar-w);flex-direction:column;gap:var(--size-stack-gap);min-width:var(--size-sidebar-min);min-height:0;max-width:100vw;overflow:hidden;transition:max-width var(--duration-base) var(--ease-standard),min-width var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard),visibility 0s}.scene-graph,.shape-info{flex:0 0 auto}.col-center{display:flex;flex:1;flex-direction:column;gap:var(--size-stack-gap);min-width:0;transition:gap var(--duration-base) var(--ease-standard)}.viewport{display:flex;flex:3 1 var(--size-viewport-h);flex-direction:row;align-items:center;justify-content:center;position:relative;min-height:var(--size-viewport-min-h);background:var(--color-surface-sunken);overflow:hidden}.telemetry{display:flex;flex:2 1 auto;flex-direction:column;gap:var(--size-stack-gap);min-height:var(--size-telemetry-min-h);max-height:100vh;overflow:hidden;transition:max-height var(--duration-base) var(--ease-standard),min-height var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard),visibility 0s}.telemetry-row{display:flex;flex:1;flex-wrap:wrap;gap:var(--size-stack-gap);min-height:0}.telemetry-row>*{flex:1 1 var(--size-card-min-w);min-width:var(--size-card-min-w)}.telemetry-row>:first-child{flex-grow:1.15}.col-right{flex:0 1 var(--size-inspector-w);min-width:var(--size-inspector-min);min-height:0;overflow:hidden;max-width:100vw;transition:max-width var(--duration-base) var(--ease-standard),min-width var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard),visibility 0s}.inspector__body{display:flex;flex:1;flex-direction:column;gap:var(--space-4-5);overflow:auto}.inspector-panel{display:flex;flex-direction:column;gap:var(--space-2-5)}.shortcuts{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto;padding-top:var(--space-4-5);border-top:var(--size-hairline) solid var(--color-border-panel)}.status-bar{display:flex;flex:0 0 var(--size-statusbar-h);flex-direction:row;align-items:center;max-height:100vh;transition:max-height var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard),visibility 0s}[data-panel]{display:none}#app[data-tab=shape] [data-panel=shape],#app[data-tab=render] [data-panel=render],#app[data-tab=world] [data-panel=world]{display:flex}#app[data-viewport=expanded]{gap:0;padding:0;min-height:100dvh;max-height:100dvh;transition:gap var(--duration-base) var(--ease-standard),padding var(--duration-base) var(--ease-standard),min-height 0s,max-height 0s}#app[data-viewport=expanded] .app-main,#app[data-viewport=expanded] .col-center{gap:0}#app[data-viewport=expanded] .toolbar,#app[data-viewport=expanded] .status-bar{max-height:0;padding:0;border-width:0;opacity:0;visibility:hidden;overflow:hidden;transition:max-height var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard),visibility 0s var(--duration-base)}#app[data-viewport=expanded] .col-left,#app[data-viewport=expanded] .col-right{max-width:0;min-width:0;padding:0;border-width:0;opacity:0;visibility:hidden;overflow:hidden;transition:max-width var(--duration-base) var(--ease-standard),min-width var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard),visibility 0s var(--duration-base)}#app[data-viewport=expanded] .telemetry{max-height:0;min-height:0;padding:0;border-width:0;opacity:0;visibility:hidden;overflow:hidden;transition:max-height var(--duration-base) var(--ease-standard),min-height var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard),visibility 0s var(--duration-base)}.app-bar,.mtabs,.quick-toggles,.gestures,.mobile-reset-slot{display:none}@media(max-width:899px){.toolbar,.app-main,.col-left,.col-center,.col-right,.telemetry,.telemetry-row,.inspector__body{display:contents}.app-bar{display:flex;order:0;position:sticky;top:0;z-index:var(--layer-sticky);flex-direction:row;align-items:center;justify-content:space-between;height:var(--size-appbar-h);padding:0 var(--space-5);gap:var(--space-4-5);max-height:100vh;transition:max-height var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard),visibility 0s}.toolbar__brand{display:none}.toolbar__actions{order:1;gap:var(--space-2-5);padding:0 0 var(--space-0-5);overflow-x:auto;overflow-y:hidden;max-height:100vh;transition:max-height var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard),visibility 0s}.toolbar__actions>*{flex:0 0 auto}.toolbar__readout{display:none}.viewport{order:2;flex:none;width:100%;min-height:0;aspect-ratio:16 / 10}#app[data-viewport=expanded] .viewport{height:100dvh;aspect-ratio:auto}.telemetry{min-height:0}.quick-toggles{display:grid;order:3;grid-template-columns:repeat(5,1fr);gap:var(--space-2-5);max-height:100vh;overflow:hidden;transition:max-height var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard),visibility 0s}.framerate{order:4;flex:none;max-height:100vh;transition:max-height var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard),visibility 0s}#inspectorTabs{display:none}.mtabs{display:flex;order:5;max-height:100vh;overflow:hidden;transition:max-height var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard),visibility 0s}[data-mpanel]{order:6;flex:none;max-height:100vh;overflow:hidden;transition:max-height var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard),visibility 0s}#app[data-tab] [data-panel],[data-mpanel]{display:none}#app[data-mtab=scene] [data-mpanel=scene],#app[data-mtab=shape] [data-mpanel=shape],#app[data-mtab=render] [data-mpanel=render],#app[data-mtab=world] [data-mpanel=world],#app[data-mtab=stats] [data-mpanel=stats]{display:flex}.status-bar{order:7;flex:none}.mobile-reset-slot{display:block;order:8;max-height:100vh;overflow:hidden;transition:max-height var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard),visibility 0s}.shortcuts{display:none}#app[data-viewport=expanded] .app-bar,#app[data-viewport=expanded] .toolbar__actions,#app[data-viewport=expanded] .quick-toggles,#app[data-viewport=expanded] .framerate,#app[data-viewport=expanded] .mtabs,#app[data-viewport=expanded] [data-mpanel],#app[data-viewport=expanded] .mobile-reset-slot{max-height:0;padding:0;border-width:0;opacity:0;visibility:hidden;overflow:hidden;transition:max-height var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard),visibility 0s var(--duration-base)}}@media(prefers-reduced-motion:reduce){#app,.toolbar,.app-main,.col-left,.col-center,.col-right,.telemetry,.status-bar,.app-bar,.toolbar__actions,.quick-toggles,.framerate,.mtabs,[data-mpanel],.mobile-reset-slot,#app[data-viewport=expanded] .toolbar,#app[data-viewport=expanded] .status-bar,#app[data-viewport=expanded] .col-left,#app[data-viewport=expanded] .col-right,#app[data-viewport=expanded] .telemetry,#app[data-viewport=expanded] .app-bar,#app[data-viewport=expanded] .toolbar__actions,#app[data-viewport=expanded] .quick-toggles,#app[data-viewport=expanded] .framerate,#app[data-viewport=expanded] .mtabs,#app[data-viewport=expanded] [data-mpanel],#app[data-viewport=expanded] .mobile-reset-slot{transition:none}}html{color-scheme:dark}html,body{margin:0;padding:0;background:var(--color-bg-app)}body:has(#app[data-viewport=expanded]){overflow:hidden}*{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}