:root{--void:#0c0f14;--chassis:#141922;--chassis-2:#181e28;--pane:#1f2530b8;--pane-solid:#1f2530;--overlay:#222834e0;--head:#ffffff09;--well:#0b0e13;--key:#ffffff0f;--key-hover:#ffffff1a;--key-on:#ffffff24;--hair:#ffffff12;--hair-2:#ffffff1f;--glint:#ffffff29;--text:#e6ebf2;--text-2:#a3adbc;--text-3:#838e9f;--on-color:#0e1116;--accent:#78aeff;--accent-soft:#78aeff29;--lamp:#eaf2ff;--lamp-glow:#aacdff80;--ok:#6fd3a8;--warn:#e9c55a;--hot:#f26d5f;--r-win:14px;--r-pop:12px;--r-ctl:8px;--r-seg:7px;--r-step:6px;--r-lcd:9px;--shadow-win:0 0 0 1px #0000008c, 0 30px 80px -24px #000c, 0 10px 28px -12px #0009;--shadow-win-focus:0 0 0 1px #000000a6, 0 44px 110px -26px #000000e6, 0 14px 34px -12px #000000b3;--shadow-pop:0 0 0 1px #0009, 0 24px 60px -16px #000000bf;--meter:linear-gradient(0deg, var(--ok) 0 68%, var(--warn) 68% 88%, var(--hot) 88%);--font:"Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff29 transparent}html,body,#root{height:100%;margin:0}body{background:var(--void);color:var(--text);font:400 12px/1.35 var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-stretch:100%;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}::selection{background:#78aeff59}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}kbd{font:inherit;background:var(--key);box-shadow:inset 0 0 0 1px var(--hair-2);color:var(--text);border-radius:5px;padding:1px 5px;font-size:11px}.app{grid-template-rows:56px minmax(0,1fr);height:100%;display:grid}.main{min-height:0;display:flex}.workspace{isolation:isolate;background:var(--void);flex:1;min-width:0;position:relative;overflow:hidden}.ws-empty{text-align:center;color:var(--text-2);place-content:center;gap:8px;display:grid;position:absolute;inset:0}.ws-empty p{margin:0}.kit-banner{z-index:900;border-radius:var(--r-pop);background:var(--overlay);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);width:min(760px,100% - 32px);box-shadow:var(--shadow-pop), inset 0 1px 0 var(--glint);color:var(--text-2);align-items:center;gap:14px;padding:12px 12px 12px 18px;font-size:13px;line-height:1.45;animation:.5s cubic-bezier(.2,.8,.2,1) both kit-banner-in;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.kit-banner-text{flex:1;min-width:0}.kit-banner strong{color:var(--text);font-weight:600}.kit-banner a{color:var(--accent);text-decoration:none}.kit-banner a:hover{text-decoration:underline}.kit-banner-credit{color:var(--text-3)}.kit-banner .kit-banner-cta{border-radius:var(--r-ctl);background:var(--accent);color:var(--on-color);white-space:nowrap;flex:none;padding:8px 14px;font-weight:600}.kit-banner .kit-banner-cta:hover{filter:brightness(1.08);text-decoration:none}@keyframes kit-banner-in{0%{opacity:0;transform:translate(-50%,12px)}}.icon-btn{border-radius:var(--r-seg);width:28px;height:28px;color:var(--text-3);background:0 0;border:0;flex:none;place-items:center;padding:0;transition:background-color .1s,color .1s;display:grid}.icon-btn:hover{background:var(--key-hover);color:var(--text)}.icon-btn.is-on{background:var(--key-on);color:var(--lamp);box-shadow:inset 0 1px 0 var(--glint)}.icon-btn:disabled{opacity:.35;cursor:default;background:0 0}.icon-btn.sm{width:22px;height:22px}.btn{border-radius:var(--r-ctl);background:var(--key);border:0;height:28px;padding:0 12px;font-weight:550;transition:background-color .1s;box-shadow:inset 0 1px #ffffff0d}.btn:hover{background:var(--key-hover)}.btn.is-primary{background:var(--lamp);color:var(--on-color);box-shadow:0 6px 18px -8px var(--lamp-glow)}.btn.is-primary:hover{background:#fff}.select{appearance:none;border-radius:var(--r-ctl);background:var(--key) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23838e9f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 9px center;text-overflow:ellipsis;border:0;max-width:180px;height:26px;padding:0 26px 0 10px;font-weight:500;transition:background-color .1s;box-shadow:inset 0 1px #ffffff0d}.select:hover{background-color:var(--key-hover)}.select option,.select optgroup{background:var(--pane-solid);color:var(--text)}.grow{flex:1;max-width:none}.swatch{background:var(--c,var(--text-3));border-radius:3px;flex:none;width:10px;height:10px;box-shadow:inset 0 1px #ffffff4d}.seg{border-radius:var(--r-lcd);background:#00000047;flex:none;gap:2px;padding:2px;display:inline-flex;box-shadow:inset 0 1px 2px #00000059}.seg button{border-radius:var(--r-seg);color:var(--text-2);background:0 0;border:0;padding:4px 11px;font-weight:600;transition:background-color .1s,color .1s}.seg button:hover{color:var(--text)}.seg button.is-on{background:var(--key-on);color:var(--text);box-shadow:inset 0 1px 0 var(--glint)}.seg-icons button{place-items:center;padding:3px 7px;display:grid}.seg-icons button.is-on{color:var(--lamp)}.seg-small button{padding:3px 9px;font-size:11px}.tb-group{gap:2px;display:flex}.title-chip{align-items:center;gap:8px;display:inline-flex}.empty-note{color:var(--text-2);margin:0;padding:18px}.knob{cursor:ns-resize;touch-action:none;border-radius:50%;flex-direction:column;flex:none;align-items:center;gap:5px;display:inline-flex}.knob.has-label{border-radius:6px;min-width:44px}.knob svg{display:block;overflow:visible}.knob-track{fill:none;stroke:#ffffff17;stroke-width:2.5px;stroke-linecap:round}.knob-value{fill:none;stroke:var(--lamp);stroke-opacity:.85;stroke-width:2.5px;stroke-linecap:round}.knob-cap{fill:url(#knob-cap);stroke:#0009}.knob:hover .knob-cap{fill:url(#knob-cap-hi)}.knob-pointer{stroke:var(--lamp);stroke-width:1.8px;stroke-linecap:round}.knob-label{color:var(--text-2);white-space:nowrap;font-size:10.5px;font-weight:500}.fader{cursor:ns-resize;touch-action:none;width:22px;min-height:90px;position:relative}.fader-slot{background:var(--well);border-radius:2px;width:4px;position:absolute;top:9px;bottom:9px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #000000b3}.fader-unity{background:#ffffff24;height:1px;position:absolute;left:2px;right:2px}.fader-cap{background:linear-gradient(#3c4556,#262d39);border-radius:5px;width:22px;height:18px;position:absolute;left:0;box-shadow:0 0 0 1px #0000008c,0 3px 6px #00000073,inset 0 1px #ffffff1f}.fader-cap:after{content:"";background:var(--lamp);border-radius:1px;height:1.5px;position:absolute;top:8px;left:4px;right:4px}.led{background:#ffffff12;border:0;border-radius:50%;flex:none;width:10px;height:10px;padding:0;box-shadow:inset 0 1px 2px #0009}.led.is-on{background:var(--ok);box-shadow:0 0 6px -1px var(--ok), inset 0 1px 0 #ffffff59}.toggle{background:0 0;border:0;align-items:center;gap:9px;padding:4px;display:inline-flex}.toggle-track{background:var(--well);width:28px;height:16px;box-shadow:inset 0 0 0 1px var(--hair-2);border-radius:8px;transition:background-color .12s;position:relative}.toggle-thumb{background:var(--text-3);border-radius:50%;width:12px;height:12px;transition:transform .12s,background-color .12s;position:absolute;top:2px;left:2px}.toggle.is-on .toggle-track{background:var(--accent);box-shadow:none}.toggle.is-on .toggle-thumb{background:#fff;transform:translate(12px)}.topbar{background:var(--chassis);box-shadow:inset 0 -1px 0 var(--hair), 0 1px 0 #0009;z-index:1;grid-template-columns:minmax(150px,1fr) auto minmax(max-content,1fr);align-items:center;gap:16px;padding:0 12px;display:grid;position:relative}.tb-zone{align-items:center;gap:10px;min-width:0;display:flex}.tb-right{justify-content:flex-end}.brand{border-radius:var(--r-ctl);background:0 0;border:0;flex:none;align-items:center;gap:10px;padding:5px 10px 5px 5px;transition:background-color .1s;display:flex}.brand:hover{background:var(--key)}.brand-mark{width:26px;height:26px;box-shadow:inset 0 1px 0 var(--glint), 0 0 0 1px #00000080;color:var(--lamp);background:linear-gradient(#2a3140,#1a1f29);border-radius:7px;place-items:center;display:grid}.brand-name{letter-spacing:-.01em;font-size:15px;font-weight:650;font-stretch:90%}.hintbar{border-left:1px solid var(--hair);min-width:0;height:24px;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:1;padding-left:12px;font-size:11.5px;line-height:24px;overflow:hidden}.tb-center{gap:8px}.transport{align-items:center;gap:6px;display:flex}.tp-play{background:var(--key-hover);width:36px;height:36px;box-shadow:inset 0 1px 0 var(--glint), 0 0 0 1px #0006;border:0;border-radius:50%;place-items:center;transition:background-color .12s,box-shadow .12s;display:grid}.tp-play:hover{background:var(--key-on)}.tp-play.is-on{background:var(--lamp);color:var(--on-color);box-shadow:0 0 26px -4px var(--lamp-glow), inset 0 1px 0 #fff}.tp-stop{border-radius:var(--r-lcd);background:var(--key);width:30px;height:30px;color:var(--text-2);border:0;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff0d}.tp-stop:hover{background:var(--key-hover);color:var(--text)}.lcd{border-radius:var(--r-lcd);background:var(--well);align-items:baseline;gap:5px;height:34px;padding:7px 11px 0;display:flex;box-shadow:inset 0 1px 3px #0009,inset 0 0 0 1px #ffffff0a}.lcd-value,.lcd-input{letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--lamp);font-size:19px;font-weight:600;font-stretch:88%;line-height:1}.tempo .lcd-value{text-align:right;min-width:3ch}.position .lcd-value{min-width:5.6ch}.lcd-input{width:4.2ch;color:var(--accent);text-align:right;background:0 0;border:0;outline:none;padding:0}.lcd-unit{color:var(--text-3);font-size:10.5px;font-weight:600}.tempo.is-draggable{cursor:ns-resize}.pattern-picker{align-items:center;gap:6px;min-width:0;display:flex}.master-out{border-left:1px solid var(--hair);flex:none;align-items:center;gap:9px;padding-left:10px;display:flex}.hmeter{gap:3px;width:60px;display:grid}.hmeter span{background:var(--well);border-radius:2px;height:4px;position:relative;overflow:hidden}.hmeter i{background:linear-gradient(90deg, var(--ok) 0 70%, var(--warn) 70% 90%, var(--hot) 90%);clip-path:inset(0 100% 0 0);position:absolute;inset:0}.browser{background:var(--chassis);width:236px;box-shadow:inset -1px 0 0 var(--hair);z-index:1;flex-direction:column;flex:none;display:flex;position:relative}.browser.is-drop{box-shadow:inset 0 0 0 2px var(--accent)}.br-head{padding:10px}.br-search{border-radius:var(--r-lcd);background:var(--well) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none' stroke='%23838e9f' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='4.5'/%3E%3Cpath d='M10.4 10.4l3.3 3.3'/%3E%3C/svg%3E") no-repeat 10px center;border:0;outline:none;width:100%;height:30px;padding:0 10px 0 30px;box-shadow:inset 0 1px 2px #00000080,inset 0 0 0 1px #ffffff0a}.br-search::placeholder{color:var(--text-3)}.br-search:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.br-scroll{flex:1;padding:0 6px 14px;overflow:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.br-section{color:var(--text-3);margin:12px 8px 4px;font-size:11px;font-weight:600}.br-section-row{align-items:center;gap:8px;padding-right:4px;display:flex}.br-section-row .br-section{flex:1}.br-section-row .btn{height:24px;margin-top:8px;padding:0 10px;font-size:11px}.br-drop{border-radius:var(--r-lcd);text-align:center;color:var(--text-3);margin:6px 8px 8px;padding:8px 10px;font-size:11px;line-height:1.4;transition:background-color .12s,color .12s}.browser.is-drop .br-drop{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent);color:var(--text)}.br-folder-head{border-radius:var(--r-seg);text-align:left;background:0 0;border:0;align-items:center;gap:5px;width:100%;height:26px;padding:0 7px;font-weight:600;display:flex}.br-folder-head:hover{background:var(--key)}.br-folder-head svg{color:var(--text-3);flex:none}.br-folder-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.br-count{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:11px}.br-items{padding:1px 0 6px 16px}.br-item{border-radius:var(--r-seg);height:24px;color:var(--text-2);cursor:grab;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;padding:0 8px;transition:background-color .1s,color .1s;display:flex;overflow:hidden}.br-item:hover{background:var(--key);color:var(--text)}.br-item svg{width:12px;height:12px;color:var(--text-3);flex:none}.br-item:hover svg{color:var(--lamp)}.br-empty{color:var(--text-2);padding:12px 8px}.br-foot{border-top:1px solid var(--hair);color:var(--text-3);margin:0;padding:10px 14px 12px;font-size:11px}@keyframes win-in{0%{opacity:0;transform:scale(.98)}}.win{border-radius:var(--r-win);background:var(--pane);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);box-shadow:var(--shadow-win);flex-direction:column;transition:box-shadow .16s ease-out;animation:.16s ease-out win-in;display:flex;position:absolute;overflow:hidden}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.win{background:var(--pane-solid)}}.win:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 var(--glint), inset 0 0 0 1px #ffffff0d;transition:box-shadow .16s ease-out;position:absolute;inset:0}.win.is-focused{box-shadow:var(--shadow-win-focus)}.win.is-focused:before{box-shadow:inset 0 1px #ffffff42,inset 0 0 0 1px #ffffff17}.win.is-max{background:var(--void);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-radius:0;animation:none}.win.is-max:before{display:none}.win-head{background:var(--head);height:36px;box-shadow:inset 0 -1px 0 var(--hair);cursor:grab;flex:none;align-items:center;gap:8px;padding:0 5px 0 13px;display:flex}.win.is-max .win-head{background:var(--chassis);cursor:default;height:34px}.win-icon{color:var(--text-3);display:grid}.win-icon svg{width:14px;height:14px}.win.is-focused .win-icon{color:var(--text-2)}.win-title{white-space:nowrap;color:var(--text-2);font-size:13px;font-weight:600;font-stretch:92%}.win.is-focused .win-title{color:var(--text)}.win-extra{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.win-btn{border-radius:var(--r-seg);width:26px;height:26px;color:var(--text-3);background:0 0;border:0;place-items:center;padding:0;display:grid}.win-btn:hover{background:var(--key-hover);color:var(--text)}.win-body{flex-direction:column;flex:1;min-height:0;display:flex}.win-resize{z-index:4;cursor:nwse-resize;background:linear-gradient(135deg, transparent 54%, var(--hair-2) 54% 60%, transparent 60% 72%, var(--hair-2) 72% 78%, transparent 78%);width:14px;height:14px;position:absolute;bottom:0;right:0}.is-moving-window,.is-moving-window *{cursor:grabbing!important}.is-resizing-window,.is-resizing-window *{cursor:nwse-resize!important}.is-dragging-value,.is-dragging-value *{cursor:ns-resize!important}.rack{flex-direction:column;height:100%;display:flex}.rack.is-drop{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}.rack-head{height:44px;box-shadow:inset 0 -1px 0 var(--hair);flex:none;align-items:center;gap:8px;padding:0 14px;display:flex}.rack-pattern{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.rack-head-label{color:var(--text-2);margin-left:-2px;font-size:11px}.rack-body{flex:1;padding:10px 12px 14px;overflow:auto}.rack-grid{--ctrl-w:266px;gap:4px;width:max-content;min-width:100%;display:grid}.rack-row{grid-template-columns:var(--ctrl-w) auto;align-items:center;gap:12px;height:34px;display:grid}.rack-row.is-leds{height:8px}.rack-ctrl{z-index:1;align-items:center;gap:7px;height:100%;padding:0 4px;display:flex;position:sticky;left:0}.rack-name{border-radius:var(--r-seg);background:var(--key);min-width:0;height:26px;box-shadow:inset 3px 0 0 var(--c), inset 0 1px 0 #ffffff0d;text-align:left;white-space:nowrap;text-overflow:ellipsis;border:0;flex:1;padding:0 10px 0 13px;font-size:12.5px;font-weight:600;font-stretch:90%;transition:background-color .1s;overflow:hidden}.rack-name:hover{background:var(--key-hover)}.rack-row.is-selected .rack-name{background:var(--key-on);color:var(--lamp);box-shadow:inset 3px 0 0 var(--c), inset 0 1px 0 var(--glint)}.rack-row.is-muted .rack-name{color:var(--text-3)}.rack-name.is-missing{color:var(--hot)}.rack-name.is-standin{color:var(--text-2);-webkit-text-decoration:underline dotted var(--warn);text-decoration:underline dotted var(--warn);text-underline-offset:3px}.rack-row.is-drop .rack-name{box-shadow:inset 3px 0 0 var(--c), inset 0 0 0 2px var(--accent)}.rack-select{background:#ffffff14;border:0;border-radius:3px;flex:none;width:5px;height:22px;padding:0}.rack-select[aria-pressed=true]{background:var(--lamp);box-shadow:0 0 8px var(--lamp-glow)}.track-num{width:26px;height:22px;color:var(--text-2);font-variant-numeric:tabular-nums;cursor:ns-resize;background:#0000004d;border-radius:6px;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.track-num:hover{color:var(--text)}.steps{align-items:center;gap:3px;display:flex}.steps>:nth-child(4n+1):not(:first-child){margin-left:6px}.step{--tint:#ffffff0b;border-radius:var(--r-step);background:var(--tint);border:0;width:22px;height:30px;padding:0;transition:background-color 90ms,box-shadow 90ms;box-shadow:inset 0 1px #ffffff0d,inset 0 -2px #00000040}.steps>.step:nth-child(8n+5),.steps>.step:nth-child(8n+6),.steps>.step:nth-child(8n+7),.steps>.step:nth-child(8n+8){--tint:#ffffff12}.step:hover{background:color-mix(in srgb, var(--c) 24%, #222935);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 50%, transparent)}.step[aria-pressed=true]{background:var(--c);box-shadow:inset 0 1px 0 #ffffff73, inset 0 -1px 0 #0003, 0 0 0 1px #0000004d, 0 2px 12px -2px color-mix(in srgb, var(--c) 75%, transparent)}.step[data-cur]{background:#eaf2ff1c;box-shadow:inset 0 0 0 1px #eaf2ff1a}.step[data-cur][aria-pressed=true]{background:color-mix(in srgb, var(--c) 82%, #fff);box-shadow:inset 0 1px 0 #fff9, 0 0 0 1px #0000004d, 0 0 18px 0 color-mix(in srgb, var(--c) 80%, transparent)}.rack-row.is-muted .step[aria-pressed=true]{background:color-mix(in srgb, var(--c) 32%, transparent);box-shadow:inset 0 1px #ffffff1f}.step-led{background:#ffffff12;border-radius:2px;width:22px;height:3px}.step-led.is-on{background:var(--lamp);box-shadow:0 0 8px 1px var(--lamp-glow)}.note-preview{width:calc(var(--steps) * 25px - 3px + (var(--steps) / 4 - 1) * 6px);border-radius:var(--r-step);background:#00000047;border:0;height:30px;padding:0;position:relative;box-shadow:inset 0 0 0 1px #ffffff0b}.note-preview:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 40%, transparent);background:#0000005c}.note-preview i{background:var(--c);border-radius:2px;height:3px;position:absolute}.rack-add{border-radius:var(--r-ctl);height:28px;box-shadow:inset 0 0 0 1px var(--hair-2);color:var(--text-2);background:0 0;border:0;align-items:center;gap:6px;margin-top:12px;padding:0 12px 0 9px;transition:background-color .1s,color .1s;display:inline-flex}.rack-add:hover{background:var(--key);color:var(--text)}.rack-empty{color:var(--text-2);margin:8px 4px 0}.editor{flex-direction:column;height:100%;min-height:0;display:flex}.ed-toolbar{min-width:0;height:40px;box-shadow:inset 0 -1px 0 var(--hair);flex:none;align-items:center;gap:10px;padding:0 10px;display:flex;overflow:hidden}.ed-spacer{flex:1}.ed-note{color:var(--text-3);white-space:nowrap;font-size:11px}.snap,.channel-picker{color:var(--text-2);flex:none;align-items:center;gap:7px;font-size:11px;display:inline-flex}.pr-body{flex:1;grid-template-rows:22px minmax(0,1fr) 64px;grid-template-columns:56px minmax(0,1fr);min-height:0;display:grid}.pr-corner{box-shadow:inset -1px 0 0 var(--hair), inset 0 -1px 0 var(--hair);background:#0003}.pr-cell{min-width:0;min-height:0;position:relative;overflow:hidden}.pr-cell>canvas{display:block;position:absolute;top:0;left:0}.pr-canvas{pointer-events:none}.pr-scroll{touch-action:none;position:absolute;inset:0;overflow:auto}.pr-vel-label{box-shadow:inset 0 1px 0 var(--hair), inset -1px 0 0 var(--hair);color:var(--text-3);background:#0000002e;place-items:center;font-size:10.5px;display:grid}.pr-empty{color:var(--text-2);pointer-events:none;background:#0c0f14b3;place-items:center;margin:0;display:grid;position:absolute;inset:0}.pl-body{flex:1;grid-template-columns:156px minmax(0,1fr);min-height:0;display:grid}.pl-picker{min-height:0;box-shadow:inset -1px 0 0 var(--hair);background:#ffffff05;flex-direction:column;display:flex}.pl-picker-head{color:var(--text-2);justify-content:space-between;align-items:center;padding:6px 6px 6px 12px;font-size:11px;font-weight:600;display:flex}.pl-picker-list{flex-direction:column;flex:1;gap:2px;padding:0 6px 8px;display:flex;overflow:auto}.pick{border-radius:var(--r-seg);width:100%;height:28px;color:var(--text-2);text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;flex:none;align-items:center;gap:8px;padding:0 9px;font-weight:500;display:flex;overflow:hidden}.pick .swatch{background:var(--c)}.pick:hover{background:var(--key);color:var(--text)}.pick.is-on{background:var(--key-on);color:var(--text);box-shadow:inset 0 1px 0 var(--glint);font-weight:600}.pl-main{grid-template-rows:24px minmax(0,1fr);grid-template-columns:132px minmax(0,1fr);min-width:0;min-height:0;display:grid}.pl-corner{box-shadow:inset -1px 0 0 var(--hair), inset 0 -1px 0 var(--hair);color:var(--text-3);background:#ffffff05;align-items:center;padding:0 12px;font-size:11px;display:flex}.pl-heads-wrap{box-shadow:inset -1px 0 0 var(--hair);background:#ffffff05;position:relative;overflow:hidden}.pl-heads{will-change:transform;position:absolute;top:0;left:0;right:0}.pl-head{align-items:center;gap:8px;padding:0 10px 0 12px;display:flex;box-shadow:inset 0 -1px #ffffff0b}.pl-head-name{min-width:0;color:var(--text-2);text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;flex:1;padding:0;font-weight:600;font-stretch:90%;overflow:hidden}.pl-head.is-muted .pl-head-name{color:var(--text-3);text-decoration:line-through}.mx{grid-template-columns:minmax(0,1fr) 292px;height:100%;min-height:0;display:grid}.mx-strips{gap:3px;min-height:0;padding:10px;display:flex;overflow:auto hidden}.mx-strip{background:#ffffff06;border-radius:10px;flex-direction:column;flex:none;align-items:center;gap:9px;width:58px;padding:8px 0 10px;transition:background-color .1s;display:flex;position:relative}.mx-strip.is-master{background:#ffffff0b;width:68px;margin-right:8px}.mx-strip.is-selected{box-shadow:inset 0 1px 0 var(--glint), inset 0 0 0 1px #ffffff12;background:#ffffff13}.mx-feeders{gap:2px;height:4px;display:flex}.mx-feeders i{border-radius:2px;width:8px;height:4px}.mx-name{background:var(--key);text-align:center;word-break:break-word;-webkit-line-clamp:2;border:0;border-radius:6px;-webkit-box-orient:vertical;width:calc(100% - 10px);height:30px;padding:2px 3px;font-size:11px;font-weight:600;font-stretch:82%;line-height:1.15;display:-webkit-box;overflow:hidden}.mx-strip.is-master .mx-name,.mx-strip.is-selected .mx-name{background:var(--key-on)}.mx-strip.is-muted .mx-name{color:var(--text-3)}.mx-fader-zone{flex:1;align-items:stretch;gap:6px;min-height:0;display:flex}.mx-meter{gap:2px;padding:9px 0;display:flex}.mx-meter span{background:var(--well);border-radius:2px;width:4px;height:100%;position:relative;overflow:hidden}.mx-meter i{background:var(--meter);clip-path:inset(100% 0 0);position:absolute;inset:0}.mx-num{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.mx-fx-dot{background:#ffffff1a;border-radius:50%;width:5px;height:5px}.mx-fx-dot.is-on{background:var(--lamp);box-shadow:0 0 6px var(--lamp-glow)}.fx-panel{min-height:0;box-shadow:inset 1px 0 0 var(--hair);background:#ffffff05;flex-direction:column;gap:8px;padding:12px;display:flex;overflow:auto}.fx-head{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.fx-track{color:var(--text-3);font-size:11px}.fx-name{font-size:15px;font-weight:600;font-stretch:92%}.fx-slots{counter-reset:fx;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.fx-slot{border-radius:var(--r-ctl);background:var(--key);align-items:center;gap:7px;height:30px;padding:0 4px 0 9px;display:flex}.fx-slot:before{counter-increment:fx;content:counter(fx);width:10px;color:var(--text-3);font-variant-numeric:tabular-nums;font-size:10.5px}.fx-slot .led{width:8px;height:8px}.fx-slot.is-open{background:var(--key-on);box-shadow:inset 0 1px 0 var(--glint), inset 0 0 0 1px #ffffff12}.fx-slot-name{text-align:left;background:0 0;border:0;flex:1;padding:0;font-weight:600}.fx-slot.is-off .fx-slot-name{color:var(--text-3)}.fx-add{border-radius:var(--r-ctl);height:30px;box-shadow:inset 0 0 0 1px var(--hair-2);color:var(--text-2);background:0 0;border:0;flex:none;align-items:center;gap:6px;padding:0 10px;display:flex}.fx-add:hover{background:var(--key);color:var(--text)}.fx-empty{color:var(--text-2);margin:0;font-size:11.5px}.fx-editor{box-shadow:inset 0 0 0 1px var(--hair);background:#00000038;border-radius:10px;padding:12px}.fx-editor h4{margin:0 0 12px;font-size:12px;font-weight:600}.fx-params{flex-wrap:wrap;align-items:flex-start;gap:12px 16px;display:flex}.cs{flex-direction:column;gap:14px;padding:14px 16px 18px;display:flex;overflow:auto}.cs-section{box-shadow:inset 0 -1px 0 var(--hair);flex-direction:column;gap:12px;padding-bottom:14px;display:flex}.cs-section:last-child{box-shadow:none;padding-bottom:0}.cs-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.cs-title{margin:0;font-size:12px;font-weight:600}.name-field{border-radius:var(--r-lcd);background:var(--well);-webkit-user-select:text;user-select:text;border:0;outline:none;height:34px;padding:0 11px;font-size:15px;font-weight:600;font-stretch:92%;box-shadow:inset 0 1px 2px #00000080,inset 0 0 0 1px #ffffff0a}.name-field:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.swatches{flex-wrap:wrap;gap:7px;display:flex}.swatch-btn{background:var(--c);border:0;border-radius:50%;width:18px;height:18px;padding:0;box-shadow:inset 0 1px #ffffff59}.swatch-btn.is-on{box-shadow:0 0 0 2px var(--pane-solid), 0 0 0 3.5px var(--lamp)}.field{color:var(--text-3);flex-direction:column;gap:5px;font-size:11px;display:flex}.waveform{border-radius:var(--r-lcd);background:var(--well);width:100%;height:72px;display:block;box-shadow:inset 0 0 0 1px #ffffff0a}.osc-row{align-items:center;gap:12px;display:flex}.osc-num{width:18px;height:18px;color:var(--text-2);background:#0000004d;border-radius:5px;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.wave-select{border-radius:var(--r-ctl);background:#00000047;gap:2px;padding:2px;display:inline-flex}.wave-select button{width:26px;height:22px;color:var(--text-3);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.wave-select button:hover{color:var(--text)}.wave-select button.is-on{background:var(--key-on);color:var(--lamp);box-shadow:inset 0 1px 0 var(--glint)}@keyframes pop-in{0%{opacity:0;transform:scale(.98)}}.menu{z-index:1000;border-radius:var(--r-pop);background:var(--overlay);-webkit-backdrop-filter:blur(30px)saturate(1.4);backdrop-filter:blur(30px)saturate(1.4);min-width:224px;box-shadow:var(--shadow-pop), inset 0 1px 0 var(--glint);transform-origin:0 0;padding:6px;animation:.12s ease-out pop-in;position:fixed}.menu-item{border-radius:var(--r-seg);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;width:100%;height:28px;padding:0 10px;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--key-hover);outline:none}.menu-item:disabled{color:var(--text-3);cursor:default;background:0 0}.menu-item.is-danger{color:var(--hot)}.menu-item kbd{box-shadow:none;color:var(--text-3);background:0 0;padding:0}.menu-sep{background:var(--hair);height:1px;margin:5px 8px}.modal-backdrop{z-index:1100;background:#06080c8c;place-items:center;animation:.16s ease-out pop-in;display:grid;position:fixed;inset:0}.modal{border-radius:var(--r-win);-webkit-backdrop-filter:blur(30px)saturate(1.4);backdrop-filter:blur(30px)saturate(1.4);width:min(360px,100vw - 32px);box-shadow:var(--shadow-pop), inset 0 1px 0 var(--glint);background:#222834eb;flex-direction:column;gap:14px;padding:18px;display:flex}.modal h2{margin:0;font-size:14px;font-weight:600}.modal input{border-radius:var(--r-lcd);background:var(--well);-webkit-user-select:text;user-select:text;border:0;outline:none;height:34px;padding:0 11px;font-size:14px;box-shadow:inset 0 0 0 1px #ffffff0f}.modal input:focus{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 2px var(--accent-soft)}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-actions .btn:not(.is-primary){box-shadow:inset 0 0 0 1px var(--hair-2);color:var(--text-2);background:0 0}.modal-actions .btn:not(.is-primary):hover{background:var(--key);color:var(--text)}@media (width<=1280px){.hintbar{display:none}}@media (width<=1240px){.pattern-picker{display:none}}@media (width<=1080px){.hmeter,.input-toggles{display:none}}@media (width<=980px){.browser{display:none}}@media (prefers-reduced-motion:reduce){*,:before{transition:none!important;animation:none!important}}