:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#181818;--bg-1:#1e1e1e;--ink:#d4d4d4;--muted:#a0a0a0;--accent:#4299e1;--accent-2:#4299e1;--panel:#252526;--panel-border:#3a3a3a;--ok:#49d17d;--error:#ff5f66}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--bg-0);font-family:Segoe UI,Arial,sans-serif;overflow:hidden}input:is([type=number],[data-number-editor]){appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.topbar{background:var(--panel);border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 18px;display:flex;position:relative}.brand h1{letter-spacing:-.5px;margin:0;font-size:17px;font-weight:600}.brand p{color:var(--muted);margin:4px 0 0;font-size:.95rem}.status-wrap{align-items:center;gap:10px;display:flex}.topbar-action{border:1px solid var(--panel-border);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#252526;border-radius:3px;padding:8px 14px;font-family:Consolas,Courier New,monospace;font-size:.78rem}.topbar-action:hover{filter:brightness(1.08)}.topbar-action:focus-visible{outline:2px solid var(--accent-2);outline-offset:1px}.status-pill{border:1px solid var(--panel-border);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#252526;border-radius:3px;padding:8px 14px;font-size:.85rem}.status-pill.compiling{color:var(--accent-2);border-color:#4299e180}.status-pill.compiling:before{content:"";vertical-align:-.08rem;border:2px solid #4299e159;border-top-color:#4299e1;border-radius:50%;width:.62rem;height:.62rem;margin-right:.5rem;animation:.85s linear infinite spin;display:inline-block}.status-pill.success{color:var(--ok);border-color:#49d17d73}.status-pill.warning{color:#ffd666;border-color:#ffd6668c}.status-pill.error{color:var(--error);border-color:#ff5f6680}.version{color:var(--muted);font-family:Consolas,Courier New,monospace;font-size:.8rem}.workspace{z-index:2;grid-template-rows:minmax(0,1fr) clamp(200px,30vh,300px);grid-template-columns:205px minmax(0,1.25fr) minmax(0,1fr);gap:0;height:calc(100dvh - 78px);display:grid;position:relative}.workspace.has-params{grid-template-rows:minmax(0,1fr) clamp(200px,30vh,300px)}.brand{align-items:center;gap:8px;display:flex}.brand-icon{background:var(--accent);color:#fff;border-radius:4px;place-items:center;width:23px;height:23px;font:700 20px Arial,sans-serif;display:grid}.topbar-action,.topbar-link{text-transform:none;letter-spacing:0;color:var(--ink);padding:5px 10px;font:12px Segoe UI,Arial,sans-serif;text-decoration:none}.topbar-action{background:0 0;border-color:#0000}.topbar-link:hover{text-decoration:underline}.statusbar{background:#1666a0;justify-content:space-between;align-items:center;height:26px;padding:0 12px;display:flex}.statusbar .status-pill,.statusbar .version{color:#fff;text-transform:none;letter-spacing:0;background:0 0;border:0;padding:0;font:11px Segoe UI,Arial,sans-serif}.statusbar .status-pill.error,.statusbar .status-pill.warning{background:#5a2424;padding:2px 8px}.example-sidebar{background:var(--panel);border-right:1px solid var(--panel-border);grid-area:1/1/span 2;min-height:0;font-size:12px;overflow:auto}#example-browser{padding:8px 0}#example-browser details{margin:8px 0}#example-browser summary{cursor:pointer;padding:7px 12px}.example-file{width:100%;color:var(--muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;padding:7px 12px 7px 26px;font:11px Segoe UI,Arial,sans-serif;display:block;overflow:hidden}.example-file:hover{color:var(--ink);background:#2a2d2e}.example-file.selected{color:#fff;background:#37373d}.example-file:focus-visible,#example-browser summary:focus-visible,.topbar-link:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}.compact-example{display:none}#source-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.workspace.has-params .preview-panel{grid-row:1}.params-panel{border-top:1px solid var(--panel-border)}.editor-panel>.panel-head{border-top:1px solid var(--accent)}.outputs-panel>.panel-head{flex-wrap:wrap}.outputs-panel>.panel-head h2{display:none}@media (width<=1100px){.workspace{grid-template-columns:165px minmax(0,1.2fr) minmax(0,1fr)}.editor-panel>.panel-head{flex-wrap:wrap}.manifest-inspector-layout{grid-template-columns:minmax(0,1fr)}}.params-host,.params-tab-content{flex:1;min-height:0;overflow:hidden}.params-tab-content{display:none}.outputs-panel .params-tab-content.active{display:flex}.panel{background:var(--panel);border:0;border-right:1px solid var(--panel-border);border-radius:0;min-width:0;min-height:0;overflow:hidden}.editor-panel{background:var(--bg-1);flex-direction:column;grid-area:1/2;display:flex;overflow:hidden}.preview-panel,.params-panel,.outputs-panel{flex-direction:column;grid-column:3;display:flex}.preview-panel{grid-row:1/span 2;position:relative}.params-panel{grid-row:2;display:none}.params-panel.active{display:flex}.outputs-panel{border-top:1px solid var(--panel-border);grid-area:2/2}.panel-head{border-bottom:1px solid var(--panel-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:8px 12px;display:flex}.panel-head h2{margin:0;font-size:12px;font-weight:400}.editor-controls,.preview-controls,.preview-readouts,.param-inputs,.outputs-panel .tab-row,.file-tabs,.file-tab-list{align-items:center;display:flex}.editor-controls,.preview-controls,.preview-readouts,.param-inputs,.file-tab-list{gap:8px}.control-label,.panel-meta,.preview-inline-label,.file-tab,.preview-action,.outputs-panel .tab,.param-row label{font-family:Consolas,Courier New,monospace}.control-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.example-select,.editor-action,.preview-select,.preview-time-input,.file-tab,.file-tab-picker,.preview-action,.outputs-panel .tab,.param-row input:is([type=number],[data-number-editor]),.param-row select{border:1px solid var(--panel-border);color:var(--ink);background:#1e1e1e}.example-select{border-radius:3px;padding:6px 8px;font-family:Consolas,Courier New,monospace;font-size:.78rem}.example-select:focus-visible{outline:2px solid var(--accent-2);outline-offset:1px}.editor-action{border-radius:3px;padding:6px 10px;font-size:.78rem;font-weight:600}.editor-action:hover{filter:brightness(1.06)}.editor-action:focus-visible{outline:2px solid var(--accent-2);outline-offset:1px}.panel-meta{color:var(--muted);margin:0;font-size:.8rem}.preview-head{flex-wrap:nowrap;justify-content:flex-start;gap:8px 16px;height:38px;padding:0 12px}.preview-renderer-control[hidden]{display:none}.preview-renderer-control{align-items:center;gap:8px;display:flex}.preview-renderer-control label{color:var(--muted)}.preview-renderer-control select{border-radius:4px;min-width:116px;padding:5px 8px;font-family:Segoe UI,Arial,sans-serif;font-size:12px}.preview-renderer-control select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.preview-head-status{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;max-width:min(56ch,58vw);margin-left:auto;overflow:hidden}.preview-lighting-menu{position:relative}.preview-lighting-menu summary{border:1px solid var(--panel-border);cursor:pointer;border-radius:4px;padding:5px;list-style:none;display:flex}.preview-lighting-menu summary::-webkit-details-marker{display:none}.preview-lighting-menu summary:focus-visible{outline:2px solid var(--accent)}.preview-lighting-menu[open] summary{color:var(--accent)}.preview-lighting-menu fieldset{z-index:20;border:1px solid var(--panel-border);background:var(--panel);border-radius:4px;width:220px;margin:0;padding:12px;position:absolute;top:34px;left:0;box-shadow:0 4px 16px #0008}.preview-lighting-menu[hidden]{display:none}.preview-lighting-menu legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.preview-lighting-menu .lighting-options{gap:2px;display:grid}.preview-lighting-menu label{cursor:pointer;border-radius:4px;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:9px;margin:0;padding:8px;font-size:12px;display:grid}.preview-lighting-menu label:hover{background:#ffffff0a}.preview-lighting-menu label:has(input:checked){background:#ffffff10}.preview-lighting-menu input[type=radio]{width:14px;height:14px;accent-color:var(--accent);flex:none;margin:0;padding:0;position:static}.preview-lighting-menu small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.preview-lighting-menu .lighting-section{border-top:1px solid var(--panel-border);color:var(--muted);margin:8px 8px 2px;padding-top:10px;font-size:11px}.preview-bottombar{border-top:1px solid var(--panel-border);background:var(--panel);justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:6px 10px;display:flex}.preview-controls{flex-wrap:wrap;flex:auto;min-width:0}.preview-inline-label{color:#d4d4d4;letter-spacing:.02em;font-size:.72rem}.manifest-inspector{padding:12px;font-family:Consolas,Courier New,monospace;font-size:.78rem;line-height:1.45;overflow:auto}.manifest-inspector-layout{grid-template-columns:minmax(240px,.9fr) minmax(320px,1.1fr);align-items:start;gap:12px;display:grid}.manifest-inspector-col{gap:10px;min-width:0;display:grid}.manifest-inspector-picker{gap:5px;display:grid}.manifest-inspector-details .manifest-inspector-picker,.manifest-inspector-details .manifest-inspector-summary{border:1px solid var(--panel-border);background:#252526b8;border-radius:3px;padding:10px}.manifest-inspector-picker-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.manifest-inspector-select{border:1px solid var(--panel-border);color:var(--ink);background:#1e1e1e;border-radius:3px;padding:4px 8px;font-family:Consolas,Courier New,monospace;font-size:.76rem}.manifest-inspector-summary{grid-template-columns:1fr;gap:2px;display:grid}.manifest-inspector-row{justify-content:space-between;gap:10px;padding:4px 0;display:flex}.manifest-inspector-key{color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.manifest-inspector-value{color:var(--ink);word-break:break-word;text-align:right}.manifest-inspector-subhead{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.74rem}.manifest-inspector-content{border:1px solid var(--panel-border);background:#252526b8;border-radius:3px;padding:10px}.manifest-inspector-content .manifest-runtime-files,.manifest-inspector-content .manifest-inspector-variants{margin-top:8px}.manifest-inspector-content .manifest-inspector-empty{margin-top:6px}.manifest-inspector-empty{color:var(--muted);margin:0}.manifest-inspector-variants{gap:8px;display:grid}.manifest-inspector-variant{border:1px solid var(--panel-border);background:#252526b8;border-radius:3px;padding:8px}.manifest-inspector-variant.is-selected{border-color:#4299e1a6;box-shadow:inset 0 0 0 1px #4299e140}.manifest-inspector-variant-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.manifest-inspector-selected-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--accent-2);font-size:.68rem}.manifest-inspector-bindings{color:var(--muted);margin:6px 0 0;padding-left:16px}.manifest-runtime-files{gap:6px;display:grid}.manifest-runtime-file{text-align:left;border:1px solid var(--panel-border);width:100%;color:var(--ink);cursor:pointer;background:#252526e6;border-radius:3px;padding:5px 8px;font-family:Consolas,Courier New,monospace;font-size:.72rem;line-height:1.3}.manifest-runtime-file:hover{border-color:#4299e18c}.manifest-runtime-file:focus-visible{outline:2px solid var(--accent-2);outline-offset:1px}@media (width<=980px){.manifest-inspector-layout{grid-template-columns:1fr}}.preview-select,.preview-time-input{border-radius:3px;height:28px;padding:2px 6px;font-family:Consolas,Courier New,monospace;font-size:.72rem}.preview-time-input{width:88px}.preview-bottombar .panel-meta{color:#d4d4d4;letter-spacing:.02em;font-size:.76rem}#preview-resolution{font-family:Consolas,Courier New,monospace}.preview-readouts{flex:none;justify-content:flex-end;gap:12px}.preview-action{background:var(--panel);width:30px;min-width:30px;height:28px;color:var(--ink);border-color:#7e8893d9;border-radius:5px;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}.preview-action svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:15px;height:15px;display:block}.preview-action:hover{filter:brightness(1.03)}.preview-action[aria-pressed=true]{background:var(--panel)}.preview-action:focus-visible{outline:2px solid var(--accent-2);outline-offset:1px}.preview-step-action{width:auto;min-width:38px;padding:0 8px;font-size:.69rem}.preview-action[hidden]{display:none}button{cursor:pointer;border:1px solid var(--panel-border);background:var(--panel);color:var(--ink);border-radius:3px;padding:8px 12px;font-family:Segoe UI,Arial,sans-serif;font-weight:400}button:hover{filter:brightness(1.06)}.file-tabs{border-bottom:1px solid var(--panel-border);background:#252526b3;gap:0;min-height:34px;padding:0 4px;display:none;overflow-x:auto}.file-tabs.visible{display:flex}.file-tab-list{flex:auto;align-items:stretch;gap:2px;min-width:0;overflow-x:auto}.file-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-color:#0000 #0000 currentColor;border-bottom-style:none;border-bottom-width:medium;border-radius:6px 6px 0 0;align-items:center;gap:6px;min-width:0;margin-bottom:-1px;padding:5px 10px;font-size:.76rem;font-weight:400;display:flex}.file-tab:hover{color:var(--ink);background:#ffffff0d}.file-tab.active{color:var(--ink);border-color:var(--panel-border);background:var(--panel);border-bottom-color:#252526b3;font-weight:600}.file-tab-name{text-overflow:ellipsis;max-width:140px;overflow:hidden}.file-tab-close{width:14px;height:14px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.7rem;font-weight:400;line-height:1;display:inline-flex}.file-tab-close:hover{color:var(--error);background:#ff5f6640}.file-tab-picker{border:1px solid var(--panel-border);width:auto;max-width:180px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;padding:0 8px;font-size:.72rem;font-weight:400;line-height:1;display:inline-flex}.file-tab-picker:hover{color:var(--ink);background:#4299e11f;border-color:#4299e166}.file-tab-picker:focus-visible{outline:2px solid var(--accent-2);outline-offset:1px}.editor,.wgsl-editor{flex:1;width:100%;height:0;min-height:0}.file-tabs.visible~.editor{flex:1;height:0}.editor{overscroll-behavior:contain;overflow:visible}.monaco-editor .overflowingContentWidgets,.monaco-editor .overflowingOverlayWidgets,.monaco-editor .suggest-widget,.monaco-editor .parameter-hints-widget,.monaco-editor .monaco-hover,.overflowingContentWidgets,.overflowingOverlayWidgets,.suggest-widget,.parameter-hints-widget,.monaco-hover,.monaco-hover-content{z-index:12000!important}.monaco-editor .suggest-widget,.monaco-editor .parameter-hints-widget,.monaco-editor .monaco-hover-content,.suggest-widget,.parameter-hints-widget,.monaco-hover-content{background:#252526!important;border:1px solid #454545!important;box-shadow:0 8px 24px #00000073!important}.monaco-editor .suggest-widget .monaco-list,.monaco-editor .suggest-widget .monaco-list-row,.monaco-editor .suggest-widget .monaco-list-row .label-name,.monaco-editor .suggest-widget .monaco-highlighted-label,.suggest-widget .monaco-list,.suggest-widget .monaco-list-row,.suggest-widget .monaco-list-row .label-name,.suggest-widget .monaco-highlighted-label{color:#d4d4d4!important;background:0 0!important}.suggest-widget .monaco-list-row{background:#252526!important}.suggest-widget .monaco-list-row .label-name,.suggest-widget .monaco-icon-label .monaco-icon-name-container .label-name,.suggest-widget .monaco-icon-label .monaco-icon-description-container{color:#fff!important;font-weight:600!important}.suggest-widget .monaco-icon-label .monaco-icon-description-container,.suggest-widget .details-label{color:#a0a0a0!important}.monaco-editor .suggest-widget .monaco-list-row.focused,.monaco-editor .suggest-widget .monaco-list-row.selected,.suggest-widget .monaco-list-row.focused,.suggest-widget .monaco-list-row.selected{color:#fff!important;background:#04395e!important}#editor .cm-fresco-keyword{color:#569cd6;font-weight:500}#editor .cm-fresco-function{color:#dcdcaa;font-weight:600}#editor .cm-fresco-parameter{color:#9cdcfe}#editor .cm-fresco-enum-member{color:#c586c0}#editor .cm-fresco-color-literal{color:#d4d4d4}#editor .cm-fresco-color-swatch-glyph{vertical-align:.08em;opacity:.96;margin-right:.32em;font-size:.68em;line-height:1;display:inline-block}#editor .cm-fresco-type{color:#4ec9b0}#editor .cm-fresco-number{color:#b5cea8}#editor .cm-fresco-string{color:#ce9178}#editor .cm-fresco-operator{color:#d4d4d4}#editor .cm-fresco-comment{color:#6a9955;font-style:normal}#editor .cm-fresco-variable{color:#d4d4d4}.preview-viewport{flex:auto;min-width:0;min-height:0;display:flex;position:relative}.preview-unavailable{background:var(--bg-1);color:var(--ink);justify-content:center;align-items:safe center;padding:clamp(16px,4vw,32px);display:flex;position:absolute;inset:0;overflow:auto}.preview-unavailable[hidden]{display:none}.preview-unavailable-message{overflow-wrap:anywhere;max-width:36ch;line-height:1.6}.preview-unavailable-message h3{margin:0 0 12px;font-size:18px;line-height:1.3}.preview-unavailable-message p{margin:0 0 12px}.preview-unavailable-message details{font-size:12px}.preview-unavailable-message summary{cursor:pointer}.preview-unavailable-message details p{margin-top:8px;font-family:Consolas,Courier New,monospace}.preview-panel.is-unavailable .preview-spin-overlay,.preview-panel.is-unavailable .mesh-picker,.preview-panel.is-unavailable .preview-head-status{display:none}.preview-canvas{flex:auto;width:100%;height:100%;min-height:0;display:block}.preview-spin-overlay{z-index:11;text-align:center;width:auto;min-width:0;position:absolute;top:8px;left:10px}.mesh-picker{z-index:10;flex-direction:column;gap:4px;display:flex;position:absolute;top:8px;right:8px}.mesh-picker[hidden]{display:none}.mesh-pick-btn{color:#c8d2dccc;cursor:pointer;text-align:left;background:#252526d1;border:1px solid #ffffff26;border-radius:4px;padding:4px 8px;font-family:Consolas,Courier New,monospace;font-size:11px;transition:background .12s,border-color .12s,color .12s}.mesh-pick-btn:hover{color:#cce4ff;background:#32507899;border-color:#64a0dc66}.mesh-pick-btn.active{color:#a8d4ff;background:#1e4678cc;border-color:#50a0ff8c}#preview-panel:fullscreen{border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0}#preview-panel:fullscreen .preview-canvas{width:100%;height:100%}.shader-params{border-top:1px solid var(--panel-border);box-sizing:border-box;background:#25252673;gap:8px;width:100%;height:100%;max-height:none;padding:10px 12px;font-family:Consolas,Courier New,monospace;display:none;overflow:hidden auto;container-type:inline-size}.shader-params.active{grid-template-columns:1fr;align-content:start;justify-items:stretch;display:grid}.static-options{background:#9770cd1a;border:1px solid #bea0eb61;border-radius:4px;min-width:0;margin:0 0 4px;padding:8px}.static-options legend{color:#ceb6ee;padding:0 5px;font-size:12px;font-weight:600}.static-options .static-options-hint{color:var(--muted);margin:0 0 8px;font-size:11px}.static-options .static-option-row+.static-option-row{margin-top:8px}.static-options .static-option-row>span{overflow-wrap:anywhere}.static-options .static-option-row>select{width:100%;min-width:0}.static-options input[type=checkbox]{accent-color:#b593df;justify-self:start}.param-row{box-sizing:border-box;background:#25252694;border:1px solid #6e6e6e2e;border-radius:3px;grid-template-columns:minmax(96px,152px) minmax(0,1fr);align-items:center;gap:8px;width:100%;padding:8px 9px;display:grid}.param-row--alt{background:#25252694}.param-inputs{flex-wrap:wrap;min-width:0}.param-inputs input[type=range]{flex:1}.param-inputs--slider{flex-wrap:nowrap;align-items:center}.param-inputs--slider input[type=range]{flex:auto;min-width:0}.param-inputs--slider input:is([type=number],[data-number-editor]){flex:0 0 84px;width:84px}.param-row--array{grid-column:1/-1;align-items:start}.param-row--array>.param-array-editor{min-width:0}.param-array-editor{gap:8px;min-width:0;display:grid}.param-array-page{gap:6px;display:grid}.param-array-page--simple{grid-auto-flow:column;grid-template-rows:repeat(var(--array-rows,10), minmax(0, auto));grid-template-columns:repeat(var(--array-cols,2), minmax(0, 1fr));align-content:start}.param-array-item{background:#2525268f;border:1px solid #6e6e6e33;border-radius:3px;gap:4px;padding:6px 8px;display:grid}.param-array-item--simple{grid-template-columns:auto 1fr;align-items:center;gap:6px 8px}.param-array-item-index{color:var(--muted);letter-spacing:.03em;font-size:.7rem}.param-array-item-controls{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px;min-width:0;display:grid}.param-array-item-controls input:is([type=number],[data-number-editor]){width:100%}.param-array-item-controls input[type=checkbox]{width:16px;height:16px}.param-array-pager{color:var(--muted);justify-content:flex-end;align-items:center;gap:8px;font-size:.72rem;display:flex}.param-array-pager-btn{border:1px solid var(--panel-border);color:var(--ink);background:#1e1e1e;border-radius:3px;padding:2px 8px;font-family:inherit;font-size:.72rem}.param-array-pager-btn:disabled{opacity:.5}.param-array-pager-label{text-align:center;min-width:72px}.param-dynamic-array-editor{width:100%}.param-dynamic-array-editor .param-array-item{align-items:center;gap:4px;display:flex}.param-dynamic-array-editor .param-dynamic-array-item-body{flex:1;min-width:0}.param-dynamic-array-controls{align-items:center;gap:8px;margin-top:4px;display:flex}.param-dynamic-array-add-btn{color:var(--text);cursor:pointer;background:#6e6e6e1a;border:1px solid #6e6e6e59;border-radius:4px;padding:2px 10px;font-size:.75rem}.param-dynamic-array-add-btn:hover{background:#6e6e6e33}.param-dynamic-array-remove-btn{width:20px;height:20px;color:var(--muted);cursor:pointer;background:#c8505014;border:1px solid #c8505059;border-radius:3px;flex-shrink:0;padding:0;font-size:.85rem;line-height:1}.param-dynamic-array-remove-btn:hover{color:var(--text);background:#c8505033}.param-dynamic-array-count{color:var(--muted);font-size:.7rem}.param-row--dynamic-array>label{align-self:flex-start;padding-top:2px}.param-array-item-number{background:var(--input-bg,#2525268f);width:80px;color:var(--text);border:1px solid #6e6e6e40;border-radius:4px;padding:2px 4px;font-size:.75rem}.param-matrix-group{background:#2525268f;border:1px solid #6e6e6e33;border-radius:3px;gap:4px;padding:6px 8px;display:grid}.param-matrix-group-label{color:var(--muted);font-size:.7rem}.param-matrix-grid{grid-template-columns:repeat(var(--matrix-cols,2), minmax(0, 1fr));gap:6px;min-width:0;display:grid}.param-matrix-grid input:is([type=number],[data-number-editor]){width:100%}.param-row label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.param-row input[type=range]{width:100%}.param-row input:is([type=number],[data-number-editor]){border:1px solid var(--panel-border);width:100%;max-width:100%;color:var(--ink);background:#1e1e1e;border-radius:7px;padding:4px 6px;font-family:inherit}.param-color-inputs{grid-template-columns:minmax(72px,96px) repeat(4,minmax(64px,1fr));gap:6px;display:grid}.param-color-inputs input[type=color]{cursor:pointer;width:100%;min-width:0}@container (width<=500px){.param-row{grid-template-columns:minmax(0,1fr)}.param-color-inputs{grid-template-columns:minmax(40px,.8fr) repeat(4,minmax(0,1fr))}}.param-row select{border:1px solid var(--panel-border);color:var(--ink);background:#1e1e1e;border-radius:7px;width:100%;min-width:0;max-width:100%;padding:4px 6px;font-family:inherit}.param-row input:is([type=number],[data-number-editor]):focus-visible,.param-row input[type=range]:focus-visible,.param-row input[type=color]:focus-visible,.param-row input[type=checkbox]:focus-visible,.param-row select:focus-visible{outline:2px solid var(--accent-2);outline-offset:1px;border-color:#4299e1a6}@keyframes spin{to{transform:rotate(360deg)}}.outputs-panel .tab-row{flex-wrap:wrap;gap:8px;display:flex}.outputs-panel .tab{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:6px 4px;font:11px Segoe UI,Arial,sans-serif}.outputs-panel .tab.active{color:var(--ink);border-bottom-color:var(--accent)}.tab-content{height:100%;min-height:0;margin:0;padding:10px 12px;display:none;overflow:auto}.tab-content.active{display:block}#diagnostics{color:var(--muted);white-space:pre-wrap;font-family:Consolas,Courier New,monospace;font-size:.8rem;line-height:1.35}#diagnostics .diag-item{background:#25252647;border:1px solid #94a3b847;border-radius:3px;gap:4px;margin:0 0 10px;padding:10px 12px;display:grid}#diagnostics .diag-item strong{letter-spacing:.04em;font-size:.74rem}#diagnostics .diag-message{color:var(--ink);white-space:pre-wrap;word-break:break-word}#diagnostics .diag-detail{color:var(--muted);font-size:.76rem}#diagnostics .diag-item.error{background:#7f1d1d38;border-color:#ef444480}#diagnostics .diag-item.error strong{color:#fecaca}#diagnostics .diag-item.warning{background:#78350f33;border-color:#f59e0b80}#diagnostics .diag-item.warning strong{color:#fde68a}#diagnostics .diag-item.info{background:#25252638;border-color:#38bdf880}#diagnostics .diag-item.info strong{color:#bae6fd}#diagnostics .diag-actions{margin-top:2px}#diagnostics .diag-action-btn{border:1px solid var(--panel-border);color:var(--ink);background:#25252670;border-radius:3px;padding:4px 8px;font-size:.72rem}.docs-backdrop{z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#252526b8;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;inset:0}.docs-panel{border:1px solid var(--panel-border);background:#252526fa;border-radius:0;grid-template-rows:auto auto 1fr;width:min(1200px,98vw);height:min(92vh,980px);display:grid;overflow:hidden;box-shadow:0 24px 48px #00000073}.docs-header{border-bottom:1px solid var(--panel-border);background:#252526fa;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.docs-title{letter-spacing:.06em;text-transform:uppercase;color:#d4d4d4;font-family:Consolas,Courier New,monospace;font-size:.86rem}.docs-controls{align-items:center;gap:8px;display:flex}.docs-action-btn{border:1px solid var(--panel-border);color:var(--ink);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:#252526f2;border-radius:3px;padding:6px 10px;font-family:Consolas,Courier New,monospace;font-size:.76rem}.docs-action-btn:hover{filter:brightness(1.08)}.docs-search{border-bottom:1px solid var(--panel-border);background:#252526e6;grid-template-rows:auto;grid-template-columns:1fr auto auto;gap:8px;padding:10px 12px;display:grid}.docs-search-input{border:1px solid var(--panel-border);width:100%;color:var(--ink);background:#252526f0;border-radius:3px;grid-column:1;padding:7px 10px;font-family:Consolas,Courier New,monospace;font-size:.82rem}.docs-search-status{white-space:nowrap;text-overflow:ellipsis;max-width:42ch;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;grid-column:2;align-self:center;font-family:Consolas,Courier New,monospace;font-size:.74rem;overflow:hidden}.docs-go-btn{grid-column:3;align-self:center;padding-inline:12px}.docs-go-btn:disabled{opacity:.45;cursor:default}.docs-frame{background:#252526fa;border:0;width:100%;height:100%}@media (width<=760px){body{overflow:hidden auto}.topbar{gap:8px;padding:10px 14px}.brand h1{font-size:1.2rem}.brand p,.version{display:none}.workspace,.workspace.has-params{flex-direction:column;gap:0;height:auto;padding:0;display:flex}.editor-panel{grid-row:unset;height:50vh;min-height:220px;overflow:hidden}.editor,.file-tabs.visible~.editor{flex:1;height:0;min-height:0}.preview-panel,.params-panel,.outputs-panel{grid-column:unset;grid-row:unset}.preview-panel{height:max(320px,65vw)}.outputs-panel{height:32vh;min-height:160px}.preview-bottombar{flex-wrap:wrap;row-gap:4px}.preview-readouts{flex:0 0 100%;justify-content:flex-start}.docs-backdrop{align-items:stretch;padding:0}.docs-panel{border-radius:0;width:100%;max-width:100vw;height:100%;max-height:100vh}.docs-search{grid-template-rows:auto auto;grid-template-columns:1fr auto}.docs-search-status{grid-area:2/1/auto/-1;max-width:none}.docs-go-btn{grid-area:1/2}.example-sidebar{display:none}.compact-example{display:inline-block}.editor-controls{flex-wrap:wrap}#example-select{max-width:min(260px,65vw)}.panel{border-bottom:1px solid var(--panel-border)}.editor-panel{order:0}.preview-panel{order:1}.outputs-panel{order:2}.statusbar{position:static}.preview-head-status{max-width:55vw}.manifest-inspector-layout{grid-template-columns:minmax(0,1fr)}}.engine-properties{border-bottom:1px solid var(--border-color,#354050);padding:12px}.engine-properties p{opacity:.75;font-size:12px}.engine-properties label{justify-content:space-between;gap:12px;margin:8px 0;display:flex}.engine-properties input,.engine-properties select{width:140px}.preview-buffer-labels:not([hidden]){pointer-events:none;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute;inset:0}.preview-buffer-labels:not([hidden]) span{color:#eee;text-shadow:0 1px 3px #000;padding:4px 6px;font-size:10px;overflow:hidden}.preview-canvas[style*="visibility: hidden"]+.preview-buffer-labels{visibility:hidden}.preview-canvas[data-buffer-view=all]~.mesh-picker{top:auto;bottom:8px}.preview-canvas[data-buffer-view=all]~.preview-spin-overlay{inset:auto 88px 8px auto}.preview-freshness{color:#f0f0f0;pointer-events:none;background:#14161bd9;border-radius:5px;align-items:center;gap:7px;padding:5px 8px;font-size:11px;display:flex;position:absolute;bottom:10px;right:10px}.preview-freshness[hidden]{display:none}.preview-freshness:before{content:"";border:2px solid #ffffff40;border-top-color:currentColor;border-radius:50%;width:10px;height:10px}.preview-freshness[data-state=busy]:before{animation:.8s linear infinite preview-updating}.preview-freshness[data-state=error]{color:#ffd18a}.preview-freshness[data-state=error]:before{border-color:currentColor}.preview-panel.is-unavailable .preview-freshness{display:none}@keyframes preview-updating{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.preview-freshness[data-state=busy]:before{animation:none}}