:root{--ui-font:ui-sans-serif, -apple-system, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ui-size:clamp(13px, .62vw + 8px, 22px);--ink:#f3f1ec;--ink-dim:#f3f1ec8f;--ink-faint:#f3f1ec24;--glass:#121214b8;--accent:#e9d9b4;--radius:14px;--vignette:.35;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#0d0d0e;height:100%;margin:0;overflow:hidden}#app{font:400 var(--ui-size) / 1.35 var(--ui-font);color:var(--ink);-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;top:0;bottom:0;left:0;right:0}.stage,.stage canvas{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#app:before,#app:after{content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#app:before{z-index:1;background:radial-gradient(120% 95% at 50% 45%, transparent 52%, rgba(0, 0, 0, calc(var(--vignette) * .75)) 100%)}#app.grain:after{z-index:2;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 1.4 -0.2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}#app.idle{cursor:none}.hud{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:5;gap:10px;transition:opacity .6s,transform .6s;display:flex;position:absolute}#app.idle .hud{opacity:0;pointer-events:none;transform:translateY(-6px)}.hud-btn{width:2.9em;height:2.9em;color:var(--ink);-webkit-backdrop-filter:blur(14px)saturate(1.2);cursor:pointer;background:#1414166b;border:1px solid #ffffff29;border-radius:50%;place-items:center;transition:background .2s,transform .2s;display:grid}.hud-btn:hover{background:#1e1e21b3;transform:translateY(-1px)}.hud-btn svg{width:1.35em;height:1.35em}.toast{left:50%;bottom:max(28px, env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(16px);letter-spacing:.06em;opacity:0;pointer-events:none;z-index:6;border-radius:999px;padding:.55em 1.2em;transition:opacity .35s,transform .35s;position:absolute;transform:translate(-50%,12px)}.toast.show{opacity:1;transform:translate(-50%)}.fps{color:#7cfc9a;z-index:6;background:#0000008c;border-radius:6px;padding:5px 7px;font:600 12px/1 ui-monospace,Menlo,monospace;display:none;position:absolute;top:10px;left:12px}.panel{background:var(--glass);-webkit-backdrop-filter:blur(26px)saturate(1.25);z-index:10;width:min(27em,100vw);padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);border-left:1px solid #ffffff14;flex-direction:column;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(104%);box-shadow:-30px 0 80px #00000059}.panel.open{transform:none}.panel-head{justify-content:space-between;align-items:center;padding:1.2em 1.3em .6em;display:flex}.panel-title{flex-direction:column;gap:.1em;display:flex}.panel-brand{letter-spacing:.32em;text-transform:uppercase;font-size:.92em;font-weight:600}.panel-sub{color:var(--ink-dim);letter-spacing:.04em;font-size:.8em}.icon-btn{background:var(--ink-faint);width:2.1em;height:2.1em;color:var(--ink);cursor:pointer;border:0;border-radius:50%;font-size:1.1em}.tabs{scrollbar-width:none;border-bottom:1px solid #ffffff12;border-radius:10px;gap:.3em;padding:.5em 1.1em .7em;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--ink-dim);font:inherit;letter-spacing:.03em;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:.45em .85em;font-size:.92em;transition:background .2s,color .2s}.tab.active{background:var(--ink);color:#111}.tabs.focused .tab.active{background:var(--accent);color:#15130f;box-shadow:0 0 0 3px #e9d9b459,0 6px 18px #00000059}.panel-body{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex:1;padding:.6em .8em 1.2em;overflow-y:auto}.row{border-radius:12px;grid-template-columns:minmax(7.5em,38%) 1fr;align-items:center;gap:.8em;min-height:3em;padding:.45em .55em .45em .8em;transition:background .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.row.focused{box-shadow:inset 0 0 0 2px var(--accent);background:#e9d9b424}.row.focused:before{content:"";background:var(--accent);border-radius:3px;width:3px;position:absolute;top:22%;bottom:22%;left:.25em}.row.focused .value{color:var(--ink);font-weight:600}.row.focused .arr{background:#e9d9b438}.row-wide,.row-action{grid-template-columns:1fr}.label{color:var(--ink-dim);font-size:.94em}.row.focused .label{color:var(--ink)}.value{font-variant-numeric:tabular-nums}.stepper{background:#ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;padding:.15em;display:flex}.stepper .value{text-align:center;flex:1}.arr{width:2em;height:2em;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:1.15em}.arr:hover{background:#ffffff1a}.range-wrap{align-items:center;gap:.7em;display:flex}.range-wrap .value{text-align:right;min-width:4.2em;color:var(--ink-dim);font-size:.88em}.slider{--p:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:0 0;flex:1;height:1.6em;margin:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--p), #ffffff29 var(--p));border-radius:4px;height:4px}.slider::-moz-range-track{background:linear-gradient(90deg, var(--accent) var(--p), #ffffff29 var(--p));border-radius:4px;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:1.05em;height:1.05em;margin-top:calc(2px - .525em);box-shadow:0 1px 6px #00000073}.slider::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:1.05em;height:1.05em}.switch{cursor:pointer;background:#ffffff2e;border:0;border-radius:999px;justify-self:end;width:2.9em;height:1.7em;padding:.18em;transition:background .2s}.switch .knob{background:#fff;border-radius:50%;width:1.34em;height:1.34em;transition:transform .25s cubic-bezier(.3,.7,.2,1.2);display:block}.switch.on{background:var(--accent)}.switch.on .knob{transform:translate(1.2em)}.chips{flex-wrap:wrap;gap:.42em;display:flex}.chip{background:var(--c);cursor:pointer;border:0;border-radius:50%;width:1.55em;height:1.55em;padding:0;position:relative;box-shadow:inset 0 0 0 1px #ffffff2e}.chip.active{box-shadow:0 0 0 2px #111, 0 0 0 3.5px var(--ink)}.chip.custom{background:conic-gradient(#f66,#fd5,#6f8,#5cf,#a7f,#f6c,#f66);display:inline-block;overflow:hidden}.chip.custom.active{background:var(--c)}.chip.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.swatches{grid-template-columns:repeat(3,1fr);gap:.5em;display:grid}.swatch{color:var(--ink-dim);font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:.45em;padding:.75em .3em .6em;font-size:.82em;transition:background .2s,border-color .2s;display:flex}.swatch:hover{background:#ffffff14}.swatch.active{border-color:var(--accent);color:var(--ink);background:#e9d9b41a}.dots{display:flex}.dots i{border-radius:50%;width:1.3em;height:1.3em;margin-left:-.35em;box-shadow:0 0 0 1.5px #00000073}.dots i:first-child{margin-left:0}.action{width:100%;color:var(--ink);font:inherit;letter-spacing:.02em;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;padding:.8em 1em}.action:hover,.row.focused .action{background:#e9d9b429;border-color:#e9d9b480}.panel-foot{padding:.8em 1.3em calc(.9em + env(safe-area-inset-bottom));color:var(--ink-dim);border-top:1px solid #ffffff12;flex-direction:column;gap:.5em;font-size:.78em;display:flex}.panel-hint{min-height:1.3em;color:var(--ink);opacity:.8}.panel-keys{flex-wrap:wrap;gap:.4em 1.1em;display:flex}kbd{font:inherit;background:var(--ink-faint);text-align:center;border-radius:5px;min-width:1.6em;margin-right:.2em;padding:.05em .35em;display:inline-block}@media (max-width:640px){.panel{border-top:1px solid #ffffff1a;border-left:0;border-radius:20px 20px 0 0;width:100%;height:min(68vh,34em);padding-right:0;top:auto;left:0;transform:translateY(104%)}.panel-foot{display:none}.hud{top:auto;bottom:max(16px, env(safe-area-inset-bottom))}}#app.touch:not(.keys) .row.focused{box-shadow:none;background:0 0}#app.touch:not(.keys) .row.focused:before{display:none}.key-hint{left:50%;bottom:max(5vh, env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(18px);white-space:nowrap;opacity:0;pointer-events:none;z-index:6;border-radius:999px;gap:1.4em;padding:.75em 1.4em;transition:opacity .6s,transform .6s;display:flex;position:absolute;transform:translate(-50%,10px)}.key-hint.show{opacity:1;transform:translate(-50%)}.kh kbd{margin-right:.45em}#app.ui-large{--ui-size:max(18px, 1.15vw);--radius:18px}#app.ui-large .panel{width:44vw;padding:3.5vh 0}#app.ui-large .panel-head,#app.ui-large .tabs,#app.ui-large .panel-foot{padding-left:2.2vw;padding-right:2.6vw}#app.ui-large .panel-body{padding:.8em 2.4vw 1.4em 1.8vw}#app.ui-large .row{min-height:3.4em}#app.ui-large .hud{top:4vh;right:3vw}#app.ui-large .key-hint{bottom:6vh}