:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:system-ui,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:#000;min-width:320px;min-height:100vh;margin:0}#root{background:#000;min-height:100vh}.shader-canvas__host{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.shader-canvas__host canvas{vertical-align:top;display:block;width:100%!important;height:100%!important}.resizable-grid{--split-half-edge:5px;--split-half-corner:7px;--split-inset-min:max(var(--split-half-edge), var(--split-half-corner));box-sizing:border-box;flex:1 1 0;align-self:stretch;width:100%;min-width:0;min-height:0;position:relative}.resizable-grid--fill{flex:1 1 0;align-self:stretch;height:100%;min-height:0;max-height:100%}.resizable-grid__canvas-host{z-index:0}.resizable-grid__cells{z-index:1;pointer-events:none;display:grid;position:absolute;inset:0}.resizable-grid__cell{pointer-events:auto;cursor:default;box-sizing:border-box;--gutter-x:max(.5rem, 2em, var(--split-inset-min));--gutter-y:max(.5rem, 1em, var(--split-inset-min));padding:var(--gutter-y) var(--gutter-x);min-width:max(calc(2 * var(--gutter-x)), min-content);min-height:max(calc(2 * var(--gutter-y)), min-content);background:0 0;border:none;border-radius:0;flex-direction:column;align-items:stretch;font-size:1rem;line-height:1.35;display:flex;overflow:hidden;container-type:size}.resizable-grid__cell-chrome{box-sizing:border-box;min-width:max(calc(2 * var(--gutter-x)), min-content);min-height:max(calc(2 * var(--gutter-y)), min-content);cursor:default;flex-direction:column;flex:auto;align-items:stretch;display:flex;container-type:size}.resizable-grid__cell-surface{box-sizing:border-box;cursor:pointer;width:100%;min-width:max(calc(2 * var(--gutter-x)), min-content);min-height:max(calc(2 * var(--gutter-y)), min-content);padding:var(--gutter-y) var(--gutter-x);background:0 0;border:none;border-radius:50cqh;flex:auto;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29}.resizable-grid__cell-text{white-space:nowrap;text-align:center;color:#0000;flex-shrink:0;width:max-content;min-width:max-content;max-width:none;display:inline-block;overflow:visible}.resizable-grid__cell-text--empty{opacity:0}.resizable-grid__pointer-reflection{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:visible}.resizable-grid__pointer-reflection__img{opacity:.62;transform-origin:50% 100%;width:44px;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 1px #00000073);border:none;margin:0;padding:0;position:absolute;transform:translate(-50%,calc(-100% - 10px))scaleY(-1)}.resizable-grid--single{box-sizing:border-box;flex:none;align-self:flex-start;min-width:0;min-height:0;position:relative}.resizable-grid__splits{z-index:3;pointer-events:none;position:absolute;inset:0}.resizable-grid__split{pointer-events:auto;touch-action:none;color:inherit;font:inherit;background:0 0;border:none;border-radius:0;margin:0;padding:0;line-height:1;position:absolute}.resizable-grid__split--v{cursor:ew-resize;width:10px;height:100%;margin:0;top:0;transform:translate(-50%)}.resizable-grid__split--v:before{content:none}.resizable-grid__split--h{cursor:ns-resize;width:100%;height:10px;margin:0;left:0;transform:translateY(-50%)}.resizable-grid__split--h:before{content:none}.resizable-grid__split--corner{cursor:nwse-resize;z-index:3;border-radius:2px;justify-content:center;align-items:center;width:22px;height:22px;margin:0;padding:0;display:flex;transform:translate(-50%,-50%)}.resizable-grid__split--corner:hover,.resizable-grid__split--corner:focus-visible{background:#ffffff1f;outline:none}.resizable-grid__split-plus{color:#fff;-webkit-user-select:none;user-select:none;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;font-family:system-ui,sans-serif;font-size:20px;font-weight:600;line-height:1;display:flex}.resizable-grid__split--single-corner{cursor:nwse-resize;z-index:3;touch-action:none;width:28px;height:28px;color:inherit;font:inherit;background:#0a0c12b8;border:1px solid #ffffff47;border-radius:6px;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute;bottom:14px;right:14px}.resizable-grid__split--single-corner:hover,.resizable-grid__split--single-corner:focus-visible{background:#50a0ff38;border-color:#78c8ff80;outline:none}.resizable-grid__cell--empty{pointer-events:none;background:0 0;min-width:0;min-height:0;padding:0}.resizable-grid__micro-container{flex:auto;gap:2px;width:100%;height:100%;display:flex}.resizable-grid__micro--h{flex-direction:row}.resizable-grid__micro--v{flex-direction:column}.resizable-grid__micro-cell{cursor:default;flex-direction:column;flex:1 1 0;align-items:stretch;min-width:0;min-height:0;display:flex}.resizable-grid__micro-cell .resizable-grid__cell-surface{min-width:0;min-height:0}.resizable-grid__debug-overlay{z-index:4;pointer-events:none;position:absolute;inset:0}.resizable-grid__debug-rect{box-sizing:border-box;border-radius:2px;position:absolute}.resizable-grid__debug-rect--shader{border:1px dashed #40e0d0f2;border-radius:999px;box-shadow:inset 0 0 0 1px #40e0d040}.resizable-grid__debug-rect--grid{box-shadow:none;border:.5px solid red}@media (width<=768px){.resizable-grid--single{touch-action:none;overscroll-behavior:contain}.resizable-grid--single .resizable-grid__cell-text{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.app{box-sizing:border-box;color:#ffffffde;background:#000;flex-direction:column;width:100%;min-height:100vh;display:flex}.app__header{text-align:left;flex:none;padding:1rem 1.25rem}.app__title-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.app__title-row h1{margin:0;font-size:1.35rem;font-weight:600}.app__filter-chips{flex-wrap:wrap;align-items:center;gap:.4rem .5rem;margin-bottom:.65rem;display:flex}.app__chip{font:inherit;color:#ffffff8c;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff38;border-radius:999px;padding:.32rem .75rem;font-size:.78rem;font-weight:500}.app__chip:hover{color:#ffffffc7;background:#ffffff14}.app__chip--on{color:#ffffffeb;background:#50a0ff2e;border-color:#78c8ff73}.app__chip--on:hover{color:#fff;background:#50a0ff42}.app__param-group__body{flex-wrap:wrap;align-items:center;gap:.65rem .85rem;display:flex}.app__param-groups{flex-wrap:wrap;align-items:flex-start;gap:.75rem 1rem;display:flex}.app__param-group{border:1px solid #ffffff24;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.65rem .85rem;min-width:0;margin:0;padding:.45rem .65rem .55rem;display:flex}.app__param-group legend{letter-spacing:.04em;text-transform:uppercase;color:#ffffff80;padding:0 .35rem;font-size:.68rem;font-weight:600}.app__label{align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.app__label input{width:4.5em;color:inherit;background:#00000040;border:1px solid #fff3;border-radius:4px;padding:.2rem .4rem}.app__label input[type=checkbox]{width:auto;padding:0}.scene{box-sizing:border-box;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1 1 0;align-items:stretch;width:100%;min-width:0;min-height:0;margin:0;padding:0;display:flex;position:relative;overflow:hidden}@media (width<=768px){.app__header{padding:.75rem 1rem .5rem}.app__filter-chips{margin-bottom:.5rem}}