*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #3a28a0;--fg-dim: rgba(216,208,255,.45);--fg-mid: rgba(216,208,255,.68);--fg-strong: rgba(216,208,255,.92);--fg-full: rgba(216,208,255,1);--border: rgba(216,208,255,.28);--popup-bg: rgba(58,40,160,.94);--tooltip-bg: rgba(58,40,160,.82)}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg)}#stage{display:block;width:100vw;height:100vh;cursor:none;touch-action:none}.ctrl-panel{position:fixed;left:50%;transform:translate(-50%);display:flex;gap:24px;align-items:center;opacity:1;transition:opacity .7s ease;pointer-events:auto;-webkit-user-select:none;user-select:none;z-index:10}.ctrl-panel.hidden{opacity:0;pointer-events:none}#controls{bottom:36px}#controls-top{top:20px;gap:16px;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}#controls-top::-webkit-scrollbar{display:none}#controls-top input[type=range]{width:76px}#controls-top input.ctrl-eq-slider{width:2px;height:58px;writing-mode:vertical-lr;direction:rtl;margin-top:1px}.ctrl-eq-row{gap:6px;min-width:34px}#controls-top .ctrl-feature-group .ctrl-row{min-width:78px}.ctrl-row{display:flex;flex-direction:column;align-items:center;gap:8px}.ctrl-label{font-family:monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim)}input::placeholder{color:var(--fg-mid);opacity:1}.ctrl-value{font-family:monospace;font-size:13px;color:var(--fg-mid);cursor:pointer;transition:color .2s}.ctrl-value:hover{color:var(--fg-strong)}.field-toggle-row{width:64px;gap:4px}.field-toggle-row .ctrl-label{min-height:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.15;white-space:normal}.field-toggle-row .ctrl-value{min-height:16px;line-height:16px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:60px;height:2px;background:var(--border);border-radius:1px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--fg-mid);transition:background .2s}input[type=range]:hover::-webkit-slider-thumb{background:var(--fg-strong)}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:none;border-radius:50%;background:var(--fg-mid)}.ctrl-sep{width:1px;height:36px;background:var(--border);align-self:center}.ctrl-pipe-sep{align-self:center;font-family:monospace;font-size:12px;color:var(--fg-dim);opacity:.65;margin:0 -2px}#ctrl-tooltip{position:fixed;font-family:monospace;font-size:10px;letter-spacing:.07em;color:var(--fg-mid);background:var(--tooltip-bg);border:1px solid var(--border);padding:5px 11px;pointer-events:none;white-space:pre-wrap;max-width:min(520px,calc(100vw - 24px));line-height:1.45;z-index:40;opacity:0;transition:opacity .12s ease}#ctrl-tooltip strong{color:var(--fg-strong);font-weight:700}#ctrl-tooltip.visible{opacity:1}#preset-info-pin{position:fixed;top:12px;left:12px;font-family:monospace;font-size:10px;letter-spacing:.07em;color:var(--fg-mid);background:var(--tooltip-bg);border:1px solid var(--border);padding:8px 12px;white-space:pre-wrap;max-width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;line-height:1.45;z-index:45;opacity:0;pointer-events:none;transition:opacity .12s ease}#preset-info-pin strong{color:var(--fg-strong);font-weight:700}#preset-info-pin.visible{opacity:1}.ctrl-feature-group{display:flex;flex-direction:column;gap:7px}.ctrl-feature-group .ctrl-row{flex-direction:row;align-items:center;gap:14px;justify-content:space-between;min-width:108px}.synth-voice-stack{flex-direction:row;align-items:flex-start;gap:4px;min-width:404px;max-width:600px}.synth-voice-group{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:200px;max-width:292px;flex:1 1 0}.synth-voice-stack-row{display:grid;grid-template-columns:10px auto minmax(0,1fr);align-items:baseline;gap:3px;min-width:0;line-height:1.05}.synth-voice-mute{font-family:monospace;font-size:10px;color:var(--fg-strong);opacity:0;white-space:nowrap}.synth-voice-mute.active{opacity:.9}.synth-voice-stack-label{font-family:monospace;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-dim);cursor:pointer;white-space:nowrap}.synth-voice-stack-label:hover{color:var(--fg-strong)}.synth-voice-stack-label.disabled{cursor:default;opacity:.58}.synth-voice-stack-label.disabled:hover{color:var(--fg-dim)}.synth-voice-label-with-slot{display:inline-flex;align-items:center;gap:4px;min-width:0}.synth-voice-stack-value{display:block;min-width:0;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.synth-voice-value-with-slot{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;min-width:0}.synth-cursor-slot-toggle{display:inline-flex;align-items:center;border:1px solid var(--border);background:#ffffff06;flex-shrink:0}.synth-cursor-slot{font-family:monospace;font-size:9px;line-height:1;padding:3px 5px;color:var(--fg-dim);cursor:pointer}.synth-cursor-slot+.synth-cursor-slot{border-left:1px solid var(--border)}.synth-cursor-slot.active{color:var(--fg-strong);background:#ffffff12}.synth-voice-mix-row{display:grid;grid-template-columns:10px 72px minmax(54px,63px) 42px;align-items:center;gap:3px;min-width:0}.synth-voice-mix-row input[type=range]{width:100%;min-width:0}.synth-voice-mix-label{font-family:monospace;font-size:9px;color:var(--fg-dim);white-space:nowrap}.synth-voice-mix-value{font-family:monospace;font-size:9px;color:var(--fg-mid);text-align:right;white-space:nowrap}.ctrl-popup{position:fixed;background:var(--popup-bg);border:1px solid var(--border);padding:4px 0;z-index:30;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.ctrl-popup-item{font-family:monospace;font-size:11px;letter-spacing:.07em;background:transparent;border:0;color:var(--fg-mid);padding:6px 18px;cursor:pointer;white-space:nowrap}.ctrl-popup-item:hover{color:var(--fg-strong);background:var(--border)}.ctrl-popup-item.selected{color:var(--fg-strong);background:#ffffff14}.ctrl-popup-item.selected *{color:var(--fg-strong)!important}.particle-group-popup{padding-bottom:8px}.particle-group-grid{display:grid;grid-template-columns:repeat(3,minmax(86px,1fr));gap:14px 18px;padding:10px 18px 12px}.particle-group-grid .ctrl-row{min-width:0}.particle-group-grid input[type=range]{width:92px}.axis-invert-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:transparent;color:var(--fg-mid);font-family:monospace;font-size:10px;letter-spacing:.06em;padding:2px 6px;cursor:pointer}.axis-invert-btn:hover{color:var(--fg-strong);background:var(--border)}.axis-range-row{display:grid;grid-template-columns:auto 34px minmax(150px,1fr) 34px;gap:8px;align-items:center;padding:6px 14px 10px 18px;font-family:monospace;font-size:10px;color:var(--fg-mid);white-space:nowrap}#ctrl-tab-bar{bottom:36px;gap:32px;padding:0 8px;background:none;border:none;flex-wrap:nowrap}.ctrl-tab{font-family:monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:6px 0;cursor:pointer;color:var(--fg-dim);border:none;border-bottom:1px solid transparent;white-space:nowrap;transition:color .15s,border-color .15s;-webkit-user-select:none;user-select:none}.ctrl-tab:hover{color:var(--fg-mid)}.ctrl-tab.active{color:var(--fg-strong);border-bottom-color:var(--fg-mid)}#ctrl-section{bottom:78px;gap:20px;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;padding:0 4px}#ctrl-section::-webkit-scrollbar{display:none}#ctrl-section input[type=range]{width:76px}#ctrl-section.field-section{gap:12px}#ctrl-section.field-section .ctrl-row{gap:6px}#ctrl-section.field-section .ctrl-label{font-size:9px;letter-spacing:.1em}#ctrl-section.field-section .ctrl-value{font-size:12px}#ctrl-section.field-section input[type=range]{width:61px}#ctrl-section .pulse-prob-row input[type=range]{width:43px}#ctrl-section.synth-section{gap:24px}#ctrl-section.synth-section .ctrl-row{gap:7px}#ctrl-section.synth-section .ctrl-label{font-size:9px;letter-spacing:.1em}#ctrl-section.synth-section .ctrl-value{font-size:12px}#ctrl-section.synth-section .ctrl-pipe-sep{margin:0 2px}#ctrl-section.synth-section .synth-voice-stack{gap:4px;min-width:412px;max-width:610px}#ctrl-section.synth-section .synth-voice-group{gap:5px;min-width:204px;max-width:298px}#ctrl-section.synth-section .synth-voice-stack-row,#ctrl-section.synth-section .synth-voice-mix-row{gap:3px}#ctrl-section.synth-section .synth-voice-stack-value{max-width:158px}#ctrl-section .filter-stack{align-items:stretch;gap:7px}#ctrl-section .filter-stack .ctrl-row{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;min-width:112px}#ctrl-section .filter-stack input[type=range]{width:61px}#ctrl-section .reverb-type-stack{flex-direction:row;align-items:center;gap:12px}#ctrl-section .synth-tonality-stack{align-items:stretch;gap:7px}#ctrl-section .synth-tonality-stack .ctrl-row{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;min-width:124px}#ctrl-section .synth-tonality-stack .synth-popup-label-row{justify-content:flex-start}#ctrl-section.mod-section{left:50%;right:auto;transform:translate(-50%);flex-direction:column;align-items:center;gap:10px;width:min(1180px,calc(100vw - 28px));max-width:min(1180px,calc(100vw - 28px));overflow-x:visible}#ctrl-section .mod-lfo-deck{width:min(820px,calc(100vw - 52px));border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--popup-bg) 34%,transparent);padding:8px 10px 10px}#ctrl-section .mod-lfo-deck>.ctrl-label{display:block;text-align:center;margin-bottom:6px}#ctrl-section .mod-lfo-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:6px}#ctrl-section .mod-lfo-card{display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:7px;row-gap:5px;min-height:126px;border-left:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--bg-panel) 30%,transparent);padding:7px 8px 8px}#ctrl-section .mod-lfo-card-top{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:18px;padding-bottom:3px;border-bottom:1px solid color-mix(in srgb,var(--border) 34%,transparent);flex-wrap:nowrap}#ctrl-section .mod-lfo-card .ctrl-label{text-align:right;font-size:8px;letter-spacing:.08em}#ctrl-section .mod-lfo-card-top .ctrl-label{text-align:left;color:var(--fg-strong);opacity:.9}#ctrl-section .mod-lfo-card input[type=range]{width:96px}#ctrl-section .mod-lfo-card .ctrl-value{justify-self:start;font-size:11px}.mod-target-popup{min-width:180px;max-height:min(560px,calc(100vh - 48px));overflow:auto}#ctrl-section .mod-matrix{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);background:color-mix(in srgb,var(--popup-bg) 54%,transparent);padding:8px 10px 10px;width:min(1120px,calc(100vw - 36px))}#ctrl-section .mod-route{display:grid;grid-template-columns:48px 78px 150px 156px 156px 92px 70px 34px;align-items:center;column-gap:12px;min-height:38px;border-top:1px solid color-mix(in srgb,var(--border) 58%,transparent)}#ctrl-section .mod-route:first-child{border-top:0}#ctrl-section .mod-route-header{min-height:24px;border-top:0;color:var(--fg-dim);font-family:monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase}#ctrl-section .mod-route input[type=range]{width:156px}.perform-control{position:relative;display:flex;align-items:center;padding:2px 10px 2px 0}.perform-remove{position:absolute;top:0;right:-2px;width:18px;height:18px;display:grid;place-items:center;font-family:monospace;font-size:13px;line-height:1;color:var(--fg-dim);cursor:pointer;opacity:.45;transition:opacity .12s,color .12s,background .12s}.perform-control:hover .perform-remove{opacity:1}.perform-remove:hover{color:var(--fg-strong);background:var(--popup-bg)}.presets-grid{display:grid;gap:1px;background:var(--border);max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.presets-cell{background:var(--popup-bg);padding:7px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:0}.presets-cell:hover,.presets-cell.active-preset{background:var(--border)}.preset-home-action{background:var(--popup-bg);border:none;color:var(--fg-mid);font-family:monospace;font-size:11px;letter-spacing:.07em;padding:9px 14px;cursor:pointer;text-align:left}.preset-home-action:hover{background:var(--border);color:var(--fg-strong)}#ui-toggle{position:fixed;top:14px;right:14px;background:none;border:1px solid var(--border);color:var(--fg-dim);font-family:monospace;font-size:14px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;border-radius:3px;transition:color .2s,border-color .2s;padding:0}#ui-toggle:hover{color:var(--fg-strong);border-color:var(--fg-mid)}#clear-particles-btn,#pitch-lines-btn,#mutation-btn,#readme-btn,#palette-btn,#undo-btn,#redo-btn{position:fixed;top:14px;background:none;border:1px solid var(--fg-mid);color:var(--fg-mid);font-family:monospace;font-size:15px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;border-radius:3px;transition:color .2s,border-color .2s,transform .15s;padding:0;line-height:1}#top-right-controls-shield{position:fixed;top:8px;right:39px;width:190px;height:40px;z-index:19}#clear-particles-btn{right:224px;font-size:19px}#pitch-lines-btn{right:194px;font-size:18px}#pitch-lines-btn.active{color:var(--fg-strong);border-color:var(--fg-strong)}#clear-particles-btn:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}#mutation-btn{right:164px;font-size:16px}#palette-btn{right:134px}#undo-btn{right:104px;font-size:18px}#redo-btn{right:74px;font-size:18px}#readme-btn{right:44px;font-size:15px}#clear-particles-btn:hover,#pitch-lines-btn:hover,#mutation-btn:hover,#readme-btn:hover,#palette-btn:hover,#undo-btn:hover,#redo-btn:hover{color:var(--fg-strong);border-color:var(--fg-strong)}#readme-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1600;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:18px}.readme-dialog-panel{width:min(980px,calc(100vw - 24px));height:min(820px,calc(100vh - 24px));border:1px solid var(--border);background:var(--popup-bg);color:var(--fg-mid);display:flex;flex-direction:column;box-shadow:0 16px 44px #0000006b}.readme-dialog-header{height:38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 12px;font-family:monospace;font-size:11px;letter-spacing:.12em;color:var(--fg-strong)}.readme-dialog-header button{border:1px solid var(--border);background:none;color:var(--fg-mid);font-family:monospace;font-size:11px;padding:4px 8px;cursor:pointer}.readme-dialog-header button:hover{border-color:var(--fg-strong);color:var(--fg-strong)}.readme-dialog-body{flex:1;overflow:auto;padding:18px 20px 34px;font-family:monospace;font-size:12px;line-height:1.65;color:var(--fg-mid)}.readme-rendered{max-width:900px;margin:0 auto}.readme-rendered h1,.readme-rendered h2,.readme-rendered h3,.readme-rendered h4{color:var(--fg-strong);line-height:1.2;letter-spacing:0}.readme-rendered h1{font-size:22px;margin:0 0 22px}.readme-rendered h2{font-size:17px;margin:46px 0 18px;padding-top:24px;border-top:1px solid var(--border)}.readme-rendered h3{font-size:14px;margin:30px 0 12px}.readme-rendered h4{font-size:12px;margin:24px 0 10px}.readme-rendered p{margin:0 0 16px;white-space:normal}.readme-rendered ul{margin:0 0 22px 18px}.readme-rendered li{margin:6px 0}.readme-rendered table{width:100%;border-collapse:collapse;margin:14px 0 28px;white-space:normal}.readme-rendered th,.readme-rendered td{border:1px solid var(--border);padding:7px 9px;text-align:left;vertical-align:top}.readme-rendered th{color:var(--fg-strong);background:#ffffff0e}.readme-rendered code{color:var(--fg-strong);background:#ffffff0e;border:1px solid rgba(255,255,255,.12);border-radius:3px;padding:1px 4px}.readme-rendered pre{overflow:auto;margin:14px 0 28px;padding:10px 12px;border:1px solid var(--border);background:#ffffff09}.readme-rendered pre code{background:none;border:none;padding:0}.readme-rendered a{color:var(--fg-strong)}#undo-btn.disabled,#redo-btn.disabled{color:var(--fg-dim);border-color:var(--border);opacity:.35;cursor:default}#palette-btn:hover{transform:rotate(-15deg)}.paintbrush-icon{position:relative;width:18px;height:18px;transform:rotate(-38deg)}.paintbrush-icon:before{content:"";position:absolute;left:8px;top:1px;width:3px;height:12px;background:currentColor;border-radius:2px}.paintbrush-icon:after{content:"";position:absolute;left:6px;top:11px;width:7px;height:5px;border:1px solid currentColor;border-top-width:2px;border-radius:1px 1px 4px 4px;box-sizing:border-box}.paintbrush-icon span{position:absolute;left:7px;top:15px;width:5px;height:3px;background:currentColor;border-radius:0 0 5px 5px}#mutation-popup{scrollbar-width:thin}.mutation-actions{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border)}.mutation-actions button,.mutation-group-header button{background:none;border:none;color:var(--fg-mid);font-family:monospace;font-size:11px;letter-spacing:.07em;cursor:pointer;padding:8px 12px;text-align:left}.mutation-actions button{text-align:center;text-transform:uppercase}.mutation-actions button+button{border-left:1px solid var(--border)}.mutation-actions button:hover,.mutation-group-header button:hover,.mutation-select-row span:hover,.mutation-group-header span:hover{color:var(--fg-strong);background:var(--border)}.mutation-depth{padding:9px 14px 11px;border-bottom:1px solid var(--border);font-family:monospace;font-size:10px;letter-spacing:.07em;color:var(--fg-dim)}.mutation-depth input{width:100%;margin:7px 0 0}.mutation-select-row{display:flex;justify-content:flex-end;gap:1px;border-bottom:1px solid var(--border)}.mutation-select-row span,.mutation-group-header span{font-family:monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);cursor:pointer;padding:7px 10px}.mutation-group-header{display:flex;justify-content:space-between;align-items:stretch;border-bottom:1px solid var(--border)}.mutation-group-header>div{display:flex}.mutation-param{font-family:monospace;font-size:10px;letter-spacing:.06em;color:var(--fg-dim);padding:6px 18px 6px 28px;cursor:pointer}.mutation-param:hover,.mutation-param.selected{color:var(--fg-strong);background:var(--border)}#preset-btn{display:none;position:fixed;bottom:14px;right:78px;background:none;border:1px solid var(--fg-mid);color:var(--fg-mid);font-family:monospace;font-size:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;border-radius:3px;transition:color .2s,border-color .2s;padding:0;line-height:1}#preset-btn:hover{color:var(--fg-strong);border-color:var(--fg-strong)}#preset-popup{min-width:220px;max-width:280px;max-height:420px}.ctrl-popup-action{font-family:monospace;font-size:11px;letter-spacing:.07em;color:var(--fg-dim);padding:7px 18px;cursor:pointer;border-bottom:1px solid var(--border)}.ctrl-popup-action:hover{color:var(--fg-strong);background:var(--border)}.ctrl-popup-item--user{display:flex;align-items:center;justify-content:space-between}.ctrl-popup-del{opacity:.35;font-size:14px;padding-left:10px;line-height:1;cursor:pointer;flex-shrink:0}.ctrl-popup-del:hover{opacity:1}.ctrl-popup-section-header{font-family:monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);padding:10px 18px 4px;border-top:1px solid var(--border);pointer-events:none}.ctrl-popup-section-header:first-child{border-top:none;padding-top:5px}.range-2h{position:relative;width:100%;height:18px}.range-2h input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;left:0;width:100%;height:18px;margin:0;padding:0;background:transparent;pointer-events:none}.range-2h input[type=range]::-webkit-slider-runnable-track{background:transparent;height:2px}.range-2h input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:11px;border:1px solid var(--bg);border-radius:50%;background:var(--fg-strong);pointer-events:all;cursor:pointer}.range-2h input[type=range]::-moz-range-track{background:transparent}.range-2h input[type=range]::-moz-range-thumb{width:11px;height:11px;border:1px solid var(--bg);border-radius:50%;background:var(--fg-strong);pointer-events:all;cursor:pointer}.range-2h-track{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;height:4px;background:color-mix(in srgb,var(--fg-dim) 45%,transparent);pointer-events:none;border-radius:999px}.range-2h-fill{position:absolute;top:0;height:100%;background:var(--fg-strong);pointer-events:none;border-radius:999px}.weight-stepper::-webkit-inner-spin-button,.weight-stepper::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button;opacity:1;height:22px;cursor:pointer}#sync-display{position:fixed;top:32px;left:50%;transform:translate(-50%);text-align:center;font-family:monospace;font-size:11px;letter-spacing:.07em;color:var(--fg-dim);pointer-events:none;z-index:5}