:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e9eae8;--fg:#202322;--panel:#f7f7f5;--accent:#245f70}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#181a19;--fg:#eef0ed;--panel:#222523;--accent:#83bdce}:root{--font-ui:ui-monospace, "SF Mono", "Roboto Mono", "Source Code Pro", Menlo, Consolas, monospace;--font-copy:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--u:22px;--sp:4px;--r:2px;--face:color-mix(in srgb, var(--fg) 8%, transparent);--face-hover:color-mix(in srgb, var(--fg) 16%, transparent);--face-on:color-mix(in srgb, var(--fg) 26%, transparent);--dim:color-mix(in srgb, var(--fg) 55%, transparent);--viewport:color-mix(in srgb, var(--fg) 5%, var(--panel));--raised:color-mix(in srgb, var(--bg) 45%, var(--panel));--ember:#d8a54a}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px;color:var(--fg);background:var(--bg);font-family:var(--font-copy);font-synthesis:none;text-rendering:optimizelegibility;font-size:12px;line-height:1.4;overflow:hidden}button,input,select,textarea,kbd,.toggle-switch,.explore-look__toggle,.scene-name__hash,.property-group dd,.vector-readout span,.panel-section pre{font-family:var(--font-ui);font-size:12px;font-weight:500;line-height:1}button{height:var(--u);padding:0 calc(var(--sp) * 2);border-radius:var(--r);color:var(--fg);background:var(--face);white-space:nowrap;cursor:pointer;border:0}button:hover:not(:disabled){background:var(--face-hover)}button:disabled{color:var(--dim);cursor:default}button.is-active,button[aria-pressed=true]{background:var(--face-on)}:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.button--primary{color:var(--panel);background:var(--accent)}.button--primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.icon-button{width:var(--u);justify-content:center;align-items:center;padding:0;display:inline-flex}input[type=range]{appearance:none;width:100%;height:var(--u);border-radius:var(--r);background:var(--face);cursor:pointer;margin:0;padding:0;overflow:hidden}input[type=range]:hover{background:var(--face-hover)}input[type=range]::-webkit-slider-runnable-track{height:var(--u);background:0 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:3px;height:var(--u);background:var(--fg);box-shadow:-100vw 0 0 100vw var(--face-on);border:0;border-radius:0}input[type=range]::-moz-range-track{height:var(--u);background:0 0}input[type=range]::-moz-range-progress{height:var(--u);background:var(--face-on)}input[type=range]::-moz-range-thumb{width:3px;height:var(--u);background:var(--fg);border:0;border-radius:0}input[type=search],input[type=text]{height:var(--u);padding:0 var(--sp);border-radius:var(--r);color:var(--fg);background:var(--face);border:0}.editor-shell{grid-template-rows:auto minmax(0,1fr);width:100%;height:100dvh;display:grid;position:relative}.app-header{z-index:2;background:var(--panel);flex-direction:column;min-width:0;display:flex;position:relative}.app-header--collapsed{height:0;overflow:hidden}.app-bar,.tool-bar{min-width:0;height:calc(var(--u) + var(--sp) * 2);align-items:center;gap:var(--sp);padding:0 var(--sp);flex-wrap:nowrap;display:flex;overflow:hidden}.tool-bar{scrollbar-width:thin;overflow:auto hidden}.wordmark{padding:0 calc(var(--sp) * 2) 0 var(--sp);cursor:pointer;align-self:end;align-items:center;display:flex}.wordmark-logo{height:calc(var(--u) + var(--sp));width:auto;display:block}.wordmark-logo,.about-logo{transform:translateY(-4.1%)}.about-logo{height:calc(var(--u) * 4);width:auto;margin-bottom:calc(var(--u) * -.8);display:block}.about-mark{padding:calc(var(--sp) * 2) calc(var(--sp) * 3);display:block}.about-mark .len9-text__cell--filled{background:color-mix(in srgb, var(--fg) 25%, transparent)}.len9-text{grid-auto-rows:1fr;display:grid}.len9-text:before{content:"";grid-area:1/1/1/1;width:0;padding-bottom:100%}.len9-text__cell:first-child{grid-area:1/1/1/1}.len9-text__cell--filled{background:var(--fg)}.app-bar-group,.tool-strip,.switch-group,.palette,.palette-swatches,.palette-actions,.menu{align-items:center;gap:var(--sp);flex:none;display:flex}.app-bar-separator{width:1px;height:var(--u);margin:0 var(--sp);background:var(--face);flex:none}.app-bar-spacer{min-width:var(--sp);flex:auto}.menu{position:relative}.menu-trigger{align-items:center;gap:calc(var(--sp) * 2);background:0 0;display:inline-flex}.menu-caret{color:var(--dim)}.menu-popover:popover-open{display:flex}.menu-popover{min-width:calc(var(--u) * 6);padding:var(--sp);border-radius:var(--r);color:var(--fg);background:color-mix(in srgb, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:0;flex-direction:column;gap:1px;margin:0;position:fixed;inset:auto}.menu-item{text-align:left;background:0 0}.segmented{border-radius:var(--r);background:var(--face);align-items:center;gap:1px;padding:1px;display:flex}.segmented-item{height:calc(var(--u) - 2px);color:var(--dim);background:0 0}.segmented-item:hover:not(:disabled){background:var(--face-hover)}.segmented-item[aria-pressed=true]{color:var(--fg);background:var(--face-on)}.toggle-switch,.explore-look__toggle{height:var(--u);align-items:center;gap:var(--sp);padding:0 var(--sp);border-radius:var(--r);white-space:nowrap;cursor:pointer;background:0 0;display:inline-flex}.toggle-switch:hover,.explore-look__toggle:hover{background:var(--face)}.toggle-switch input,.explore-look__toggle input{width:10px;height:10px;accent-color:var(--accent);margin:0}.piece-swatch{width:var(--u);justify-content:center;align-items:center;padding:1px;display:flex}.piece-glyph{width:100%;height:100%;color:var(--dim);fill:currentColor}.piece-swatch[aria-pressed=true] .piece-glyph,.piece-swatch:hover .piece-glyph{color:var(--fg)}.workspace{--col-scene:210px;--col-inspector:260px;grid-template-columns:var(--col-scene) minmax(0, 1fr) var(--col-inspector);min-width:0;min-height:0;display:grid;position:relative}.workspace.ws--no-scene,.workspace.ws--no-both{--col-scene:0px}.workspace.ws--no-inspector,.workspace.ws--no-both{--col-inspector:0px}.panel{z-index:1;background:var(--panel);min-width:0;min-height:0;overflow:auto}.panel--collapsed{overflow:hidden}.panel-heading,.panel-section summary{height:calc(var(--u) + var(--sp) * 2);padding:0 var(--sp);background:var(--face);justify-content:space-between;align-items:center;display:flex}.panel-heading,.about-blurb{cursor:default}.panel-heading h2{font-size:inherit;letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:650}.panel-heading span{color:var(--dim)}.chevron{justify-content:center;align-items:center;width:1em;height:1em;display:flex}.chevron--up{transform:rotate(90deg)}.chevron--down{transform:rotate(-90deg)}.panel-toggle-btn{z-index:3;height:auto;color:var(--dim);background:var(--face);justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.panel-toggle-btn:hover{color:var(--fg)}.panel-toggle-btn--scene,.panel-toggle-btn--inspector{width:calc(var(--sp) * 3);height:calc(var(--u) * 2);top:50%;transform:translateY(-50%)}.panel-toggle-btn--scene{left:0}.panel-toggle-btn--inspector{right:0}.panel-toggle-btn--toolbar{width:calc(var(--u) * 2);height:calc(var(--sp) * 3);top:0;left:50%;transform:translate(-50%)}.object-list{padding:var(--sp)}.object-row,.group-row{width:100%;height:var(--u);grid-template-columns:var(--u) minmax(0, 1fr) auto auto;border-radius:var(--r);align-items:center;display:grid;position:relative}.object-row:hover,.group-row:hover,.group-row{background:var(--face)}.object-row+.object-row,.scene-group+.scene-group,.object-row+.scene-group,.scene-group+.object-row{margin-top:1px}.object-row.is-selected,.scene-group.is-selected>.group-row{color:var(--fg);background:var(--face-on)}.object-row.is-connected{background:color-mix(in srgb, var(--ember) 22%, transparent)}.scene-group.is-partial>.group-row{box-shadow:inset 2px 0 0 var(--accent)}.row-select,.row-select:hover:not(:disabled),.row-select[aria-pressed=true]{border-radius:inherit;height:auto;color:inherit;background:0 0;padding:0;position:absolute;inset:0}.row-select:focus-visible{outline:none}:is(.object-row:has(.row-select:focus-visible),.group-row:has(.row-select:focus-visible)){outline:1px solid var(--accent)}.object-color,.object-delete,.object-linked,.group-disclosure,.scene-name,.group-count,.row-name-input{z-index:1;position:relative}.object-linked,.group-count{pointer-events:none}.group-disclosure,.object-delete{width:var(--u);height:var(--u);color:var(--dim);background:0 0;padding:0}.object-delete:hover:not(:disabled),.group-disclosure:hover:not(:disabled){color:var(--fg);background:var(--face-hover)}.scene-name{min-width:0;padding-right:var(--sp);pointer-events:none;text-align:left;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden}.scene-name[data-partial=true]{color:var(--accent)}.scene-name__hash,.group-count{color:var(--dim)}.group-count{padding-right:var(--sp)}.row-name-input{min-width:0;height:calc(var(--u) - 2px);background:var(--face-on);outline:1px solid var(--accent)}.group-children{margin:1px 0 0 var(--sp);padding-left:var(--sp);border-left:1px solid var(--face)}.object-color{width:calc(var(--u) - var(--sp) * 2);height:calc(var(--u) - var(--sp) * 2);border-radius:var(--r);cursor:pointer;background:0 0;border:0;justify-self:center;padding:0;overflow:hidden}.object-color::-webkit-color-swatch-wrapper{padding:0}.object-color::-webkit-color-swatch{border:0}.object-linked{width:var(--u);color:var(--ember);justify-content:center;align-items:center;display:inline-flex}.viewport{background:var(--viewport);min-width:0;min-height:0;position:relative;overflow:hidden}.viewport canvas{touch-action:none;display:block}.viewport--hovering canvas{cursor:pointer}.viewport--selecting:not(.viewport--hovering) canvas{cursor:crosshair}.viewport--panning canvas{cursor:grab}.viewport--panning:active canvas{cursor:grabbing}.selection-marquee{z-index:4;outline:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 20%, transparent);pointer-events:none;position:absolute}.selection-actions{z-index:4;top:calc(var(--sp) * 4);left:calc(var(--sp) * 2);max-width:calc(100% - var(--sp) * 2);align-items:center;gap:var(--sp);pointer-events:none;flex-wrap:wrap;display:flex;position:absolute}.selection-actions-group{border-radius:var(--r);background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;align-items:center;gap:1px;padding:1px;display:flex}.viewport-help,.explore-hint{padding:0 var(--sp);height:var(--u);border-radius:var(--r);color:var(--dim);background:color-mix(in srgb, var(--panel) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;pointer-events:none;align-items:center;display:flex;position:absolute}.viewport-help{right:var(--sp);bottom:var(--sp)}.empty-state{padding:var(--sp);color:var(--dim);margin:0;line-height:1.5}.inspector-content{padding:var(--sp)}.selection-summary h3,.property-group h3{margin:0 0 var(--sp);color:var(--dim);font-size:inherit;letter-spacing:.08em;text-transform:uppercase;font-weight:650}.selection-summary p{color:var(--dim);margin:0;line-height:1.5}.property-group+.property-group{margin-top:calc(var(--sp) * 3)}.property-group dl,.state-meta{gap:var(--sp);grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.property-group dl div{display:contents}.property-group dt,.state-meta span{color:var(--dim)}.property-group dd{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.vector-readout{gap:var(--sp);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.vector-readout--four{grid-template-columns:repeat(2,minmax(0,1fr))}.vector-readout span{height:var(--u);padding:0 var(--sp);border-radius:var(--r);background:var(--face);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;display:flex}.panel-section summary{gap:var(--sp);color:var(--dim);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:flex-start;font-weight:650;list-style:none}.panel-section summary::-webkit-details-marker{display:none}.panel-section summary:before{content:"›";text-align:center;width:1em;display:inline-block}.panel-section summary span{color:color-mix(in srgb, var(--fg) 32%, transparent)}.panel-section summary span:first-of-type{margin-left:auto}.section-actions{gap:var(--sp);display:flex}.section-actions button{width:calc(var(--u) - var(--sp));height:calc(var(--u) - var(--sp));color:inherit;background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.section-actions button:hover:not(:disabled){color:var(--fg);background:var(--face-hover)}.section-actions button:disabled{color:color-mix(in srgb, var(--fg) 14%, transparent)}.panel-section--nested{margin-top:var(--sp)}.panel-section[open]>summary:before{transform:rotate(90deg)}.panel-section+.panel-section summary{margin-top:1px}.state-meta{padding:0 var(--sp) var(--sp);color:var(--dim)}.history-list{padding:0 var(--sp) var(--sp);display:grid}.history-row{height:var(--u);padding:0 var(--sp);color:var(--dim);text-align:left;text-overflow:ellipsis;line-height:var(--u);background:0 0;display:block;overflow:hidden}.history-row:hover:not(:disabled){background:var(--face);color:var(--fg)}.history-row.is-head{background:var(--face-on);color:var(--fg)}.history-row.is-ahead{opacity:.45}.system-log{gap:var(--sp);padding:0 var(--sp) var(--sp);grid-template-columns:max-content minmax(0,1fr);display:grid}.system-log>div{display:contents}.system-log span{color:var(--dim);font-variant-numeric:tabular-nums}.system-log strong{font-weight:inherit}.state-meta strong{color:var(--fg);font-weight:inherit;text-align:right}.panel-section pre{max-height:calc(var(--u) * 16);padding:var(--sp);background:var(--bg);tab-size:2;margin:0;line-height:1.5;overflow:auto}.profile-body{padding:0 var(--sp) var(--sp)}.profile-fps{align-items:center;gap:var(--sp);height:var(--u);display:flex}.profile-fps strong{font-weight:inherit;font-variant-numeric:tabular-nums}.profile-fps span{color:var(--dim)}.profile-chart{width:100%;height:calc(var(--u) * 2);margin-bottom:var(--sp);border-radius:var(--r);background:var(--bg);display:block}.profile-meta{padding:0}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.modal-overlay{z-index:1000;padding:calc(var(--sp) * 4);background:color-mix(in srgb, var(--bg) 40%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{min-width:min(80vw,30rem);max-width:min(92vw,38rem);max-height:86vh;padding:calc(var(--sp) * 3);border-radius:var(--r);color:var(--fg);background:var(--raised);overflow:auto;box-shadow:10px 10px 17px #00000054}.modal-panel--centered{text-align:center;min-width:min(60vw,22rem)}.confirm-dialog h2,.shortcut-sheet h2,.example-gallery__heading h2,.example-card h3{margin:0 0 calc(var(--sp) * 2);font-size:inherit;letter-spacing:.08em;text-transform:uppercase;font-weight:650}.modal-message,.modal-hint,.shortcut-filter-help,.shortcut-empty,.about-blurb,.example-gallery__heading p,.example-card p{color:var(--dim);margin:0;line-height:1.5}.modal-message{margin-bottom:calc(var(--sp) * 3)}.modal-hint{margin-top:calc(var(--sp) * 3);text-align:center}.modal-actions{justify-content:flex-end;gap:var(--sp);display:flex}.shortcut-filter{width:100%}.shortcut-filter-help,.shortcut-empty{margin:var(--sp) 0}.shortcut-list{grid-template-columns:minmax(0,1fr) max-content;gap:1px;display:grid}.shortcut-row{grid-column:1/-1;grid-template-columns:subgrid;height:auto;min-height:var(--u);align-items:center;gap:var(--sp);padding:0 var(--sp);text-align:left;background:0 0;display:grid}.shortcut-row span{color:var(--dim);line-height:1.4}.shortcut-row.is-active{background:var(--face)}.shortcut-row.is-active span{color:var(--fg)}.shortcut-row:disabled{cursor:default}.shortcut-sheet kbd{padding:0 var(--sp);height:var(--u);border-radius:var(--r);background:var(--face);font:inherit;align-items:center;display:inline-flex}.about-panel{min-width:min(72vw,26rem);max-width:min(92vw,30rem)}.about-splash{align-items:center;gap:var(--sp);padding-bottom:calc(var(--sp) * 2);flex-direction:column;display:flex}.about-pieces{width:100%;height:calc(var(--u) * 5);opacity:0;transition:opacity .25s}.about-pieces.is-ready{opacity:1}.about-pieces canvas{display:block;width:100%!important;height:100%!important}.about-blurb{max-width:calc(var(--u) * 18);padding:calc(var(--sp) * 5) 0;color:var(--fg)}.modal-panel.example-gallery{width:min(92vw,58rem);max-width:min(92vw,58rem)}.example-gallery__heading{justify-content:space-between;align-items:flex-start;gap:var(--sp);margin-bottom:calc(var(--sp) * 3);display:flex}.example-gallery__heading button{width:var(--u);padding:0}.example-grid{gap:calc(var(--sp) * 2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.example-card{border-radius:var(--r);background:var(--face);min-width:0;overflow:hidden}.example-preview{height:calc(var(--u) * 8);background:var(--viewport)}.example-thumbnail{object-fit:cover;width:100%;height:100%;display:block}.example-preview canvas{cursor:grab;touch-action:none;display:block}.example-preview canvas:active{cursor:grabbing}.example-card__body{gap:var(--sp);padding:calc(var(--sp) * 2);display:grid}.example-card .example-inventory{min-height:var(--u)}.editor-shell--explore{grid-template-rows:minmax(0,1fr)}.explore-overlay{z-index:6;pointer-events:none;position:absolute;inset:0}.explore-overlay>*{pointer-events:auto}.explore-hint{left:50%;bottom:calc(var(--sp) * 2);transform:translate(-50%)}.explore-chrome{top:calc(var(--sp) * 2);left:calc(var(--sp) * 2);align-items:flex-start;gap:var(--sp);pointer-events:none;flex-direction:column;display:flex;position:absolute}.explore-chrome__bar{gap:var(--sp);display:flex}.explore-exit,.explore-look__button,.explore-look__panel{pointer-events:auto;background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.explore-look__panel{align-items:center;gap:var(--sp) calc(var(--sp) * 3);width:calc(var(--u) * 17);padding:calc(var(--sp) * 2);border-radius:var(--r);grid-template-columns:max-content minmax(0,1fr);display:grid}.explore-look__field{display:contents}.explore-look__panel>button,.explore-look__toggles{grid-column:1/-1}.explore-look__label{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-weight:650}.explore-look__segmented{gap:1px;display:flex}.explore-look__segmented button{padding:0 var(--sp);flex:1}.explore-look__toggles{gap:var(--sp);grid-template-columns:1fr 1fr;display:grid}.explore-look__save,.explore-look__reset{width:100%}@media (width<=900px){.workspace{--col-scene:180px;--col-inspector:220px}}@media (width<=700px){.example-grid{grid-template-columns:1fr}.scene-panel,.inspector-panel{display:none}.workspace,.workspace.ws--no-scene,.workspace.ws--no-inspector,.workspace.ws--no-both{grid-template-columns:minmax(0,1fr)}.app-bar{scrollbar-width:thin;overflow-x:auto}.wordmark{z-index:1;background:var(--panel);align-self:stretch;position:sticky;left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}