.rack[data-l-3ckhap2i]{align-content:start;gap:10px;display:grid}.card[data-l-3ckhap2i]{--c:var(--c0);background:var(--shell-low);border-radius:14px;gap:8px;padding:10px 10px 10px 14px;transition:box-shadow .15s;display:grid;position:relative;box-shadow:inset 0 0 0 2px #0000}.card[data-l-3ckhap2i]:before{content:"";background:var(--c);border-radius:0 4px 4px 0;inline-size:5px;position:absolute;inset-block:10px;inset-inline-start:0}.c1[data-l-3ckhap2i]{--c:var(--c1)}.c2[data-l-3ckhap2i]{--c:var(--c2)}.c3[data-l-3ckhap2i]{--c:var(--c3)}.card.active[data-l-3ckhap2i]{background:var(--shell);box-shadow:inset 0 0 0 2px var(--c), 0 6px 16px -10px #00000080}.card.quiet .pick[data-l-3ckhap2i]{opacity:.55}.pick[data-l-3ckhap2i]{text-align:start;cursor:pointer;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0;display:grid}.tab[data-l-3ckhap2i]{background:var(--c);border-radius:10px;place-items:center;block-size:34px;inline-size:34px;display:grid}.tab svg[data-l-3ckhap2i]{fill:none;stroke:#fff;stroke-width:1.4px;stroke-linejoin:round;inline-size:22px}.names[data-l-3ckhap2i]{min-inline-size:0;display:grid}.name[data-l-3ckhap2i]{font-family:Silkscreen,ui-monospace,monospace;font-size:13px}.role[data-l-3ckhap2i]{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}kbd[data-l-3ckhap2i]{color:var(--dim);border:1px solid var(--edge);border-radius:4px;padding:0 4px;font-family:Silkscreen,ui-monospace,monospace;font-size:10px}.controls[data-l-3ckhap2i]{align-items:center;gap:6px;display:flex}.scope[data-l-3ckhap2i]{block-size:28px;min-inline-size:0;image-rendering:pixelated;box-shadow:inset 0 0 0 1px var(--l1);border-radius:4px;flex:1}.toggle[data-l-3ckhap2i],.pan button[data-l-3ckhap2i]{background:var(--groove);cursor:pointer;border:0;border-radius:8px;block-size:28px;inline-size:28px;padding:0;font-family:Silkscreen,ui-monospace,monospace;font-size:11px}.toggle.on[data-l-3ckhap2i]{background:var(--accent);color:var(--accent-ink)}.solo.on[data-l-3ckhap2i]{background:var(--indigo);color:var(--shell)}.pan[data-l-3ckhap2i]{background:var(--groove);border-radius:10px;gap:2px;padding:2px;display:flex}.pan button[data-l-3ckhap2i]{block-size:24px;inline-size:22px;color:var(--dim);background:0 0}.pan button.on[data-l-3ckhap2i]{background:var(--shell);color:var(--ink)}@media (width<1100px){.rack[data-l-3ckhap2i]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<560px){.card:not(.active) .controls[data-l-3ckhap2i]{display:none}.card.active[data-l-3ckhap2i]{grid-column:1/-1}}
.gridtools[data-l-xkja29n3]{gap:8px;display:grid}.sheet[data-l-xkja29n3]{background:color-mix(in srgb, var(--indigo) 10%, var(--shell));border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;display:flex}.sheet p[data-l-xkja29n3]{flex:260px;margin:0;font-size:13px}.toolbar[data-l-xkja29n3]{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.group[data-l-xkja29n3]{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.tag[data-l-xkja29n3]{background:var(--bezel);color:var(--l0);border-radius:6px;padding:3px 7px;font-family:Silkscreen,ui-monospace,monospace;font-size:10px}.tool[data-l-xkja29n3]{background:var(--shell);color:var(--ink);cursor:pointer;border:0;border-radius:999px;padding:5px 10px;font-family:Silkscreen,ui-monospace,monospace;font-size:11px;box-shadow:inset 0 -2px #0000001f}.tool:hover:not(:disabled)[data-l-xkja29n3]{background:var(--groove)}.tool:disabled[data-l-xkja29n3]{opacity:.45;cursor:default}.new[data-l-xkja29n3]{margin-inline-start:auto}
.studio-code[data-l-hrr7phg7]{gap:6px;padding:8px;display:grid}.none[data-l-hrr7phg7]{margin:0;font-size:12px}textarea[data-l-hrr7phg7]{border:2px solid var(--l1);background:var(--l0);min-block-size:320px;max-block-size:min(56vh,520px);inline-size:100%;color:var(--l3);resize:vertical;white-space:pre;border-radius:3px;padding:8px 10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.45}textarea:focus-visible[data-l-hrr7phg7]{outline:2px solid var(--l3);outline-offset:0}textarea[aria-invalid=true][data-l-hrr7phg7]{border-color:var(--l3);border-style:dashed}.errors[data-l-hrr7phg7]{gap:2px;margin:0;padding:0;list-style:none;display:grid}.errors button[data-l-hrr7phg7]{background:var(--l3);color:var(--l0);text-align:start;cursor:pointer;border:0;padding:3px 8px;font-size:12px}.bar[data-l-hrr7phg7]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.key[data-l-hrr7phg7]{border:2px solid var(--l3);background:var(--l0);color:var(--l3);cursor:pointer;padding:4px 10px;font-family:Silkscreen,ui-monospace,monospace;font-size:11px}.key:disabled[data-l-hrr7phg7]{opacity:.45;cursor:default}.key:not(:disabled):hover[data-l-hrr7phg7]{background:var(--l1)}.hint[data-l-hrr7phg7]{margin-inline-start:auto;font-family:Silkscreen,ui-monospace,monospace;font-size:10px}
.screen[data-l-i6iefm3h]{min-inline-size:0}.bezel[data-l-i6iefm3h]{background:var(--bezel);border-radius:14px 14px 40px;padding:14px 14px 10px;box-shadow:inset 0 2px #ffffff14,inset 0 -3px #0000004d}.lcd[data-l-i6iefm3h]{background:var(--l0);color:var(--l3);box-shadow:inset 0 0 0 2px var(--l1), inset 0 6px 14px -8px #00000080;border-radius:4px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.top[data-l-i6iefm3h]{border-block-end:2px solid var(--l1);align-items:stretch;display:flex}.top .status[data-l-i6iefm3h]{border-block-end:0;flex:1;min-inline-size:0}.views[data-l-i6iefm3h]{border-inline-start:2px solid var(--l1);gap:2px;padding:3px 6px;display:flex}.view[data-l-i6iefm3h]{color:var(--l2);cursor:pointer;background:0 0;border:0;padding:0 8px;font-family:Silkscreen,ui-monospace,monospace;font-size:11px}.view[aria-checked=true][data-l-i6iefm3h]{background:var(--l3);color:var(--l0)}.status[data-l-i6iefm3h]{border-block-end:2px solid var(--l1);white-space:nowrap;align-items:center;gap:14px;padding:6px 10px 5px;font-family:Silkscreen,ui-monospace,monospace;font-size:12px;display:flex;overflow:hidden}.chan[data-l-i6iefm3h]{background:var(--l3);color:var(--l0);padding:0 5px}.grow[data-l-i6iefm3h]{flex:1}.roll[data-l-i6iefm3h]{overscroll-behavior:contain;scrollbar-color:var(--l2) var(--l0);max-block-size:min(62vh,560px);overflow:auto}.sheet[data-l-i6iefm3h]{grid-template-columns:52px calc(var(--steps) * var(--cw));grid-template-rows:20px calc(var(--rows) * var(--chh));inline-size:max-content;display:grid}.corner[data-l-i6iefm3h]{z-index:3;background:var(--l0);position:sticky;inset-block-start:0;inset-inline-start:0}.ruler[data-l-i6iefm3h]{z-index:2;background:var(--l0);border-block-end:2px solid var(--l1);position:sticky;inset-block-start:0}.barno[data-l-i6iefm3h]{inline-size:calc(16 * var(--cw));border-inline-start:2px solid var(--l2);cursor:pointer;padding-inline-start:4px;font-family:Silkscreen,ui-monospace,monospace;font-size:11px;line-height:18px;position:absolute;inset-inline-start:calc(var(--b) * 16 * var(--cw))}.barno.picked[data-l-i6iefm3h]{background:var(--l1)}.flag[data-l-i6iefm3h]{background:var(--l3);color:var(--l0);margin-inline-start:6px;padding:0 4px}.keys[data-l-i6iefm3h]{z-index:2;grid-auto-rows:var(--chh);background:var(--l0);border-inline-end:2px solid var(--l1);display:grid;position:sticky;inset-inline-start:0}.key[data-l-i6iefm3h]{font-family:Silkscreen,ui-monospace,monospace;font-size:10px;line-height:var(--chh);color:var(--l2);padding-inline:6px}.key.root[data-l-i6iefm3h]{color:var(--l3);background:var(--l1)}.lane[data-l-i6iefm3h]{touch-action:none;cursor:crosshair;background-image:linear-gradient(90deg, var(--l2) 2px, transparent 2px), linear-gradient(90deg, var(--l1) 1px, transparent 1px), radial-gradient(circle, var(--l1) 1.2px, transparent 1.6px);background-size:calc(var(--cw) * 16) 100%, calc(var(--cw) * 4) 100%, var(--cw) var(--chh);position:relative}.lane:focus-visible[data-l-i6iefm3h]{outline:3px solid var(--l3);outline-offset:-3px}.row[data-l-i6iefm3h]{block-size:var(--chh);pointer-events:none;position:absolute;inset-block-start:calc(var(--r) * var(--chh));inset-inline:0}.row.root[data-l-i6iefm3h]{background:color-mix(in srgb, var(--l1) 35%, transparent)}.intro[data-l-i6iefm3h]{inline-size:calc(var(--w) * var(--cw));background:repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in srgb, var(--l1) 30%, transparent) 6px 8px);pointer-events:none;position:absolute;inset-block:0;inset-inline-start:0}.intro span[data-l-i6iefm3h]{background:var(--l0);color:var(--l2);margin:4px;padding:0 4px;font-family:Silkscreen,ui-monospace,monospace;font-size:10px;display:inline-block;position:sticky;inset-inline-start:60px}.picked-bar[data-l-i6iefm3h]{inline-size:calc(16 * var(--cw));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--l2) 60%, transparent);pointer-events:none;position:absolute;inset-block:0;inset-inline-start:calc(var(--b) * 16 * var(--cw))}.note[data-l-i6iefm3h],.ghost[data-l-i6iefm3h],.cursor[data-l-i6iefm3h]{block-size:calc(var(--chh) - 4px);pointer-events:none;position:absolute;inset-block-start:calc(var(--r) * var(--chh) + 2px);inset-inline-start:calc(var(--s) * var(--cw) + 1px)}.note[data-l-i6iefm3h]{inline-size:calc(var(--l) * var(--cw) - 2px);background:var(--l3);box-shadow:inset 0 -3px 0 #00000040, inset 2px 2px 0 color-mix(in srgb, var(--l0) 25%, transparent);border-radius:3px}.note.drum[data-l-i6iefm3h]{inline-size:calc(var(--cw) - 4px);border-radius:50%;inset-inline-start:calc(var(--s) * var(--cw) + 2px)}.note.own[data-l-i6iefm3h]:after{content:"";background:var(--l0);block-size:4px;inline-size:4px;position:absolute;inset-block-start:3px;inset-inline-start:3px}.hidden[data-l-i6iefm3h]{display:none}.note.lit[data-l-i6iefm3h]{background:var(--l2);outline:2px solid var(--l3)}.ghost[data-l-i6iefm3h]{inline-size:calc(var(--l) * var(--cw) - 2px);background:var(--l1);block-size:4px;border-radius:2px;inset-block-start:calc(var(--r) * var(--chh) + 7px)}.ghost.c0[data-l-i6iefm3h]{background:var(--l2);opacity:.55}.cursor[data-l-i6iefm3h]{inline-size:calc(var(--cw) - 2px);outline:2px dashed var(--l3);outline-offset:1px;border-radius:3px}.playhead[data-l-i6iefm3h]{inline-size:var(--cw);background:color-mix(in srgb, var(--l3) 18%, transparent);border-inline-start:2px solid var(--l3);pointer-events:none;position:absolute;inset-block:0;inset-inline-start:calc(var(--s) * var(--cw))}.led-row[data-l-i6iefm3h]{letter-spacing:.08em;color:#ffffff8c;align-items:center;gap:8px;padding:9px 4px 0;font-family:Silkscreen,ui-monospace,monospace;font-size:10px;display:flex}.led[data-l-i6iefm3h]{background:#4a2430;border-radius:50%;block-size:9px;inline-size:9px;box-shadow:inset 0 1px 1px #00000080}.led.on[data-l-i6iefm3h]{background:#ff4d6d;box-shadow:0 0 8px 2px #ff4d6db3,inset 0 -1px 1px #0000004d}
.field[data-l-7wgjqf1n]{grid-template-columns:1fr auto;align-items:center;gap:4px 8px;display:grid}.field .label[data-l-7wgjqf1n]{grid-column:1/-1}.field input[type=range][data-l-7wgjqf1n]{grid-column:1}.field.wide[data-l-7wgjqf1n]{grid-column:1/-1}.field.check[data-l-7wgjqf1n]{gap:8px;font-size:13px;display:flex}select[data-l-7wgjqf1n]{grid-column:1/-1}output[data-l-7wgjqf1n]{font-variant-numeric:tabular-nums;min-inline-size:5.5ch;color:var(--dim);text-align:end;font-size:12px}.sound[data-l-7otyyy22]{align-content:start;gap:12px;display:grid}.head[data-l-7otyyy22]{gap:2px;display:grid}h2[data-l-7otyyy22]{color:var(--indigo);font-size:15px}.for[data-l-7otyyy22]{color:var(--dim)}.hint[data-l-7otyyy22]{color:var(--dim);margin:0;font-size:13px}.hidden[data-l-7otyyy22]{display:none}.presets[data-l-7otyyy22]{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:8px;display:grid}.preset[data-l-7otyyy22]{background:var(--shell-low);text-align:start;cursor:pointer;border:2px solid #0000;border-radius:12px;gap:2px;padding:9px 11px;display:grid}.preset:hover[data-l-7otyyy22]{border-color:var(--edge)}.preset[aria-checked=true][data-l-7otyyy22]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--shell))}.pname[data-l-7otyyy22]{font-family:Silkscreen,ui-monospace,monospace;font-size:12px}.phint[data-l-7otyyy22]{color:var(--dim);font-size:12px;line-height:1.3}.fine summary[data-l-7otyyy22]{cursor:pointer;color:var(--indigo);padding:4px 0;font-family:Silkscreen,ui-monospace,monospace;font-size:12px}.grid[data-l-7otyyy22]{grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:12px 16px;padding-block-start:10px;display:grid}.seg[data-l-7otyyy22]{flex-wrap:wrap;grid-column:1/-1;gap:4px;display:flex}.seg button[data-l-7otyyy22]{background:var(--shell-low);cursor:pointer;border:2px solid #0000;border-radius:9px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:inline-flex}.seg button[aria-checked=true][data-l-7otyyy22]{border-color:var(--accent)}.seg svg[data-l-7otyyy22]{fill:none;stroke:currentColor;stroke-width:1.5px;block-size:18px;inline-size:22px}
.song[data-l-h1m0vlul]{align-content:start;gap:14px;display:grid}h2[data-l-h1m0vlul]{color:var(--indigo);font-size:15px}.rows[data-l-h1m0vlul]{grid-template-columns:repeat(auto-fill,minmax(min(130px,100%),1fr));gap:12px;display:grid}.field[data-l-h1m0vlul]{align-content:start;gap:4px;min-inline-size:0;display:grid}select[data-l-h1m0vlul]{inline-size:100%}.stepper[data-l-h1m0vlul]{align-items:center;gap:6px;display:flex}.stepper button[data-l-h1m0vlul]{background:var(--shell-low);cursor:pointer;border:0;border-radius:50%;block-size:32px;inline-size:32px;font-size:18px}.stepper output[data-l-h1m0vlul]{text-align:center;min-inline-size:2.5ch;font-family:Silkscreen,ui-monospace,monospace;font-size:16px}.seg[data-l-h1m0vlul]{gap:3px;display:flex}.seg button[data-l-h1m0vlul]{background:var(--shell-low);cursor:pointer;border:2px solid #0000;border-radius:9px;flex:1;padding:6px 4px;font-size:12px}.seg button[aria-checked=true][data-l-h1m0vlul]{border-color:var(--accent)}
.transport[data-l-ls852ay9]{flex-wrap:wrap;align-items:center;gap:12px 18px;padding:12px 16px;display:flex}.play[data-l-ls852ay9]{background:var(--accent);block-size:58px;inline-size:58px;color:var(--accent-ink);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 -4px #00000040,inset 0 2px #ffffff40,0 4px 10px -4px #00000080}.play:active[data-l-ls852ay9]{transform:translateY(2px);box-shadow:inset 0 3px #00000040}.play svg[data-l-ls852ay9]{fill:currentColor;inline-size:24px}.play.on[data-l-ls852ay9]{background:var(--indigo);color:var(--shell)}.title[data-l-ls852ay9]{flex:220px;gap:2px;min-inline-size:0;display:grid}.title input[data-l-ls852ay9]{min-block-size:0;inline-size:100%;color:var(--ink);text-overflow:ellipsis;background:0 0;border:0;padding:0;font-family:Silkscreen,ui-monospace,monospace;font-size:20px}.title input:hover[data-l-ls852ay9]{box-shadow:0 2px 0 var(--edge)}.state[data-l-ls852ay9]{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tempo[data-l-ls852ay9]{align-items:center;gap:6px;display:flex}.tempo .label[data-l-ls852ay9]{margin-inline-end:4px}.tempo input[data-l-ls852ay9]{text-align:center;font-variant-numeric:tabular-nums;inline-size:4.6rem}.step.on[data-l-ls852ay9]{background:var(--accent);color:var(--accent-ink)}.step[data-l-ls852ay9]{background:var(--shell-low);cursor:pointer;border:0;border-radius:50%;block-size:30px;inline-size:30px;font-size:18px;line-height:1}.buttons[data-l-ls852ay9]{flex-wrap:wrap;gap:6px;display:flex}.btn.lit[data-l-ls852ay9]{background:color-mix(in srgb, var(--indigo) 18%, var(--shell-low));color:var(--indigo)}.share[data-l-ls852ay9]{flex-basis:100%;align-items:center;gap:8px;display:flex}.share input[data-l-ls852ay9]{flex:1;min-inline-size:0;font-size:13px}@media (width<720px){.play[data-l-ls852ay9]{block-size:50px;inline-size:50px}.title input[data-l-ls852ay9]{font-size:16px}}
.studio[data-l-d8gvoab7]{gap:14px;display:grid}.deck[data-l-d8gvoab7]{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:14px;display:grid}.center[data-l-d8gvoab7]{gap:14px;min-inline-size:0;display:grid}.below[data-l-d8gvoab7]{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (width<1100px){.deck[data-l-d8gvoab7],.below[data-l-d8gvoab7]{grid-template-columns:minmax(0,1fr)}}