:root{--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-10: 20px;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-lg: 15px;--z-base: 0;--z-overlay: 5;--z-popover: 50;--z-banner: 100;--z-modal: 1000;--motion-fast: .12s;--motion-med: .2s;--ease-standard: ease;--font-sans: ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, Menlo, monospace}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #14161b;--panel: #1a1d23;--raised: #23272f;--border: #2a2e37;--text: #e6e8ec;--muted: #9aa0aa;--accent: #f5a623;--err: #ff6b6b;--warn: #e0b341}:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--panel: #eef0f3;--raised: #ffffff;--border: #d5d9e0;--text: #1b1e23;--muted: #667085;--accent: #d97706;--err: #d32f2f;--warn: #b7791f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans)}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-7);background:var(--panel);border-bottom:1px solid var(--border)}.brand{font-weight:700;letter-spacing:.3px}.brand .tag{color:var(--muted);font-weight:400;font-size:var(--text-sm);margin-left:var(--space-2)}.actions button{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);margin-left:var(--space-4);cursor:pointer;font-size:var(--text-md)}.actions button:hover:not(:disabled){border-color:var(--accent)}.actions button:disabled{opacity:.4;cursor:default}.actions button.github-link{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3);color:var(--muted)}.actions button.github-link:hover:not(:disabled){color:var(--text)}.actions button.active{border-color:var(--accent);color:var(--accent)}.examples-select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-left:var(--space-4);cursor:pointer;font-size:var(--text-md)}.examples-select:hover{border-color:var(--accent)}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#00000073;border:3px dashed var(--accent);color:var(--text);font-size:var(--text-lg);pointer-events:none}.cmdk{font-family:var(--font-mono);letter-spacing:.02em}.help-btn{font-weight:700}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#0006;display:flex;justify-content:center;align-items:flex-start;padding-top:8vh}.help{width:min(720px,92vw);max-height:80vh;overflow-y:auto;background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 12px 40px #00000080}.help-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);font-weight:600}.help-close{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:var(--text-md)}.help-close:hover{color:var(--text)}.help-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);padding:var(--space-6)}.help-body h3{margin:0 0 var(--space-4);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.help-keys>div{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-1) 0}.help-keys dt{width:64px;flex:none}.help-keys kbd{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px var(--space-2)}.help-keys dd,.help-tips dd{margin:0;color:var(--text)}.help-tips>div{padding:var(--space-2) 0}.help-tips dt{font-weight:600;margin-bottom:2px}.help-tips dd{color:var(--muted);font-size:var(--text-sm)}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#0006;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh}.palette{width:min(560px,90vw);background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 12px 40px #00000080;overflow:hidden}.palette-input{width:100%;box-sizing:border-box;background:var(--panel);color:var(--text);border:0;border-bottom:1px solid var(--border);padding:var(--space-5) var(--space-6);font-size:var(--text-lg);outline:none}.palette-list{list-style:none;margin:0;padding:var(--space-2);max-height:50vh;overflow-y:auto}.palette-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-md)}.palette-item.active{background:var(--accent);color:var(--bg)}.palette-shortcut{font-family:var(--font-mono);font-size:var(--text-xs);opacity:.8}.palette-empty{padding:var(--space-5) var(--space-6);color:var(--muted)}.popover{position:relative;display:inline-block;margin-left:var(--space-4)}.popover-trigger{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);cursor:pointer;font-size:var(--text-md)}.popover-trigger:hover,.popover-trigger.active{border-color:var(--accent)}.popover-trigger.active{color:var(--accent)}.popover-panel{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:var(--z-popover);min-width:200px;background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:0 6px 20px #00000059;display:flex;flex-direction:column;gap:var(--space-1)}.popover-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-md);white-space:nowrap}.popover-row:hover{background:var(--panel)}.section-controls{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-3)}.section-axes{display:inline-flex}.section-axes button{background:var(--panel);color:var(--text);border:1px solid var(--border);border-left-width:0;padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer}.section-axes button:first-child{border-left-width:1px;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.section-axes button:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.section-axes button.active{border-color:var(--accent);color:var(--accent)}.section-controls input[type=range]{flex:1;min-width:90px}.quality-select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-left:var(--space-4);cursor:pointer;font-size:var(--text-md)}.quality-select:hover{border-color:var(--accent)}.quality-fn{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:var(--space-3);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--muted)}.quality-fn input[type=number]{width:52px;background:var(--panel);color:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);padding:var(--space-1) var(--space-2)}.workspace{display:grid;grid-template-columns:460px 6px 1fr 6px 288px;flex:1;min-height:0}.editor-col{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border)}.resize-handle{background:transparent;transition:background var(--motion-fast) var(--ease-standard)}.resize-handle:hover{background:var(--accent)}.resize-x{cursor:col-resize}.resize-y{height:6px;cursor:row-resize}.tabs{display:flex;align-items:stretch;background:var(--panel);border-bottom:1px solid var(--border);overflow-x:auto;min-height:30px}.tab{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-family:var(--font-mono);border-right:1px solid var(--border);cursor:pointer;white-space:nowrap;color:var(--muted, #999)}.tab.active{background:var(--bg, #1a1a1a);color:inherit}.tab-dirty{color:var(--accent, #f5a623);font-size:9px;line-height:1;margin-right:calc(-1 * var(--space-1))}.tab-diag{font-size:9px;line-height:1;margin-right:calc(-1 * var(--space-1))}.tab-diag.error{color:var(--err)}.tab-diag.warn{color:var(--warn)}.tab-close{border:0;background:transparent;color:inherit;padding:0 var(--space-1);font-size:var(--text-md);line-height:1;cursor:pointer;opacity:.6}.tab-close:hover{opacity:1}.tab-add{border:0;background:transparent;color:var(--muted, #999);font-size:var(--text-lg);padding:0 var(--space-5);cursor:pointer}.editor{overflow:hidden;min-height:0;flex:1}.editor .cm-editor{height:100%}.viewer{position:relative;min-height:0}.viewer canvas{width:100%;height:100%;display:block}.viewer-fit{position:absolute;top:110px;right:10px;z-index:var(--z-overlay);background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-family:var(--font-mono);cursor:pointer;opacity:.85}.viewer-fit:hover{opacity:1;border-color:var(--accent)}.dock{position:relative;border-left:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0;overflow-y:auto}.dock.collapsed{overflow:hidden}.dock-spine{width:28px;height:100%;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:var(--space-4) 0}.dock-spine:hover{color:var(--text)}.dock-spine-label{display:inline-block;writing-mode:vertical-rl;transform:rotate(180deg);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.dock-collapse{position:absolute;top:var(--space-2);right:var(--space-2);z-index:var(--z-base);border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:var(--text-sm);padding:0 var(--space-1)}.dock-collapse:hover{color:var(--text)}.dock-section{border-bottom:1px solid var(--border)}.dock-section-head{display:flex;align-items:center;gap:var(--space-2);width:100%;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:var(--space-4) var(--space-6);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-align:left}.dock-section-head:hover{color:var(--text)}.dock-caret{font-size:9px;width:10px}.dock-section-body{padding-bottom:var(--space-4)}.dock-empty{padding:var(--space-3) var(--space-6) var(--space-6);color:var(--muted);font-size:var(--text-sm)}.model-panel{padding:0 var(--space-6) var(--space-4);font-size:var(--text-sm)}.model-stats{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-5);margin:0}.model-stats dt{color:var(--muted)}.model-stats dd{margin:0;text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.model-stats dd.integrity-exact{color:var(--muted)}.model-stats dd.integrity-preview{color:var(--warn)}.model-stats dd.integrity-degraded{color:var(--err)}.model-subhead{margin-top:var(--space-5);margin-bottom:var(--space-2);color:var(--muted);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.model-parts ul,.model-libs ul{list-style:none;margin:0;padding:0}.model-parts li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) 0}.part-swatch{width:12px;height:12px;border-radius:var(--radius-xs);border:1px solid var(--border);flex:none}.part-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.part-mode{color:var(--err);font-size:var(--text-xs)}.model-libs li{font-family:var(--font-mono);padding:var(--space-1) 0;color:var(--text)}.params-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted, #888)}.params-head button{font-size:var(--text-xs);padding:var(--space-1) var(--space-4)}.params-presets{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border)}.params-presets select{flex:1 1 auto;min-width:80px}.params-presets button{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.params-body{overflow-y:auto;padding:var(--space-4) var(--space-5) var(--space-8)}.param-group{border:1px solid var(--border);border-radius:var(--radius-md);margin:0 0 var(--space-6);padding:var(--space-3) var(--space-5) var(--space-5)}.param-group legend{padding:0 var(--space-3);font-size:var(--text-xs);font-weight:600;color:var(--muted, #999)}.param-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-4);padding:5px 0;font-size:var(--text-sm)}.param-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.param-row input[type=number],.param-row input[type=text],.param-row select{width:96px;font-size:var(--text-sm);padding:var(--space-1) var(--space-2);background:var(--bg, #1a1a1a);color:inherit;border:1px solid var(--border);border-radius:var(--radius-sm)}.param-slider{display:inline-flex;align-items:center;gap:var(--space-3)}.param-slider input[type=range]{width:110px}.param-slider output{width:52px;flex:none;text-align:right;overflow:hidden;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-xs)}.param-vector{display:inline-flex;gap:var(--space-2)}.param-vector input[type=number]{width:46px}.anim{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--muted, #999)}.anim input[type=range]{width:90px}.anim-val{min-width:38px}.anim-play{width:26px;padding:var(--space-1) 0;text-align:center}.anim-field{display:inline-flex;align-items:center;gap:3px}.anim-field input[type=number]{width:44px;background:var(--panel);color:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);padding:1px var(--space-1)}.export{display:inline-flex}.export button{border-top-right-radius:0;border-bottom-right-radius:0}.export select{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;background:var(--panel);color:inherit;border:1px solid var(--border);font-size:var(--text-sm)}.console{height:160px;flex:none;display:flex;flex-direction:column;min-height:0;background:var(--bg, #141414);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5}.console-filters{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-6);border-bottom:1px solid var(--border);flex:none}.console-chip{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 var(--space-3);font-size:var(--text-xs);font-family:var(--font-mono);cursor:pointer}.console-chip:hover{color:var(--text)}.console-chip.active{border-color:var(--accent);color:var(--accent)}.console-chip.error.active{border-color:var(--err);color:var(--err)}.console-chip.warn.active{border-color:var(--warn);color:var(--warn)}.console-body{overflow-y:auto;padding:var(--space-3) var(--space-6)}.console-line{white-space:pre-wrap;word-break:break-word}button.console-line{display:block;width:100%;text-align:left;border:0;background:transparent;font:inherit;padding:0;cursor:pointer}button.console-line.clickable:hover{text-decoration:underline}.console-line.error{color:var(--err)}.console-line.warn{color:var(--warn)}.console-line.echo{color:var(--text)}.console-line.muted{color:var(--muted)}.console-toggle{font-size:var(--text-xs);padding:var(--space-1) var(--space-4)}.console-toggle.alert{border-color:var(--warn);color:var(--warn)}.statusbar{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-3) var(--space-7);background:var(--panel);border-top:1px solid var(--border);font-size:var(--text-sm);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}.status-controls{display:inline-flex;align-items:center;gap:var(--space-3);min-width:132px}.statusbar .status-version{margin-left:auto}.statusbar.ok .status-main{color:var(--text)}.statusbar.err .status-main{color:var(--err);font-weight:600;overflow:hidden;text-overflow:ellipsis}.status-meta{color:var(--muted)}.status-integrity{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;padding:0 var(--space-2);border-radius:var(--radius-xs)}.status-integrity.exact{color:var(--muted)}.status-integrity.preview{color:var(--warn)}.status-integrity.degraded{color:var(--err);font-weight:600}.status-echo{color:var(--accent);overflow:hidden;text-overflow:ellipsis;flex:1}.status-version{margin-left:auto;color:var(--muted)}.status-rendering{color:var(--accent)}.status-rendering:before{content:"";display:inline-block;width:8px;height:8px;margin-right:var(--space-3);border-radius:50%;background:var(--accent);animation:status-pulse 1s ease-in-out infinite;vertical-align:middle}@keyframes status-pulse{0%,to{opacity:.25}50%{opacity:1}}.status-stop,.status-render{font-size:var(--text-xs);padding:var(--space-1) var(--space-4)}.status-stop{border-color:var(--err);color:var(--err)}.recovery-banner code{font-family:var(--font-mono);font-size:.92em}.update-banner{background:var(--panel);border-bottom:1px solid var(--border);border-left:3px solid var(--accent);padding:var(--space-4) var(--space-7);font-size:var(--text-md)}.update-banner.error{border-left-color:var(--err)}.update-banner-row{display:flex;align-items:center;gap:var(--space-6)}.update-banner-msg{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-banner-actions{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.update-banner-actions button{background:var(--raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:5px 11px;cursor:pointer;font-size:var(--text-md)}.update-banner-actions button:hover{border-color:var(--accent)}.update-banner-actions .update-primary{border-color:var(--accent);color:var(--accent)}.update-banner-actions .update-link{background:none;border:none;color:var(--muted);padding:5px var(--space-2);text-decoration:underline}.update-banner-actions .update-link:hover{color:var(--text)}.update-banner-actions .update-dismiss{padding:5px 9px;color:var(--muted)}.update-progress{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.update-progress-bar{width:180px;height:8px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;border-radius:var(--radius-sm);overflow:hidden;background:var(--border)}.update-progress-bar::-webkit-progress-bar{background:var(--border);border-radius:var(--radius-sm)}.update-progress-bar::-webkit-progress-value{background:var(--accent);border-radius:var(--radius-sm)}.update-progress-bar::-moz-progress-bar{background:var(--accent);border-radius:var(--radius-sm)}.update-progress-pct{color:var(--muted);font-variant-numeric:tabular-nums;min-width:34px}.update-notes{margin:var(--space-4) 0 0;padding:var(--space-4) var(--space-5);max-height:160px;overflow:auto;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted);font-size:var(--text-sm);line-height:1.5}.update-notes>:first-child{margin-top:0}.update-notes>:last-child{margin-bottom:0}.update-notes p{margin:var(--space-2) 0}.update-notes ul,.update-notes ol{margin:var(--space-2) 0;padding-left:var(--space-10)}.update-notes li{margin:var(--space-1) 0}.update-notes h1,.update-notes h2,.update-notes h3{font-size:var(--text-sm);font-weight:600;margin:var(--space-3) 0 var(--space-1);color:var(--text)}.update-notes code{font-family:var(--font-mono);background:var(--panel);border-radius:var(--radius-xs);padding:0 3px}.update-notes pre{background:var(--panel);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);overflow:auto;font-family:var(--font-mono)}.update-notes a{color:var(--accent);text-decoration:underline}