.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none;z-index:0}.empty-rect{width:120px;height:82px;border:1px dashed var(--control-border-strong);border-radius:var(--radius-4);background:repeating-linear-gradient(135deg,#181b20 0,#181b20 6px,#1c2026 6px,#1c2026 12px)}.empty-text{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.drop-overlay{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px dashed var(--accent);border-radius:var(--radius-4);display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:13px;font-weight:500;color:#cfd6e2;background:color-mix(in srgb,var(--viewport) 60%,transparent);pointer-events:none;z-index:5}.anim-dock{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:9px;padding:6px 9px;border-radius:var(--radius-4);background:#14171ce6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:3}.anim-btn{width:22px;height:20px;border:1px solid var(--control-border-strong);border-radius:var(--radius-3);background:var(--button);color:#dfe4ea;cursor:pointer;font-family:var(--font-mono);font-size:9px;flex-shrink:0}.anim-btn:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.anim-clip{height:20px;max-width:150px;border-radius:var(--radius-3);border:1px solid var(--control-border);background:var(--input);color:var(--text-secondary);font-family:var(--font-ui);font-size:10px;padding:0 4px;outline:none}.anim-scrub{flex:1}.anim-time{font-family:var(--font-mono);font-size:10px;color:var(--section-heading);min-width:78px;text-align:right;white-space:nowrap}.anim-speed-label{font-family:var(--font-ui);font-size:9.5px;color:#6b727d}.anim-speed{width:64px}.anim-speed-value{font-family:var(--font-mono);font-size:10px;color:var(--section-heading);width:30px;text-align:right;white-space:nowrap}.viewport{position:relative;width:100%;height:100%;min-width:0;min-height:0;background:var(--viewport);overflow:hidden}.viewport-host{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--viewport)}.viewport-host canvas{display:block;width:100%;height:100%}.viewport-views{position:absolute;top:8px;left:8px;display:flex;gap:4px;z-index:1}.view-btn{background:var(--button);border:1px solid var(--control-border);border-radius:var(--radius-3);color:var(--text-secondary);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;padding:3px 6px;cursor:pointer;line-height:1}.view-btn:hover{border-color:var(--control-border-strong);color:var(--text-primary)}.view-btn:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.section{border-bottom:1px solid var(--divider)}.section-heading{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 10px;background:transparent;border:0;cursor:pointer;font-family:var(--font-ui);font-size:9.5px;font-weight:500;text-transform:uppercase;letter-spacing:.11em;color:var(--section-heading);text-align:left}.section-heading:hover{color:var(--text-secondary)}.section-heading:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.section-marker{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.section-body{padding:2px 10px 12px;display:flex;flex-direction:column;gap:8px}.section-divider{height:1px;background:var(--divider);margin:2px 0}.light-group{display:flex;flex-direction:column;gap:8px;padding-top:2px}.light-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.light-header .color-row{flex:1;grid-template-columns:20px 1fr}.dim-group{display:flex;flex-direction:column;gap:8px;transition:opacity .12s ease}.dim-group.dimmed{opacity:.45}.select-row{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:7px;height:20px}.select-label{font-family:var(--font-ui);font-size:10.5px;color:var(--label)}.tone-select{height:20px;border-radius:var(--radius-3);border:1px solid var(--control-border);background:var(--input);color:var(--text-secondary);font-family:var(--font-ui);font-size:10.5px;padding:0 4px;outline:none}.tone-select:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.segmented{display:flex;flex-wrap:wrap;gap:3px;border:1px solid var(--control-border);border-radius:var(--radius-4);padding:3px;background:var(--input)}.chip{flex:1 1 0;padding:4px 2px;border:1px solid var(--control-border);border-radius:var(--radius-2);background:var(--chip-off);color:#8d949e;font-family:var(--font-ui);font-size:9.5px;font-weight:500;cursor:pointer;white-space:nowrap;text-align:center}.chip:hover{color:var(--text-secondary)}.chip-active{background:var(--accent);color:var(--accent-chip-text);border-color:var(--accent)}.chip:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.color-row{display:grid;grid-template-columns:60px 20px 1fr;gap:7px;align-items:center;height:20px}.color-label{font-family:var(--font-ui);font-size:10.5px;color:var(--label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-swatch{display:inline-flex}.color-swatch input[type=color]{width:16px;height:16px}.color-hex{justify-self:start;background:transparent;border:0;padding:0;cursor:pointer;font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);text-align:left}.color-hex:hover{color:var(--text-primary)}.color-hex:focus-visible,.color-text:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.color-text{height:18px;border:1px solid var(--control-border);border-radius:var(--radius-2);background:var(--input);color:var(--text-secondary);font-family:var(--font-mono);font-size:10px;padding:0 4px;outline:none}.slider-row{display:grid;grid-template-columns:60px 1fr 38px;gap:7px;align-items:center;height:20px}.slider-label{font-family:var(--font-ui);font-size:10.5px;color:var(--label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider-input{width:100%}.slider-value{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);text-align:right;white-space:nowrap}.toggle{display:flex;align-items:center;gap:6px;background:transparent;border:0;padding:0;cursor:pointer;font-family:var(--font-ui);font-size:10.5px;font-weight:500;color:#c6ccd4;text-align:left}.toggle:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.toggle-track{position:relative;width:20px;height:11px;border-radius:6px;background:var(--control-border-strong);transition:background-color .1s ease;flex-shrink:0}.toggle-on{background:var(--accent-toggle-on)}.toggle-knob{position:absolute;top:2px;left:2px;width:7px;height:7px;border-radius:50%;background:#fff;transition:left .1s ease}.toggle-on .toggle-knob{left:11px}@media(prefers-reduced-motion:reduce){.toggle-track,.toggle-knob{transition:none}}.inspector{min-height:0;overflow-y:auto;height:100%}.section-stub{font-family:var(--font-mono);font-size:9.5px;color:var(--muted);padding:2px 0}.footer-msg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:10px}.footer-msg[data-kind=ok]{color:var(--status-ok)}.footer-msg[data-kind=error]{color:var(--status-error)}.footer-legend{white-space:nowrap;font-family:var(--font-mono);font-size:10px;color:var(--muted);margin-left:16px}.tree-row{display:flex;align-items:center;gap:5px;height:20px;padding-right:4px;cursor:pointer;white-space:nowrap}.tree-row:hover{background:var(--input)}.tree-row-selected{background:var(--accent-selected-row)}.tree-dot{width:5px;height:5px;flex-shrink:0;background:var(--accent)}.tree-dot-group{background:#4d545d}.tree-name{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-ui);font-size:10.5px;color:#c8ced6}.tree-name-hidden{color:#5b626c}.tree-tris{flex-shrink:0;font-family:var(--font-mono);font-size:10px;color:var(--label)}.tree-icon{width:14px;height:14px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:pointer;font-size:11px;line-height:1;color:#7d848e}.tree-icon:hover{color:var(--text-primary)}.tree-icon-active{color:var(--accent)}.tree-icon:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.scene-graph{display:flex;flex-direction:column;min-height:0;height:100%}.panel-title-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid var(--divider)}.panel-title-row .panel-title{padding:0;border-bottom:0}.show-all{background:transparent;border:1px solid var(--control-border);border-radius:var(--radius-3);color:var(--label);font-family:var(--font-ui);font-size:9.5px;padding:2px 6px;cursor:pointer}.show-all:hover{color:var(--text-secondary);border-color:var(--control-border-strong)}.show-all:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.tree-scroll{flex:1 1 0;min-height:0;overflow-y:auto}.tree-cap{padding:8px;font-family:var(--font-mono);font-size:9.5px;color:var(--muted)}.stats-panel{padding:8px 10px 10px;border-top:1px solid var(--divider)}.stats-title{font-size:9.5px;font-weight:500;text-transform:uppercase;letter-spacing:.11em;color:var(--section-heading);margin-bottom:6px}.stats-grid{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.stats-grid span:nth-child(2n){color:var(--text-secondary);text-align:right}.stats-fps{color:var(--status-ok)!important}.file-input{display:none}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(./ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(./ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(./ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2")}:root{--app-bg: #131519;--panel: #191c21;--viewport: #0e1013;--divider: #23272e;--control-border: #2c323a;--control-border-strong: #343a43;--chip-off: #1e2228;--button: #22262c;--input: #1b1f24;--text-primary: #d6dae0;--text-secondary: #c3c9d2;--label: #7f8792;--section-heading: #9aa1ab;--muted: #5f6773;--scrollbar-thumb: #31363e;--accent: oklch(.45 .11 250);--accent-chip-active: oklch(.42 .11 250);--accent-chip-text: #eaf1fb;--accent-button-bg: oklch(.34 .07 250);--accent-button-border: oklch(.42 .09 250);--accent-toggle-on: oklch(.58 .13 250);--accent-selected-row: oklch(.34 .07 250);--slot-a-badge: oklch(.75 .12 250);--slot-a-chip: oklch(.45 .11 250);--slot-b-badge: oklch(.78 .12 70);--slot-b-chip: oklch(.45 .11 70);--status-ok: oklch(.72 .12 155);--status-error: oklch(.68 .15 25);--axis-x: #e0554f;--axis-y: #7cc36a;--axis-z: #5b8ff9;--radius-2: 2px;--radius-3: 3px;--radius-4: 4px;--font-ui: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow:hidden;height:100%}body{font-family:var(--font-ui);font-size:12px;color:var(--text-primary);background:var(--app-bg)}#root{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:38px 1fr 24px;user-select:none;-webkit-user-select:none}.shell-middle{display:grid;grid-template-columns:238px 1fr 292px;min-height:0;min-width:0}.shell-middle>*{min-height:0;min-width:0}.shell-panel{background:var(--panel);border:1px solid var(--divider);border-top:0;border-bottom:0;overflow-y:auto;overflow-x:hidden}.shell-viewport{background:var(--viewport)}.shell-footer{background:var(--panel);border-top:1px solid var(--divider);display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:10px;color:var(--muted);font-family:var(--font-mono)}.shell-header{background:var(--panel);border-bottom:1px solid var(--divider);display:flex;align-items:center;gap:8px;padding:0 8px}.shell-header .brand{font-weight:500;font-size:12px;letter-spacing:.06em;margin-right:12px}.header-btn{background:var(--button);border:1px solid var(--control-border);border-radius:var(--radius-3);color:var(--text-secondary);font-family:var(--font-ui);font-size:10.5px;padding:3px 10px;cursor:pointer}.header-btn:disabled{opacity:.5;cursor:default}.header-filename{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--label);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-title{font-size:9.5px;text-transform:uppercase;letter-spacing:.11em;color:var(--section-heading);padding:6px 8px;border-bottom:1px solid var(--divider)}.panel-empty{padding:12px 8px;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.viewport-empty{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.footer-legend{font-family:var(--font-mono);font-size:10px;color:var(--muted)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;background:transparent;cursor:ew-resize;margin:0}input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--scrollbar-thumb);border-radius:var(--radius-2)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;margin-top:-3.5px;border-radius:50%;background:#cdd3db;transition:background-color .12s ease}input[type=range]::-webkit-slider-thumb:hover{background:var(--accent)}input[type=range]::-moz-range-track{height:3px;background:var(--scrollbar-thumb);border-radius:var(--radius-2)}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#cdd3db;transition:background-color .12s ease}input[type=range]::-moz-range-thumb:hover{background:var(--accent)}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;padding:0;border:1px solid #333940;border-radius:var(--radius-3);background:transparent;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:var(--radius-3)}input[type=color]::-moz-color-swatch{border:0;border-radius:var(--radius-3)}input[type=range]:focus-visible,input[type=color]:focus-visible,button:focus-visible,select:focus-visible{outline:1px solid var(--accent);outline-offset:1px}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-2)}*::-webkit-scrollbar-thumb:hover{background:var(--control-border-strong)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}