:root{--bg-0: #0a0a0c;--bg-1: #11111a;--bg-2: #181826;--bg-3: #1f1f30;--fg-0: #e8dcc0;--fg-1: #a59880;--fg-2: #5e5444;--amber: #ffb14e;--amber-dim: #c4831e;--amber-glow: rgba(255, 177, 78, .18);--magenta: #ff2d92;--magenta-glow: rgba(255, 45, 146, .25);--cyan: #38e8ff;--green: #7be17b;--red: #ff4a5b;--grid: #2a2a3c;--grid-dim: #1d1d2a}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-0);color:var(--fg-0);font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.4;overflow:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(0,0,0,.18) 2px,rgba(0,0,0,.18) 3px);pointer-events:none;z-index:100;mix-blend-mode:multiply}body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.55) 100%);pointer-events:none;z-index:101}.app{display:grid;grid-template-rows:44px 1fr 30px;grid-template-columns:240px minmax(0,1fr);grid-template-areas:"header header" "sidebar main" "footer  footer";height:100vh;width:100vw;overflow:hidden;position:relative}header{grid-area:header;background:var(--bg-1);border-bottom:1px solid var(--grid);display:grid;grid-template-columns:240px minmax(0,1fr) auto;align-items:stretch;min-width:0}.brand{border-right:1px solid var(--grid);display:flex;align-items:center;gap:10px;padding:0 14px;font-family:Silkscreen,monospace;color:var(--amber);letter-spacing:.5px}.brand .dot{width:8px;height:8px;background:var(--amber);box-shadow:0 0 8px var(--amber);opacity:1}.menu{display:flex;align-items:center;min-width:0;position:relative}.menu-items{display:flex;align-items:center;min-width:0;overflow:hidden}.menu-toggle{display:none}.menu.collapsed>.menu-toggle{display:inline-flex;align-items:center;justify-content:center;border-right:none;font-size:15px;padding:0 14px}.menu.collapsed>.menu-items{position:absolute;top:100%;left:0;z-index:60;flex-direction:column;align-items:stretch;overflow:visible;min-width:200px;background:var(--bg-1);border:1px solid var(--grid);box-shadow:0 8px 24px #00000080;display:none}.menu.collapsed.open>.menu-items{display:flex}.menu.collapsed>.menu-items>button,.menu.collapsed>.menu-items>.base-toggle-wrap,.menu.collapsed>.menu-items>.note-select-wrap{width:100%;height:auto;padding:9px 14px;border-right:none;border-bottom:1px solid var(--grid-dim);justify-content:flex-start}.menu button{background:transparent;border:none;border-right:1px solid var(--grid-dim);color:var(--fg-1);font:inherit;padding:0 14px;height:100%;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;font-size:11px;flex-shrink:0;white-space:nowrap}.menu button:hover{color:var(--amber);background:var(--bg-2)}.note-select-wrap{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:100%;border-right:1px solid var(--grid-dim);color:var(--fg-1);font-size:11px;flex-shrink:0;white-space:nowrap;letter-spacing:.5px;text-transform:uppercase}.note-select-label{color:var(--fg-2)}.note-select-wrap select{background:var(--bg-2);color:var(--amber);border:1px solid var(--grid);font:inherit;text-transform:none;padding:2px 4px;cursor:pointer}.note-select-wrap select:focus{outline:none;border-color:var(--amber)}.file-info{display:flex;align-items:center;gap:18px;padding:0 18px;color:var(--fg-1);font-size:11px;letter-spacing:.4px}.file-info .file-name{color:var(--fg-0)}.file-info .file-stats{color:var(--amber-dim)}.sidebar{grid-area:sidebar;background:var(--bg-1);border-right:1px solid var(--grid);overflow-y:auto;display:flex;flex-direction:column}.sidebar-title{font-family:Silkscreen,monospace;font-size:11px;color:var(--amber-dim);padding:12px 14px 8px;letter-spacing:.8px;border-bottom:1px solid var(--grid-dim);display:block;width:100%;text-align:left;background:transparent;border-top:none;border-left:none;border-right:none;cursor:default}.sb-title-num{display:none}.instr-list{list-style:none;flex:1}.instr-row{display:grid;grid-template-columns:32px 1fr 24px;align-items:center;padding:5px 12px 5px 0;border-bottom:1px solid var(--grid-dim);cursor:pointer;color:var(--fg-1);transition:background 60ms linear;position:relative}.instr-row:hover{background:var(--bg-2);color:var(--fg-0)}.instr-row.active{background:var(--bg-3);color:var(--amber)}.instr-row.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--amber);box-shadow:0 0 6px var(--amber)}.instr-row .num{text-align:right;padding:0 10px;color:var(--fg-2);font-size:11px}.instr-row.active .num{color:var(--amber-dim)}.instr-row .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.instr-row.empty .name{color:var(--fg-2);font-style:italic}.instr-row .instr-del{background:transparent;border:1px solid transparent;color:var(--fg-2);cursor:pointer;font-size:11px;padding:0 5px;opacity:0;transition:opacity 80ms linear,color 80ms linear,border-color 80ms linear}.instr-row:hover .instr-del{opacity:.6}.instr-row .instr-del:hover{color:var(--red);border-color:var(--red);opacity:1}.instr-row.invalid .name,.instr-row.invalid .num,.instr-row.invalid.active .name,.instr-row.invalid.active .num{color:var(--red)}.instr-row .size{font-size:10px;color:var(--fg-2);text-align:right}.instr-row.dragging{opacity:.4}.instr-row.drop-above{box-shadow:inset 0 2px 0 0 var(--amber)}.instr-row.drop-below{box-shadow:inset 0 -2px 0 0 var(--amber)}main{grid-area:main;overflow:hidden;min-width:0;background:var(--bg-0);display:flex;flex-direction:column;container:editor / inline-size}main>.instr-header,main>.wave-viewer{flex:0 0 auto}main>.slot-grid-host{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.instr-header{background:var(--bg-1);border-bottom:1px solid var(--grid);padding:14px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;row-gap:8px}.instr-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;min-width:0}.instr-title .instr-name-input{min-width:80px;flex:1 1 120px}.instr-title .label{font-family:Silkscreen,monospace;font-size:11px;color:var(--amber-dim);letter-spacing:.8px}.instr-title .name{font-family:Silkscreen,monospace;font-size:22px;color:var(--amber);letter-spacing:1px;text-shadow:0 0 18px var(--amber-glow)}.instr-meta{display:flex;gap:22px;color:var(--fg-1);font-size:11px;letter-spacing:.4px}.instr-meta .pair{display:flex;gap:8px}.instr-meta .k{color:var(--fg-2);text-transform:uppercase}.instr-meta .v{color:var(--fg-0)}.instr-meta .badge{color:var(--amber);border:1px solid var(--grid);padding:2px 8px;font-family:Silkscreen,monospace;font-size:10px}.instr-meta .badge.full{color:var(--red);border-color:var(--red)}.instr-name-input{background:transparent;border:none;border-bottom:1px solid var(--grid-dim);color:var(--amber);font-family:Silkscreen,monospace;font-size:22px;letter-spacing:1px;text-shadow:0 0 18px var(--amber-glow);padding:2px 4px;min-width:120px;outline:none}.instr-name-input:focus{border-bottom-color:var(--amber)}.meta-num{background:var(--bg-0);border:1px solid var(--grid-dim);color:var(--fg-0);font-family:IBM Plex Mono,monospace;font-size:11px;padding:2px 5px;width:78px;outline:none}.meta-num:focus{border-color:var(--amber)}.instr-aki-btn{background:var(--bg-2);color:var(--fg-1);border:1px solid var(--grid);font:inherit;font-size:10px;letter-spacing:.5px;padding:3px 8px;margin-left:6px;cursor:pointer;text-transform:uppercase}.instr-aki-btn:hover{color:var(--amber);border-color:var(--amber)}.instr-aki-btn:disabled{opacity:.4;cursor:not-allowed}.instr-remove-btn:hover{color:var(--red);border-color:var(--red)}.instr-menu{position:relative;margin-left:auto;align-self:center}.instr-menu-btn{background:var(--bg-2);color:var(--amber);border:1px solid var(--grid);font:inherit;font-size:15px;line-height:1;padding:3px 10px;cursor:pointer}.instr-menu-btn:hover{border-color:var(--amber)}.instr-menu-items{position:absolute;top:100%;right:0;z-index:40;display:none;flex-direction:column;min-width:150px;background:var(--bg-1);border:1px solid var(--grid);box-shadow:0 8px 24px #00000080}.instr-menu.open .instr-menu-items{display:flex}.instr-menu-items>.instr-aki-btn{margin:0;width:100%;text-align:left;border:none;border-bottom:1px solid var(--grid-dim);padding:9px 14px;font-size:11px}.length-pair.disabled{opacity:.5}.length-pair .knob.knob-disabled{cursor:not-allowed}.length-pair{display:inline-flex;align-items:center;gap:8px;min-width:0}.length-pair .knob{min-width:0;flex:1 1 240px;max-width:320px}.length-pair .knob .kbar{min-width:120px}.base-toggle-wrap{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:100%;border-right:1px solid var(--grid-dim);color:var(--fg-1);font-size:11px;letter-spacing:.5px;text-transform:uppercase;flex-shrink:0;white-space:nowrap}.base-toggle-label{color:var(--fg-2)}.base-toggle-wrap select{background:var(--bg-2);color:var(--amber);border:1px solid var(--grid);font-family:IBM Plex Mono,monospace;font-size:11px;padding:2px 6px;outline:none}.base-toggle-wrap select:focus{border-color:var(--amber)}.grid-head{display:grid;grid-template-columns:44px 64px 144px minmax(260px,2fr) minmax(0,1fr);gap:1px;background:var(--bg-1);border-bottom:1px solid var(--grid);padding:8px 0;position:sticky;top:0;z-index:5}.grid-head>div{padding:0 14px;font-family:Silkscreen,monospace;font-size:11px;color:var(--amber-dim);letter-spacing:.8px;min-width:0}.slots{flex:1;min-width:0;padding-top:12px}.slot{display:grid;grid-template-columns:44px 64px 144px minmax(260px,2fr) minmax(0,1fr);gap:1px;align-items:stretch;border-bottom:1px solid var(--grid-dim);min-height:110px;position:relative;cursor:pointer;transition:background 60ms linear}.slot>.col-num{align-self:center}.slot>.col-out{align-self:center}.slot>.col-op{align-self:center}.slot:hover{background:var(--bg-1)}.slot.active{background:var(--bg-2)}.slot.audition:before,.slot.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--amber);box-shadow:0 0 8px var(--amber-glow)}.slot.output-target{background:#ff2d920f}.slot.output-target:hover{background:#ff2d921f}.slot .out-glyph{color:var(--magenta);text-shadow:0 0 6px var(--magenta-glow);margin-right:4px;font-size:11px}.slot-output-btn{background:transparent;color:var(--fg-2);border:none;cursor:pointer;font-size:26px;line-height:1;padding:4px 6px;margin-left:2px;opacity:0;transition:opacity 80ms linear,color 80ms linear,transform 80ms linear}.slot:hover .slot-output-btn{opacity:.6}.slot-output-btn:hover{color:var(--magenta);opacity:1;transform:scale(1.08)}.slot-output-btn.active{color:var(--magenta);opacity:1;text-shadow:0 0 10px var(--magenta-glow)}.output-select-wrap{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:100%;border-right:1px solid var(--grid-dim);color:var(--fg-1);font-size:11px;letter-spacing:.5px;text-transform:uppercase;flex-shrink:0;white-space:nowrap}.output-select-label{color:var(--fg-1)}footer .output-select-wrap{border-right:none;height:auto;padding:0}.output-master{background:var(--bg-2);border:1px solid var(--grid);color:var(--magenta);font:inherit;font-weight:600;text-transform:uppercase;letter-spacing:.6px;padding:3px 10px;cursor:pointer;transition:opacity 80ms linear,color 80ms linear,border-color 80ms linear}.output-master.active{color:var(--magenta);border-color:var(--magenta);text-shadow:0 0 8px var(--magenta-glow)}.output-master.dimmed{color:var(--fg-2);border-color:var(--grid);opacity:.55}.output-master:hover{opacity:1;color:var(--magenta);border-color:var(--magenta)}.menu-items>*:last-child{border-right:none}.help-overlay{position:fixed;inset:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:1000}.help-overlay.hidden{display:none}.help-card{background:var(--bg-1);border:1px solid var(--amber);box-shadow:0 0 24px #ffb14e2e;max-width:640px;width:min(640px,92vw);max-height:86vh;display:flex;flex-direction:column}.help-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--grid);font-family:Silkscreen,monospace;color:var(--amber);letter-spacing:.6px}.help-close{background:transparent;border:1px solid var(--grid);color:var(--fg-1);font:inherit;width:22px;height:22px;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.help-close:hover{color:var(--red);border-color:var(--red)}.help-body{padding:14px 18px 18px;overflow-y:auto;color:var(--fg-0)}.help-body h3{font-family:Silkscreen,monospace;font-size:11px;color:var(--amber-dim);margin:14px 0 6px;letter-spacing:.6px}.help-body h3:first-child{margin-top:0}.help-kbd{width:100%;border-collapse:collapse;font-size:12px}.help-kbd td{padding:4px 8px;border-bottom:1px solid var(--grid-dim);vertical-align:middle}.help-kbd td:first-child{width:220px;color:var(--fg-1)}.help-kbd kbd{background:var(--bg-3);border:1px solid var(--grid);border-radius:2px;padding:1px 6px;font-family:inherit;font-size:11px;color:var(--amber);margin:0 2px}.help-foot{margin-top:14px;font-size:11px;color:var(--fg-2)}.slot.empty{color:var(--fg-2);min-height:28px}.slot .col{padding:0 14px;display:flex;align-items:center}.slot .col-num{color:var(--fg-2);font-size:11px;justify-content:flex-end;position:relative}.slot:not(.empty) .col-num{cursor:grab}.slot:not(.empty) .col-num:before{content:"⋮⋮";position:absolute;left:4px;color:var(--fg-2);opacity:0;transition:opacity 80ms linear;letter-spacing:-3px;font-size:14px}.slot:not(.empty):hover .col-num:before{opacity:.7}.slot.dragging{opacity:.35}.slot.drop-above{box-shadow:inset 0 2px 0 0 var(--magenta)}.slot.drop-below{box-shadow:inset 0 -2px 0 0 var(--magenta)}.slot.active .col-num{color:var(--amber-dim)}.slot .col-out{color:var(--cyan);font-weight:600;letter-spacing:.5px}.slot.empty .col-out{color:var(--fg-2)}.slot .col-op{color:var(--amber);letter-spacing:.3px}.slot.empty .col-op{color:var(--fg-2)}.op-name-btn{background:transparent;border:1px solid transparent;color:inherit;font:inherit;font-size:14px;letter-spacing:.3px;padding:2px 8px;cursor:pointer;text-align:left;border-radius:2px;transition:background 60ms linear,border-color 60ms linear}.op-name-btn:hover{background:var(--bg-2);border-color:var(--amber-dim)}.op-name-btn:focus{outline:none;border-color:var(--amber)}.params{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px 14px}.param{display:flex;align-items:center;gap:8px;font-size:13px;min-width:0;width:100%;user-select:none}.param .pname{color:var(--fg-1);letter-spacing:.3px;text-transform:lowercase;font-size:12px;min-width:40px}.param .pbar{display:inline-block;font-family:IBM Plex Mono,monospace;color:var(--amber);cursor:ns-resize;letter-spacing:-1px;user-select:none}.param .pval{color:var(--fg-0);font-variant-numeric:tabular-nums;min-width:36px;text-align:right}.param-var-select,.param-mode-select,.param-enum-select,.param-ref-select{appearance:none;-webkit-appearance:none;color-scheme:dark;background:var(--bg-2);color:var(--amber);border:1px solid var(--grid);font-family:IBM Plex Mono,monospace;font-size:12px;padding:3px 22px 3px 6px;cursor:pointer;outline:none;max-width:180px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M0 0l5 6 5-6z' fill='%23ffb14e'/></svg>");background-repeat:no-repeat;background-position:right 6px center}.param-ref-select{max-width:220px}.param-var-select option,.param-mode-select option,.param-enum-select option,.param-ref-select option{background:var(--bg-1);color:var(--fg-0)}.param-var-select:focus,.param-mode-select:focus,.param-enum-select:focus,.param-ref-select:focus{border-color:var(--amber)}.param-var-select.var-unset,.param-mode-select.var-unset{color:var(--red);border-color:var(--red)}.param-var-select.var-feedback,.param-mode-select.var-feedback{color:var(--cyan);border-color:var(--cyan)}.param-const-knob.disabled{opacity:.35;pointer-events:none}.param-const-knob .klabel{display:none}.param-mul-frac{width:78px;margin-left:6px;background:var(--bg-0);border:1px solid var(--grid-dim);color:var(--fg-0);font-family:IBM Plex Mono,monospace;font-size:11px;padding:2px 5px;outline:none}.param-mul-frac:focus{border-color:var(--amber)}.param-mul-frac:disabled,.param-mul-frac.disabled{opacity:.4;cursor:not-allowed}.wave-cell{position:relative;padding:6px 14px;pointer-events:none;display:block;min-width:0}.wave-cell .slot-output-btn{position:absolute;top:4px;right:12px;z-index:2;pointer-events:auto}canvas.wave{background:#050507;border:1px solid var(--grid-dim);image-rendering:pixelated;display:block;width:100%;height:100%;pointer-events:none}.wave-cell .wave-meta{font-size:10px;color:var(--fg-2);text-align:right;line-height:1.2}.wave-cell .wave-minmax{position:absolute;left:16px;bottom:8px;z-index:2;font-size:9px;line-height:1;color:var(--fg-1);background:#050507b3;padding:1px 3px;pointer-events:none;font-variant-numeric:tabular-nums;letter-spacing:.3px}footer{grid-area:footer;background:var(--bg-1);border-top:1px solid var(--grid);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;padding:0 14px;gap:16px;font-size:11px;color:var(--fg-0);overflow:hidden}.transport{display:flex;gap:1px}.transport button{background:var(--bg-2);border:1px solid var(--grid);color:var(--fg-0);font:inherit;font-size:13px;padding:3px 12px;cursor:pointer;letter-spacing:.4px}.transport button:hover{background:var(--bg-3);color:var(--amber)}.transport button.play.active{color:var(--green);border-color:var(--green);box-shadow:inset 0 0 8px #7be17b33}.transport button.stop:hover{color:var(--red);border-color:var(--red)}.footer-right{display:flex;align-items:center;gap:12px;color:var(--fg-1);font-size:10px;letter-spacing:.5px}.footer-version{color:var(--fg-1);font-size:10px;letter-spacing:.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.footer-right .blink{color:var(--amber-dim)}.footer-right.busy .blink{color:var(--amber);animation:blink .7s infinite}.footer-right.busy .status-label{color:var(--amber)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.slot-corner-insert{position:absolute;left:4px;width:18px;height:18px;padding:0;line-height:1;font-size:13px;font-family:IBM Plex Mono,monospace;background:var(--bg-2);color:var(--amber);border:1px solid var(--amber-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.55;transition:opacity 80ms linear,color 80ms linear,border-color 80ms linear,background 80ms linear;z-index:2}.slot-corner-insert--before{top:-9px}.slot-corner-insert--after{bottom:-9px}.slot-corner-insert:hover{opacity:1;color:var(--bg-0);background:var(--amber);border-color:var(--amber)}.slot-corner-insert:disabled{color:var(--fg-2);border-color:var(--grid);background:var(--bg-1);cursor:not-allowed;opacity:.45}.slot-corner-insert:disabled:hover{color:var(--fg-2);background:var(--bg-1);border-color:var(--grid)}.slot.empty-placeholder{display:flex;align-items:center;padding-left:14px;min-height:36px;border-bottom:1px solid var(--grid-dim);color:var(--fg-2);font-size:11px}.slot.empty-placeholder .slot-corner-insert--empty{position:static;opacity:.85}.slot.empty-placeholder .empty-placeholder-hint{margin-left:12px;color:var(--fg-2);font-size:11px;font-style:italic}.slot-del{background:transparent;color:var(--fg-2);border:1px solid transparent;cursor:pointer;font-size:13px;padding:0 4px;margin-top:4px;line-height:1.1;opacity:0;transition:opacity 80ms linear,color 80ms linear,border-color 80ms linear}.slot:hover .slot-del{opacity:.7}.slot-del:hover{color:var(--red);border-color:var(--red);opacity:1}.slot>.col-num{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.out-select{appearance:none;-webkit-appearance:none;color-scheme:dark;background:var(--bg-2);border:1px solid var(--grid-dim);color:var(--cyan);font-family:IBM Plex Mono,monospace;font-size:12px;padding:1px 18px 1px 6px;outline:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M0 0l5 6 5-6z' fill='%2338e8ff'/></svg>");background-repeat:no-repeat;background-position:right 4px center}.out-select option{background:var(--bg-1);color:var(--fg-0)}.out-select:focus{border-color:var(--amber)}.op-picker-overlay{position:fixed;inset:0;z-index:200;background:#000000b8;display:flex;align-items:center;justify-content:center}.op-picker{background:var(--bg-1);border:1px solid var(--amber);box-shadow:0 0 32px var(--amber-glow);padding:18px;width:min(640px,94vw);max-height:86vh;overflow-y:auto}.op-picker-title{font-family:Silkscreen,monospace;color:var(--amber);font-size:14px;letter-spacing:1px;margin-bottom:12px}.op-picker-group{margin-bottom:14px}.op-picker-group-title{font-family:Silkscreen,monospace;color:var(--amber-dim);font-size:10px;letter-spacing:.8px;margin-bottom:4px}.op-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.op-picker-btn{background:var(--bg-2);border:1px solid var(--grid);color:var(--fg-0);font:inherit;font-size:12px;padding:7px 10px;cursor:pointer;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:42px;justify-content:center;overflow:hidden;line-height:1.35}.op-picker-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.op-picker-cost{font-size:10px;opacity:.6;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--amber-dim)}.op-picker-btn:hover .op-picker-cost{opacity:.85}.op-picker-btn:hover{background:var(--bg-3);color:var(--amber);border-color:var(--amber)}.op-picker-detail{margin-top:12px;padding:8px 10px;min-height:calc(5.6em + 16px);border:1px solid var(--grid-dim);background:var(--bg-0);color:var(--fg-1);font-size:11px;line-height:1.4}.op-picker-detail-blocked{color:var(--red);border-color:var(--red)}.op-picker-card-unsupported{opacity:.45;cursor:not-allowed!important}.op-picker-card-unsupported:hover{background:inherit!important}.op-picker-cancel{display:block;margin:12px auto 0;background:var(--bg-2);color:var(--fg-1);border:1px solid var(--grid);font-family:Silkscreen,monospace;font-size:11px;padding:5px 14px;cursor:pointer;letter-spacing:.8px}.op-picker-cancel:hover{color:var(--amber);border-color:var(--amber)}.clone-block{border:1px dashed var(--cyan);margin:4px 14px 8px 38px;padding:6px;background:#38e8ff0a}.clone-block-title{color:var(--cyan);font-size:11px;margin-bottom:4px;letter-spacing:.4px}.clone-toggle{background:transparent;border:1px solid var(--grid);color:var(--cyan);cursor:pointer;font:inherit;font-size:11px;padding:0 5px;margin-right:4px}.clone-toggle:hover{border-color:var(--cyan)}.cycle-chip{color:var(--red);border:1px solid var(--red);padding:1px 6px;font-size:10px;margin-left:6px}.knob{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:14px;user-select:none;min-width:0;width:100%;padding:2px 0}.knob .klabel{color:var(--fg-1);text-transform:lowercase;letter-spacing:.3px;font-size:13px;min-width:64px;text-align:right;flex-shrink:0}.knob .kbar{display:block;flex:1 1 0;min-width:120px;height:22px;touch-action:none;background:linear-gradient(to right,var(--amber) 0%,var(--amber) var(--fill, 0%),var(--bg-0) var(--fill, 0%),var(--bg-0) 100%);border:1px solid var(--grid);cursor:ew-resize;outline:none;box-shadow:inset 0 0 4px #00000080}.knob .kbar:focus{border-color:var(--amber);box-shadow:inset 0 0 4px #00000080,0 0 6px var(--amber-glow)}.knob .kval{color:var(--fg-0);font-variant-numeric:tabular-nums;font-size:18px;min-width:60px;text-align:right;cursor:text;flex-shrink:0}.knob .kval.out-of-range{color:var(--red)}.knob input.kedit{background:var(--bg-0);border:1px solid var(--amber);color:var(--fg-0);font-family:IBM Plex Mono,monospace;font-size:18px;padding:2px 4px;width:96px;outline:none;text-align:right}.wave-viewer{background:var(--bg-1);border-bottom:1px solid var(--grid);padding:8px 14px}.wave-viewer canvas{display:block;background:#050507;border:1px solid var(--grid-dim);width:100%;image-rendering:pixelated;cursor:grab;touch-action:none}.wave-viewer canvas:active{cursor:grabbing}.wave-viewer-meta{font-size:10px;color:var(--fg-2);margin-top:3px}.revert-panel{position:fixed;top:44px;right:0;bottom:30px;width:340px;background:var(--bg-1);border-left:1px solid var(--grid);box-shadow:-8px 0 18px #00000073;display:flex;flex-direction:column;z-index:20}.revert-panel.hidden{display:none}.revert-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--grid);color:var(--amber);font-family:Silkscreen,monospace;font-size:12px;letter-spacing:1px}.revert-close{background:transparent;border:1px solid transparent;color:var(--fg-2);cursor:pointer;font-size:14px;padding:0 6px}.revert-close:hover{color:var(--red);border-color:var(--red)}.revert-hint{padding:8px 12px;color:var(--fg-2);font-size:10px;line-height:1.4;border-bottom:1px solid var(--grid-dim)}.revert-list{flex:1;overflow-y:auto;list-style:none;margin:0;padding:0}.revert-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--grid-dim);color:var(--fg-1);font-size:11px;cursor:pointer}.revert-row:hover,.revert-row.active{background:var(--bg-2);color:var(--amber)}.revert-row.active{box-shadow:inset 3px 0 0 0 var(--amber)}.revert-label{font-weight:600;letter-spacing:.4px}.revert-time{color:var(--fg-2);font-size:10px}::-webkit-scrollbar{width:10px;height:10px;background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bg-3);border:2px solid var(--bg-1)}::-webkit-scrollbar-thumb:hover{background:var(--amber-dim)}.size-breakdown-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:50}.size-breakdown-overlay.hidden{display:none}.size-breakdown-inner{background:#11141a;color:#cdd;border:1px solid #2a3140;padding:1rem 1.25rem;max-height:80vh;overflow-y:auto;overflow-x:hidden;width:min(560px,94vw);font:12px/1.4 monospace}.size-breakdown-inner header{display:flex;justify-content:space-between;align-items:center}.size-breakdown-inner h3{font-size:11px;opacity:.6;font-weight:400;margin:.5rem 0 .1rem}.size-breakdown-inner table{width:100%;border-collapse:collapse;margin:.1rem 0 .5rem}.size-breakdown-inner td,.size-breakdown-inner th{padding:2px 8px;text-align:left}.size-breakdown-inner th{border-bottom:1px solid #2a3140;opacity:.55;font-weight:400}.size-breakdown-inner .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.size-breakdown-inner tr:nth-child(2n) td{background:#ffffff09}.size-breakdown-inner tr:hover td{background:#78aaff29}.size-breakdown-note{opacity:.8;margin:0 0 .5rem}.code-export-inner{width:min(760px,94vw)}.code-export-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.code-export-actions button{background:var(--bg-2);border:1px solid var(--grid);color:var(--fg-0);font:inherit;font-size:11px;padding:4px 8px;cursor:pointer;margin-left:6px}.code-export-actions button:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.code-export-actions button:disabled{opacity:.4;cursor:default}.code-export-pre{max-height:50vh;overflow:auto;margin-top:.25rem;background:var(--bg-0);border:1px solid var(--grid-dim);padding:8px;font-size:11px;line-height:1.35;white-space:pre;color:var(--fg-1)}.about-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:50}.about-overlay.hidden{display:none}.about-inner{background:#11141a;color:var(--fg-1);border:1px solid #2a3140;padding:1rem 1.25rem;max-height:84vh;overflow-y:auto;overflow-x:hidden;width:min(680px,94vw);font:12px/1.5 monospace}.about-inner header{display:flex;justify-content:space-between;align-items:center}.about-inner h2{font-size:13px;margin:0;letter-spacing:1px;color:var(--fg-0)}.about-inner h3{font-size:11px;opacity:.6;font-weight:400;margin:.7rem 0 .2rem;text-transform:uppercase;letter-spacing:.5px}.about-inner>header+.about-head{margin-top:.6rem}.about-inner button{background:none;border:none;color:var(--fg-1);font:inherit;cursor:pointer}.about-inner button:hover{color:var(--amber)}.about-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:.5rem 0 .25rem}.about-title{font-family:Silkscreen,monospace;color:var(--amber);letter-spacing:.5px}.about-version{color:var(--green);font-variant-numeric:tabular-nums;font-size:11px}.about-prose{color:var(--fg-1)}.about-prose p{margin:0 0 .6rem}.about-prose strong{color:var(--fg-0)}.about-prose code,.about-prose a{color:var(--amber)}.about-credits,.about-links{margin:.2rem 0 .6rem;padding-left:1.1rem}.about-credits li,.about-links li{margin:.15rem 0}.about-by{opacity:.8}.about-changelog{max-height:38vh;overflow:auto;margin-top:.25rem;padding:8px 10px;background:var(--bg-0);border:1px solid var(--grid-dim);color:var(--fg-1)}.about-changelog h3{color:var(--amber);font-size:12px;opacity:1;margin:.6rem 0 .2rem}.about-changelog h3:first-child{margin-top:0}.about-changelog h4{color:var(--fg-0);font-size:11px;margin:.4rem 0 .1rem;text-transform:uppercase;letter-spacing:.5px}.about-changelog ul{margin:.1rem 0 .4rem;padding-left:1.1rem}.about-changelog li{margin:.1rem 0}.about-changelog code{color:var(--amber)}.about-changelog strong{color:var(--fg-0)}.about-changelog a{color:var(--amber)}.size-status{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0 .5rem;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:0;overflow:hidden;text-overflow:ellipsis}.size-status:hover{text-decoration:underline}.size-status .size-dim{opacity:.75}.size-status .size-warn{color:var(--red)}.size-status .size-raw{color:var(--amber)}.size-status .size-packed{color:var(--green)}.size-spin{display:inline-block;animation:size-spin-rot .8s linear infinite;opacity:.7}@keyframes size-spin-rot{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1000px){.app{grid-template-columns:40px minmax(0,1fr)}header{grid-template-columns:40px minmax(0,1fr) auto}.brand{padding:0;gap:0;justify-content:center}.brand span{display:none}.sidebar{overflow-y:auto;touch-action:none}.sidebar-title{padding:8px 0;text-align:center;font-size:0}.sidebar-title:after{content:"⋮";font-size:14px;color:var(--amber-dim)}.sb-title-full{display:none}.instr-row{grid-template-columns:1fr;padding:4px 0;justify-items:center}.instr-row .name,.instr-row .instr-del{display:none}.instr-row .num{text-align:center;padding:0;font-size:12px}.instr-row.active{background:var(--bg-3)}.instr-row.active .num{color:var(--amber);font-weight:700}}@container editor (max-width: 860px){.knob .kbar{min-width:56px}.slot>.col-params{min-width:0;padding-right:10px}.param{min-width:0}.param-var-select,.param-mode-select,.param-enum-select,.param-ref-select{max-width:120px}}@container editor (max-width: 760px){.instr-header{grid-template-columns:minmax(0,1fr);padding:10px 12px}.grid-head{grid-template-columns:34px 50px 104px minmax(0,1fr)}.grid-head>div{padding:0 8px}.grid-head>div:nth-child(5){display:none}.slot{grid-template-columns:34px 50px 104px minmax(0,1fr);grid-template-areas:"num out op params" "num out op wave"}.slot>.col-num{grid-area:num}.slot>.col-out{grid-area:out}.slot>.col-op{grid-area:op}.slot>.col-params{grid-area:params;min-width:0}.slot>.wave-cell{grid-area:wave}.slot .col{padding:0 8px}.col-op .op-name-btn{padding:2px 4px;font-size:13px}.params{padding:8px;gap:5px}.param{gap:6px;font-size:12px;min-width:0}.param .pname{min-width:28px;font-size:11px}.param .pval{min-width:28px}.param-var-select,.param-mode-select,.param-enum-select,.param-ref-select{font-size:11px;padding:2px 18px 2px 5px;max-width:96px;min-width:0}.knob .kbar{min-width:56px}.wave-cell{height:50px;padding:3px 8px 6px;align-self:start}}@container editor (max-width: 480px){.grid-head{display:none}.slot{grid-template-columns:28px 52px minmax(0,1fr);grid-template-areas:"num out op" "params params params" "wave   wave   wave";row-gap:2px}.slot>.col-num{grid-area:num}.slot>.col-out{grid-area:out}.slot>.col-op{grid-area:op;justify-content:flex-start}.slot>.col-params{grid-area:params}.slot>.wave-cell{grid-area:wave}.knob .kbar{min-width:96px}.param-var-select,.param-mode-select,.param-enum-select,.param-ref-select{max-width:140px}}.touch-tuner-overlay{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:#050509c7;touch-action:none}.tt-panel{width:min(440px,94vw);background:var(--bg-1);border:1px solid var(--grid);box-shadow:0 12px 48px #0009;padding:14px;display:flex;flex-direction:column;gap:12px}.tt-head{display:flex;align-items:center;justify-content:space-between}.tt-title{font-family:Silkscreen,monospace;font-size:12px;color:var(--amber-dim);letter-spacing:.6px}.tt-close{background:var(--bg-2);color:var(--amber);border:1px solid var(--grid);font:inherit;font-size:13px;padding:8px 16px;cursor:pointer;letter-spacing:.5px}.tt-close:hover{border-color:var(--amber)}.tt-wave{height:84px;background:#050507;border:1px solid var(--grid-dim);image-rendering:pixelated}.tt-phase{touch-action:none;cursor:ns-resize;display:flex;flex-direction:column;gap:1px}.tt-prow{display:flex;align-items:baseline;justify-content:space-between;padding:6px 10px;color:var(--fg-2);border-left:3px solid transparent}.tt-prow.active{color:var(--fg-0);background:var(--bg-2);border-left-color:var(--amber)}.tt-prow-name{text-transform:lowercase;font-size:14px;letter-spacing:.3px}.tt-prow-val{font-variant-numeric:tabular-nums;font-size:14px}.tt-active-value{color:var(--amber);font-size:28px;font-variant-numeric:tabular-nums;text-align:right}.tt-slider .knob{width:100%}.tt-slider .kbar{height:40px;min-width:0}.tt-slider .kval,.tt-slider .klabel{display:none}.tt-rollers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tt-roller{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:120px;padding:10px 0;background:var(--bg-2);border:1px solid var(--grid);color:var(--fg-1);cursor:ns-resize;user-select:none;touch-action:none}.tt-roller.active{border-color:var(--amber);background:var(--bg-3)}.tt-roller-up,.tt-roller-dn{color:var(--fg-2);font-size:14px}.tt-roller-mag{color:var(--amber);font-size:18px;font-variant-numeric:tabular-nums;letter-spacing:.5px}.help-intro{margin:0 0 12px;padding:8px 10px;background:var(--bg-0);border:1px solid var(--grid-dim);color:var(--fg-1);font-size:12px;line-height:1.5}.help-intro p{margin:0}.help-intro a{color:var(--amber)}.example-loader{margin-top:8px}.load-example-btn{background:var(--bg-2);border:1px solid var(--grid);color:var(--amber);font:inherit;font-size:11px;letter-spacing:.5px;padding:5px 12px;cursor:pointer}.load-example-btn:hover{background:var(--bg-3)}.example-list{margin-top:6px;border:1px solid var(--grid-dim);background:var(--bg-1);max-height:220px;overflow-y:auto}.example-list.hidden{display:none}.example-row{display:block;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--grid-dim);color:var(--fg-0);font:inherit;font-size:12px;padding:7px 10px;cursor:pointer}.example-row:last-child{border-bottom:none}.example-row:hover{background:var(--bg-2);color:var(--amber)}.example-row.loading{opacity:.6;cursor:progress}.example-row.loading:after{content:" ⟳";display:inline-block;animation:size-spin-rot .8s linear infinite}.example-row.row-error{color:var(--red)}.example-empty,.example-error{padding:8px 10px;font-size:11px;color:var(--fg-1)}.example-error{color:var(--red)}.header-play{display:inline-flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--green);color:var(--green);font:inherit;font-size:12px;letter-spacing:.5px;min-height:26px;padding:0 12px;cursor:pointer;white-space:nowrap}.header-play:hover,.header-play:active{background:var(--bg-3)}@media (max-width: 600px){.app{height:100vh;height:calc(100dvh - env(safe-area-inset-bottom))}main>.slot-grid-host{padding-bottom:max(env(safe-area-inset-bottom),16px)}.wave-viewer{padding:4px 8px}.wave-viewer canvas{height:60px}.wave-viewer-meta{margin-top:1px;font-size:9px}.header-play .play-label{display:none}.header-play{font-size:15px;min-height:32px;padding:0 10px}footer{gap:8px;padding:0 8px;font-size:10px}.footer-right{display:none}.size-status{padding:0 4px}.help-card,.op-picker{width:min(640px,96vw);max-height:90vh}.code-export-inner{width:min(760px,96vw)}.size-breakdown-inner{width:min(560px,96vw)}.slot .slot-del,.slot .slot-output-btn,.slot-corner-insert{min-width:28px;min-height:28px}}