:root{--bg:#000;--ui-size-scale:1;--menu-scale:.75;--panel-bg:#14151994;--panel-stroke:#ffffff38;--panel-shadow:#00000085;--text-primary:#f5f6f9f0;--text-secondary:#ced1d9d9;--button-bg:#ffffff1a;--button-bg-hover:#ffffff2e;--button-stroke:#ffffff42;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;width:100%;height:100%;margin:0;padding:0;font-family:SF Pro Text,Avenir Next,Helvetica Neue,sans-serif;overflow:hidden}#app-canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#ui-panel{z-index:10;width:min(320px,100vw - 36px);max-height:calc((100vh - 36px) / var(--menu-scale));border:1px solid var(--panel-stroke);background:var(--panel-bg);box-shadow:0 20px 52px -20px var(--panel-shadow);transform:scale(var(--menu-scale));transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);border-radius:18px;flex-direction:column;padding:14px;animation:.38s cubic-bezier(.16,1,.3,1) panel-entrance;display:flex;position:absolute;top:18px;left:18px;overflow:hidden}#ui-handle{cursor:grab;touch-action:none;background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;height:20px;margin-bottom:8px;padding:0 4px 0 8px;display:flex;position:relative}#ui-handle:hover{background:#ffffff1a}#ui-handle-bottom{display:none}.collapse-button{cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:6px;width:18px;height:18px;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.collapse-button:hover{background:#ffffff24}.collapse-button:focus{outline:none}.collapse-button:focus-visible,.panel-section-header:focus-visible,.select-trigger:focus-visible,.pill-button:focus-visible,.color-picker:focus-visible{outline-offset:1px;outline:1px solid #cbd9ff7a}.collapse-icon{border-bottom:1.5px solid #ecf1fdeb;border-right:1.5px solid #ecf1fdeb;width:7px;height:7px;transition:transform .18s;display:inline-block;transform:translateY(1px)rotate(-135deg)}#ui-panel.is-collapsed .collapse-icon{transform:translateY(-1px)rotate(45deg)}.ui-body{overscroll-behavior:contain;scrollbar-color:#ced8f37a #ffffff0d;scrollbar-gutter:stable both-edges;scrollbar-width:thin;flex-direction:column;gap:8px;display:flex;overflow:hidden auto}#ui-panel.is-collapsed .ui-body{display:none}.panel-section{background:#ffffff0a;border:1px solid #fff;border-radius:12px;overflow:visible}.panel-section-header{width:100%;color:var(--text-primary);cursor:pointer;letter-spacing:.02em;background:#ffffff0f;border:0;justify-content:space-between;align-items:center;padding:8px 28px 8px 10px;font-size:.8rem;font-weight:600;display:flex;position:relative}.panel-section-header:after,.select-trigger:after{content:"";pointer-events:none;border-bottom:1.5px solid #ecf1fdeb;border-right:1.5px solid #ecf1fdeb;width:7px;height:7px;transition:transform .18s;position:absolute;top:50%;right:11px;transform:translateY(1px)rotate(-135deg)}.panel-section.is-collapsed .panel-section-header:after{transform:translateY(-3px)rotate(45deg)}.panel-section-content{padding:10px}.panel-section.is-collapsed .panel-section-content{display:none}.panel-controls-stack,.control{flex-direction:column;display:flex}.panel-controls-stack{gap:8px}.control{gap:6px;width:100%}.control-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.toggle-control{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.toggle-inline{flex-direction:row;justify-content:space-between;align-items:center}.toggle-control>span,.control-row>span:first-child{color:var(--text-secondary);letter-spacing:.01em;font-size:.72rem;font-weight:600}.control-hint{color:var(--text-secondary);letter-spacing:.01em;margin:0;padding:0;font-size:.73rem}.control-subhead{color:#f5f6f9eb;letter-spacing:.02em;margin:4px 0 -1px;font-size:.73rem;font-weight:700}.state-color-stack{flex-direction:column;gap:8px;display:flex}.state-color-block{background:#ffffff0b;border:1px solid #ffffff1c;border-radius:10px;gap:7px;padding:7px}.state-visibility-toggle{padding-top:1px}.toggle-control input[type=checkbox]{appearance:none;cursor:pointer;background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;width:33px;height:19px;margin:0;padding:0;transition:background-color .16s,border-color .16s;position:relative}.toggle-control input[type=checkbox]:after{content:"";background:#f6faf7f7;border-radius:50%;width:13px;height:13px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #00000059}.toggle-control input[type=checkbox]:checked{background:#baceff80;border-color:#cbd9ff9e}.toggle-control input[type=checkbox]:checked:after{transform:translate(14px)}.value-input{appearance:textfield;width:8ch;min-width:8ch;color:var(--text-primary);text-align:right;-webkit-user-select:text;user-select:text;background:#ffffff0f;border:1px solid #ffffff29;border-radius:6px;padding:1px 4px;font-size:.7rem;font-weight:560}.value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.value-input:focus{background:#ffffff1c;border-color:#cbd9ff80;outline:none}.color-picker{border:1px solid var(--button-stroke);cursor:pointer;background:linear-gradient(145deg,#ffffff29,#ffffff14);border-radius:10px;width:100%;min-height:30px;padding:3px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:7px}.color-picker::-moz-color-swatch{border:none;border-radius:7px}.pill-button{border:1px solid var(--button-stroke);background:var(--button-bg);min-height:32px;color:var(--text-primary);cursor:pointer;border-radius:11px;padding:8px 12px;font-size:.79rem;font-weight:510;transition:background-color .16s,border-color .16s,transform .18s}.pill-button:hover:not(:disabled){background:var(--button-bg-hover)}.pill-button:active:not(:disabled){transform:translateY(1px)}.pill-button:disabled{opacity:.54;cursor:wait}.control-button-wide{width:100%}.select-shell{width:100%;display:block;position:relative}.native-select-hidden{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.select-trigger{border:1px solid var(--button-stroke);width:100%;min-height:32px;color:var(--text-primary);cursor:pointer;text-align:left;background:linear-gradient(145deg,#ffffff29,#ffffff14);border-radius:10px;padding:0 28px 0 10px;font-size:.78rem;font-weight:510;position:relative}.select-trigger:after{transform:translateY(-65%)rotate(45deg)}.select-control.is-open .select-trigger:after{transform:translateY(-35%)rotate(-135deg)}.select-menu{z-index:40;border:1px solid var(--button-stroke);-webkit-backdrop-filter:blur(12px)saturate(145%);backdrop-filter:blur(12px)saturate(145%);background:#16181ef5;border-radius:10px;max-height:170px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 24px -12px #000000b3}.select-option{width:100%;min-height:28px;color:var(--text-secondary);cursor:pointer;letter-spacing:.01em;text-align:left;background:0 0;border:0;border-radius:7px;padding:5px 8px;font-size:.76rem;font-weight:560}.select-option:hover,.select-option.is-selected{color:var(--text-primary);background:#baceff4d}input[type=range]{--range-fill-color:#c5d7ff73;border:1px solid var(--button-stroke);appearance:none;background:linear-gradient(90deg, var(--range-fill-color) 0, var(--range-fill-color) var(--range-progress,0%), #ffffff1f var(--range-progress,0%), #ffffff1a 100%);cursor:pointer;border-radius:999px;outline:none;width:100%;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#f0f4ffeb;border:1px solid #ffffff85;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 2px #0000002e}input[type=range]::-moz-range-thumb{background:#f0f4ffeb;border:1px solid #ffffff85;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 2px #0000002e}#status-overlay{z-index:5;color:#f5f6f9f0;letter-spacing:0;pointer-events:none;text-shadow:0 1px 2px #000000ad;opacity:0;-webkit-backdrop-filter:blur(12px)saturate(145%);backdrop-filter:blur(12px)saturate(145%);background:#121318b8;border:1px solid #ffffff2e;border-radius:10px;max-width:min(520px,100vw - 40px);padding:9px 12px;font-family:SFMono-Regular,Cascadia Mono,Consolas,monospace;font-size:12px;font-weight:700;transition:opacity .16s;position:fixed;top:20px;left:50%;transform:translate(-50%)}#status-overlay.is-visible{opacity:1}#status-overlay.is-error{color:#ffb9b9;border-color:#ff626280}@keyframes panel-entrance{0%{opacity:0;transform:translateY(-8px) scale(var(--menu-scale))}to{opacity:1;transform:translateY(0) scale(var(--menu-scale))}}@media (width<=700px){#ui-panel{width:min(290px,100vw - 24px);max-height:calc((100vh - 24px) / var(--menu-scale));top:12px;left:12px}}