#drum-rack{max-width:1460px;min-width:900px;margin:0 auto;padding:14px 18px 22px}.dr-header{gap:14px;min-height:0;padding:8px 14px;align-items:center}.dr-header .pb-btn{height:26px;min-width:26px;font-size:10px}.dr-header .pb-save{font-size:8px}.dr-header .hud-cell{height:34px}.dr-header .brand,.dr-kitbar{flex:none}.dr-kitname{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:128px;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#0c0f16;color:var(--ac-a);font-size:10px;letter-spacing:.08em;white-space:nowrap}.dr-kitbar .dr-mini-head{color:var(--text-dim);font-size:7px}.dr-dirty-dot{flex:none;width:5px;height:5px;margin-left:6px;border-radius:50%;background:var(--ac-b);box-shadow:0 0 5px #ffa14dbf}.dr-name-input{height:21px;min-width:110px;padding:0 8px;border:1px solid var(--ac-a);border-radius:6px;outline:none;background:#07090e;color:var(--ac-a);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.dr-kitbar .dr-name-input{height:28px;font-size:10px}.dr-mode{display:flex;gap:4px}.dr-mode .pb-btn{min-width:48px;color:var(--text-dim);font-size:9px;letter-spacing:.1em}.dr-mode .pb-btn.active{border-color:var(--ac-a);color:var(--ac-a);box-shadow:inset 0 0 10px #4de8ff14}.dr-hud{margin-left:auto}.dr-hud .hud-cell{width:156px}.dr-midi{flex:none}@media (max-width: 1420px){.dr-midi{margin-left:auto}}.dr-tempo .st-value{min-width:40px;padding:4px 6px}.dr-tempo .st-btn{width:20px;height:26px}.dr-tempo .st-label{font-size:7px;letter-spacing:.2em}.dr-master{display:flex;align-items:center;gap:14px;padding-left:14px;border-left:1px solid var(--line)}.dr-master .knob{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:6px}.dr-master .knob svg{grid-row:1 / 3;width:30px;height:30px}.dr-master .knob .k-label{display:block;grid-column:2;grid-row:1;align-self:end;margin:0;font-size:7px;letter-spacing:.2em}.dr-master .knob .k-value{grid-column:2;grid-row:2;align-self:start;min-width:34px;opacity:1;color:var(--text);font-size:9px}.dr-main{display:grid;grid-template-columns:clamp(232px,22%,280px) minmax(0,1fr);gap:9px}.dr-right{container:dr-right / inline-size}.dr-left,.dr-right{display:flex;flex-direction:column;gap:9px;min-width:0}#dr-pads,#dr-padstrip,#dr-selbar,#dr-oscrow,#dr-editrow,#dr-stepseq,#dr-fxrack{min-width:0}#dr-stepseq{margin-top:9px}.dr-edit-tabs{align-self:flex-start}.dr-edit-tabs button{padding:5px 16px;font-size:9px}.dr-selbar{display:flex;align-items:center;gap:9px;min-height:31px;padding:5px 11px;border:1px solid var(--line);border-radius:7px;background:linear-gradient(180deg,#181c26d1,#0a0d13e0);box-shadow:inset 0 1px #ffffff09}.dr-led{flex:none;width:8px;height:8px;border:1px solid color-mix(in srgb,var(--ac) 65%,white);border-radius:50%}.dr-led-a{--ac: var(--ac-a);background:radial-gradient(circle at 38% 32%,#e8fcff,var(--ac-a) 38%,#177687 76%);box-shadow:0 0 8px #4de8ffbf}.dr-led-b{--ac: var(--ac-b);background:radial-gradient(circle at 38% 32%,#fff2e5,var(--ac-b) 38%,#874616 76%);box-shadow:0 0 8px #ffa14dbf}.dr-mini-head{color:var(--text);font-family:var(--font-disp);font-size:8px;letter-spacing:.16em;white-space:nowrap}.dr-sel-name{color:var(--ac-a);font-size:9px;letter-spacing:.1em;text-shadow:0 0 9px rgba(77,232,255,.35)}.dr-patchbar{margin-left:auto;display:flex;align-items:center;gap:5px;min-width:0}.dr-patchbar .pb-btn{height:21px;min-width:21px;padding:0 6px;font-size:9px}.dr-patchbar .pb-save{font-size:8px}.dr-patchname{display:inline-flex;align-items:center;justify-content:center;min-width:92px;height:21px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:#0c0f16;color:var(--ac-a);font-size:9px;letter-spacing:.08em;white-space:nowrap}#dr-oscrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(180px,.62fr);gap:9px}#dr-editrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1.15fr) minmax(0,1.3fr);gap:9px}.dr-edit-panel{min-height:193px}.dr-env-view,.dr-filter-view{display:block;width:100%;height:58px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 32%),#07090e}.dr-env-knobs,.dr-filter-knobs{min-height:82px;padding-top:7px;flex-wrap:nowrap;justify-content:space-evenly;gap:0}.dr-pitch-knobs{justify-content:space-around}.dr-led-f{--ac: var(--ac-f);background:radial-gradient(circle at 38% 32%,#f4edff,var(--ac-f) 38%,#593a87 76%);box-shadow:0 0 8px #b18cffbf}.dr-filter-off-tag{flex:none;padding:1px 5px;border:1px solid rgba(107,118,140,.5);border-radius:3px;color:#93a0b8;font-family:var(--font-disp);font-size:7px;letter-spacing:.14em}.dr-filter-stepper{min-width:0;margin-left:auto}.dr-filter-stepper .st-value{min-width:48px;padding-inline:4px;font-size:9px}.dr-filter-knobs{justify-content:space-between}.dr-mod-head{min-height:34px}.dr-mod-env{display:flex;align-items:center;gap:5px;margin-left:auto}.dr-mod-env .panel-hint{margin-left:0}.dr-mod-routes{display:flex;flex-direction:column;gap:5px}.dr-mod-row{display:flex;align-items:center;gap:5px;min-width:0;height:30px}.dr-mod-row .mod-select{flex:1;min-width:0;padding-right:18px;padding-left:6px;background-position:right 6px center}.dr-mod-row .knob{flex:none;width:34px}.dr-mod-row .k-value{position:absolute;margin-top:34px;padding:1px 3px;border-radius:3px;background:#0a0d13;z-index:1}.dr-mod-arrow{flex:none;color:var(--text-dim);font-size:8px}.dr-mod-hint{margin:2px 0 5px;color:#93a0b8;font-size:7px;letter-spacing:.14em;text-align:center}.dr-osc-section,.dr-noise-section{min-height:238px}.dr-noise-section .panel-head h2{white-space:nowrap;font-size:9px;letter-spacing:.14em}.dr-osc-stepper{margin-left:auto}.dr-osc-stepper .st-value{min-width:62px}.dr-osc-body{display:grid;grid-template:104px auto / minmax(0,1fr) 36px;gap:8px}.dr-wavetable-view,.dr-noise-view{width:100%;height:100%;border:1px solid var(--line);border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 32%),#07090e}.dr-wavetable-view{grid-column:1;grid-row:1}.dr-osc-knobs{grid-column:1 / 3;grid-row:2;flex-wrap:wrap;justify-content:space-around;justify-content:space-between;gap:0}.dr-osc-knobs .knob{min-width:0}.dr-pos-slider{grid-column:2;grid-row:1;display:flex;height:100%;flex-direction:column;align-items:center;cursor:ns-resize;outline:none;touch-action:none}.dr-pos-slider:focus-visible .dr-pos-track{outline:1px solid var(--ac);outline-offset:2px}.dr-pos-track{position:relative;flex:1;width:9px;border:1px solid var(--line);border-radius:5px;background:#0a0d13}.dr-pos-fill{position:absolute;right:0;bottom:0;left:0;border-radius:0 0 5px 5px;background:linear-gradient(180deg,var(--ac),color-mix(in srgb,var(--ac) 35%,transparent));opacity:.55}.dr-pos-handle{position:absolute;left:50%;width:22px;height:9px;transform:translate(-50%,50%);border:1px solid color-mix(in srgb,var(--ac) 65%,transparent);border-radius:3px;background:linear-gradient(180deg,#2b3344,#161b25);box-shadow:0 0 8px color-mix(in srgb,var(--ac) 45%,transparent)}.dr-pos-label{margin-top:5px;color:var(--text-dim);font-size:8px;letter-spacing:.14em}.dr-noise-type{margin-left:auto;min-width:65px}.dr-noise-view{display:block;height:104px}.dr-noise-knobs{min-height:78px;padding-top:8px;flex-wrap:nowrap;justify-content:space-evenly;gap:0}.dr-noise-knobs .knob{min-width:0;flex:1 1 0}.dr-noise-knobs .k-label{white-space:nowrap;font-size:7px;letter-spacing:.06em}.pad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dr-pad-output{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;color:var(--text-dim);font:8px var(--font-mono);letter-spacing:.14em}.dr-pad-output select{width:132px}.pad{position:relative;aspect-ratio:1 / 1;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#1c212d,#10131b);color:var(--text);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.pad:hover{border-color:#4de8ff66}.pad:active{transform:translateY(1px)}.pad.sel{border-color:var(--ac-a);box-shadow:0 0 0 1px #4de8ff4d,inset 0 0 18px #4de8ff0f}.pad-led{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:#232936;box-shadow:inset 0 0 2px #000000b3}.pad-led.on,.pad-led.lit{background:var(--ac-a);box-shadow:0 0 8px var(--ac-a)}.panel-hint{margin-left:auto;color:#93a0b8;font-size:7px;letter-spacing:.16em}.pad.drag-over{border-color:var(--ac-b);box-shadow:0 0 0 1px #ffa14d59,inset 0 0 20px #ffa14d1a}.pad-num{position:absolute;top:7px;left:8px;color:var(--text-dim);font-size:9px;letter-spacing:.12em}.pad-meta{position:absolute;right:7px;bottom:7px;left:7px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.pad-name,.pad-name-input{width:100%;min-width:0;color:var(--text);font-family:var(--font-mono);font-size:9px;line-height:16px;letter-spacing:.04em;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.pad-name-input{height:18px;padding:0 3px;border:1px solid var(--ac-a);border-radius:3px;outline:none;background:#07090e;user-select:text;-webkit-user-select:text}.pad-tag{color:var(--text-dim);font-size:7px;letter-spacing:.12em}.padstrip-steppers{display:flex;align-items:center;gap:8px;margin-left:auto}.padstrip-steppers .st-label{font-size:7px;letter-spacing:.14em}.padstrip-steppers .st-value{min-width:42px}.padstrip-knobs{flex-wrap:nowrap}.step-row{display:flex;gap:5px}.step{position:relative;flex:1 1 0;min-width:0;height:45px;padding:0;border:1px solid var(--line);border-radius:6px;background:linear-gradient(180deg,#171b25,#0d1017);color:var(--text-dim);cursor:pointer;transition:border-color .15s,box-shadow .15s}.step:nth-child(4),.step:nth-child(8),.step:nth-child(12){margin-right:8px}.step:hover{border-color:#4de8ff61}.step:focus-visible{outline:1px solid var(--ac-a);outline-offset:2px}.step-accent,.step-fill{position:absolute;right:5px;left:5px;pointer-events:none}.step-accent{top:5px;height:2px;border-radius:2px;background:#ffa14d1f}.step-fill{top:10px;bottom:12px;border-radius:3px;background:#0a0d13;box-shadow:inset 0 0 6px #0009}.step.on .step-fill{background:linear-gradient(180deg,#77f2ffc2,#4de8ff47);box-shadow:inset 0 1px #e8fcff57,0 0 8px #4de8ff47}.step.accented .step-fill{background:linear-gradient(180deg,#fff6ea,var(--ac-b) 46%,rgba(255,161,77,.55));box-shadow:inset 0 1px #fff2e08c,0 0 11px #ffa14d8c}.step.accented .step-accent{top:3px;height:4px;background:#fff2e0;box-shadow:0 0 8px #ffa14de6}.step-num{position:absolute;right:0;bottom:2px;left:0;color:var(--text-dim);font-size:7px;letter-spacing:.06em;text-align:center;pointer-events:none}.step-cur{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--ac-b);border-radius:6px;box-shadow:0 0 0 1px #ffa14d4d,0 0 8px #ffa14d2e;opacity:0;pointer-events:none;transition:opacity .15s}.step-cur.cur{opacity:1}.step.ghost{outline:1px dashed color-mix(in srgb,var(--ac-a) 85%,transparent);outline-offset:-1px;background:color-mix(in srgb,var(--ac-a) 30%,transparent)}.step.cut-src{opacity:.35}.dr-lanes{display:flex;flex-direction:column;gap:1px}.dr-lane{display:flex;align-items:center;gap:7px}.dr-lane>.step-row{flex:1 1 auto;min-width:0}.dr-lanes .step-row{gap:2px}.dr-lanes .step{height:20px;border-color:#ffffff0b;border-radius:2px;background:#0a0d13;box-shadow:inset 0 1px 2px #00000080}.dr-lanes .step-accent,.dr-lanes .step-fill,.dr-lanes .step-num{display:none}.dr-lanes .step.on{background:linear-gradient(180deg,#77f2ffb8,#4de8ff4d);box-shadow:none}.dr-lanes .step.accented{background:linear-gradient(180deg,#fff6ea,var(--ac-b) 55%,rgba(255,161,77,.6));box-shadow:none}.dr-lanes .step-cur{border-radius:2px;box-shadow:none}.dr-lanes .step.ghost{outline:1px dashed color-mix(in srgb,var(--ac-a) 85%,transparent);outline-offset:-1px;background:color-mix(in srgb,var(--ac-a) 34%,#0a0d13)}.dr-lanes .step.cut-src{opacity:.35}.dr-lanes-wrap{position:relative}.dr-sel-rect{position:absolute;z-index:4;pointer-events:none;border:1px solid color-mix(in srgb,var(--ac-a) 85%,transparent);border-radius:3px;background:color-mix(in srgb,var(--ac-a) 14%,transparent)}.dr-lane-name{display:flex;gap:5px;width:92px;min-width:92px;padding:0 5px;overflow:hidden;border:1px solid transparent;border-radius:4px;background:none;color:var(--text-dim);font-size:8px;letter-spacing:.08em;line-height:18px;white-space:nowrap;text-align:left;cursor:pointer}.dr-lane-name:hover{color:var(--text)}.dr-lane-name.sel{border-color:#4de8ff59;background:color-mix(in srgb,var(--ac-a) 10%,transparent);color:var(--ac-a)}.dr-lane-num{opacity:.5}.dr-stepseq{padding:9px 12px 11px}.dr-stepseq-head{min-height:28px;margin-bottom:10px}.dr-stepseq-target{color:var(--ac-a);font-size:9px;font-weight:500;letter-spacing:.1em;text-shadow:0 0 8px color-mix(in srgb,var(--ac-a) 45%,transparent)}.dr-pattern-preset{width:148px;flex:0 0 148px}.dr-transport{width:34px;min-width:34px;height:28px;padding:0;border-color:#4de8ff8c;color:var(--ac-a);font-size:10px}.dr-transport.active{border-color:var(--ac-a);box-shadow:inset 0 0 10px #4de8ff1a,0 0 7px #4de8ff29}.dr-patterns{display:flex;gap:4px}.dr-seq-btn{height:24px;padding:0;border:1px solid var(--line);border-radius:5px;background:#0d1017;color:var(--text-dim);font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;cursor:pointer;transition:border-color .15s,color .15s,box-shadow .15s}.dr-seq-btn:hover,.dr-seq-btn:focus-visible{border-color:#4de8ff9e;color:var(--ac-a);outline:none}.dr-seq-btn.active{border-color:var(--ac-a);color:var(--ac-a);background:#4de8ff12;box-shadow:inset 0 0 9px #4de8ff1a}.dr-pattern{width:26px}.dr-chain-toggle{width:52px;margin-left:2px}.dr-chain-readout{max-width:180px;color:#93a0b8;font-size:7px;letter-spacing:.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-step-editing{display:flex;align-items:center;gap:7px;min-width:0;margin-left:auto;color:#93a0b8;font-size:7px;letter-spacing:.13em;white-space:nowrap}.dr-step-editing strong{max-width:120px;padding:4px 7px;border:1px solid rgba(77,232,255,.18);border-radius:4px;background:#0a0d13;color:var(--ac-a);font-size:8px;font-weight:500;letter-spacing:.1em;overflow:hidden;text-overflow:ellipsis}.dr-fx-panel .fx-rack{display:grid;grid-template-columns:repeat(8,minmax(0,1fr)) repeat(4,minmax(0,1.06fr));grid-template-areas:"eq eq eq eq ott ott ott ott comp comp comp comp" "drive drive drive chorus chorus chorus echo echo echo reverb reverb reverb";gap:10px}.dr-fx-panel{padding:8px}.dr-fx-panel .dynamics-curve{height:144px;aspect-ratio:auto}.dr-fx-panel .fx-rack>.fx-group{grid-area:chorus}.dr-fx-panel .fx-rack>.panel-dynamics,.dr-fx-panel .fx-rack>.panel-echo,.dr-fx-panel .fx-rack>.panel-reverb{min-width:0;padding:8px}.dr-fx-head{display:flex;align-items:center;gap:7px;min-height:22px;padding:0 3px 7px}.dr-fx-head h2{margin:0;color:var(--text);font-family:var(--font-disp);font-size:8px;font-weight:400;letter-spacing:.16em;white-space:nowrap}.dr-fx-padname{min-width:0;color:var(--ac-a);font-size:8px;letter-spacing:.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-fx-scope{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:5px;background:#070a10bd}.dr-fx-scope button{border:0;border-radius:3px;padding:3px 5px;background:transparent;color:var(--text-dim);font:500 7px var(--font-mono);letter-spacing:.09em;cursor:pointer}.dr-fx-scope button.active{background:#4de8ff29;color:var(--ac-a);box-shadow:inset 0 0 0 1px #4de8ff33}.dr-fx-flow{margin-left:auto;color:var(--text-dim);font-size:6px;letter-spacing:.11em;white-space:nowrap}.fx-group{min-width:0;min-height:104px;padding:8px 9px 7px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#181c26b8,#090c12cc);box-shadow:inset 0 1px #ffffff08}.fx-group-head{display:flex;align-items:center;gap:7px;min-height:17px;margin-bottom:4px}.fx-group-head h2{margin:0;color:var(--text);font-family:var(--font-disp);font-size:8px;font-weight:400;letter-spacing:.18em}.fx-power.on{background:radial-gradient(circle at 38% 32%,#e9f1ff,var(--ac-n) 40%,#41506a 78%);border-color:#9fb4d8a3;box-shadow:0 0 9px #9fb4d8ad}.fx-knobs{display:flex;align-items:flex-start;justify-content:space-evenly;gap:2px}.fx-knobs .knob{min-width:0}.dr-fx-panel .dr-ott-knobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:3px}.dr-ott-bands{margin-left:auto;color:var(--text-dim);font-size:7px;white-space:nowrap}.mod-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:26px;padding:0 24px 0 8px;border:1px solid var(--line);border-radius:5px;background:#0c0f16 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6'%3E%3Cpath d='M0 0h8L4 6z' fill='%236b768c'/%3E%3C/svg%3E") no-repeat right 8px center;color:var(--text);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em}.mod-select:focus-visible{outline:1px solid var(--ac-a);outline-offset:1px}.dr-well{border:1px solid var(--line);border-radius:9px;background:#07090e}.dr-label{color:var(--text-dim);font-size:8px;letter-spacing:.16em}.dr-spacer{flex:1}@media (max-width: 700px){#drum-rack{width:100%;max-width:none;min-width:0;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.dr-header{flex-wrap:wrap;gap:8px;min-height:0;padding:9px}.dr-header .brand{flex:1 1 auto;min-width:0}.dr-kitbar{order:3;flex:1 1 100%;width:100%;min-width:0}.dr-kitname,.dr-name-input{flex:1 1 0;min-width:0;width:0;overflow:hidden;text-overflow:ellipsis}.dr-mode{order:4}.dr-midi{display:none}.dr-master{order:5;margin-left:auto;padding-left:0;border-left:0}.dr-main{grid-template-columns:minmax(0,1fr);gap:8px}.dr-left,.dr-right{gap:8px}#dr-oscrow,#dr-editrow{grid-template-columns:minmax(0,1fr);gap:8px}.dr-edit-panel,.dr-osc-section,.dr-noise-section{min-height:0}.dr-osc-body{grid-template-rows:minmax(126px,35vw) auto}.dr-osc-knobs,.dr-noise-knobs{gap:2px;justify-content:space-around}.dr-osc-knobs .knob-sm svg,.dr-noise-knobs .knob-sm svg{width:38px;height:38px}.dr-osc-knobs .knob-sm .k-label,.dr-noise-knobs .knob-sm .k-label{font-size:7px;letter-spacing:.08em}.dr-stepseq-head{flex-wrap:wrap;gap:6px;min-height:0}.dr-step-editing{order:10;flex:1 1 100%;margin-left:0;white-space:normal;line-height:1.35}.dr-lanes-wrap{max-width:100%;overflow-x:auto}.dr-lanes-wrap>.dr-lanes,.dr-lanes-wrap.single>.step-row{min-width:512px}.dr-lane{min-width:512px}.dr-fx-panel .fx-rack{grid-template-columns:minmax(0,1fr);grid-template-areas:"eq" "ott" "comp" "drive" "chorus" "echo" "reverb";gap:8px}}.dr-poly{--poly: var(--ac-b);margin-top:0;padding:8px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(#0f131b,#0b0e14);box-shadow:inset 0 1px #ffffff08;color:var(--text-dim);font-family:var(--font-mono)}.dr-poly-head{display:flex;align-items:center;gap:12px;min-height:30px}.dr-poly-title{color:var(--text);font-family:var(--font-disp);font-size:11px;letter-spacing:.16em}.dr-poly-pad{color:var(--ac-a);font-size:9px;font-weight:500;letter-spacing:.1em;white-space:nowrap}.dr-poly-power{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px 0 7px;border:1px solid var(--line);border-radius:5px;background:#0d1017;color:var(--text-dim);font:600 8px var(--font-mono);letter-spacing:.14em;cursor:pointer;transition:border-color .15s,color .15s}.dr-poly-power-led{width:6px;height:6px;border-radius:50%;background:#262d3a;transition:background .15s,box-shadow .15s}.dr-poly-power[aria-pressed=true]{border-color:color-mix(in srgb,var(--poly) 45%,transparent);color:var(--poly)}.dr-poly-power[aria-pressed=true] .dr-poly-power-led{background:var(--poly);box-shadow:0 0 6px var(--poly)}.dr-poly-power:hover{color:var(--text)}.dr-poly-meter{display:grid;grid-template-columns:repeat(var(--poly-steps),1fr);gap:3px;width:min(260px,calc(var(--poly-steps) * 16px + 14px));height:24px;margin-left:auto;padding:0 7px;align-items:center;border-radius:5px;background:#07090e;box-shadow:inset 0 1px 3px #0009}.dr-poly-led{height:5px;border-radius:2px;background:#1a202b;transition:background .06s,box-shadow .06s}.dr-poly-led.hit{background:color-mix(in srgb,var(--poly) 38%,#1a202b)}.dr-poly-led.accent{height:10px}.dr-poly.on .dr-poly-led.now{background:var(--text);box-shadow:0 0 5px #dfe6f38c}.dr-poly.on .dr-poly-led.hit.now{background:var(--poly);box-shadow:0 0 7px var(--poly)}.dr-poly:not(.on) .dr-poly-meter{opacity:.45}.dr-poly-readout{min-width:170px;color:var(--text-hint);font-size:8px;letter-spacing:.12em;white-space:nowrap}.dr-poly.on .dr-poly-readout{color:color-mix(in srgb,var(--poly) 75%,var(--text-hint))}.dr-poly-history{display:flex;overflow:hidden;border:1px solid var(--line);border-radius:5px}.dr-poly-history button{width:28px;height:24px;border:0;background:#0d1017;color:var(--text-dim);font-size:14px;line-height:1;cursor:pointer}.dr-poly-history button+button{border-left:1px solid var(--line)}.dr-poly-history button:hover{color:var(--ac-a)}.dr-poly-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}.dr-poly:not(.on) .dr-poly-controls{opacity:.6}.dr-poly-group,.dr-sequence-number{display:flex;align-items:center;gap:7px;margin:0;padding:0;border:0}.dr-poly-group legend,.dr-sequence-number>label{float:left;padding:0;color:var(--text-dim);font-size:8px;letter-spacing:.14em}.dr-poly-seg,.dr-number-controls{display:flex;height:30px;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#0a0d13}.dr-poly-seg label{position:relative;display:flex}.dr-poly-seg label+label{border-left:1px solid var(--line)}.dr-poly-seg input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.dr-poly-seg span{display:grid;min-width:30px;padding:0 10px;place-items:center;background:#11141c;color:var(--text-dim);font-size:8px;letter-spacing:.12em;transition:color .15s,background .15s}.dr-poly-seg label:hover span{color:var(--ac-a)}.dr-poly-seg input:checked+span{background:color-mix(in srgb,var(--ac-a) 12%,#0a0d13);color:var(--ac-a);box-shadow:inset 0 -2px 0 var(--ac-a)}.dr-poly-seg input:focus-visible+span{outline:1px solid var(--ac-a);outline-offset:-3px}.dr-number-controls button{width:30px;padding:0;border:0;background:#11141c;color:var(--text);font:700 15px var(--font-mono);cursor:pointer}.dr-number-controls button:first-child{border-right:1px solid var(--line)}.dr-number-controls .dr-number-plus{order:2;border-left:1px solid var(--line)}.dr-number-controls button:hover{color:var(--ac-a)}.dr-number-controls input{order:1;width:38px;border:0;background:transparent;color:var(--ac-a);font:500 11px var(--font-mono);text-align:center}.dr-number-controls input[aria-invalid=true]{color:var(--ac-b)}.dr-poly :focus-visible,.dr-lane-name:focus-visible{outline:1px solid var(--ac-a);outline-offset:1px}.dr-poly-hint{margin:8px 0 0;color:var(--text-hint);font:8px var(--font-mono);letter-spacing:.12em}.dr-poly-error{color:var(--ac-b);font:9px var(--font-mono);letter-spacing:.08em}.dr-poly-badge{margin-left:auto;color:var(--ac-b);font-size:8px;letter-spacing:.1em;white-space:nowrap}.dr-lane-name{min-width:155px}.dr-stepseq .step.poly-source{outline:1px solid #b4884a;outline-offset:-1px}@media (max-width: 700px){.dr-stepseq-head,.dr-poly-head{flex-wrap:wrap}.dr-poly-meter{order:5;width:100%;margin-left:0}.dr-lanes-wrap{overflow-x:auto}.dr-lanes{min-width:690px}}.dr-lanes .step,.dr-lane-name,.dr-seq-btn{min-height:24px}@media (pointer: coarse){.dr-poly-seg,.dr-number-controls,.dr-seq-btn{min-height:44px}.dr-poly-seg span,.dr-number-controls button{min-width:44px}.dr-lanes .step,.dr-lane-name{min-height:44px}.dr-lanes-wrap>.dr-lanes{min-width:940px}}.dr-inspector-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:6px;align-items:stretch}.dr-poly-slot{min-width:0}.dr-stepseq .step.poly-outside{background:#10151e;outline:1px dashed #33404c;outline-offset:-1px}.dr-stepseq .step.poly-outside.poly-grid{outline:none;background:#353b45;opacity:.7}.dr-stepseq .step.poly-outside .step-fill,.dr-stepseq .step.poly-outside .step-accent{opacity:.15}.dr-lanes .step.poly-outside:not(.poly-grid) .step-num{display:block;position:static;color:#8a9bad;font-size:9px}.dr-stepseq .fit-row{position:relative;display:block;height:45px;background:repeating-linear-gradient(to right,#33404c 0 1px,transparent 1px calc(100% / var(--fit-beats)))}.dr-lanes .fit-row{height:24px}.dr-stepseq .fit-row .step{position:absolute;top:0;height:100%;margin:0}.dr-stepseq .fit-row .step-num{display:block;color:#b9c4d3}.dr-lanes .fit-row .step-num{top:50%;bottom:auto;transform:translateY(-50%);font-size:9px}.dr-stepseq .fit-row .step.on .step-num{color:#10151e}.fit-bar-label{position:absolute;right:100%;padding-right:2px;top:0;color:#a6b6c9;font:8px IBM Plex Mono,monospace;pointer-events:none}.fit-bar-label.second{right:50%}.dr-stepseq .step.selected{outline:1px solid var(--ac-f, #b18cff);outline-offset:-1px}@media (pointer: coarse){.dr-lanes .fit-row{height:44px}}.dr-timing-panel{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(120px,1fr) minmax(120px,1fr) minmax(90px,.7fr);align-items:center;gap:8px;min-height:0;padding:8px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(#111722,#0c1018);box-shadow:inset 0 1px #ffffff09;font-family:var(--font-mono)}.dr-timing-context,.dr-timing-result{display:flex;flex-direction:column;gap:5px}.dr-timing-context{border-right:1px solid var(--line)}.dr-timing-context strong{color:var(--text);font:500 10px var(--font-disp);letter-spacing:.1em}.dr-timing-context span{color:var(--ac-a);font-size:10px;font-weight:600;letter-spacing:.1em}.dr-timing-control .dr-sequence-number{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.dr-timing-control .dr-sequence-number>label,.dr-timing-result>span{color:#9ca9bd;font-size:9px;font-weight:600;letter-spacing:.14em}.dr-timing-control .dr-number-controls{height:32px}.dr-timing-control .dr-number-controls input{width:62px;font-size:12px}.dr-timing-result{padding-left:8px;border-left:1px solid var(--line)}.dr-timing-result strong{color:var(--ac-a);font-size:16px;font-weight:600;line-height:1}.dr-timing-hint{display:none}@media (max-width: 1120px){.dr-inspector-grid{grid-template-columns:1fr}.dr-timing-panel{grid-template-columns:minmax(85px,.7fr) minmax(120px,1fr) minmax(120px,1fr) minmax(85px,.7fr)}}@media (max-width: 730px){.dr-timing-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dr-timing-context{border:0}.dr-timing-result{padding-left:0;border:0}}.dr-stepseq .step.timing-selected{outline:2px solid var(--ac-a);outline-offset:-2px}.dr-micro-mark{position:absolute;right:3px;top:1px;font-size:10px;color:var(--ac-a)}.pad-grid{gap:5px}.pad{aspect-ratio:1 / .88;border-radius:8px}.pad-num{top:4px;left:6px;font-size:7px}.pad-led{top:5px;right:5px;width:5px;height:5px}.pad-meta{right:4px;bottom:4px;left:6px;gap:0}.pad-name,.pad-name-input{font-size:8px;line-height:12px;letter-spacing:0}.dr-noise-section .panel-head{flex-wrap:wrap;row-gap:4px}@container dr-right (max-width: 780px){#dr-oscrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#dr-oscrow>.dr-noise-section{grid-column:1 / -1;min-height:0}.dr-noise-section .dr-noise-view{height:64px}#dr-editrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dr-fx-panel .fx-rack{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"eq ott" "comp drive" "chorus echo" "reverb reverb"}}@container dr-right (max-width: 480px){#dr-oscrow,#dr-editrow{grid-template-columns:minmax(0,1fr)}.dr-fx-panel .fx-rack{grid-template-columns:minmax(0,1fr);grid-template-areas:"eq" "ott" "comp" "drive" "chorus" "echo" "reverb"}}.sq-auto{--lc: var(--ac-a);margin:0 12px 12px;padding:8px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(#0f131b,#0b0e14);box-shadow:inset 0 1px #ffffff08;color:var(--text-dim);font-family:var(--font-mono)}#rack.sq-hosted-rack>.sq-auto{margin:9px 0 0}.sq-auto.collapsed{padding:4px 8px}.sq-auto.collapsed{position:sticky;bottom:8px;z-index:3;box-shadow:inset 0 1px #ffffff08,0 -8px 18px #04060ab3;padding-right:96px}.sq-auto button{font-family:var(--font-mono)}.sq-auto-head{display:flex;align-items:center;gap:12px;min-height:30px;flex-wrap:wrap}.sq-auto-disclose{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:var(--text);cursor:pointer}.sq-auto-caret{width:10px;color:var(--text-dim);font-size:10px}.sq-auto-title{font-family:var(--font-disp);font-size:11px;letter-spacing:.16em}.sq-auto-hint{color:var(--text-hint);font-size:8px;letter-spacing:.12em;opacity:.7}.sq-auto-label{color:var(--text-dim);font-size:8px;letter-spacing:.14em}.sq-auto-chips{display:flex;align-items:center;gap:6px;flex:1;min-width:0;flex-wrap:wrap}.sq-auto-chip{--lc: var(--ac-a);display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 8px 0 7px;border:1px solid var(--line);border-radius:5px;background:#0d1017;color:var(--text-dim);font-size:8px;font-weight:600;letter-spacing:.1em;white-space:nowrap;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.sq-auto-chip:hover{color:var(--text)}.sq-auto-chip.on{border-color:color-mix(in srgb,var(--lc) 50%,transparent);background:color-mix(in srgb,var(--lc) 10%,#0d1017);color:var(--text)}.sq-auto-chip.off{opacity:.5}.sq-auto-dot{width:6px;height:6px;border-radius:50%;background:var(--lc);box-shadow:0 0 5px color-mix(in srgb,var(--lc) 70%,transparent)}.sq-auto-chip.off .sq-auto-dot{background:#2a3140;box-shadow:none}.sq-auto-spark{width:40px;height:14px;overflow:visible}.sq-auto-spark path{fill:none;stroke:var(--lc);stroke-width:1.3;stroke-linejoin:round;opacity:.85}.sq-auto-spark line.empty{stroke:#2a3140;stroke-dasharray:2 2}.sq-auto-add{height:24px;padding:0 9px;border:1px dashed #2c3547;border-radius:5px;background:none;color:var(--text-dim);font-size:8px;font-weight:600;letter-spacing:.12em;cursor:pointer}.sq-auto-add:hover{border-color:var(--ac-a);color:var(--ac-a)}.sq-auto.collapsed .sq-auto-add{margin-left:auto}.sq-auto-add.big{height:40px;padding:0 18px;font-size:9px}.sq-auto-seg-wrap{display:inline-flex;align-items:center;gap:7px}.sq-auto-seg{display:inline-flex;border:1px solid var(--line);border-radius:5px;overflow:hidden}.sq-auto-seg button{height:22px;padding:0 9px;border:0;background:#0d1017;color:var(--text-dim);font-size:8px;font-weight:600;letter-spacing:.1em;cursor:pointer;white-space:nowrap}.sq-auto-seg button+button{border-left:1px solid var(--line)}.sq-auto-seg button:hover{color:var(--text)}.sq-auto-seg button.on{background:color-mix(in srgb,var(--lc) 16%,#0d1017);color:var(--lc)}.sq-auto-inspector{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:8px 0 7px;padding:7px 8px;border-radius:6px;background:#0a0d13}.sq-auto-target{display:inline-flex;align-items:center;gap:7px}.sq-auto-target select{height:24px;max-width:190px;padding:0 6px;border:1px solid color-mix(in srgb,var(--lc) 35%,var(--line));border-radius:5px;background:#0d1017;color:var(--lc);font:600 9px var(--font-mono);letter-spacing:.08em}.sq-auto-learn{height:24px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:#0d1017;color:var(--text-dim);font-size:8px;font-weight:600;letter-spacing:.12em;cursor:pointer}.sq-auto-learn.on{border-color:var(--lc);color:var(--lc);animation:sq-auto-pulse 1s ease-in-out infinite}@keyframes sq-auto-pulse{50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--lc) 18%,transparent)}}.sq-auto-stepper{display:inline-flex;align-items:center;gap:0}.sq-auto-stepper .sq-auto-label{margin-right:7px}.sq-auto-stepper button{width:20px;height:24px;border:1px solid var(--line);background:#0d1017;color:var(--text-dim);cursor:pointer}.sq-auto-stepper button:first-of-type{border-radius:5px 0 0 5px}.sq-auto-stepper button:last-of-type{border-radius:0 5px 5px 0}.sq-auto-stepper input{width:30px;height:24px;border:1px solid var(--line);border-width:1px 0;background:#07090e;color:var(--text);font:600 10px var(--font-mono);text-align:center}.sq-auto-readout{color:color-mix(in srgb,var(--lc) 70%,var(--text-hint));font-size:8px;letter-spacing:.12em;white-space:nowrap}.sq-auto-actions{display:inline-flex;gap:6px;margin-left:auto}.sq-auto-actions button{height:24px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:#0d1017;color:var(--text-dim);font-size:8px;font-weight:600;letter-spacing:.12em;cursor:pointer}.sq-auto-actions button:hover:not(:disabled){color:var(--text)}.sq-auto-actions button:disabled{opacity:.35;cursor:default}.sq-auto-power{display:inline-flex;align-items:center;gap:6px}.sq-auto-led{width:6px;height:6px;border-radius:50%;background:#262d3a}.sq-auto-power.on{border-color:color-mix(in srgb,var(--lc) 45%,transparent)!important;color:var(--lc)!important}.sq-auto-power.on .sq-auto-led{background:var(--lc);box-shadow:0 0 6px var(--lc)}.sq-auto-editor{position:relative;overflow:hidden;border-radius:6px;background:#07090e;box-shadow:inset 0 1px 3px #0009;touch-action:none;-webkit-user-select:none;user-select:none}.sq-auto-editor svg{display:block}.sq-auto-editor.tool-draw svg,.sq-auto-editor.tool-line svg{cursor:crosshair}.sq-auto-editor.tool-point svg{cursor:copy}.sq-auto-editor.disabled{filter:saturate(.2);opacity:.6}.sq-auto-cycle{fill:#ffffff05}.sq-auto-slot{fill:none}.sq-auto-slot.odd{fill:color-mix(in srgb,var(--lc) 5%,transparent)}.sq-auto-row{stroke:#ffffff09}.sq-auto-col.step{stroke:#ffffff06}.sq-auto-col.beat{stroke:#ffffff0f}.sq-auto-col.bar{stroke:#ffffff29}.sq-auto-cycle-end{stroke:var(--lc);stroke-width:1;stroke-dasharray:3 3;opacity:.55}.sq-auto-clip-end{stroke:var(--text-hint);stroke-width:1;stroke-dasharray:1 3;opacity:.6}.sq-auto-baseline{stroke:var(--text-dim);stroke-dasharray:4 4;opacity:.6}.sq-auto-line{fill:none;stroke:var(--lc);stroke-width:1.8;stroke-linejoin:round;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--lc) 45%,transparent))}.sq-auto-ghost{opacity:.28}.sq-auto-ghost .sq-auto-line{filter:none;stroke-dasharray:3 3}.sq-auto-preview{stroke:var(--text);stroke-width:1.5;stroke-dasharray:5 3}.sq-auto-point{fill:#07090e;stroke:var(--lc);stroke-width:1.5;pointer-events:none}.sq-auto-point.hold{fill:var(--lc)}.sq-auto-point.active{fill:var(--lc);r:5}.sq-auto-cross{stroke:#dfe6f32e;pointer-events:none}.sq-auto-clip-head{stroke:#dfe6f347;pointer-events:none}.sq-auto-lane-head{stroke:var(--lc);stroke-width:1.2;opacity:.75;pointer-events:none}.sq-auto-lane-dot{fill:var(--text);stroke:var(--lc);stroke-width:2;filter:drop-shadow(0 0 5px var(--lc));pointer-events:none}.sq-auto-tip{position:absolute;top:6px;display:flex;flex-direction:column;gap:1px;padding:3px 6px;pointer-events:none;border-radius:4px;background:#07090ee0;border:1px solid color-mix(in srgb,var(--lc) 30%,transparent);font-size:8px;letter-spacing:.1em;color:var(--text-dim);white-space:nowrap}.sq-auto-tip b{color:var(--lc);font-size:10px;font-weight:600;letter-spacing:.04em}.sq-auto-empty-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;color:var(--text-hint);font-size:9px;letter-spacing:.18em;opacity:.55}.sq-auto-empty{display:grid;place-items:center;padding:18px}