:root{--panel-bg: rgba(17, 0, 0, .92);--panel-text: var(--ed-theme-color-content-knockout);--panel-accent: var(--ed-theme-color-background-brand);--panel-border: var(--ed-theme-color-border-default);--panel-input-bg: var(--ed-theme-color-border-strong)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--ed-theme-color-background-default);font-family:Montserrat,system-ui,sans-serif}#canvas{position:fixed;top:0;left:0;width:100%;height:100%;display:block}#toggle-panel{position:fixed;top:12px;right:12px;z-index:1000;width:44px;height:44px;border-radius:0;border:3px solid var(--ed-theme-color-border-default);background:var(--panel-bg);color:var(--panel-text);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s,background .15s,border-color .15s}#toggle-panel:hover,#toggle-panel:focus-visible{opacity:1;background:var(--ed-theme-color-background-brand);border-color:var(--ed-theme-color-background-brand)}body.panel-open #toggle-panel,body.toggle-revealed #toggle-panel{opacity:.7}body.panel-open #toggle-panel:hover{opacity:1}#share-toast{position:fixed;top:64px;right:12px;z-index:1001;padding:10px 18px;background:var(--ed-theme-color-background-brand, #2a6);color:var(--ed-theme-color-content-knockout, #fff);font:600 13px/1 Montserrat,system-ui,sans-serif;border-radius:0;opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .3s;pointer-events:none}#share-toast.show{opacity:1;transform:translateY(0)}#controls{position:fixed;top:0;right:0;width:340px;height:100%;z-index:999;background:var(--panel-bg);color:var(--panel-text);border-left:3px solid var(--panel-border);overflow-y:auto;transform:translate(100%);transition:transform .25s ease;padding:16px 16px 24px;font-size:13px}#controls.open{transform:translate(0)}#mic-btn,#midi-btn,#detach-btn,#share-btn{background:transparent;color:var(--ed-theme-color-background-accent-8);border:1px solid var(--panel-border);font-family:Montserrat,system-ui,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;cursor:pointer;transition:all .15s}#mic-btn:hover,#midi-btn:hover,#detach-btn:hover,#share-btn:hover{color:var(--panel-accent);border-color:var(--panel-accent)}#mic-btn.active{background:#1a7a2e;color:#fff;border-color:#2ecc40}#mic-btn .mic-signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-left:4px;vertical-align:middle;opacity:.4;transition:opacity .1s,transform .1s}#mic-btn.active .mic-signal{background:#2ecc40;opacity:1}#mic-btn.active .mic-signal.speaking{opacity:1;transform:scale(1.6);background:#5dfc6e}#midi-btn.active{background:#1a2e7a;color:#fff;border-color:#48f}#midi-btn .midi-activity{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-left:4px;vertical-align:middle;opacity:.4;transition:opacity .1s,transform .1s}#midi-btn.active .midi-activity{background:#48f;opacity:1}#midi-btn.active .midi-activity.pulse{opacity:1;transform:scale(1.6);background:#6af}.midi-learn-btn{background:transparent;color:var(--ed-theme-color-background-accent-8);border:1px solid var(--panel-border);font-family:Montserrat,system-ui,sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;cursor:pointer;transition:all .15s}.midi-learn-btn:hover{color:var(--panel-accent);border-color:var(--panel-accent)}.midi-learn-btn.active{background:#7a1a1a;color:#f44;border-color:#f44;animation:midi-learn-pulse 1s ease-in-out infinite}@keyframes midi-learn-pulse{0%,to{opacity:1}50%{opacity:.6}}.midi-map-row{display:flex;align-items:center;gap:6px;margin-bottom:3px;font-size:11px}.midi-map-row .midi-map-label{flex:1;opacity:.7}.midi-map-row .midi-map-cc{background:var(--panel-border);color:var(--panel-text);border:none;padding:2px 6px;font-size:10px;font-family:Montserrat,system-ui,sans-serif;min-width:50px;text-align:center;cursor:pointer;transition:all .15s}.midi-map-row .midi-map-cc:hover{background:var(--panel-accent)}.midi-map-row .midi-map-cc.learning{background:#7a1a1a;color:#f44;animation:midi-learn-pulse 1s ease-in-out infinite}.midi-map-row .midi-map-cc.mapped{background:#1a2e7a;color:#48f}#controls::-webkit-scrollbar{width:6px}#controls::-webkit-scrollbar-track{background:transparent}#controls::-webkit-scrollbar-thumb{background:var(--panel-border)}.preset-save-btn,.panel-btn{width:100%;padding:6px 10px;background:var(--panel-input-bg);color:var(--panel-text);border:1px solid var(--panel-border);font:700 11px/1.4 Montserrat,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.preset-save-btn:hover,.panel-btn:hover{border-color:var(--panel-accent)}.preset-save-btn:focus-visible,.panel-btn:focus-visible,.preset-row button:focus-visible{outline:2px solid var(--panel-accent);outline-offset:2px}.preset-list{list-style:none;margin:10px 0 0;padding:0}.preset-empty{font-size:10px;opacity:.6;margin:2px 0 6px}.preset-row{display:flex;gap:4px;margin-bottom:4px}.preset-row .preset-apply{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding:5px 8px;background:transparent;color:var(--panel-text);border:1px solid var(--panel-border);font:600 11px/1.4 Montserrat,system-ui,sans-serif;cursor:pointer}.preset-row .preset-apply:hover{border-color:var(--panel-accent)}.preset-row .preset-action{flex:none;padding:5px 7px;background:transparent;color:var(--panel-text);border:1px solid var(--panel-border);font-size:11px;line-height:1.4;cursor:pointer;opacity:.7}.preset-row .preset-action:hover{opacity:1;border-color:var(--panel-accent)}.panel-section{margin-bottom:20px;border-bottom:1px solid var(--panel-border);padding-bottom:16px}.panel-section:last-child{border-bottom:none}#perf-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#80808026;border-radius:3px}#perf-progress::-webkit-progress-bar{background:#80808026;border-radius:3px}#perf-progress::-webkit-progress-value{background:var(--panel-accent);border-radius:3px;transition:width .3s linear}#perf-progress::-moz-progress-bar{background:var(--panel-accent);border-radius:3px}.panel-section h3{margin:0}.panel-section h3 button{all:unset;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:League Gothic,system-ui,sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:var(--panel-accent);cursor:pointer;padding:2px 0;box-sizing:border-box}.panel-section h3 button:after{content:"▶";font-size:10px;transition:transform .2s ease;flex-shrink:0;margin-left:8px}.panel-section h3 button[aria-expanded=true]:after{transform:rotate(90deg)}.panel-section h3 button:focus-visible{outline:2px solid var(--panel-accent);outline-offset:2px}.panel-section .accordion-body{overflow:hidden;max-height:0;opacity:0;transition:max-height .25s ease,opacity .2s ease,margin .25s ease;margin-top:0}.panel-section.accordion-open .accordion-body{opacity:1;margin-top:12px}.axes-twirl>summary{cursor:pointer;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ed-theme-color-background-accent-7);padding:4px 0 6px;list-style:none}.axes-twirl>summary::-webkit-details-marker{display:none}.axes-twirl>summary:before{content:"▶";font-size:9px;display:inline-block;margin-right:6px;transition:transform .2s ease}.axes-twirl[open]>summary:before{transform:rotate(90deg)}.axes-twirl>summary:focus-visible{outline:2px solid var(--panel-accent);outline-offset:2px}.axes-buttons{display:flex;gap:6px;margin-bottom:10px}.axes-buttons button{flex:1}.axes-note{font-size:10px;opacity:.6;margin:2px 0 6px}.axis-group{font-size:10px;text-transform:uppercase;letter-spacing:.5px;opacity:.5;margin:12px 0 6px}.axis-row{margin-bottom:8px}.axis-tag{font-family:monospace;font-size:10px;opacity:.45;text-transform:none}.axis-line{display:flex;align-items:center;gap:6px}.axis-line input[type=range]{flex:1}.axis-motion-toggle{flex-shrink:0;width:22px;padding:1px 0;line-height:1;font-size:12px;background:transparent;color:var(--panel-text);border:1px solid var(--panel-border);cursor:pointer;opacity:.5}.axis-motion-toggle:hover{opacity:1}.axis-motion-toggle:focus-visible{outline:2px solid var(--panel-accent);outline-offset:2px;opacity:1}.axis-motion-toggle.is-on{color:var(--panel-accent);border-color:var(--panel-accent);opacity:1}.axis-anim-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;padding-left:8px;border-left:2px solid var(--panel-border)}.axis-anim-row[hidden]{display:none}.axis-anim-row label{font-size:10px;font-weight:400}.anim-switcher{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.anim-btn{padding:6px 14px;border:2px solid var(--panel-border);background:transparent;color:var(--panel-text);font-family:League Gothic,system-ui,sans-serif;font-size:16px;letter-spacing:.5px;cursor:pointer;transition:all .15s}.anim-btn:hover{border-color:var(--panel-accent);color:var(--panel-accent)}.anim-btn.active{background:var(--panel-accent);border-color:var(--panel-accent);color:var(--ed-theme-color-content-knockout)}.ctrl-row{margin-bottom:10px}.ctrl-row label{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ed-theme-color-background-accent-7)}.ctrl-row label span.val{color:var(--panel-accent);font-weight:400;font-family:monospace;font-size:12px}.ctrl-row label span.val[contenteditable]{cursor:text;padding:0 2px;border-bottom:1px dashed transparent;transition:border-color .15s;outline:none;min-width:18px;text-align:right}.ctrl-row label span.val[contenteditable]:hover,.ctrl-row label span.val[contenteditable]:focus{border-bottom-color:var(--panel-accent)}.ctrl-row label .min-edit,.ctrl-row label .max-edit{color:var(--ed-theme-color-background-accent-8);font-weight:400;font-family:monospace;font-size:10px;min-width:24px;text-align:right;cursor:text;border-bottom:1px dashed transparent;transition:border-color .15s,color .15s;outline:none;padding:0 2px}.ctrl-row label .min-edit:hover,.ctrl-row label .min-edit:focus,.ctrl-row label .max-edit:hover,.ctrl-row label .max-edit:focus{border-bottom-color:var(--panel-accent);color:var(--panel-accent)}.ctrl-row input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:var(--panel-input-bg);border:1px solid var(--panel-border);outline:none;cursor:pointer}.ctrl-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--panel-accent);border:2px solid var(--ed-theme-color-content-knockout);cursor:pointer}.ctrl-row input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--panel-accent);border:2px solid var(--ed-theme-color-content-knockout);cursor:pointer;border-radius:0}.ctrl-check{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ed-theme-color-background-accent-7);cursor:pointer}.ctrl-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--panel-accent);cursor:pointer}.ctrl-row select{width:100%;padding:4px 8px;background:var(--panel-input-bg);color:var(--panel-text);border:1px solid var(--panel-border);font-family:Montserrat,system-ui,sans-serif;font-size:12px;cursor:pointer}.kbd-hint{margin-top:16px;font-size:10px;color:var(--ed-theme-color-background-accent-8);line-height:1.6}.kbd-hint kbd{display:inline-block;padding:1px 6px;background:var(--panel-input-bg);border:1px solid var(--panel-border);font-family:monospace;font-size:11px;color:var(--panel-accent)}#ai-section textarea{width:100%;height:60px;background:var(--panel-input-bg);color:var(--panel-text);border:1px solid var(--panel-border);padding:6px;font-family:Montserrat,system-ui,sans-serif;font-size:11px;resize:vertical}.offline-status{margin:8px 0 0;font:400 11px/1.5 Montserrat,system-ui,sans-serif;color:var(--panel-text);opacity:.75}.offline-status[data-state=ready]{opacity:1}.offline-status[data-state=unavailable]{opacity:.55}.preset-group{list-style:none;font-size:9px;text-transform:uppercase;letter-spacing:.5px;opacity:.6;margin:8px 0 2px}.preset-group:first-child{margin-top:0}.section-shuffle{margin-left:auto;display:inline-flex;gap:2px;flex:0 0 auto}.panel-section h3{display:flex;align-items:center;gap:6px}.panel-section h3>button:first-child{flex:1 1 auto;text-align:left}.section-dice,.section-pin,.param-pin{background:none;border:0;cursor:pointer;font-size:11px;line-height:1;padding:2px 3px;opacity:.45;filter:grayscale(1)}.section-dice:hover,.section-pin:hover,.param-pin:hover{opacity:1}.section-dice:disabled{opacity:.15;cursor:default}.section-pin.pinned,.param-pin.pinned{opacity:1;filter:none}.param-pin{margin-left:4px;vertical-align:middle}.shuffle-hint{font-size:10px;line-height:1.5;opacity:.6;margin:6px 0 0}.section-preset-row{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--panel-border)}.section-preset-row label{grid-column:1 / -1;margin-bottom:0;opacity:.75}.section-preset-select{min-width:0;padding:5px 6px;background:var(--panel-input-bg);color:var(--panel-text);border:1px solid var(--panel-border);font:600 11px/1.4 Montserrat,system-ui,sans-serif;cursor:pointer}.section-preset-select:hover{border-color:var(--panel-accent)}.section-preset-save{flex:none;padding:5px 8px;background:transparent;color:var(--panel-text);border:1px solid var(--panel-border);font:700 10px/1.4 Montserrat,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;opacity:.7}.section-preset-save:hover{opacity:1;border-color:var(--panel-accent)}.section-preset-select:focus-visible,.section-preset-save:focus-visible{outline:2px solid var(--panel-accent);outline-offset:2px}#shuffle-hot-corner{position:fixed;left:0;bottom:0;width:128px;height:128px;padding:0;border:0;background:transparent;opacity:0;cursor:pointer;z-index:5}#shuffle-hot-corner:focus-visible{opacity:1;background:color-mix(in srgb,var(--ed-theme-color-background-brand) 18%,transparent);outline:3px solid var(--ed-theme-color-background-brand);outline-offset:-3px}@media (prefers-reduced-motion: no-preference){#shuffle-hot-corner:active{opacity:1;background:color-mix(in srgb,var(--ed-theme-color-background-brand) 10%,transparent)}}.preset-twirl{margin-top:10px}.preset-twirl>summary{cursor:pointer;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ed-theme-color-background-accent-7);padding:4px 0}.preset-twirl>summary:focus-visible{outline:2px solid var(--panel-accent);outline-offset:2px}.preset-twirl>summary:hover{color:var(--panel-accent)}.preset-twirl .preset-list{margin-top:6px}#canvas{touch-action:manipulation}@media (pointer: coarse){#controls input[type=text],#controls input[type=number],#controls input[type=search],#controls textarea,#controls select,#controls [contenteditable=true]{font-size:16px!important}}#shuffle-hot-corner,#toggle-panel{touch-action:manipulation}@media (max-width: 640px){#controls{top:auto;bottom:0;left:0;right:0;width:100%;height:62vh;height:62dvh;border-left:none;border-top:3px solid var(--panel-border);transform:translateY(100%);overscroll-behavior:contain}#controls.open{transform:translateY(0)}#toggle-panel{top:auto;bottom:12px;right:12px}body.panel-open #toggle-panel{bottom:calc(62dvh + 12px)}body.panel-open #shuffle-hot-corner{display:none}}.anim-defaults-row{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center;padding-top:10px;margin-top:12px;border-top:1px solid var(--panel-border)}.anim-defaults-token-row{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center;margin-top:8px}.anim-defaults-row[hidden],.anim-defaults-token-row[hidden],.anim-defaults-row [hidden]{display:none}.anim-defaults-token-row label{grid-column:1 / -1;margin-bottom:0;opacity:.75}.anim-defaults-token-row input{min-width:0;padding:5px 6px;background:var(--panel-input-bg);color:var(--panel-text);border:1px solid var(--panel-border);font:600 11px/1.4 Montserrat,system-ui,sans-serif}.anim-defaults-token-row input:focus-visible{outline:2px solid var(--panel-accent);outline-offset:2px}.anim-defaults-status{margin:8px 0 0;font:600 10px/1.5 Montserrat,system-ui,sans-serif;color:var(--panel-text);opacity:.75}.anim-defaults-status:empty{margin:0}.text-items{margin-top:16px;padding-top:12px;border-top:1px solid var(--panel-border)}.text-item{margin-bottom:12px}.text-item textarea{width:100%;height:44px;padding:6px;background:var(--panel-input-bg);color:var(--panel-text);border:1px solid var(--panel-border);font-family:Montserrat,system-ui,sans-serif;font-size:11px;resize:vertical}.text-item-remove{all:unset;width:24px;height:24px;display:grid;place-items:center;font-size:15px;line-height:1;color:var(--panel-text);border:1px solid var(--panel-border);cursor:pointer}.text-item-remove:hover{border-color:var(--panel-accent);color:var(--panel-accent)}.text-item-remove:focus-visible{outline:2px solid var(--panel-accent);outline-offset:2px}.text-item-pos{display:flex;gap:8px;margin-top:6px}.text-item-pos .ctrl-row{flex:1;margin-bottom:0}.text-item-pos input[type=number]{width:100%;padding:4px 8px;background:var(--panel-input-bg);color:var(--panel-text);border:1px solid var(--panel-border);font-family:Montserrat,system-ui,sans-serif;font-size:12px}.text-item-pos input[type=number]:focus-visible{outline:2px solid var(--panel-accent);outline-offset:1px}