:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#141519;--panel-bg:linear-gradient(180deg, #1f2127, #191b20);--panel-border:1px solid transparent;--panel-shadow:0 8px 24px #0009, inset 0 1px 0 #ffffff0f;--row-bg:linear-gradient(180deg, #22242b, #1c1e24);--row-shadow:0 4px 12px #0006;--control-bg:#23252c;--control-fg:#bdbdc7;--control-border:#32353d;--radius:10px;--radius-sm:6px;--inset-bg:#101216;--note-floor:#101216;--readout-bg:#101216;--readout-fg:#7fe8c0;--readout-border:1px solid #2a2d34;--readout-shadow:none;--readout-glow:none;--play-bg:linear-gradient(180deg, #ff9440, #f57200);--play-fg:#241200;--play-shadow:0 2px 10px #ff8c3a73;--scope-trace:#ff8c3a;--scope-glow:0;--scope-core:var(--scope-trace);--knob-face:#101014;--knob-stroke:#2a2d34;--knob-pointer-glow:none;--text:#e8e6e3;--muted:#8a8a94;--grip-line:var(--muted);--cursor:#4af;--acc:#ff8c3a;--danger:#ff6b6b;--warn:#e9a13b;--on-acc-fg:#16161a;--learn:#ffd166;--glow:#ffd166;--rec:#f43f3f;--rec-ring:#f43f3f;--key-edge:#00000073;--key-hi:#ffffff14;--lamp-off:#00000073;--lamp-ring:transparent;--silk:var(--muted);--lcd-ghost:color-mix(in srgb, var(--readout-fg) 12%, transparent);--bevel:var(--panel-shadow);--plate-bg:var(--panel-bg);--cell-lit-bevel:inset 0 1px 0 var(--key-hi), 0 2px 0 var(--key-edge);--font-key:system-ui, sans-serif;--font-lcd:ui-monospace, monospace;--tex-noise:none;--tex-brushed:none;--pl-gutter:4rem;--pl-gap:2px;--pl-lane-h:1.6rem;--end-line:var(--text);--end-halo:#ffffff1a;--end-flag-fg:#121315;--past-shade:#00000052;--past-hatch:#ffffff09;--past-bg:repeating-linear-gradient(135deg, var(--past-hatch) 0 1px, transparent 1px 6.36px), var(--past-shade);--roll-gutter:2.75rem;--overlay-pad-x:.75rem;--cap-a:linear-gradient(180deg, #d9dce0, #aeb1b6);--cap-b:linear-gradient(180deg, #575a60, #3b3d42);--knob-cap:radial-gradient(circle at 40% 32%, #5a5d63, #2a2c30 70%);--knob-track:#ffffff1f;--knob-ptr:var(--text);--cell-lamp:none;--tex-walnut:none;--tex-hammered:none;--tex-walnut-v:none;font-family:system-ui,sans-serif}:root[data-theme=fl-classic]{--app-bg:#3a3d42;--panel-bg:linear-gradient(180deg, #53565c, #3e4147);--panel-border:1px solid transparent;--panel-shadow:inset 0 1px 0 #ffffff40, inset 0 -1px 0 #00000080, 0 3px 6px #00000080;--row-bg:linear-gradient(180deg, #484b52, #3b3e44);--row-shadow:inset 0 1px 0 #ffffff2e, inset 0 -1px 2px #0006;--control-bg:linear-gradient(180deg, #5b5e66, #44474e);--rec-ring:#ffa3a3;--control-fg:#e8e6e3;--control-border:transparent;--radius:6px;--radius-sm:4px;--inset-bg:linear-gradient(180deg, #1e2024, #2b2d33);--note-floor:#25272c;--readout-bg:linear-gradient(180deg, #23252a, #2e3138);--readout-fg:#8fe08f;--readout-border:none;--readout-shadow:inset 0 2px 4px #000000b3, 0 1px 0 #ffffff26;--readout-glow:none;--play-bg:linear-gradient(180deg, #ffa14e, #e06a00);--play-fg:#3a2000;--play-shadow:inset 0 1px 0 #ffffff80, inset 0 -2px 3px #00000073, 0 2px 3px #0009;--scope-trace:#ffb35e;--knob-face:#55585f;--knob-stroke:#35383e;--knob-pointer-glow:drop-shadow(0 0 4px var(--acc));--text:#e8e6e3;--muted:#b5b8bf;--cursor:#6fb7ff;--acc:#ffb35e;--danger:#ff5f5f;--warn:#f0b455}:root[data-theme=hardware]{--app-bg:#26221e;--panel-bg:linear-gradient(180deg, #4d4740 0%, #37322c 100%);--panel-border:1px solid #1c1916;--panel-shadow:inset 0 2px 2px #ffffff2e, inset 0 -3px 4px #0000008c, 0 4px 8px #000000b3;--row-bg:linear-gradient(180deg, #3f3a34, #332e28);--row-shadow:inset 0 1px 1px #ffffff1f, inset 0 -2px 3px #00000080;--control-bg:linear-gradient(180deg, #57504a, #423c35);--rec-ring:#ff8a8a;--control-fg:#e8e0d5;--control-border:#211d18;--radius:4px;--radius-sm:2px;--inset-bg:#0d0f0a;--note-floor:#0d0f0a;--readout-bg:#0d0f0a;--readout-fg:#ff9c3f;--readout-border:2px solid #14110d;--readout-shadow:inset 0 2px 6px #000000e6;--readout-glow:0 0 6px #ff8c3a;--play-bg:linear-gradient(180deg, #d84, #a52);--play-fg:#2a1400;--play-shadow:inset 0 2px 2px #ffffff59, inset 0 -3px 4px #00000080, 0 3px 4px #000c;--scope-trace:#7fdf4f;--knob-face:#1a1a1c;--knob-stroke:#514b44;--knob-pointer-glow:none;--text:#efe8dc;--muted:#9a9184;--cursor:#7fdf4f;--acc:#ff9c3f;--danger:#ff7a6b;--warn:#ffc45a}body{background:var(--app-bg);color:var(--text);margin:0;padding:1rem}#app{-webkit-user-select:none;user-select:none;max-width:1500px;margin:0 auto}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}.knob-row{background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.viz{background:var(--inset-bg);border-radius:var(--radius-sm);position:relative;overflow:hidden}.viz-canvas{width:100%;height:100%;display:block}.instrument-editor>.viz{margin-top:1rem}.knob{flex-direction:column;align-items:center;width:64px;font-size:.7rem;display:flex}.knob-sm svg{width:32px;height:32px}.knob-dial{cursor:ns-resize;touch-action:none;position:relative}.knob-body{fill:var(--knob-face);stroke:var(--knob-stroke)}.knob-pointer{stroke:var(--acc);stroke-width:2.5px;stroke-linecap:round;filter:var(--knob-pointer-glow)}.knob.learning .knob-body{stroke:var(--learn);stroke-width:2px}.knob.auto-owned .knob-dial{box-shadow:0 0 0 2px var(--acc);border-radius:50%}.knob.knob-seg{flex-direction:column;align-items:center;gap:.25rem;width:auto;min-width:64px;max-width:8rem;display:flex;position:relative}.knob-seg-group{border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:center;gap:2px;max-width:100%;display:flex}.knob-seg-btn{border:1px solid var(--control-border);background:var(--control-bg);color:var(--control-fg);border-radius:var(--radius-sm);cursor:pointer;min-width:1.6rem;padding:.15rem .35rem;font-size:.65rem}.knob-seg-btn[aria-pressed=true]{background:var(--play-bg);color:var(--play-fg);box-shadow:var(--play-shadow);border-color:#0000}.knob-seg.auto-owned .knob-seg-group{box-shadow:0 0 0 2px var(--acc)}.knob-seg.learning .knob-seg-group{box-shadow:0 0 0 1px var(--learn)}.knob-seg.learning .knob-seg-btn{border-color:var(--learn)}.learn{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;margin-top:2px;padding:.05rem .35rem;font-size:.55rem}.knob.learning .learn{background:var(--learn);color:var(--on-acc-fg);border-color:var(--learn)}.shape-picker{width:calc(var(--picker-cols,2) * 64px + (var(--picker-cols,2) - 1) * 1rem);flex-direction:column;align-items:center;font-size:.7rem;display:flex;position:relative}.shape-slots{box-sizing:border-box;background:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--radius-sm);gap:2px;width:100%;padding:2px;display:flex}.shape-slot{min-width:0;color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex:1 1 0;justify-content:center;align-items:center;padding:2px;display:flex}.shape-slot:hover{color:var(--text)}.shape-slot svg{width:100%;height:28px;display:block}.shape-slot polyline{stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.shape-slot:hover{border-color:var(--acc-base)}.shape-slot.selected{color:var(--acc);border-color:var(--acc);background:color-mix(in srgb, var(--acc) 12%, transparent)}.shape-slot.selected polyline{filter:var(--knob-pointer-glow)}.shape-label{margin-top:2px}.shape-value{color:var(--acc)}.shape-picker.auto-owned .shape-slots{box-shadow:0 0 0 2px var(--acc)}.shape-picker.learning .shape-slots{border-color:var(--learn);box-shadow:0 0 0 1px var(--learn)}.shape-picker .link-badge{position:absolute;top:0;right:0}.knob-seg .link-badge{position:absolute;bottom:0;right:0}.knob-sm{flex-direction:column;align-items:center;display:flex}.fx-row{border-bottom:1px solid var(--control-border);align-items:center;gap:6px;padding:4px 0;display:flex}.fx-enable.on{background:var(--acc);color:var(--on-acc-fg)}.fx-up.disabled,.fx-down.disabled{opacity:.3;pointer-events:none}.fx-empty{color:var(--muted);padding:.5rem;font-size:.8rem}.fx-add{background:var(--inset-bg);color:var(--control-fg);border:1px solid var(--knob-stroke);border-radius:4px;padding:2px 4px;font-size:.75rem}.fx-gate-grid{grid-template-columns:repeat(16,1fr);gap:2px;margin-left:4px;display:grid}.fx-gate-cell{background:var(--inset-bg);border:1px solid var(--knob-stroke);cursor:pointer;touch-action:none;border-radius:2px;width:1.1rem;height:1.4rem;padding:0}.fx-gate-cell.on{background:var(--acc);border-color:var(--acc)}.fx-gate-cell:nth-child(4n+1){margin-left:3px}.header-nav{z-index:40;background:var(--row-bg);box-shadow:var(--row-shadow);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex;position:sticky;top:0}html{scroll-padding-top:8rem}.header-nav .brand{letter-spacing:.08em;color:var(--text);cursor:pointer;font-weight:700}.header-nav .brand .menu-label{font-weight:inherit;letter-spacing:inherit}.header-nav .brand .menu-mark{flex:none;width:22px;height:19px;display:block}.header-nav .brand{align-items:center;gap:.45rem;display:inline-flex}.header-nav .spacer{flex:1}.header-nav .play-pair{align-items:center;gap:inherit;flex:none;display:inline-flex}.nowplaying-host{align-items:center;gap:.35rem;min-width:0;max-width:40rem;display:flex}.header-nav .nowplaying-btn{gap:.3rem;min-width:0;max-width:32rem;font-size:.95rem}.nowplaying-btn .nowplaying-author{color:var(--muted,#8a8a94);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;font-weight:400;overflow:hidden}.nowplaying-btn .nowplaying-dash{color:var(--muted,#8a8a94);opacity:.6;flex:none}.nowplaying-btn .nowplaying-title{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-weight:600;overflow:hidden}.share-jam-count{font-variant-numeric:tabular-nums;color:var(--acc,#ff5c00);flex:none;padding:0 .3rem;font-size:.72rem}.nowplaying-star{font:inherit;cursor:pointer;font-variant-numeric:tabular-nums;flex:none;padding:2px 7px;font-size:.78rem}.nowplaying-star.on{color:var(--acc,#ff5c00)}.nowplaying-plays{opacity:.75;font-variant-numeric:tabular-nums;flex:none;font-size:.78rem}.nowplaying-star:disabled{cursor:default;opacity:.6}.nowplaying-remixof{color:var(--muted,#8a8a94);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;font-size:.78rem;overflow:hidden}.nowplaying-remixof[hidden]{display:none}.nowplaying-remixof a{color:inherit;font-weight:600;text-decoration:underline}.header-nav .nowplaying-box{box-sizing:border-box;background:var(--control-bg);min-width:0;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);flex:0 auto;align-items:center;display:inline-flex}.header-nav .nowplaying-box[data-state=live]{border-color:var(--acc)}.header-nav .nowplaying-box>button:not([hidden]){border-radius:inherit;height:auto;box-shadow:none;background:0 0;border:0;align-self:stretch}.header-nav .nowplaying-host>.nowplaying-box>button:focus-visible{outline-offset:-2px}.header-nav .nowplaying-box>:is(.nowplaying-plays,.nowplaying-star){white-space:nowrap}.header-nav .nowplaying-box>.nowplaying-plays{cursor:pointer;padding:0 .2rem}.header-nav .nowplaying-box>.nowplaying-star{padding:0 .75rem 0 .2rem;font-size:.78rem}.header-nav .nowplaying-box>.nowplaying-star:hover:not(:disabled){color:var(--acc)}@media (max-width:900px){.nowplaying-btn .nowplaying-author,.nowplaying-btn .nowplaying-dash,.nowplaying-remixof{display:none}.header-nav .nowplaying-btn{max-width:12rem}}.header-nav button{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:.4rem 1.2rem;font-size:1.2rem}.menu-trigger,#play,#rec{align-items:center;gap:.35rem;display:inline-flex}.menu-trigger svg,#play svg,#rec svg{width:18px;height:18px}@media (max-width:1120px){.header-nav{gap:.4rem}.header-nav button{padding:.3rem .8rem;font-size:1rem}.menu-trigger .menu-label{display:none}.keys-trigger .menu-label,.header-nav .brand .menu-label{display:inline}.header-nav .brand{letter-spacing:.06em;font-size:.9rem}.header-nav .jam-btn .menu-label{display:inline}.header-nav .jam-btn{font-size:.9rem}.header-nav .rec-menu .menu-label{display:inline}}.header-nav{--header-control-h:34px}.header-nav>button:not([hidden]),.header-nav>.play-pair>button:not([hidden]),.header-nav>label>input:not([hidden]),.header-nav>.menu>.menu-trigger:not([hidden]),.header-nav>.keys>.menu>.menu-trigger:not([hidden]),.header-nav>.rec>button:not([hidden]),.header-nav>.rec>.menu>.menu-trigger:not([hidden]),.header-nav .nowplaying-host>.nowplaying-box:not([hidden]),.header-nav .account-group>button:not([hidden]),.header-nav .account-control>button:not([hidden]){box-sizing:border-box;height:var(--header-control-h);justify-content:center;align-items:center;padding-block:0;display:inline-flex}.header-nav .nowplaying-host .scope-chip{box-sizing:border-box;height:var(--header-control-h);color:var(--acc);background:var(--control-bg);border:1px solid var(--acc);border-radius:var(--radius-sm);cursor:default;flex:0 auto;align-items:center;gap:6px;min-width:0;padding:0 4px 0 8px;font-size:.9rem;display:inline-flex}.header-nav .nowplaying-host .scope-chip .scope-chip-label{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;overflow:hidden}.header-nav .nowplaying-host .scope-chip .scope-chip-x{box-sizing:border-box;width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:inline-flex}.header-nav .nowplaying-host .scope-chip .scope-chip-x:hover,.header-nav .nowplaying-host .scope-chip .scope-chip-x:focus-visible{color:var(--acc)}.header-nav .nowplaying-host .scope-chip .scope-chip-x:focus-visible{outline:2px solid var(--acc);outline-offset:1px}#play[data-scope=clip]{box-shadow:var(--play-shadow), 0 0 0 2px var(--note-floor), 0 0 0 4px var(--acc)}@media (max-width:900px){.header-nav .nowplaying-host .scope-chip .scope-chip-name{display:none}}.header-nav>.play-pair>button.mode-toggle>.mode-half:not([hidden]){align-items:center;height:100%;display:inline-flex}.header-nav>label>input:not([hidden]){line-height:normal}.jam-btn[data-state=live]{border-color:var(--acc);color:var(--acc)}.jam-btn[data-state=joining]{opacity:.75;cursor:default;padding-right:1.8rem;position:relative}.jam-btn[data-state=joining]:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:.7rem;height:.7rem;margin-top:-.35rem;animation:.8s linear infinite jam-spin;position:absolute;top:50%;right:.6rem}@keyframes jam-spin{to{transform:rotate(360deg)}}.jam-leave{padding:.3rem .7rem;font-size:.85rem}.jam-note{color:var(--muted);font-size:.7rem;line-height:1.1}.play-gate{color:var(--muted);pointer-events:none;font-size:.7rem;line-height:1.1}.jam-transport{pointer-events:none;flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex;position:absolute;top:100%;left:.75rem;right:.75rem}.jam-transport[hidden]{display:none}:root{--peer-0:#ff6b6b;--peer-1:#ffa94d;--peer-2:#c0e058;--peer-3:#51cf66;--peer-4:#22d3ee;--peer-5:#4dabf7;--peer-6:#9775fa;--peer-7:#f06595}:root[data-theme=fl-classic]{--peer-0:#ff9d9d;--peer-1:#ffc888;--peer-2:#dced8f;--peer-3:#8ee79d;--peer-4:#7fe4f5;--peer-5:#92c9fb;--peer-6:#c1adfd;--peer-7:#f9a3c1}:root[data-theme=hardware]{--peer-0:#ff7a5e;--peer-1:#ffb35e;--peer-2:#d2e06a;--peer-3:#6fd97f;--peer-4:#4fd6dd;--peer-5:#6fb6f0;--peer-6:#a98cf5;--peer-7:#f27ba6}.jam-peers{flex-wrap:wrap;align-items:center;gap:.3rem;min-width:0;display:flex}.jam-chip{white-space:nowrap;border:1px solid var(--peer,var(--muted));color:var(--muted);border-radius:999px;align-items:center;gap:.25rem;padding:.05rem .4rem;font-size:.65rem;line-height:1.3;display:inline-flex}[data-colour="0"]{--peer:var(--peer-0)}[data-colour="1"]{--peer:var(--peer-1)}[data-colour="2"]{--peer:var(--peer-2)}[data-colour="3"]{--peer:var(--peer-3)}[data-colour="4"]{--peer:var(--peer-4)}[data-colour="5"]{--peer:var(--peer-5)}[data-colour="6"]{--peer:var(--peer-6)}[data-colour="7"]{--peer:var(--peer-7)}[data-peer-focus]{outline:2px solid var(--peer,var(--muted));outline-offset:var(--peer-outline-offset,2px)}.rack-row[data-peer-focus]{box-shadow:var(--peer-rings,var(--row-shadow))}.overlay[data-peer-focus]{box-shadow:var(--peer-rings,var(--panel-shadow))}.step.peer-flash,.sstep.peer-flash,.dcell.peer-flash,.kcell.peer-flash{box-shadow:0 0 0 2px var(--peer,var(--muted))}.step.peer-flash button,.step.peer-flash button.on,.sstep.peer-flash button,.sstep.peer-flash button.on{border-color:var(--peer,var(--muted))}.jam-chip-dot{background:var(--peer,var(--muted));border-radius:50%;flex:none;width:.5rem;height:.5rem}.jam-chip-name{color:var(--text)}.jam-chip-you{color:var(--peer,var(--muted));letter-spacing:.02em;font-size:.55rem}.jam-chip-facts,.jam-chip-sound{color:var(--muted)}.follow-toggle{pointer-events:auto}.header-nav .follow-toggle{border-color:var(--muted);white-space:nowrap;padding:.05rem .4rem;font-size:.7rem;line-height:1.3}.header-nav .follow-toggle[data-mode=follow]{border-color:var(--acc);color:var(--acc)}.room-state{color:var(--muted);font-size:.7rem;line-height:1.1}#play[data-silent="1"]{outline:1px dashed var(--muted);outline-offset:2px}.menu{position:relative}.menu-items{z-index:40;background:linear-gradient(#00000038, #00000038) content-box, var(--panel-bg) padding-box;border:var(--panel-border);border-radius:var(--radius-sm);min-width:11rem;box-shadow:var(--panel-shadow);flex-direction:column;padding:4px;display:flex;position:absolute;top:100%;left:0}.menu-items[hidden]{display:none}.menu-items>button,.menu-items>.menu-link{text-align:left;color:var(--control-fg);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;padding:5px 10px;font-size:.75rem;line-height:1.35}.menu-items>button:hover:not(.disabled):not(:disabled),.menu-items>button:focus-visible,.menu-items>.menu-link:hover,.menu-items>.menu-link:focus-visible{background:var(--acc);color:var(--on-acc-fg)}.menu-items>button:disabled{opacity:.45;cursor:default}.menu-items .menu-heading{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);opacity:1;padding:6px 10px 3px;font-size:.58rem}.menu-items .menu-heading:not(:first-child){border-top:1px solid var(--knob-stroke);margin-top:4px;padding-top:7px}.setting-pick.active,.keys-target.active,.songs-chip.active{background:var(--play-bg);color:var(--play-fg);box-shadow:var(--play-shadow)}.banks{gap:4px;display:flex}.bank.active{color:var(--on-acc-fg);background:#ff5c00}.slots{gap:4px;display:flex}.slot-menu{z-index:30;background:var(--panel-bg);border:var(--panel-border);box-shadow:var(--panel-shadow);border-radius:var(--radius-sm);flex-direction:column;display:flex;position:absolute}.slot-menu button{text-align:left;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:4px 12px;font-size:.75rem}.slot-menu button.disabled{opacity:.4;cursor:default}.mode-toggle,.scene-lock{min-width:3.5rem}.slot.on{color:var(--on-acc-fg);background:#ff5c00}.midi-dot{background:#3ddc84;border-radius:50%;width:8px;height:8px;box-shadow:0 0 4px #3ddc84}.keys{color:#8a8a94;align-items:center;gap:4px;font-size:.7rem;display:flex}.keys-trigger{gap:.25rem}.keys-trigger:after{content:"▾";opacity:.55;font-size:.8em}.keys-trigger .keys-target-icon{align-items:center;display:inline-flex}.keys-trigger .keys-target-icon svg{width:15px;height:15px}.keys-trigger.keys-following .keys-target-icon{opacity:.6}.keys-trigger.keys-following:before{content:"⟳";opacity:.7;font-size:.85em}.qwerty-oct{opacity:.75;font-variant-numeric:tabular-nums;text-align:center;min-width:1.9em}.keys-target{align-items:center;gap:.4rem;display:inline-flex}.keys-target svg{flex:none;width:15px;height:15px}.arp{align-items:center;gap:.35rem;display:inline-flex}.rec-quant,.arp-mode,.arp-oct,.arp-rate{background:var(--inset-bg);color:var(--control-fg);border:1px solid var(--knob-stroke);border-radius:4px;padding:1px 2px;font-size:.7rem}.arp-toggle.on,.arp-latch.on{background:var(--acc);color:var(--on-acc-fg)}.overlay{background:var(--panel-bg);border:var(--panel-border);border-top:2px solid var(--acc);border-radius:var(--radius);box-shadow:var(--panel-shadow);padding:.75rem var(--overlay-pad-x);margin-top:1rem;display:none}.overlay.open{display:block}.overlay-icon{width:16px;height:16px;color:var(--acc);flex:none;justify-content:center;align-items:center;display:inline-flex}.overlay-icon svg{width:16px;height:16px}.overlay-title{color:var(--acc);margin-right:auto;font-size:.8rem}.overlay-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.overlay-header-right,.overlay-header-controls{align-items:center;gap:.4rem;display:flex}.overlay-close,.auto-close,.wam-gui-close{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm)}.overlay-presets,.overlay-randomize,.overlay-patterns,.overlay-newroll,.fx-presets{background:var(--panel-bg);color:var(--text,#eee);border:1px solid var(--acc-base);font:inherit;cursor:pointer;border-radius:3px;padding:.1rem .45rem;font-size:.7rem}.overlay-presets:hover,.overlay-randomize:hover,.overlay-patterns:hover,.overlay-newroll:hover,.fx-presets:hover{border-color:var(--acc)}.overlay-randomize{line-height:1}.fx-presets{margin-left:.25rem}.fx-pane{border-top:1px solid var(--knob-stroke);margin-top:.6rem;padding-top:.5rem}.fx-pane-head{width:100%;color:var(--acc);letter-spacing:.02em;cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:.2rem 0;font-size:.72rem;display:flex}.fx-pane-caret{margin-left:auto;transition:transform .12s}.fx-pane.collapsed .fx-pane-caret{transform:rotate(-90deg)}.fx-pane.collapsed .fx-pane-body{display:none}.fx-pane-count{opacity:.7}.fx-pane-top{display:contents}#status:not(:empty){color:#ff7b72;margin-top:1rem}.grid{grid-template-columns:repeat(var(--steps,16), minmax(2.2rem, 1fr));background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);gap:4px;margin-top:1rem;padding:.75rem;display:grid;overflow-x:auto}.step{flex-direction:column;gap:3px;display:flex}.length-ctl{align-items:center;gap:0;margin:4px 0 0;font-size:.7rem;display:inline-flex}.length-ctl-label{color:#8a8a94;margin-right:.25rem}.meter-chip{font-variant-numeric:tabular-nums}.length-ctl+.key.meter-chip{vertical-align:middle;gap:5px;height:20px;margin:4px 0 0 .5rem;padding:0 7px;font-size:.7rem}.meter-chip[hidden]{display:none}.key.meter-chip.lit .lamp{background:var(--acc);box-shadow:0 0 7px var(--acc), 0 0 2px var(--acc)}.len-btn{background:var(--inset-bg);color:var(--control-fg);border:1px solid var(--knob-stroke);cursor:pointer;border-radius:4px;padding:1px 7px;font-size:.7rem}.len-btn.active{background:var(--acc);color:var(--on-acc-fg);border-color:var(--acc)}.step.bar-start{border-left:2px solid var(--acc);opacity:.95;margin-left:2px;padding-left:4px}.dcell.bar-start,.kcell.bar-start{border-left:2px solid var(--acc);margin-left:2px}.kcell.bar-start{--kcell-ml:2px;margin-left:var(--kcell-ml)}.step.beat-start,.sstep.beat-start{border-left:1px solid var(--knob-stroke);margin-left:3px;padding-left:3px}.dcell.beat-start,.kcell.beat-start{margin-left:5px;position:relative}.kcell.beat-start{--kcell-ml:5px;margin-left:var(--kcell-ml)}.dcell.beat-start:before,.kcell.beat-start:before{content:"";background:var(--knob-stroke);width:1px;position:absolute;top:0;bottom:0;left:-4px}.step button{background:var(--inset-bg);color:var(--control-fg);border:1px solid var(--knob-stroke);cursor:pointer;border-radius:4px;padding:.3rem 0;font-size:.7rem}.step button.on{background:var(--acc);color:var(--on-acc-fg);border-color:var(--acc)}.step.playing button.gate{outline:2px solid var(--glow)}.step.cursor,.sstep.cursor,.kcell.cursor,.dcell.cursor{outline:2px solid var(--cursor,#4af);outline-offset:-2px}.slicegrid{grid-template-columns:repeat(var(--steps,16), minmax(2.2rem, 1fr));background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);gap:4px;margin-top:1rem;padding:.75rem;display:grid;overflow-x:auto}.sstep{flex-direction:column;gap:3px;display:flex}.sstep.bar-start{border-left:2px solid var(--acc);opacity:.95;margin-left:2px;padding-left:4px}.sstep button{background:var(--inset-bg);color:var(--control-fg);border:1px solid var(--knob-stroke);cursor:pointer;border-radius:4px;padding:.3rem 0;font-size:.7rem}.sstep .slice{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-weight:600}.sstep button.on{background:var(--acc);color:var(--on-acc-fg);border-color:var(--acc)}.sstep .slice.out-of-range{background:var(--inset-bg);color:var(--control-fg);border-style:dashed;border-color:var(--muted,#8a8a94);opacity:.55;font-style:italic}.sstep.playing button.gate{outline:2px solid var(--glow)}.steprec-toolbar{align-items:center;gap:4px;margin:2px 0;font:11px/1.4 monospace;display:flex}.steprec-toolbar button{padding:1px 6px}.steprec-toolbar .sr-step.active{background:var(--acc);color:var(--on-acc-fg)}.steprec-toolbar .sr-readout{opacity:.8;margin-left:4px}.drumgrid{background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);flex-direction:column;gap:4px;margin-top:1rem;padding:.75rem;display:flex;overflow-x:auto}.drow{grid-template-columns:3rem 5rem repeat(var(--steps,16), minmax(1rem, 1fr));align-items:center;gap:4px;display:grid}.dlabel{color:#bdbdc7;font-size:.7rem}.dlevel{width:100%;accent-color:var(--acc)}.dcell{background:var(--inset-bg);border:1px solid var(--knob-stroke);cursor:pointer;border-radius:4px;height:1.4rem}.dcell.on{background:var(--acc);border-color:var(--acc)}.dcell.accent{background:#ffd166;border-color:#ffd166}.dcell.playing{outline:2px solid var(--glow)}.kitgrid{background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);flex-direction:column;gap:4px;margin-top:1rem;padding:.75rem;display:flex;overflow-x:auto}.klane{grid-template-columns:8rem 1.2rem 1.2rem 1fr 4rem 4rem 3.2rem;align-items:center;gap:.4rem;display:grid}.kdrop{color:var(--control-fg);background:var(--inset-bg);border:1px solid var(--knob-stroke);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:.3rem .4rem;font-size:.7rem;overflow:hidden}.kdrop[data-state=empty]{opacity:.55;font-style:italic}.kdrop[data-state=missing]{color:var(--danger)}.kdrop[data-state=assigned]{color:var(--acc)}.kclear{color:var(--muted);background:var(--inset-bg);border:1px solid var(--knob-stroke);cursor:pointer;border-radius:4px;font-size:.8rem;line-height:1}.kbrowse{color:var(--control-fg);background:var(--inset-bg);border:1px solid var(--knob-stroke);cursor:pointer;border-radius:4px;padding:0;font-size:.8rem;line-height:1}.kbrowse:hover{color:var(--acc);border-color:var(--acc)}.kcells{grid-template-columns:repeat(var(--steps,16), minmax(1rem, 1fr));gap:2px;display:grid}.kcell{aspect-ratio:1;height:1.4rem;max-width:calc(100% - var(--kcell-ml,0px));background:var(--inset-bg);border:1px solid var(--knob-stroke);cursor:pointer;border-radius:2px;padding:0}.kcell.on{background:var(--acc);border-color:var(--acc)}.kcell.accent{background:var(--glow,#b8c2ff);border-color:var(--glow,#b8c2ff)}.kcell.playing{outline:2px solid #fff}.klevel,.kpitch{width:100%;accent-color:var(--acc)}.kchoke{background:var(--inset-bg);color:var(--control-fg);border:1px solid var(--knob-stroke);border-radius:4px;font-size:.7rem}.scope-strip{margin-top:.5rem;position:relative}.scope-strip .scope{cursor:pointer;width:100%;height:64px;margin-top:0;display:block}.scope-label{letter-spacing:.08em;opacity:.4;pointer-events:none;font-size:.65rem;transition:opacity .16s;position:absolute;top:6px;left:8px}.scope-label.flash{opacity:.85}.scope-strip .scope-popout-btn{z-index:1;font:inherit;cursor:pointer;color:var(--control-fg);background:var(--inset-bg);border:1px solid var(--knob-stroke);opacity:.5;border-radius:4px;padding:2px 5px;font-size:.75rem;line-height:1;position:absolute;top:6px;right:8px}.scope-strip .scope-popout-btn:hover,.scope-strip .scope-popout-btn:focus-visible{opacity:1}.scope{background:var(--inset-bg);border:1px solid var(--knob-stroke);border-radius:12px;width:100%;height:80px;margin-top:1rem;display:block}.partials{background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);gap:6px;margin-top:1rem;padding:.75rem;display:flex}.partial-wrap{color:#bdbdc7;flex-direction:column;flex:1;align-items:center;font-size:.7rem;display:flex}.partial{width:100%;accent-color:var(--acc)}.workspace{align-items:flex-start;gap:1rem;display:flex}.rack{flex:0 0 364px;width:364px;min-width:364px}.rack-row{grid-template-columns:auto  auto  minmax(3.5rem, 1fr)  auto  auto  auto  var(--vol-w,52px)  auto  auto;background:var(--row-bg);box-shadow:var(--row-shadow);border-radius:var(--radius-sm);align-items:center;gap:4px;margin-bottom:8px;padding:6px 8px;display:grid}.rack-row[data-instance=master]{grid-template-columns:auto minmax(0,1fr) auto auto auto auto auto}.rack-row.link-head{box-shadow:var(--row-shadow), inset 0 1px 0 0 var(--acc), inset 2px 0 0 0 var(--acc), inset -1px 0 0 0 var(--acc);border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:0}.rack-row.link-tail{box-shadow:var(--row-shadow), inset 0 -1px 0 0 var(--acc), inset 2px 0 0 0 var(--acc), inset -1px 0 0 0 var(--acc);border-top-left-radius:0;border-top-right-radius:0}.rack-row.link-head[data-peer-focus]{box-shadow:var(--peer-rings,var(--row-shadow)), inset 0 1px 0 0 var(--acc), inset 2px 0 0 0 var(--acc), inset -1px 0 0 0 var(--acc)}.rack-row.link-tail[data-peer-focus]{box-shadow:var(--peer-rings,var(--row-shadow)), inset 0 -1px 0 0 var(--acc), inset 2px 0 0 0 var(--acc), inset -1px 0 0 0 var(--acc)}.rack-icon{width:16px;height:16px;color:var(--acc);justify-content:center;align-items:center;display:inline-flex}.rack-icon svg{width:16px;height:16px}.rack-icon.rack-arm{appearance:none;box-sizing:content-box;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;margin:0;padding:0;line-height:1}.rack-icon.rack-arm:focus-visible{outline:2px solid var(--cursor);outline-offset:2px}.rack-icon.rack-arm:not([data-state=idle]){color:var(--rec-ring);box-shadow:0 0 0 2px var(--rec-ring)}.rack-icon.rack-arm[data-state=rec]{box-shadow:0 0 0 2px var(--rec-ring), 0 0 8px var(--rec-ring)}.rack-icon.rack-arm[data-state=countin],.mx-arm[data-state=countin],.audio-input-arm[data-state=countin]{animation:.5s step-end infinite arm-blink}@keyframes arm-blink{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.rack-icon.rack-arm[data-state=countin],.mx-arm[data-state=countin],.audio-input-arm[data-state=countin]{animation:none}}.link-cell{width:16px;display:block}.link-badge{width:16px;height:16px;color:var(--acc);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:none}.link-badge svg{width:14px;height:14px}body.link-mode .link-badge{display:inline-flex}.link-toggle.on{color:var(--acc);background:color-mix(in srgb, var(--acc) 15%, transparent)}.link-toggle:disabled{opacity:.4;cursor:not-allowed}.partial-wrap{position:relative}.partial-wrap .link-badge{position:absolute;top:0;right:0}.rack-level{accent-color:var(--acc);width:100%;min-width:0}.rack-row .knob-sm .knob{width:34px}.rack-row[data-instance=master] .knob-sm .knob{width:52px}.rack-row .knob-sm .knob-label,.rack-row .knob-sm .knob-value{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.rack-meter,.pat-strip{grid-column:1/-1}.rack-name{color:var(--acc);text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;padding:1px 3px;font-size:.85rem;font-weight:600;overflow:hidden}.rack-name.active{outline:1px solid var(--acc)}.rack-name.open:not(.active){box-shadow:inset 0 0 0 999px var(--acc-soft)}.rack-rename-input{z-index:10;width:10rem;font-size:.7rem;position:absolute}.rack-grip{cursor:grab;color:#55555e;-webkit-user-select:none;user-select:none;font-size:.8rem}.rack-row.dragging{opacity:.4}.rack-row.row-target{outline:2px solid var(--acc);outline-offset:-2px}.rack-row.insert-before:before{content:"";background:var(--acc);z-index:1;border-radius:2px;height:2px;position:absolute;top:-4px;left:0;right:0}.rack-row.insert-after:after{content:"";background:var(--acc);z-index:1;border-radius:2px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.rack-drag-ghost{pointer-events:none;opacity:.85;z-index:1000;position:fixed;top:0;left:0}.rack-row.learning{outline:1px solid var(--learn)}.rack-row.learning .learn{background:var(--learn);color:var(--on-acc-fg);border-color:var(--learn)}.partial-wrap.learning{outline:1px solid var(--learn)}.partial-wrap.learning .learn{background:var(--learn);color:var(--on-acc-fg);border-color:var(--learn)}.rack-mute{min-width:1.6rem;color:var(--control-fg);border:1px solid var(--control-border);background:var(--control-bg);border-radius:var(--radius-sm);font-weight:700}.rack-mute.muted{color:var(--on-acc-fg);background:#e5484d;border-color:#e5484d;text-decoration:none}.rack-row.is-muted :is(.rack-name,.rack-icon,.rack-level,.knob-sm){opacity:.4}.fx-chip{border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--control-bg);color:var(--control-fg);cursor:pointer;padding:1px 5px;font-size:.65rem}.fx-chip.fx-live{border-color:var(--acc);color:var(--acc)}.rack-head{justify-content:space-between;align-items:center;gap:4px;padding:0 2px 4px;display:flex}.rack-title{color:#8a8a94;letter-spacing:.1em;font-size:.65rem}.rack-head .rack-switch-lbl{opacity:.6;letter-spacing:.04em;margin-left:auto;font-size:.6rem}.rack:is(.compact,.collapsed) .rack-switch-lbl{display:none}.rack-head>:is(.scene-lock,.rack-collapse){flex:none}.rack.compact .rack-head>.scene-lock{margin-left:auto}.rack.collapsed .scene-lock{flex-direction:column;min-width:0}.rack.collapsed .scene-half{padding:.05rem .15rem;font-size:.5rem}.rack-solo{min-width:1.6rem;color:var(--control-fg);border:1px solid var(--control-border);background:var(--control-bg);border-radius:var(--radius-sm);font-weight:700}.rack-solo.soloed{background:var(--acc);border-color:var(--acc);color:var(--on-acc-fg)}.rack.compact{flex:0 0 192px;width:192px;min-width:192px}.rack.compact .rack-row:not([data-instance=master]){grid-template-columns:auto minmax(0,1fr) auto auto}.rack.compact .rack-row[data-instance=master]{grid-template-columns:minmax(0,1fr) auto}.rack.compact .rack-icon,.rack.compact .fx-chip,.rack.compact .rack-level,.rack.compact .link-cell,.rack.compact .pan-knob,.rack.compact .knob-sm,.rack.compact .pat-strip,.rack.compact .rack-patchip,.rack.compact .rack-patfold{display:none}.rack-patchip{box-sizing:border-box;background:var(--inset-bg);height:20px;color:var(--control-fg);border:1px solid var(--control-border);border-radius:4px;grid-column:1/-1;justify-self:start;padding:0 .45rem;font-size:.65rem;line-height:1}.rack-patchip:hover{border-color:var(--acc);color:var(--text)}.rack-patfold{min-width:1.2rem;color:var(--muted);background:0 0;border:1px solid #0000;font-size:.6rem;position:absolute;bottom:6px;right:8px}.rack-patfold:hover{color:var(--text);border-color:var(--control-border)}.rack-row.pat-open .pat-strip{margin-right:1.6rem}.rack.compact .rack-row{margin-bottom:3px;padding:3px 8px}.rack.compact .pat-menu{display:none}.rack.collapsed{flex:0 0 28px;width:28px;min-width:28px}.rack.collapsed>:not(.rack-head){display:none}.rack.collapsed .rack-head{flex-direction:column-reverse;align-items:center;gap:8px}.rack.collapsed .rack-title{writing-mode:vertical-rl;letter-spacing:.2em}.rack-meter{background:var(--inset-bg,#222);border-radius:2px;flex-basis:100%;height:4px;position:relative;overflow:hidden}.rack-meter-fill{width:calc(var(--lv,0) * 100%);background:var(--acc);position:absolute;top:0;bottom:0;left:0}.rack-meter-peak{top:0;bottom:0;left:calc(var(--pk,0) * 100%);background:var(--glow);width:2px;position:absolute}.clip-led{border:1px solid var(--knob-stroke,#444);background:#3a3a42;border-radius:50%;width:10px;height:10px}.clip-led.on{background:#e5484d;box-shadow:0 0 6px #e5484d}.main-col{min-width:calc(320px + 2 * var(--overlay-pad-x) + 2px);flex:1}.library{flex-direction:column;flex:0 0 205px;gap:6px;width:205px;display:flex}.lib-title{color:#8a8a94;letter-spacing:.1em;font-size:.65rem}.pl-title{color:var(--muted);letter-spacing:.1em;margin-right:auto;font-size:.65rem}.lib-head{justify-content:space-between;align-items:center;gap:4px;display:flex}.lib-collapse,.rack-collapse{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;padding:2px 8px;font-size:.75rem;line-height:1}.library:is(.collapsed,.yielded){flex:0 0 28px;width:28px}.library:is(.collapsed,.yielded)>:not(.lib-head){display:none}.library:is(.collapsed,.yielded) .lib-head{flex-direction:column-reverse;align-items:center;gap:8px}.library:is(.collapsed,.yielded) .lib-title{writing-mode:vertical-rl;letter-spacing:.2em}.library:is(.collapsed,.yielded) .lib-collapse:after{content:"";vertical-align:top;width:24px;height:24px;margin:-3px -10px -21px -14px;display:inline-block}@media (pointer:coarse){.library:is(.collapsed,.yielded) .lib-collapse{min-width:44px;min-height:44px}}.lib-tabs{margin-bottom:.4rem;display:flex}.lib-tab{letter-spacing:.06em;cursor:pointer;text-transform:none;border:1px solid #0000;flex:1;margin:0;padding:.3rem .5rem;font-size:.62rem}.lib-panel[hidden]{display:none}.lib-filter{box-sizing:border-box;width:100%;margin:2px 0 4px;font-size:11px}.lib-groups,.lib-group{flex-direction:column;gap:6px;display:flex}.lib-group-head{text-align:left;width:100%;color:var(--control-fg);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;padding:2px 4px;font-size:.7rem;display:block}.lib-entry{background:var(--row-bg);box-shadow:var(--row-shadow);border-radius:8px;flex-wrap:wrap;align-items:center;gap:2px 6px;padding:6px 8px;display:flex}.lib-entry[draggable=true]{cursor:grab}.lib-entry .lib-name{min-width:0;color:var(--acc);flex:auto;font-size:.8rem;font-weight:600}.lib-entry .lib-blurb{color:#8a8a94;flex:1 0 100%;order:10;font-size:.6rem}.lib-entry.capped{opacity:.45;cursor:default}.lib-entry.dragging{opacity:.4}.lib-add{background:var(--control-bg);min-width:1.6rem;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);font-size:.8rem}.rack-dropzone{border:2px dashed var(--acc);text-align:center;color:#8a8a94;border-radius:8px;min-height:3rem;margin-top:6px;padding:22px;font-size:.78rem}.rack-dropzone.over{border-color:var(--acc);color:var(--acc);background:color-mix(in srgb, var(--acc) 12%, transparent)}.smp-notice{opacity:.7;padding:2px 4px;font-size:.85em}.smp-empty{opacity:.65;padding:6px 4px;font-size:.78rem;line-height:1.4}.smp-list{flex-direction:column;gap:10px;display:flex}.sample-browser .sb-card,.smp-list .smp-entry{border:1px solid var(--control-border);color:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:6px;flex-direction:column;gap:.25rem;padding:.35rem;display:flex}.sample-browser .sb-card:hover,.sample-browser .sb-card:focus-visible,.smp-list .smp-entry:hover{border-color:var(--acc)}.sample-browser .sb-card-name,.smp-list .smp-name{text-overflow:ellipsis;white-space:nowrap;font-size:.8em;overflow:hidden}.sample-browser .sb-card-meta,.smp-list .smp-dur{opacity:.7;font-size:.8em}.sample-browser .sb-thumb,.smp-list .smp-thumb{border-radius:3px;width:100%;height:32px;display:block}.sample-browser .sb-thumb.placeholder,.smp-list .smp-thumb.placeholder{background:repeating-linear-gradient(90deg,#80808026 0 6px,#0000 6px 12px)}.sample-browser .sb-thumb-wrap,.smp-list .smp-thumb-wrap{cursor:pointer;position:relative}.sample-browser .sb-actions,.smp-list .smp-actions{gap:.1rem;display:flex}.sample-browser .sb-ico,.smp-list .smp-ico{width:24px;height:24px;color:inherit;cursor:pointer;opacity:.8;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.sample-browser .sb-ico:not([disabled]):hover,.smp-list .smp-ico:not([disabled]):hover{opacity:1;color:var(--acc)}.sample-browser .sb-ico[disabled],.smp-list .smp-ico[disabled]{opacity:.3;cursor:not-allowed}.sample-browser .sb-ico svg,.smp-list .smp-ico svg{width:18px;height:18px}.sample-browser .sb-ico.sb-ico-star.active,.smp-list .smp-fav.active,.sample-browser .sb-ico.playing,.smp-list .smp-ico.playing{color:var(--acc);opacity:1}.smp-list .smp-entry{cursor:grab;background:var(--row-bg);box-shadow:var(--row-shadow);border-color:#0000;border-radius:8px;position:relative}.smp-list .smp-entry:hover{border-color:var(--acc);box-shadow:var(--row-shadow), inset 0 0 0 999px var(--acc-soft,transparent)}.smp-list .smp-thumb{height:28px}.smp-list .smp-name{color:var(--text);font-size:.72rem}.smp-list .smp-actions{align-items:center;gap:0}.smp-list .smp-dur{font-variant-numeric:tabular-nums;margin-right:auto;font-size:.62rem}.smp-list .smp-ico{width:22px;height:22px}.smp-list .smp-ico svg{width:15px;height:15px}.smp-rename{z-index:5;box-sizing:border-box;font-size:11px;position:absolute;top:50%;left:.35rem;right:.35rem;transform:translateY(-50%)}.fm-patch-row,.rust-sandblast-row{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.rust-sandblast{background:var(--panel-bg);color:var(--text);border:1px solid var(--acc-base);font:inherit;cursor:pointer;border-radius:3px;padding:.15rem .6rem}.rust-sandblast:hover{border-color:var(--acc)}.glacier-thaw-row{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.glacier-thaw{background:var(--panel-bg);color:var(--text);border:1px solid var(--acc-base);font:inherit;cursor:pointer;border-radius:3px;padding:.15rem .6rem}.glacier-thaw:hover,.glacier-thaw[data-undo]{border-color:var(--acc)}.fm-patch-label{letter-spacing:.08em;opacity:.7;font-size:.65rem}.fm-patch{background:var(--panel-bg);color:var(--text,#eee);border:1px solid var(--acc-base);font:inherit;border-radius:3px;padding:.15rem .4rem}.smp-hint{box-sizing:border-box;text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;border:1px dashed var(--acc);background:0 0;border-radius:4px;margin-bottom:8px;padding:6px 10px;font-size:.9em;display:block}.smp-hint[hidden]{display:none}.smp-hint:hover{background:color-mix(in srgb, var(--acc) 12%, transparent)}.smp-hint[data-state=missing]{color:#ff9a9a;border-color:#ff9a9a}.smp-hint[data-state=missing]:hover{background:#ff9a9a1f}.smp-waveform{margin-bottom:8px}.smp-wave{background:#00000040;border-radius:4px;width:100%;height:72px;display:block}.wave-views{gap:4px;margin-top:4px;display:flex}.wave-views[hidden]{display:none}button.wave-view{border-radius:var(--radius-sm);border:1px solid var(--control-border);background:var(--control-bg);color:var(--control-fg);cursor:pointer;padding:2px 8px;font-size:10px}button.wave-view:hover{color:var(--text)}button.wave-view.on{background:var(--play-bg);color:var(--play-fg);box-shadow:var(--play-shadow);border-color:#0000}.rack-row.smp-target{outline:2px dashed var(--acc);outline-offset:-2px}.smp-tools{flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0;display:flex}.smp-tools button,.smp-fade-len{padding:2px 6px;font-size:10px}.smp-undo{margin-left:auto}.smp-tools button.smp-pick{color:var(--acc);border:1px solid var(--acc);cursor:pointer;background:0 0;border-radius:3px}.smp-tools button.smp-pick:hover{background:color-mix(in srgb, var(--acc) 15%, transparent)}.smp-rec-wrap{align-items:center;gap:4px;display:inline-flex}button.smp-rec{border-radius:var(--radius-sm);border:1px solid var(--control-border);background:var(--control-bg);color:var(--control-fg);cursor:pointer;padding:2px 6px;font-size:10px}button.smp-rec:before{content:"";vertical-align:middle;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}button.smp-rec[data-phase=writing]{background:var(--play-bg);color:var(--play-fg);box-shadow:var(--play-shadow);border-color:#0000}button.smp-rec[data-phase=writing]:before{animation:.5s ease-in-out infinite alternate rec-pulse}button.smp-rec[disabled]{opacity:.45;cursor:not-allowed}.smp-rec-meter{background:var(--inset-bg);border-radius:2px;width:56px;height:4px;display:inline-block;position:relative;overflow:hidden}.smp-rec-fill{background:var(--acc);width:0%;position:absolute;top:0;bottom:0;left:0}.smp-rec-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.smp-rec-time.near-cap{color:var(--warn)}.smp-rec-meter[hidden],.smp-rec-time[hidden]{display:none}.smp-rec-gain{align-items:center;gap:3px;display:inline-flex}.smp-rec-gain-slider,.audio-input-trim{appearance:none;background:var(--inset-bg);cursor:pointer;vertical-align:middle;border-radius:2px;width:44px;height:4px;margin:0;padding:0}.smp-rec-gain-slider::-webkit-slider-thumb{appearance:none;background:var(--acc);cursor:pointer;border:none;border-radius:50%;width:9px;height:9px}.audio-input-trim::-webkit-slider-thumb{appearance:none;background:var(--acc);cursor:pointer;border:none;border-radius:50%;width:9px;height:9px}.smp-rec-gain-slider::-moz-range-thumb{background:var(--acc);cursor:pointer;border:none;border-radius:50%;width:9px;height:9px}.audio-input-trim::-moz-range-thumb{background:var(--acc);cursor:pointer;border:none;border-radius:50%;width:9px;height:9px}.smp-rec-gain-slider:focus-visible,.audio-input-trim:focus-visible{outline:1px solid var(--acc);outline-offset:2px}.smp-rec-gain-val{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:5ch;font-size:10px}.smp-rec-gain.trimmed .smp-rec-gain-val{color:var(--acc)}.smp-builtin-head,.smp-fav-head{text-align:left;width:100%;color:var(--control-fg);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.7rem;display:block}.smp-builtin .smp-entry,.smp-favorites .smp-entry{margin-left:0}.smp-builtin,.smp-favorites{flex-direction:column;gap:10px;display:flex}.smp-builtin-head,.smp-fav-head{margin-bottom:-4px}.lib-title-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.smp-filter{box-sizing:border-box;width:100%;margin:4px 0 0;font-size:11px}.smp-browse{border:1px solid var(--knob-stroke);color:var(--control-fg);cursor:pointer;background:0 0;border-radius:6px;flex:none;align-items:center;gap:4px;padding:2px 6px;font-size:.7rem;display:inline-flex}.smp-browse svg{width:16px;height:16px}.sample-browser{flex-direction:column;gap:10px;min-width:320px;display:flex}.smp-entry.smp-pickable{cursor:pointer}.smp-entry.picked{outline:1px solid var(--acc)}.songbar{flex-wrap:wrap;flex:none;align-items:center;gap:6px;font-size:.75rem;display:flex}.songbar button{white-space:nowrap}@media (min-width:36rem){.songbar{justify-content:flex-end}}.songbar .song-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.songbar .song-actions[hidden]{display:none}.songbar>.view-cluster{margin-left:0}.songbar .pl-pos{display:none}.view-cluster{border-left:1px solid var(--knob-stroke);align-items:center;gap:4px;margin-left:auto;padding-left:.6rem;display:flex}.view-cluster button{font-size:.75rem}.song-dir{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm)}.pl-collapse,.pl-fs,.song-help,.pl-zoom-out,.pl-zoom-in{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);font-size:.7rem}.songbar :is(.pl-zoom-out,.pl-zoom-in,.pl-collapse,.song-help,.pl-fs){box-sizing:border-box;place-items:center;width:24px;height:24px;padding:0;font-size:.8rem;line-height:1;display:inline-grid}.songbar :is(.pl-addlane,.pl-stamp,.pl-audio){box-sizing:border-box;height:24px;padding:0 6px;line-height:1}.songbar button[hidden]{display:none}.songbar button:disabled{opacity:.45;cursor:default}.songbar[hidden]{display:none}.overlay-host{margin-top:1rem}.welcome-backdrop{z-index:100;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.welcome-card{box-sizing:border-box;background:var(--panel-bg);border:var(--panel-border);border-top:2px solid var(--acc);border-radius:var(--radius);width:min(92vw,34rem);max-height:92vh;box-shadow:var(--panel-shadow);color:var(--text);text-align:center;padding:2rem;position:relative;overflow:auto}.welcome-card:focus{outline:none}.welcome-logo{justify-content:center;align-items:center;gap:.9rem;margin:.25rem 0 1.25rem;display:flex}.welcome-mark{flex:none;width:72px;height:auto;display:block}.welcome-wordmark{letter-spacing:.08em;font-size:2.6rem;font-weight:700;line-height:1}.welcome-title{letter-spacing:.04em;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.welcome-question{margin:0 0 1.5rem;font-size:1.1rem}.welcome-actions{flex-wrap:wrap;gap:.75rem;display:flex}.welcome-new,.welcome-experienced{box-sizing:border-box;cursor:pointer;background:var(--control-bg);min-width:12rem;min-height:44px;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);flex:1 1 0;padding:.75rem 1.1rem;font-size:.95rem}.welcome-dismiss{box-sizing:border-box;cursor:pointer;background:var(--control-bg);min-width:32px;min-height:32px;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:1rem;line-height:1;position:absolute;top:.6rem;right:.6rem}.coach-layer{z-index:95;pointer-events:none;position:fixed;inset:0}.coach-ring{pointer-events:none;border-radius:var(--radius);outline:2px solid var(--acc);outline-offset:-2px;position:fixed;box-shadow:0 0 0 100vmax #00000059}.coach-ring[data-glide]{transition:top .15s,left .15s,width .15s,height .15s}@media (prefers-reduced-motion:reduce){.coach-ring[data-glide]{transition:none}}.coach-pop{pointer-events:auto;box-sizing:border-box;width:min(22rem,100vw - 16px);color:var(--text);background:var(--panel-bg);border:var(--panel-border);border-top:2px solid var(--acc);border-radius:var(--radius);box-shadow:var(--panel-shadow);flex-direction:column;gap:.5rem;padding:.75rem .9rem;display:flex;position:fixed}.coach-pop[data-docked]{max-height:calc(100vh - 32px);top:auto;bottom:16px;left:50%;transform:translate(-50%)}.coach-arrow{background:var(--acc);pointer-events:none;position:absolute}.coach-arrow[data-edge=top]{clip-path:polygon(50% 0,100% 100%,0 100%);width:20px;height:10px}.coach-arrow[data-edge=bottom]{clip-path:polygon(0 0,100% 0,50% 100%);width:20px;height:10px}.coach-arrow[data-edge=left]{clip-path:polygon(0 50%,100% 0,100% 100%);width:10px;height:20px}.coach-arrow[data-edge=right]{clip-path:polygon(0 0,100% 50%,0 100%);width:10px;height:20px}.coach-head{flex:none;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.coach-title{letter-spacing:.04em;font-weight:700}.coach-body{flex:auto;min-height:0;overflow-y:auto}.coach-text{margin:0;font-size:.85rem;line-height:1.45}.coach-hint{color:var(--text);margin:.4rem 0 0;font-size:.75rem;font-style:italic}.coach-foot{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.5rem;display:flex}.coach-foot button,.coach-close{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:.3rem .55rem;font-size:.7rem}.coach-close{padding:.1rem .45rem;line-height:1}.coach-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.coach-layer[hidden],.coach-ring[hidden],.coach-arrow[hidden],.coach-hint[hidden],.coach-foot button[hidden]{display:none}.roll-editor{background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);flex-direction:column;gap:.5rem;margin-top:1rem;padding:.75rem;display:none}.roll-editor.open{height:var(--roll-h,24rem);max-height:none;display:flex}.roll-header{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.roll-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8rem;font-weight:600;overflow:hidden}.roll-bars,.roll-delete,.roll-close{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);font-size:.7rem}.roll-target{max-width:7rem;font-size:.7rem}.roll-grid-wrap{--roll-lane-h:56px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.roll-grid{grid-template-columns:var(--roll-gutter) calc(var(--subw) * var(--cols)) minmax(0, 1fr);grid-template-rows:var(--rowh,.9rem) repeat(60, minmax(var(--rowh,.9rem), 1fr));grid-auto-rows:var(--rowh,.9rem);background:var(--inset-bg);--subw:calc(1.4rem / 6);--roll-bar-ticks:96;--roll-beat-1:24;--roll-beat-2:48;--roll-beat-3:72;--roll-beat-4:0;--roll-beat-5:0;--roll-beat-6:0;--roll-beat-7:0;--roll-beat-even:24;--roll-bar-w:calc(var(--subw) * var(--roll-bar-ticks));--roll-beat-w:calc(var(--subw) * var(--roll-beat-even));--roll-b1:calc(var(--subw) * var(--roll-beat-1));--roll-b2:calc(var(--subw) * var(--roll-beat-2));--roll-b3:calc(var(--subw) * var(--roll-beat-3));--roll-b4:calc(var(--subw) * var(--roll-beat-4));--roll-b5:calc(var(--subw) * var(--roll-beat-5));--roll-b6:calc(var(--subw) * var(--roll-beat-6));--roll-b7:calc(var(--subw) * var(--roll-beat-7));border-radius:8px;flex:1;min-height:0;display:grid;position:relative;overflow:auto}.roll-lane{height:var(--roll-lane-h);background:var(--inset-bg);--subw:calc(1.4rem / 6);border-radius:8px;flex:none;margin-top:2px;display:flex;overflow:hidden}.roll-lane-gutter{width:var(--roll-gutter);color:var(--muted);box-sizing:border-box;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;justify-content:flex-end;align-items:flex-end;padding:0 4px 2px 0;font-size:.55rem;display:flex}.roll-lane-viewport{flex:1;min-width:0;position:relative;overflow:hidden}.roll-lane-track{will-change:transform;touch-action:none;height:100%;position:relative}.roll-vel{background:var(--acc);opacity:.85;cursor:ns-resize;box-sizing:border-box;border-radius:2px 2px 0 0;min-width:2px;position:absolute;bottom:0}.roll-vel.accent{background:#ffd166}.roll-vel.selected{outline-offset:-1px;z-index:1;outline:2px solid #fff}.edge-rail{z-index:5;pointer-events:none;display:flex;position:absolute}.edge-rail[data-axis=x]{justify-content:space-between;height:1.1rem;bottom:0;left:0;right:0}.edge-rail[data-axis=y]{flex-direction:column;justify-content:space-between;width:1.1rem;top:0;bottom:0;right:0}.roll-grid-wrap>.edge-rail[data-axis=x]{right:1.1rem;bottom:calc(var(--roll-lane-h) + 2px)}.roll-grid-wrap>.edge-rail[data-axis=y]{bottom:calc(1.1rem + var(--roll-lane-h) + 2px)}.edge-rail-btn{pointer-events:auto;background:var(--control-bg);width:1.1rem;height:1.1rem;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:0;font-size:.7rem;line-height:1;position:relative}.edge-rail[data-axis=x] .edge-rail-btn{margin:0 4px}.edge-rail[data-axis=y] .edge-rail-btn{margin:4px 0}.edge-rail-btn:before{content:"";width:24px;height:24px;position:absolute;inset:50%;transform:translate(-50%,-50%)}.roll-tools{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.65rem;display:flex}.roll-tools>*{flex:none}.roll-tools .sr-readout{text-align:center;min-width:7ch;display:inline-block}.roll-tools .sr-readout[hidden]{display:none}.roll-tools label{align-items:center;gap:.25rem;display:flex}.roll-tools select,.roll-tools button{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);font-size:.65rem}.roll-scalesel{max-width:4.25rem}.tool-group{flex-wrap:wrap;align-items:center;gap:.35rem;max-width:100%;display:inline-flex}.tool-group+.tool-group{border-left:1px solid var(--knob-stroke);padding-left:.4rem}.roll-tools-view,.roll-tools-edit{margin-top:.25rem}.roll-row,.roll-row-tail{box-sizing:border-box;background-image:repeating-linear-gradient(to right, #5a5a68 0 2px, transparent 2px var(--roll-bar-w)), repeating-linear-gradient(to right, #34343e 0 1px, transparent 1px var(--roll-b1), #34343e var(--roll-b1) calc(var(--roll-b1) + 1px), transparent calc(var(--roll-b1) + 1px) var(--roll-b2), #34343e var(--roll-b2) calc(var(--roll-b2) + 1px), transparent calc(var(--roll-b2) + 1px) var(--roll-b3), #34343e var(--roll-b3) calc(var(--roll-b3) + 1px), transparent calc(var(--roll-b3) + 1px) var(--roll-b4), #34343e var(--roll-b4) calc(var(--roll-b4) + 1px), transparent calc(var(--roll-b4) + 1px) var(--roll-b5), #34343e var(--roll-b5) calc(var(--roll-b5) + 1px), transparent calc(var(--roll-b5) + 1px) var(--roll-b6), #34343e var(--roll-b6) calc(var(--roll-b6) + 1px), transparent calc(var(--roll-b6) + 1px) var(--roll-b7), #34343e var(--roll-b7) calc(var(--roll-b7) + 1px), transparent calc(var(--roll-b7) + 1px) var(--roll-bar-w)), repeating-linear-gradient(to right, var(--roll-div-line,#232329) 0 1px, transparent 1px calc(var(--subw) * var(--div)));border-bottom:1px solid #232329}.roll-row{cursor:pointer}.roll-row-tail{cursor:default}.roll-grid.coarse .roll-row,.roll-grid.coarse .roll-row-tail{--roll-div-line:#1f1f26}.roll-row.c-row,.roll-row-tail.c-row{background-color:#1c1c22}.roll-notes{grid-area:2/2/span 60;grid-template-columns:repeat(var(--cols), var(--subw));pointer-events:none;z-index:1;grid-template-rows:repeat(60,minmax(0,1fr));display:grid}.roll-note{pointer-events:auto;position:relative}.roll-key{z-index:2;box-sizing:border-box;color:#2a2a30;cursor:pointer;-webkit-user-select:none;user-select:none;background:#d8d5cf;border:1px solid #232329;border-color:#232329 #3a3a42 #b9b6b0 #232329;justify-content:flex-end;align-items:center;padding-right:4px;font-size:.55rem;display:flex;position:sticky;left:0}.roll-key.sharp{color:#cfcdc8;background:#23232a;border-bottom-color:#101014;width:72%}.roll-key.c-row{font-weight:700}.roll-note{background:color-mix(in oklab, var(--acc) calc(20% + 80% * var(--vel,1)), var(--note-floor));cursor:grab;box-sizing:border-box;border-radius:3px}.roll-note.accent{background:#ffd166}.roll-note.selected{outline-offset:-1px;z-index:2;outline:2px solid #fff}.roll-note.slide:after{content:"";background:inherit;clip-path:polygon(0 0,100% 50%,0 100%);opacity:.85;width:6px;position:absolute;top:2px;bottom:2px;right:-3px}.roll-marquee{pointer-events:none;z-index:3;background:#8a8a941f;border:1px dashed #8a8a94;position:absolute}.lp-pulse{border:2px solid var(--glow);pointer-events:none;z-index:4;border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;animation:.26s ease-out forwards lp-pulse;position:absolute}@keyframes lp-pulse{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1)}}.roll-ruler,.roll-ruler-tail{z-index:3;color:#8a8a94;background:#1c1c22;border-bottom:1px solid #3a3a42;height:.9rem;font-size:.55rem;display:flex;position:sticky;top:0}.roll-ruler span{width:var(--roll-bar-w);box-sizing:border-box;border-left:1px solid #3a3a42;flex:none;padding-left:3px;overflow:hidden}.roll-ruler-corner{z-index:4;background:#1c1c22;border-bottom:1px solid #3a3a42;position:sticky;top:0;left:0}.roll-playhead{background:var(--glow);pointer-events:none;z-index:4;width:2px;position:absolute;top:0}.roll-step-cursor{background:var(--cursor,#4af);pointer-events:none;z-index:3;width:2px;position:absolute;top:0}.roll-take-ghost{background:var(--rec);opacity:.35;pointer-events:none;z-index:2;position:absolute}.roll-region{z-index:1;border-left:2px solid var(--glow);border-right:2px solid var(--glow);cursor:grab;background:#ffd16629;border-radius:3px;position:absolute;top:0;bottom:0}.roll-region.off{opacity:.4}.roll-region .grip{cursor:ew-resize;width:6px;position:absolute;top:0;bottom:0}.roll-region .grip.l{left:-2px}.roll-region .grip.r{right:-2px}.roll-ruler-tail{background-image:repeating-linear-gradient(to right, #3a3a42 0 1px, transparent 1px var(--roll-bar-w));grid-area:1/3;overflow:hidden}.roll-past{z-index:1;pointer-events:none;background:var(--past-bg);grid-area:2/3/-1}.roll-end{z-index:4;pointer-events:none;grid-area:1/2/-1;justify-self:end}.roll-end-flag{top:0;bottom:0;right:calc(2px + var(--end-flag-shift,0px));pointer-events:none;--end-flag-shift:max(0px, 1.1rem + 4px - max(0px, var(--roll-pane-w) - var(--roll-gutter) - var(--subw) * var(--cols)));position:absolute}.roll-lane-track:before{content:"";z-index:2;pointer-events:none;position:absolute;top:0;bottom:0;right:0}.roll-lane-track:after{content:"";pointer-events:none;background:var(--past-bg);width:100vw;position:absolute;top:0;bottom:0;left:100%}.roll-toolbar{display:contents}.roll-solo{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);font-size:.7rem}.roll-solo.on{background:var(--acc);color:var(--on-acc-fg)}.roll-midi{position:relative}.roll-midi>summary{cursor:pointer;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:2px 8px;font-size:.7rem;list-style:none}.roll-midi>summary::-webkit-details-marker{display:none}.roll-midi-menu{z-index:30;background:var(--panel-bg);border:var(--panel-border);box-shadow:var(--panel-shadow);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:calc(100% + 2px);left:0}.roll-midi-menu button{text-align:left;white-space:nowrap;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);font-size:.7rem}.roll-grid.midi-drop{outline:2px dashed var(--acc);outline-offset:-2px}.roll-row.off-scale,.roll-row-tail.off-scale{filter:brightness(.55)}.roll-key.off-scale{opacity:.45}.roll-key.lit{background:var(--acc);color:var(--on-acc-fg)}.roll-row.lit{background-color:color-mix(in srgb, var(--acc) 18%, transparent)}.roll-snap.on{background:var(--acc);color:#111}.roll-note.ghost{opacity:.25;pointer-events:none;background:#8a8a94}.roll-note.logghost{background:color-mix(in oklab, var(--acc) calc(8% + 22% * var(--vel,1)), transparent);outline:1px dashed var(--acc);opacity:.7;pointer-events:auto;cursor:pointer;z-index:3}.roll-note.logghost.accent{outline-color:#ffd166}.roll-note.logghost.selected{outline-offset:-1px;opacity:1;background:color-mix(in srgb, var(--acc) 35%, transparent);outline:2px solid #fff}.roll-ghost.on,.roll-audition.on{background:var(--acc);color:#111}.roll-tools-chord{margin-top:.25rem}.roll-prog{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.65rem;display:flex}.roll-prog[hidden]{display:none}.roll-prog label{align-items:center;gap:.25rem;display:flex}.roll-prog select,.roll-prog button{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);font-size:.65rem}.roll-prog-slots{flex-wrap:wrap;gap:.25rem;display:flex}.roll-prog-chip{text-align:left;min-width:4.5rem}.roll-prog-chip[aria-pressed=true],.roll-prog-bass[aria-pressed=true],.roll-prog-btn.on{background:var(--acc);color:#111}.random-only{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.65rem;display:flex}.random-only[hidden]{display:none}.random-only label{align-items:center;gap:.25rem;display:flex}.random-only button{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);font-size:.65rem}.random-only input[type=range]{width:5.5rem}.roll-log{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.65rem;display:flex}.roll-log[hidden]{display:none}.roll-log button{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);font-size:.65rem}.roll-scorelog.on,.roll-random.on{background:var(--acc);color:#111}.rc-module{border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;flex:none;align-items:center;gap:2px;min-width:0;padding:2px 4px 2px 6px;display:inline-flex;position:relative}.rc-module:before{content:attr(data-label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);pointer-events:none;background:0 0;padding:0 3px;font-size:.5rem;line-height:1;position:absolute;top:-.45rem;left:6px}.roll-tools{gap:6px;margin-top:.15rem}.roll-prog,.random-only,.roll-log{margin-top:0}.roll-tools .tool-group+.tool-group{border-left:0;padding-left:0}.roll-tools .rc-module button,.roll-tools .rc-module select,.roll-header .rc-readout select,.roll-header .rc-led,.roll-prog .rc-module button,.roll-prog .rc-module select,.random-only .rc-module button,.roll-log .rc-module button,.roll-prog .rc-readout select,.roll-prog button.rc-step,.roll-prog button.rc-led,.random-only button,.roll-log button,.roll-tools-view .sr-step{box-sizing:border-box;height:22px;padding:0 6px;font-size:.6rem;line-height:1}.rc-seg{gap:0;display:inline-flex}.rc-seg>button{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:0;margin-left:-1px}.rc-seg>button:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);margin-left:0}.rc-seg>button:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.rc-seg>button[aria-pressed=true],.rc-seg>.active{background:var(--play-bg);color:var(--play-fg);box-shadow:var(--play-shadow);z-index:1;border-color:#0000;position:relative}.rc-readout{align-items:stretch;display:inline-flex}.rc-value{font-variant-numeric:tabular-nums;text-align:right;min-width:3ch;color:var(--readout-fg);background:var(--readout-bg);border:var(--readout-border);box-shadow:var(--readout-shadow);text-shadow:var(--readout-glow);box-sizing:border-box;border-radius:0;justify-content:flex-end;align-items:center;height:22px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;display:inline-flex}.rc-readout select{appearance:none;font-variant-numeric:tabular-nums;background:var(--readout-bg);color:var(--readout-fg);border:var(--readout-border);box-shadow:var(--readout-shadow);text-shadow:var(--readout-glow);text-align:center;text-align-last:center;cursor:pointer;border-radius:0;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.rc-module button.rc-step{padding:0}.rc-step{background:var(--control-bg);width:14px;color:var(--control-fg);border:1px solid var(--control-border);cursor:pointer;padding:0;font-size:.55rem}.rc-step:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:0}.rc-step:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:0}.rc-step:disabled{opacity:.35;cursor:default}button.rc-led{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);align-items:center;gap:5px;display:inline-flex}.rc-led:before{content:"";background:var(--inset-bg);border-radius:50%;flex:none;width:6px;height:6px}.rc-led.on:before,.rc-led[aria-pressed=true]:before{background:var(--acc);box-shadow:0 0 5px var(--acc)}button.rc-led.on,button.rc-led[aria-pressed=true]{background:var(--control-bg);color:var(--text)}button.rc-icon,summary.rc-icon{background:var(--control-bg);width:24px;height:24px;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);place-items:center;padding:0;font-size:.8rem;line-height:1;display:inline-grid}button.rc-icon svg{width:16px;height:16px}summary.rc-icon{cursor:pointer;width:auto;min-width:24px;padding:0 6px;font-size:.6rem;list-style:none}summary.rc-icon::-webkit-details-marker{display:none}button.rc-icon.roll-meter{font-variant-numeric:tabular-nums;white-space:nowrap;width:auto;min-width:24px;padding:0 6px;font-size:.6rem}button.rc-icon.roll-meter.lit{color:var(--acc);border-color:var(--acc)}button.rc-icon.on{background:var(--play-bg);color:var(--play-fg);box-shadow:var(--play-shadow);border-color:#0000}.roll-header .rc-readout select{font-size:.65rem}.roll-header .roll-name{color:var(--readout-fg);text-shadow:var(--readout-glow);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;font-weight:500}.roll-prog,.random-only,.roll-log{background:var(--inset-bg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:3px 6px}.random-only input[type=range]{accent-color:var(--acc)}.rc-seg>button:disabled,.rc-led:disabled,.rc-icon:disabled{opacity:.45;cursor:default}.rc-seg>button:focus-visible,.rc-led:focus-visible,.rc-icon:focus-visible,.rc-readout select:focus-visible{outline:2px solid var(--acc);outline-offset:-2px;z-index:2;position:relative}.roll-tools-view .sr-step{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);align-items:center;gap:5px;padding:0 6px;display:inline-flex}.roll-tools-view .sr-step:before{content:"";background:var(--inset-bg);border-radius:50%;flex:none;width:6px;height:6px}.roll-tools-view .sr-step.active{background:var(--control-bg);color:var(--text)}.roll-tools-view .sr-step.active:before{background:var(--acc);box-shadow:0 0 5px var(--acc)}.roll-tools .sr-readout{font-variant-numeric:tabular-nums;color:var(--readout-fg);background:var(--readout-bg);border:var(--readout-border);box-shadow:var(--readout-shadow);text-shadow:var(--readout-glow);box-sizing:border-box;opacity:1;border-radius:0;justify-content:center;align-items:center;height:22px;margin-left:0;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;display:inline-flex}.roll-tools .rc-module button:disabled,.roll-prog button:disabled,.random-only button:disabled,.roll-log button:disabled{opacity:.45;cursor:default}.roll-tools-edit .roll-scorelog{margin-left:6px}.auto-editor{background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);flex-direction:column;gap:.5rem;margin-top:1rem;padding:.75rem;display:none}.auto-editor.open{height:var(--auto-h,24rem);display:flex}.auto-header{align-items:center;gap:.5rem;display:flex}.auto-name{color:inherit;background:0 0;border:1px solid #0000;border-radius:3px;min-width:10rem;padding:.15rem .3rem;font-size:.8rem}.auto-name:focus{border-color:var(--acc);outline:none}.auto-target{opacity:.7;font-size:.7rem}.auto-body{gap:.5rem;display:flex}.auto-axis{opacity:.8;text-align:right;flex-direction:column;justify-content:space-between;min-width:4.5rem;padding:0 .25rem;font-size:.65rem;display:flex}.auto-canvas-outer{flex:1;height:200px;position:relative}.auto-canvas-wrap,.auto-content{width:100%;height:100%;position:relative}.auto-canvas{background:#00000040;border-radius:4px;width:100%;height:100%;display:block}.auto-point{z-index:6;background:var(--acc);cursor:grab;touch-action:none;border:2px solid #00000080;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute}.auto-point:active{cursor:grabbing}.playlist[hidden]{display:none}.playlist{background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);height:var(--pl-h,auto);--end-x:calc(var(--pl-gutter) + var(--pl-gap) + var(--end,0) * (var(--barw,2rem) + var(--pl-gap)) - var(--pl-gap) / 2);flex-direction:column;gap:.5rem;padding:.75rem;display:flex;position:relative}.pl-scroll{flex-direction:column;flex:auto;align-items:flex-start;width:100%;min-height:0;display:flex;position:relative;overflow:auto}.audio-banner{border:1px solid var(--control-border);border-left:3px solid var(--acc);color:var(--text);border-radius:4px;flex:none;align-items:center;gap:.5rem;padding:.3rem .6rem;font-size:.8rem;display:flex}.audio-banner>span{flex:auto;min-width:0}.audio-banner-close{color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;padding:0 .2rem;font-size:1rem;line-height:1}.audio-banner-close:hover{color:var(--acc)}.pl-ruler{grid-template-columns:var(--pl-gutter) repeat(var(--bars), var(--barw,2rem));gap:var(--pl-gap);color:#8a8a94;flex:none;margin-bottom:4px;font-size:.65rem;display:grid;position:relative}.pl-ruler>span:first-child{position:relative}.pl-meter{border-radius:var(--radius-sm);color:var(--text);font:inherit;font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;margin:0;padding:0 4px;display:flex;position:absolute;inset:0;overflow:hidden}.pl-meter:hover{background:color-mix(in srgb, var(--text) 12%, transparent)}.pl-meter:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}.pl-meter.pending:after{content:"";background:var(--acc);pointer-events:none;border-radius:50%;flex:none;align-self:flex-start;width:5px;height:5px;margin:1px 0 0 3px}.pl-lanes{gap:var(--pl-gap);flex-direction:column;flex:1 0 auto;display:flex;position:relative}.playlist.pl-fits .pl-lanes{flex:1 0 0;min-height:0}.pl-lane{flex:1 0 var(--pl-lane-h);min-height:var(--pl-lane-h);grid-template-columns:var(--pl-gutter) repeat(var(--bars), var(--barw,2rem));grid-template-rows:minmax(var(--pl-lane-h), 1fr);grid-auto-rows:var(--pl-lane-h);gap:var(--pl-gap);display:grid;position:relative}.pl-lane.spare .pl-lane-name{opacity:.5;cursor:default}.pl-lane.spare .pl-lane-grip{visibility:hidden}.pl-lane-name{color:#8a8a94;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;background:0 0;border:none;grid-area:1/1;padding:0 4px 0 14px;font-size:.6rem;overflow:hidden}.pl-lane-rename{z-index:11;box-sizing:border-box;grid-area:1/1;width:100%;min-width:0;font-size:.65rem}.pl-lane-grip{cursor:grab;color:#55555e;-webkit-user-select:none;user-select:none;z-index:2;font-size:.8rem;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.pl-lane.lane-dragging{opacity:.5}.pl-lane.lane-insert-before{box-shadow:0 -2px 0 0 var(--glow)}.pl-cell{background:var(--inset-bg);border-color:var(--knob-stroke);box-sizing:border-box;cursor:pointer;grid-row:1}.pl-clip{color:var(--on-acc-fg);cursor:grab;box-sizing:border-box;white-space:nowrap;border-radius:4px;grid-row:1;padding:2px 4px;font-size:.65rem;position:relative;overflow:hidden}.pl-clip.p303{background:#ff8c3a}.pl-clip.pdrums{background:#3ddcc0}.pl-clip.psynth{background:#b389ff}.pl-clip.pbass{background:#ff4f9a}.pl-clip.roll{background:#ffd166}.pl-clip[data-instrument]{background:var(--acc)}.pl-clip.auto{color:var(--acc);isolation:isolate;background:#ffffff1a;border:1px solid;overflow:hidden}.pl-clip.auto .auto-sketch{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pl-clip.auto .auto-sketch polyline{fill:none;stroke:currentColor;stroke-width:2px;vector-effect:non-scaling-stroke}.pl-clip.auto .pl-clip-label{z-index:1;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 8px);position:absolute;top:50%;left:4px;overflow:hidden;transform:translateY(-50%)}.pl-lane-swatch,.pl-clip-preview{display:none}.pl-clip.missing{outline:1px dashed var(--danger)}.pl-clip.audio{--wave-ink:color-mix(in srgb, var(--acc) 30%, var(--note-floor));--clip-hatch:repeating-linear-gradient(45deg, color-mix(in srgb, var(--note-floor) 70%, transparent) 0 3px, transparent 3px 7px);--fade-shade:color-mix(in srgb, var(--note-floor) 55%, transparent);--fade-edge:var(--note-floor);--note-plate:var(--acc);margin-left:calc((var(--barw,2rem) + var(--pl-gap)) * var(--au-m,0));width:max(2px, calc((var(--barw,2rem) + var(--pl-gap)) * var(--au-w,1) - var(--pl-gap)));justify-self:start;padding:0;overflow:hidden}.pl-clip.audio .pl-clip-label{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;height:14px;padding:0 4px;line-height:14px;display:block;position:relative;overflow:hidden}.pl-clip.audio .pl-audio-note{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;font-size:.6rem;line-height:12px;position:absolute;top:13px;left:4px;right:4px;overflow:hidden}.pl-clip.audio .pl-wave{width:calc((var(--barw,2rem) + var(--pl-gap)) * var(--au-w,1));pointer-events:none;height:calc(100% - 14px);color:var(--wave-ink);image-rendering:pixelated;position:absolute;top:14px;left:0}.pl-clip.audio.loading{opacity:.6}.pl-clip.audio.loading:before{content:"";height:2px;width:calc(var(--au-p,0) * 100%);background:var(--wave-ink);pointer-events:none;position:absolute;bottom:0;left:0}.pl-clip.audio.no-audio:before{content:"";background-image:var(--clip-hatch);pointer-events:none;position:absolute;inset:14px 0 0}.pl-clip.audio:not([data-instrument]){--acc:#b4b6bc;--glow:#dadbde;background:var(--acc)}.pl-clip.audio.no-audio .pl-audio-note{box-sizing:border-box;background:var(--note-plate);max-width:calc(100% - 4px);padding:0 2px;left:2px;right:auto}.pl-clip.audio .pl-fade-shade{pointer-events:none;position:absolute;top:14px;bottom:0}.pl-clip.audio .pl-fade-shade.in{width:calc((var(--barw,2rem) + var(--pl-gap)) * var(--au-w,1) * var(--au-fi,0));clip-path:polygon(0 0,0 100%,100% 0);background:linear-gradient(to bottom right, var(--fade-shade) calc(50% - 2px), var(--fade-edge) calc(50% - 2px) 50%, transparent 50%);left:0}.pl-clip.audio .pl-fade-shade.out{left:calc((var(--barw,2rem) + var(--pl-gap)) * var(--au-w,1) * (1 - var(--au-fo,0)));width:calc((var(--barw,2rem) + var(--pl-gap)) * var(--au-w,1) * var(--au-fo,0));clip-path:polygon(0 0,100% 0,100% 100%);background:linear-gradient(to bottom left, var(--fade-shade) calc(50% - 2px), var(--fade-edge) calc(50% - 2px) 50%, transparent 50%)}.pl-clip.audio .pl-fade-h{z-index:2;background:var(--text);width:6px;height:6px;box-shadow:0 0 0 1px var(--note-floor);cursor:ew-resize;opacity:0;transition:opacity 80ms;position:absolute;top:0}.pl-clip.audio .pl-fade-h.in{left:min(calc(100% - 6px), calc((var(--barw,2rem) + var(--pl-gap)) * var(--au-w,1) * var(--au-fi,0)))}.pl-clip.audio .pl-fade-h.out{left:max(0px, min(calc(100% - 6px), calc((var(--barw,2rem) + var(--pl-gap)) * var(--au-w,1) * (1 - var(--au-fo,0)) - 6px)))}.pl-clip.audio:hover .pl-fade-h,.pl-clip.audio.selected .pl-fade-h{opacity:1}.pl-repeat-mark{background:var(--pl-repeat-mark,#00000047);pointer-events:none;z-index:2;width:1px;position:absolute;top:22%;bottom:22%}.pl-clip.auto .pl-repeat-mark{--pl-repeat-mark:#ffffff4d}.pl-menu{z-index:12;background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius-sm);box-shadow:var(--panel-shadow);flex-direction:column;display:flex;position:absolute}.pl-menu button{text-align:left;color:var(--control-fg);cursor:pointer;background:0 0;border:none;padding:2px 8px;font-size:.65rem}.pl-menu button:hover{background:#ffffff14}.pl-menu button{white-space:nowrap;align-items:baseline;gap:1.25rem;display:flex}.pl-menu-key{color:var(--muted);margin-left:auto;font-size:.6rem}.pl-menu-head{color:var(--muted);padding:3px 8px 1px;font-size:.6rem}.pl-menu-takes{--pl-take-row:calc(.65rem * 1.15 + 4px);max-height:calc(5 * var(--pl-take-row));flex-direction:column;flex:none;display:flex;position:relative;overflow-y:auto}.pl-menu-takes>button{box-sizing:border-box;height:var(--pl-take-row);flex:none;align-items:center;line-height:1.15}.pl-menu-takes>button[aria-pressed=true]:not(:hover){background:color-mix(in srgb, var(--acc,#6cf) 18%, transparent)}.pl-menu.pl-menu-fixed{z-index:1000;position:fixed}.pl-clip-rename{z-index:12;width:8rem;font-size:.65rem;position:absolute}.pl-addlane,.pl-stamp,.pl-audio{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);font-size:.7rem}.songbar .pl-snap{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:.7rem;display:inline-flex}.songbar .pl-snap select{box-sizing:border-box;height:24px;font:inherit;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:0 2px}.pl-chooser{z-index:1000;background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);flex-direction:column;gap:.35rem;width:32rem;max-width:92vw;max-height:min(28rem,75vh);padding:.5rem;display:flex;position:fixed;overflow-y:auto}.pl-clip.selected{outline-offset:-1px;outline:2px solid #fff}.pl-marquee{pointer-events:none;z-index:5;background:#8a8a941f;border:1px dashed #8a8a94;position:absolute}.pl-playhead{background:var(--glow);pointer-events:none;z-index:5;width:2px;margin-left:-1px;position:absolute}.pl-playhead-grip{pointer-events:auto;cursor:ew-resize;background:var(--glow);clip-path:polygon(0 0,100% 0,50% 100%);width:13px;height:.72rem;position:absolute;top:0;left:50%;transform:translate(-50%)}.pl-playhead-grip:hover{filter:brightness(1.25)}.pl-past{top:0;bottom:0;left:var(--end-x);z-index:1;pointer-events:none;background:var(--past-bg);position:absolute;right:0}.pl-end,.roll-end,.roll-lane-track:before{background:var(--end-line);width:2px;box-shadow:0 0 0 2px var(--end-halo)}.pl-end{top:0;bottom:0;left:calc(var(--end-x) - 1px);z-index:1;pointer-events:none;position:absolute}.pl-end-flag,.roll-end-flag{background:var(--end-line);color:var(--end-flag-fg);text-transform:uppercase;white-space:nowrap;border-radius:3px;align-items:center;padding:0 5px;font-size:.55rem;font-weight:700;line-height:1;display:flex}.pl-end-flag{top:0;bottom:0;left:calc(var(--end-x) + 1px);z-index:3;pointer-events:none;position:absolute}.pl-past[hidden],.pl-end[hidden],.pl-end-flag[hidden]{display:none}.pl-region{z-index:4;border-left:2px solid var(--glow);border-right:2px solid var(--glow);cursor:grab;background:#ffd16629;border-radius:3px;grid-row:1;position:relative}.pl-region.off{opacity:.4}.pl-region .grip{cursor:ew-resize;width:6px;position:absolute;top:0;bottom:0}.pl-region .grip.l{left:-2px}.pl-region .grip.r{right:-2px}.chooser-section{flex-direction:column;flex:none;min-height:0;display:flex}.chooser-section--list{flex:0 auto}.chooser-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.35rem .45rem .25rem;font-size:.6rem}.chooser-existing{border-radius:var(--radius-sm);background:linear-gradient(#00000038,#00000038);max-height:17rem;padding:.25rem;overflow-y:auto;box-shadow:inset 0 1px 2px #00000073,inset 0 -1px #ffffff0f}.chooser-group{border-radius:var(--radius-sm);padding:.15rem .35rem .25rem}.chooser-group+.chooser-group{box-shadow:inset 0 1px #ffffff0d}.chooser-group-name{letter-spacing:.09em;text-transform:uppercase;color:var(--acc);padding:.1rem 0 .2rem;font-size:.62rem;font-weight:600}.chooser-patstrip{flex-wrap:wrap;gap:2px;display:flex}.chooser-pat{text-align:center;min-width:1.55rem;color:var(--control-fg);cursor:pointer;background:#00000042;border:1px solid #0000;border-radius:3px;flex:none;padding:.2rem .15rem;font-size:.65rem;line-height:1.1;box-shadow:inset 0 1px 2px #00000073,inset 0 -1px #ffffff0f}.chooser-pat.filled{background:var(--acc);color:var(--on-acc-fg);border-color:var(--acc);box-shadow:none}.chooser-pat:hover{border-color:var(--acc);color:var(--acc)}.chooser-pat.filled:hover{color:var(--on-acc-fg);box-shadow:0 0 0 1px var(--glow,transparent)}.chooser-pat:focus-visible{outline:2px solid var(--glow);outline-offset:1px}.chooser-row{text-align:left;width:100%;color:var(--control-fg);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.3rem .45rem;font-size:.72rem;display:flex}.chooser-row .cr-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}button.chooser-row{cursor:pointer}button.chooser-row:hover,button.chooser-row:focus-visible{background:var(--control-bg);color:var(--text)}button.chooser-row[data-instrument]:hover,button.chooser-row[data-instrument]:focus-visible{background:var(--acc);color:var(--on-acc-fg)}button.chooser-row[data-instrument]:hover .cr-kind,button.chooser-row[data-instrument]:hover .cr-meta,button.chooser-row[data-instrument]:hover .cr-target,button.chooser-row[data-instrument]:focus-visible .cr-kind,button.chooser-row[data-instrument]:focus-visible .cr-meta,button.chooser-row[data-instrument]:focus-visible .cr-target{color:var(--on-acc-fg);opacity:.75}.cr-kind,.cr-meta,.cr-target{color:var(--muted);font-size:.62rem}.cr-kind{text-transform:uppercase;letter-spacing:.07em;border-radius:999px;padding:.05rem .35rem;box-shadow:inset 0 0 0 1px #ffffff24}.cr-target{color:var(--acc)}.chooser-empty{color:var(--muted);padding:.5rem;font-size:.72rem;line-height:1.45}.chooser-row--result .cr-kind{text-align:center;order:-1;min-width:4.6rem}.chooser-row:not(.chooser-row--result) .cr-kind{display:none}.chooser-create{border-radius:var(--radius-sm);background:linear-gradient(#00000038,#00000038);padding:.25rem;box-shadow:inset 0 1px 2px #00000073,inset 0 -1px #ffffff0f}.chooser-row--create{color:var(--control-fg);align-items:center;gap:.4rem;padding:.25rem .45rem;font-size:.72rem;display:flex}.chooser-row--create>select{flex:1 1 0;min-width:0}.chooser-section--create[hidden]{display:none}.cr-plus{width:1.1rem;height:1.1rem;color:var(--control-fg);background:#00000042;border-radius:3px;flex:none;justify-content:center;align-items:center;font-size:.8rem;line-height:1;display:inline-flex;box-shadow:inset 0 1px 2px #00000073,inset 0 -1px #ffffff0f}button.chooser-row--new:hover .cr-plus,button.chooser-row--new:focus-visible .cr-plus{color:var(--text)}.chooser-patterninst,.chooser-patternidx,.chooser-autotarget,.chooser-autoparam{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:3px;max-width:9rem;padding:.15rem .2rem;font-size:.65rem}.chooser-filter{width:100%;font:inherit;color:var(--text);border-radius:var(--radius-sm);background:#00000042;border:1px solid #0000;padding:.35rem .45rem;font-size:.75rem;box-shadow:inset 0 1px 2px #00000073,inset 0 -1px #ffffff0f}.chooser-filter::placeholder{color:var(--muted)}.chooser-filter:focus{box-shadow:inset 0 1px 2px #00000073, inset 0 -1px 0 #ffffff0f, 0 0 0 1px var(--control-border);outline:none}.chooser-tabbar{align-items:center;gap:.5rem;display:flex}.chooser-tabs{border-radius:var(--radius-sm);background:#00000042;padding:2px;display:inline-flex;box-shadow:inset 0 1px 2px #00000073,inset 0 -1px #ffffff0f}.chooser-tab{letter-spacing:.04em;color:var(--control-fg);border-radius:calc(var(--radius-sm) - 1px);cursor:pointer;background:0 0;border:1px solid #0000;padding:.22rem .85rem;font-size:.7rem}.chooser-tab:hover:not(.active){color:var(--text)}.chooser-tab.active{background:var(--play-bg);color:var(--play-fg);box-shadow:inset 0 1px #ffffff47,inset 0 -2px 3px #00000059}.chooser-new{letter-spacing:.04em;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;margin-left:auto;padding:.24rem .85rem;font-size:.7rem}.chooser-new:hover,.chooser-new:focus-visible{background:var(--play-bg);color:var(--play-fg);box-shadow:var(--play-shadow);border-color:#0000}[data-instrument=x303]{--acc-base:#ff8c3a;--glow-base:#ffb380}[data-instrument=drums]{--acc-base:#3ddcc0;--glow-base:#8ff0dd}[data-instrument=synth]{--acc-base:#b389ff;--glow-base:#d3bcff}[data-instrument=bass]{--acc-base:#ff4f9a;--glow-base:#ff9ec9}[data-instrument=poly]{--acc-base:#59a8ff;--glow-base:#a9d1ff}[data-instrument=supersaw]{--acc-base:#b8e04a;--glow-base:#d9f2a0}[data-instrument=sampler]{--acc-base:#f2a3b3;--glow-base:#f9d3db}[data-instrument=fm]{--acc-base:#ffd24d;--glow-base:#ffe9a3}[data-instrument=wam]{--acc-base:#8ef0e4;--glow-base:#d9fbf5}[data-instrument=kit]{--acc-base:#7c8cff;--glow-base:#b8c2ff}[data-instrument=strings]{--acc-base:#54c46e;--glow-base:#a6e8b4}[data-instrument=slicer]{--acc-base:#d45ad9;--glow-base:#eeaef0}[data-instrument=metal]{--acc-base:#8fb4c8;--glow-base:#cfe2ea}[data-instrument=toxic]{--acc-base:#46e212;--glow-base:#9cf25f}[data-instrument=chip]{--acc-base:#ff3131;--glow-base:#ff8f8f}[data-instrument=osc3]{--acc-base:#c9a227;--glow-base:#ecd98a}[data-instrument=granular]{--acc-base:#1fc4e6;--glow-base:#8fe6f5}[data-instrument=loop]{--acc-base:#ff6f5e;--glow-base:#ffb3a8}[data-instrument=vox]{--acc-base:#bd3cff;--glow-base:#e0a8ff}[data-instrument=wavetable]{--acc-base:#ff90eb;--glow-base:#ffc2f4}[data-instrument=growl]{--acc-base:#ffb020;--glow-base:#ffd27a}[data-instrument=drumsynth]{--acc-base:#c4a484;--glow-base:#e2cdb4}[data-instrument=organ]{--acc-base:#c8783c;--glow-base:#e8a86c}[data-instrument=guitar]{--acc-base:#da8f72;--glow-base:#e7b6a3}[data-instrument=piano]{--acc-base:#f3dba9;--glow-base:#f9edd4}[data-instrument=clockwork]{--acc-base:#47b39d;--glow-base:#a3d9ce}[data-instrument=anvil]{--acc-base:#f9b586;--glow-base:#fcd6bc}[data-instrument=breath]{--acc-base:#9fd3ff;--glow-base:#cfe9ff}[data-instrument=rust]{--acc-base:#dc8e12;--glow-base:#ecc17d}[data-instrument=swarm]{--acc-base:#ccc6ff;--glow-base:#e6e3ff}[data-instrument=dither]{--acc-base:#5cf2a0;--glow-base:#adf8cf}[data-instrument=flock]{--acc-base:#d0a4e4;--glow-base:#e8d2f2}[data-instrument=pendulum]{--acc-base:#acc188;--glow-base:#d6e0c4}[data-instrument=tide]{--acc-base:#59aab4;--glow-base:#acd5da}[data-instrument=scar]{--acc-base:#c48b9f;--glow-base:#e2c5cf}[data-instrument=chamber]{--acc-base:#eeccd2;--glow-base:#f7e6e9}[data-instrument=glacier]{--acc-base:#c7edf0;--glow-base:#e3f6f8}[data-instrument=audio]{--acc-base:#d1b97a;--glow-base:#e8dcbd}[data-instrument=master]{--acc-base:#e8e6e3;--glow-base:#fff}[data-instrument]{--shade-mix:0%;--acc:color-mix(in srgb, var(--acc-base) calc(100% - var(--shade-mix)), white var(--shade-mix));--glow:color-mix(in srgb, var(--glow-base) calc(100% - var(--shade-mix)), white var(--shade-mix));--acc-soft:color-mix(in srgb, var(--acc) 18%, transparent)}[data-shade="1"]{--shade-mix:5%}[data-shade="2"]{--shade-mix:9%}[data-shade="3"]{--shade-mix:14%}[data-shade="4"]{--shade-mix:18%}[data-shade="5"]{--shade-mix:23%}[data-shade="6"]{--shade-mix:27%}[data-shade="7"]{--shade-mix:32%}[data-shade="8"]{--shade-mix:36%}[data-shade="9"]{--shade-mix:41%}[data-shade="10"]{--shade-mix:45%}[data-shade="11"]{--shade-mix:50%}[data-shade="12"]{--shade-mix:54%}[data-shade="13"]{--shade-mix:59%}[data-shade="14"]{--shade-mix:63%}[data-shade="15"]{--shade-mix:68%}:root:not([data-theme=fadefm]) .roll-editor[data-instrument]{--acc:inherit;--glow:inherit}@supports (color:oklch(from white l c h)){[data-instrument][data-shade]:not([data-shade="0"]){--acc:oklch(from var(--acc-base) calc(l * .5 + var(--shade-l)) calc(c * var(--shade-c)) h);--glow:oklch(from var(--glow-base) calc(l * .5 + var(--shade-l)) calc(c * var(--shade-c)) h)}[data-shade="1"]{--shade-l:.333;--shade-c:.25}[data-shade="2"]{--shade-l:.441;--shade-c:.42}[data-shade="3"]{--shade-l:.341;--shade-c:.76}[data-shade="4"]{--shade-l:.439;--shade-c:.2}[data-shade="5"]{--shade-l:.335;--shade-c:.5}[data-shade="6"]{--shade-l:.452;--shade-c:.66}[data-shade="7"]{--shade-l:.368;--shade-c:.17}[data-shade="8"]{--shade-l:.414;--shade-c:.79}[data-shade="9"]{--shade-l:.522;--shade-c:.19}[data-shade="10"]{--shade-l:.402;--shade-c:.29}[data-shade="11"]{--shade-l:.525;--shade-c:.62}[data-shade="12"]{--shade-l:.367;--shade-c:.37}[data-shade="13"]{--shade-l:.493;--shade-c:.86}[data-shade="14"]{--shade-l:.376;--shade-c:.64}[data-shade="15"]{--shade-l:.476;--shade-c:.26}}.rack-row{position:relative}.pat-strip{flex-basis:100%;gap:0;padding-bottom:2px;display:flex;overflow-x:auto}.pat-strip .pat{background:var(--inset-bg);min-width:1.5rem;color:var(--control-fg);border:1px solid var(--knob-stroke);cursor:pointer;border-radius:3px;flex:none;padding:.15rem 0;font-size:.65rem}.pat-strip .pat.on{background:var(--acc);color:var(--on-acc-fg);border-color:var(--acc)}.pat-grow{flex:none;min-width:1.5rem;font-size:.65rem}.pat-grow:disabled{opacity:.35;cursor:default}.pat-menu{z-index:30;background:var(--panel-bg);border:var(--panel-border);box-shadow:var(--panel-shadow);border-radius:var(--radius-sm);flex-direction:column;display:flex;position:absolute}.pat-menu button{text-align:left;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:4px 12px;font-size:.75rem}.pat-menu button.disabled{opacity:.4;cursor:default}.pat-desc-input{z-index:31;background:var(--inset-bg);width:14rem;color:var(--text);border:1px solid var(--acc);border-radius:4px;padding:2px 6px;font-size:.7rem;position:absolute}.pattern-fold-head{border-top:1px solid var(--knob-stroke);align-items:center;gap:.5rem;margin:.6rem 0 4px;padding-top:.5rem;display:flex}.pattern-fold-toggle{color:var(--acc);letter-spacing:.02em;border-radius:var(--radius-sm,6px);cursor:pointer;background:0 0;border:1px solid #0000;padding:2px 6px;font-size:.72rem}.pattern-fold-toggle:hover{color:var(--text);border-color:var(--control-border)}.pattern-fold-roll{color:var(--acc);border:1px solid var(--acc);border-radius:4px;padding:0 .4em;font-size:.65rem;line-height:1.4}.pattern-fold.collapsed .pattern-fold-body{display:none}.overlay-patstrip{margin-bottom:6px;position:relative}.ctx-menu{z-index:1000;background:var(--row-bg,#1c1c22);border:1px solid var(--control-border,#333);border-radius:var(--radius-sm);min-width:9rem;padding:2px;position:fixed;box-shadow:0 4px 16px #0006}.ctx-menu .ctx-item{text-align:left;width:100%;color:var(--control-fg,#ddd);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.72rem;display:block}.ctx-menu .ctx-item:hover:not(.disabled){background:var(--acc);color:var(--on-acc-fg)}.ctx-menu .ctx-item.disabled{opacity:.4;cursor:default}.ctx-menu .ctx-item.ctx-parent{justify-content:space-between;align-items:center;gap:8px;display:flex}.ctx-caret{opacity:.6;font-size:.7em}.pat-strip .pat{position:relative}.pat-strip .pat.swung:after{content:"";background:var(--acc);border-radius:50%;width:4px;height:4px;position:absolute;top:1px;right:1px}.pat-swing-input{z-index:30;width:4.5rem;position:absolute}.pat-fill-picker{z-index:31;background:var(--panel-bg);border:var(--panel-border);box-shadow:var(--panel-shadow);border-radius:var(--radius-sm);flex-direction:column;display:flex;position:absolute}.pat-fill-picker button{text-align:left;white-space:nowrap;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:4px 12px;font-size:.75rem}.pat-fill-picker button:hover,.pat-fill-picker button:focus-visible{border-color:var(--acc)}.bpm input{background:var(--readout-bg);color:var(--readout-fg);border:var(--readout-border);box-shadow:var(--readout-shadow);text-shadow:var(--readout-glow);border-radius:var(--radius-sm);font-family:monospace}.bpm{position:relative}.bpm.pending:after{content:"";background:var(--acc);pointer-events:none;border-radius:50%;width:5px;height:5px;position:absolute;top:0;right:0}.meter-pop{z-index:1001;box-sizing:border-box;background:var(--panel-bg);border:var(--panel-border);width:15rem;box-shadow:var(--panel-shadow);border-radius:var(--radius-sm);color:var(--text);flex-direction:column;gap:8px;padding:10px 12px;font-size:.8rem;display:flex;position:fixed}.meter-pop-fields{align-items:flex-end;gap:8px;display:flex}.meter-pop-field{flex-direction:column;gap:3px;display:flex}.meter-pop-field[hidden]{display:none}.meter-pop-cap{letter-spacing:.06em;color:var(--muted);font-size:.68rem}.meter-pop-slash{color:var(--muted);padding-bottom:5px}.meter-pop :is(input,select){box-sizing:border-box;height:28px;font:inherit;background:var(--readout-bg);color:var(--readout-fg);border:var(--readout-border);border-radius:var(--radius-sm);padding:0 6px}.meter-pop .meter-pop-n,.meter-pop .meter-pop-d{width:4.2rem}.meter-pop .meter-pop-g{width:100%}.meter-pop :is(input,select):focus-visible{outline:2px solid var(--acc);outline-offset:1px}.meter-pop :is(input,select)[aria-invalid=true]{border-color:var(--acc)}.meter-pop-status{min-height:1.2em;color:var(--text);margin:0;font-size:.72rem}.meter-pop-keys{justify-content:flex-end;gap:6px;display:flex}.meter-pop-keys button{font:inherit;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;padding:4px 12px}.meter-pop-keys button:hover:not(:disabled),.meter-pop-keys button:focus-visible{border-color:var(--acc)}.meter-pop-keys button:focus-visible{outline:2px solid var(--acc);outline-offset:1px}.meter-pop-keys button:disabled{opacity:.45;cursor:default}.ctx-menu.ctx-radios .ctx-item{padding-left:1.7em;position:relative}.ctx-menu .ctx-item.ctx-checked:before{content:"✓" / "";position:absolute;left:.55em}.header-nav .swing{letter-spacing:.06em;align-items:center;gap:.3rem;font-size:.72rem;display:inline-flex}.header-nav .swing input{width:3.2rem}.swing input{background:var(--readout-bg);color:var(--readout-fg);border:var(--readout-border);box-shadow:var(--readout-shadow);text-shadow:var(--readout-glow);border-radius:var(--radius-sm);font-family:monospace}#play{background:var(--play-bg);color:var(--play-fg);box-shadow:var(--play-shadow);border-radius:var(--radius-sm)}.knob-dial{position:relative}:root[data-theme=modern] .knob-dial:before,:root:not([data-theme]) .knob-dial:before{content:"";background:conic-gradient(from 225deg, var(--acc) calc(var(--frac,.5) * 270deg), #2a2d34 calc(var(--frac,.5) * 270deg) 270deg, transparent 270deg 360deg);pointer-events:none;border-radius:50%;position:absolute;inset:4px;-webkit-mask:radial-gradient(circle,#0000 58%,#000 60%);mask:radial-gradient(circle,#0000 58%,#000 60%)}:root[data-theme=fl-classic] .knob-dial:before{content:"";pointer-events:none;background:radial-gradient(circle at 35% 30%,#71747c,#3c3f45 65%);border-radius:50%;position:absolute;inset:6px;box-shadow:inset 0 1px 1px #fff6,0 3px 5px #0009}:root[data-theme=fl-classic] .knob-body{fill:#0000;stroke:#0000}:root[data-theme=fl-classic] .knob-dial:after{content:"";background:conic-gradient(from 225deg, var(--acc) calc(var(--frac,.5) * 270deg), #23252b calc(var(--frac,.5) * 270deg) 270deg, transparent 270deg 360deg);filter:drop-shadow(0 1px 1px #00000080);pointer-events:none;border-radius:50%;position:absolute;inset:1px;-webkit-mask:radial-gradient(circle closest-side,#0000 76%,#000 78%);mask:radial-gradient(circle closest-side,#0000 76%,#000 78%)}:root[data-theme=hardware] .knob-dial:before{content:"";pointer-events:none;background:radial-gradient(circle at 40% 30%,#2c2c2e,#0e0e10 70%);border:3px solid #514b44;border-radius:50%;position:absolute;inset:4px;box-shadow:0 3px 6px #000c,inset 0 1px 2px #ffffff26}:root[data-theme=hardware] .knob-body{fill:#0000;stroke:#0000}:root[data-theme=hardware] .knob-dial:after{content:"";background:conic-gradient(from 225deg, var(--acc) calc(var(--frac,.5) * 270deg), #17171a calc(var(--frac,.5) * 270deg) 270deg, transparent 270deg 360deg);filter:drop-shadow(0 0 3px color-mix(in srgb, var(--acc) 55%, transparent));pointer-events:none;border-radius:50%;position:absolute;inset:-2px;-webkit-mask:radial-gradient(circle closest-side,#0000 84%,#000 86%);mask:radial-gradient(circle closest-side,#0000 84%,#000 86%)}:root[data-theme=hardware] .rack-row,:root[data-theme=hardware] .overlay{position:relative}:root[data-theme=hardware] .header-nav:before,:root[data-theme=hardware] .header-nav:after,:root[data-theme=hardware] .rack-row:before,:root[data-theme=hardware] .overlay:before{content:"";pointer-events:none;background:radial-gradient(circle at 35% 30%,#8d867d,#4b453e);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;box-shadow:inset 0 1px 1px #000c}:root[data-theme=hardware] .header-nav:before,:root[data-theme=hardware] .rack-row:before,:root[data-theme=hardware] .overlay:before{left:6px}:root[data-theme=hardware] .header-nav:after{right:6px}:root[data-theme=hardware] .rack-row.insert-before:before{background:var(--acc);width:auto;height:2px;box-shadow:none;border-radius:2px;top:-4px;left:0;right:0}body:has(#app[data-fs]){overflow:hidden}#app[data-fs]{flex-direction:column;max-width:none;height:calc(100dvh - 2rem);display:flex}#app[data-fs] #workspace-root{flex-direction:column;flex:1;min-height:0;display:flex}#app[data-fs] .scope-strip,#app[data-fs] .library,#app[data-fs] .rack,#app[data-fs] .rack-col,#app[data-fs] .overlay-host{display:none}#app[data-fs] .workspace{flex:1;align-items:stretch;min-height:0}#app[data-fs] .main-col{flex-direction:column;min-width:0;min-height:0;display:flex}#app[data-fs=roll] .roll-editor.open{flex:1;min-height:0;max-height:none}#app[data-fs=roll] .roll-grid{flex:1;min-height:0}#app[data-fs=playlist] .playlist{flex:1;min-height:0;margin-top:1rem}#app[data-fs=playlist] .roll-editor.open,#app[data-fs=playlist] .auto-editor.open{display:none}.resize-grip{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;height:10px;position:relative}.resize-grip:before{content:"";background:var(--knob-stroke);height:1px;position:absolute;top:4px;left:0;right:0}.resize-grip:after{content:"";background:var(--grip-line);border-radius:1.5px;width:40px;height:3px;margin-left:-20px;position:absolute;top:3px;left:50%}.resize-grip:is(:hover,:active):before,.resize-grip:is(:hover,:active):after{background:var(--acc)}#app[data-fs] .resize-grip{display:none}.roll-collapse,.auto-collapse{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;padding:2px 8px;font-size:.85rem;line-height:1}#app:not([data-fs]) .roll-editor.open.collapsed{height:auto}#app:not([data-fs]) .roll-editor.collapsed .roll-tools,#app:not([data-fs]) .roll-editor.collapsed .roll-toolbar,#app:not([data-fs]) .roll-editor.collapsed .roll-prog,#app:not([data-fs]) .roll-editor.collapsed .roll-log,#app:not([data-fs]) .roll-editor.collapsed .random-only,#app:not([data-fs]) .roll-editor.collapsed .roll-grid-wrap{display:none}#app:not([data-fs]) .auto-editor.open.collapsed{height:auto}#app:not([data-fs]) .auto-editor.collapsed .auto-body,.roll-editor.collapsed+.resize-grip,.auto-editor.collapsed+.resize-grip{display:none}#app:not([data-fs]) .playlist.collapsed{height:auto}#app:not([data-fs]) .playlist.collapsed .pl-scroll,.playlist.collapsed+.resize-grip{display:none}.wam-panel{flex-direction:column;gap:.6rem;display:flex}.wam-status{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.wam-status-text{opacity:.85;font-size:.85rem}.wam-status-text.failed{color:#ff8f8f;opacity:1}.wam-status-text.pending{color:#ffcf8f;opacity:1}.wam-picker-backdrop,.wam-gui-backdrop{z-index:80;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wam-picker,.wam-gui-panel{background:#101418;border:1px solid #2a3138;border-radius:8px;width:min(92vw,34rem);max-height:82vh;padding:1rem;overflow:auto}.wam-picker-title,.wam-gui-head{letter-spacing:.06em;margin-bottom:.6rem;font-size:.95rem}.wam-gui-head{justify-content:space-between;align-items:center;display:flex}.wam-pick-entry{text-align:left;grid-template-columns:1fr auto;gap:0 .6rem;width:100%;margin-bottom:.35rem;padding:.5rem .6rem;display:grid}.wam-pick-name{font-weight:600}.wam-pick-blurb{opacity:.7;grid-column:1;font-size:.8rem}.wam-pick-license{opacity:.6;grid-area:1/2/span 2;align-self:center;font-size:.75rem}.wam-advanced{margin:.6rem 0}.wam-warning{color:#ffcf8f;margin:.4rem 0;font-size:.8rem}.wam-url{width:100%;margin-bottom:.4rem}.wam-url.invalid{outline:1px solid #ff8f8f}.wam-gui-panel{width:min(94vw,56rem)}.help-backdrop,.notices-backdrop{z-index:80;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.notices-backdrop{z-index:85}.help-panel,.notices-panel{background:#101418;border:1px solid #2a3138;border-radius:8px;flex-direction:column;width:min(92vw,34rem);max-height:82vh;padding:1rem;display:flex}.help-head,.notices-head{letter-spacing:.06em;flex:none;justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.95rem;display:flex}.help-close,.notices-close{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:.1rem .5rem;font-size:.9rem}.help-body{flex:auto;overflow:auto}.help-group{letter-spacing:.05em;opacity:.75;margin:.7rem 0 .3rem;font-size:.8rem}.help-row{justify-content:space-between;gap:.6rem;padding:.15rem 0;font-size:.8rem;display:flex}.help-keys{opacity:.9;font-family:monospace}.help-desc{opacity:.75}.help-footer{border-top:1px solid #2a3138;flex:none;margin-top:.6rem;padding-top:.5rem}.help-notices,.help-replay{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:.3rem .55rem;font-size:.7rem}.help-replay{margin-left:.5rem}.notices-panel{width:min(94vw,56rem)}.notices-body{white-space:pre-wrap;word-break:break-word;background:var(--inset-bg,#101014);border-radius:6px;flex:auto;margin:0;padding:.6rem;font-size:.75rem;line-height:1.4;overflow:auto}.drag-fading{transition:opacity .12s;opacity:0!important;pointer-events:none!important}@media (prefers-reduced-motion:reduce){.drag-fading{transition:none}}.auth-backdrop.lib-modal{box-sizing:border-box;align-items:flex-start;padding-top:6vh}.lib-modal .auth-panel{flex-direction:column;width:min(64rem,94vw);max-height:88vh;display:flex}.lib-modal[data-library=samples] .auth-panel{width:min(80rem,94vw)}.lib-modal .sample-browser{overscroll-behavior:contain;flex:auto;min-height:0;overflow:auto}.lib-modal .sample-browser .sb-body{overscroll-behavior:contain;flex:auto;min-height:0;max-height:none}.lib-modal .sb-title{display:none}.lib-modal .library{overscroll-behavior:contain;flex:auto;width:auto;min-height:0;overflow:auto}.lib-modal .lib-head,.lib-modal .lib-tabs{display:none}.lib-modal .library:is(.collapsed,.yielded)>.lib-panel:not([hidden]){display:block}.lib-modal .lib-groups{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:10px;display:grid}.lib-modal .lib-group{grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));grid-template-columns:subgrid;gap:10px;display:grid}.lib-modal .lib-group-head{grid-column:1/-1}.lib-modal .lib-entry{-webkit-user-select:none;user-select:none;grid-template-rows:auto auto 1fr auto;grid-template-columns:auto minmax(0,1fr) auto auto;align-content:start;align-items:center;gap:6px;padding:8px;display:grid}.lib-modal .lib-entry[data-controller]{grid-template-rows:auto auto auto}.lib-modal .lib-entry .lib-art{grid-area:1/1/auto/-1}.lib-modal .lib-entry .lib-icon{grid-area:2/1}.lib-modal .lib-entry .lib-name{grid-area:2/2;font-size:.8rem}.lib-modal .lib-entry .lib-pro{grid-area:2/3}.lib-modal .lib-entry .lib-add{grid-area:2/4}.lib-modal .lib-entry .lib-blurb{grid-area:3/1/auto/-1;align-self:start;font-size:.7rem;line-height:1.35}.lib-entry.added{box-shadow:0 0 0 2px var(--acc)}.lib-entry.added .lib-add{background:var(--acc);color:var(--on-acc-fg);border-color:var(--acc)}.lib-art{display:none}.lib-modal .lib-art{aspect-ratio:16/10;border-radius:var(--radius-sm);background:var(--inset-bg);display:block;overflow:hidden}.lib-art img{object-fit:cover;width:100%;height:100%;display:block}.lib-art-fallback{width:100%;height:100%;color:var(--acc);justify-content:center;align-items:center;display:flex}.lib-entry[data-controller] .lib-art-fallback{color:var(--ctl-acc,var(--acc))}.lib-art-fallback svg{width:48px;height:48px;display:block}.lib-chips{display:none}.lib-modal .lib-entry .lib-chips{flex-wrap:wrap;grid-area:4/1/auto/-1;gap:4px;display:flex}.lib-chip{border-radius:var(--radius-sm);background:var(--inset-bg);color:var(--muted);padding:3px 6px;font-size:.6rem;line-height:1}.lib-lab-badge{letter-spacing:.04em;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--acc) 20%, transparent);color:var(--acc);padding:1px 5px;font-size:.6rem;font-weight:700}.lib-group-note{color:var(--muted);padding:0 4px;font-size:.6rem}.lib-modal .lib-group-note{grid-column:1/-1;font-size:.7rem}.lib-picks{display:none}.lib-modal .lib-picks{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.lib-modal .lib-pick-row{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:10px;display:grid}.lib-modal .lib-pick-row[data-row=start]{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr))}.lib-modal .lib-picks-head{color:var(--control-fg);letter-spacing:.02em;grid-column:1/-1;padding:2px 4px;font-size:.7rem}.lib-pick-face{display:contents}body:has(>.lib-modal):not(:has(>.lib-modal[data-under-bar],>.lib-modal~.auth-backdrop,>.lib-modal~.pro-backdrop,>.lib-modal~.reset-backdrop)) .library-bar{z-index:101;position:relative}.wam-consent-url{opacity:.75;word-break:break-all;flex-basis:100%;font-size:.78rem}.bounce-dialog{z-index:90;box-sizing:border-box;background:var(--panel-bg);border:var(--panel-border);width:min(36rem,100vw - 2rem);max-width:calc(100vw - 2rem);box-shadow:var(--panel-shadow);border-radius:6px;flex-direction:column;gap:.5rem;max-height:calc(80vh - 1rem);padding:1rem 1.2rem;font-size:.8rem;display:flex;position:fixed;top:20%;left:50%;overflow-y:auto;transform:translate(-50%)}.bounce-title{letter-spacing:.08em;font-weight:700}.bounce-wam,.bounce-guard,.bounce-solo{color:var(--warn);border-radius:var(--radius-sm);background:var(--note-floor);padding:3px 6px}.bounce-progress{background:#ffffff14;border-radius:3px;height:.9rem;position:relative;overflow:hidden;container-type:inline-size}.bounce-progress-fill{background:var(--acc);width:0;position:absolute;inset:0 auto 0 0;overflow:hidden}.bounce-progress-text,.bounce-progress-ink{white-space:nowrap;padding-left:.4rem;font-size:.7rem;line-height:.9rem;display:block}.bounce-progress-text{text-shadow:0 0 2px var(--note-floor), 0 0 1px var(--note-floor);position:relative}.bounce-progress-ink{width:100cqw;color:var(--on-acc-fg)}.bounce-actions{justify-content:flex-end;gap:.5rem;display:flex}.menu-items #proj-bounce.disabled{opacity:.4;cursor:default}.bounce-dialog [hidden]{display:none}.bounce-form{flex-direction:column;gap:.4rem;display:flex}.bounce-row{grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.bounce-format-pair{flex-wrap:wrap;gap:.4rem;min-width:0;display:flex}.bounce-dialog select option{background-color:var(--note-floor);color:var(--text)}.bounce-row>select,.bounce-format-pair{justify-self:start}.bounce-dialog select{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);max-width:100%;padding:2px 4px;font-size:.75rem}.bounce-actions button,.bounce-done{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;padding:.3rem .9rem}@media (max-width:30rem){.bounce-row{grid-template-columns:minmax(0,1fr);gap:.2rem}}:root .bounce-dialog .bounce-actions button:disabled{opacity:1;border:1px dashed var(--control-border);color:var(--muted);box-shadow:none;cursor:default;background:0 0}.bounce-include{align-items:center;gap:.4rem;display:flex}.bounce-include input{accent-color:var(--acc);margin:0}.bounce-stems,.bounce-left-out,.bounce-missing,.bounce-size,.bounce-eta{color:var(--muted)}:root:is([data-theme=fl-classic],[data-theme=hardware]) :is(.bounce-stems,.bounce-left-out,.bounce-missing,.bounce-size,.bounce-eta,.bounce-dialog .bounce-actions button:disabled){color:color-mix(in srgb, var(--muted) 50%, var(--text))}.bounce-left-out{max-height:6rem;overflow-y:auto}.bounce-backdrop{z-index:89;background:#0000008c;position:fixed;inset:0}.menu-items #proj-video.disabled{opacity:.4;cursor:default}.auth-panel.video-dialog{width:min(34rem,100vw - 2rem)}.video-dialog input[type=checkbox]{flex:none;width:auto;margin:0;padding:0}.video-body{grid-template-columns:180px 1fr;align-items:start;gap:1rem;display:grid}.video-body.video-solo{grid-template-columns:1fr}.video-preview{border-radius:var(--radius-sm);background:var(--app-bg);width:180px;height:320px;box-shadow:var(--readout-shadow,none)}.video-form{flex-direction:column;gap:.55rem;min-width:0;font-size:.8rem;display:flex}.video-controls{border:0;flex-direction:column;gap:.55rem;min-width:0;margin:0;padding:0;display:flex}.video-form label{align-items:center;gap:.4rem;display:flex}#video-start{width:4.5rem}.video-length{justify-content:flex-start;align-self:flex-start}.video-length-figure,.video-link-note,.video-notes,.video-fill,.video-range{color:var(--muted)}.video-link{flex-direction:column;gap:.3rem;display:flex}.video-link-url{font-family:var(--font-lcd,ui-monospace, monospace);overflow-wrap:anywhere}.video-blocked,.video-unsupported,.video-pro,.video-error,.video-wam{color:var(--warn)}.video-notes{flex-direction:column;gap:.2rem;font-size:.72rem;display:flex}.video-progress{background:var(--inset-bg);border-radius:3px;height:.9rem;position:relative;overflow:hidden}.video-progress-fill{background:var(--acc);width:0;position:absolute;inset:0 auto 0 0}.video-progress-text{padding-left:.4rem;font-size:.7rem;position:relative}.video-actions,.video-finished-actions{justify-content:flex-end;gap:.5rem;display:flex}.video-actions{margin-top:.75rem}.video-finished{flex-direction:column;gap:.35rem;display:flex}.video-dialog [hidden]{display:none!important}@media (max-width:560px){.video-body{grid-template-columns:1fr}.video-preview{justify-self:center}}.rec{align-items:center;gap:.35rem;display:inline-flex}#rec.armed{color:var(--rec);border-color:var(--rec)}#rec.disabled{opacity:.45;cursor:not-allowed}#rec[data-phase=countin]{animation:.5s ease-in-out infinite alternate rec-pulse}#rec[data-phase=writing]{background:var(--rec);color:#fff}@keyframes rec-pulse{0%{opacity:.45}to{opacity:1}}[data-menu=rec] .menu-items{min-width:17rem}[data-menu=rec] .rec-startmode,[data-menu=rec] .rec-clickmode{flex-direction:column;display:flex}[data-menu=rec] .rec-sm{text-align:left;border-radius:4px}[data-menu=rec] .rec-mode,[data-menu=rec] .rec-sm{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);cursor:pointer;padding:5px 10px;font-size:.75rem}[data-menu=rec] .rec-mode{text-align:center;border-radius:var(--radius-sm);align-self:flex-start;min-width:3.5rem}[data-menu=rec] :is(.rec-startmode,.rec-clickmode) .rec-sm{border-radius:0}[data-menu=rec] :is(.rec-startmode,.rec-clickmode) .rec-sm:first-child{border-radius:var(--radius-sm) var(--radius-sm) 0 0}[data-menu=rec] :is(.rec-startmode,.rec-clickmode) .rec-sm:last-child{border-radius:0 0 var(--radius-sm) var(--radius-sm)}[data-menu=rec] :is(.rec-startmode,.rec-clickmode) .rec-sm+.rec-sm{border-top:none;border-left:1px solid var(--control-border)}[data-menu=rec] .menu-items>.rec-lbl,[data-menu=rec] .menu-items>.rec-quant,[data-menu=rec] .menu-items>.rec-startmode,[data-menu=rec] .menu-items>.rec-mode,[data-menu=rec] .menu-items>.rec-clickmode{margin:0 4px 5px}[data-menu=rec] .menu-items>.menu-heading:first-child{display:none}[data-menu=rec] .menu-items>.rec-lbl{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);opacity:1;margin:0;padding:6px 10px 3px;font-size:.58rem}[data-menu=rec] .menu-items>.rec-quant{align-self:flex-start;min-width:7rem}.rec-menu[hidden]{display:none}#rec[data-phase=waiting]{animation:1.1s ease-in-out infinite alternate rec-wait-pulse}@keyframes rec-wait-pulse{0%{opacity:.5;box-shadow:none}to{opacity:1;box-shadow:0 0 0 2px #f43f3f66}}.rec-lbl{opacity:.75;font-size:.85em}.rec-startmode,.rec-clickmode{display:inline-flex}:is(.rec-startmode,.rec-clickmode) .rec-sm{border-radius:0;margin:0}:is(.rec-startmode,.rec-clickmode) .rec-sm:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}:is(.rec-startmode,.rec-clickmode) .rec-sm:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}:is(.rec-startmode,.rec-clickmode) .rec-sm+.rec-sm{border-left:none}:is(.rec-startmode,.rec-clickmode) .rec-sm.active{background:var(--acc);color:var(--on-acc-fg)}.mode-toggle,.scene-lock,.roll-tool{padding:0;display:inline-flex;overflow:hidden}.mode-half,.scene-half,.tool-half{font-size:inherit;padding:.4rem .8rem;line-height:1.2}@media (max-width:900px){.mode-half,.scene-half,.tool-half{padding:.3rem .5rem}}.roll-tools .tool-half{padding:.25rem .6rem}button.mode-toggle,button.scene-lock,button.roll-tool{border:1px solid #0000;overflow:visible}button.mode-toggle,button.scene-lock,button.roll-tool,.lib-tabs{border-radius:var(--radius-sm);background:#00000042;box-shadow:inset 0 1px 2px #00000073,inset 0 -1px #ffffff0f}.mode-half,.scene-half,.tool-half,.lib-tab{border-radius:var(--radius-sm)}.header-nav>.play-pair>button.mode-toggle{isolation:isolate;padding:0;position:relative}.header-nav>.play-pair>button.mode-toggle>.mode-half{z-index:1;flex:1 1 0;justify-content:center;min-width:0;transition:color .2s;position:relative}.header-nav>.play-pair>button.mode-toggle>.mode-half.active{box-shadow:none;background:0 0}.header-nav>.play-pair>button.mode-toggle:before{content:"";border-radius:var(--radius-sm);background:var(--play-bg);width:50%;height:100%;box-shadow:var(--play-shadow);z-index:0;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0}.header-nav>.play-pair>button.mode-toggle[data-mode=song]:before{transform:translate(100%)}@media (prefers-reduced-motion:reduce){.header-nav>.play-pair>button.mode-toggle:before,.header-nav>.play-pair>button.mode-toggle>.mode-half{transition:none}}.rack-head>button.scene-lock{isolation:isolate;box-sizing:border-box;align-items:stretch;height:20px;position:relative}.rack-head>button.scene-lock>.scene-half{z-index:1;flex:1 1 0;justify-content:center;align-items:center;min-width:0;padding:0 .5rem;font-size:.65rem;line-height:1;transition:color .2s;display:inline-flex;position:relative}.rack-head>button.scene-lock>.scene-half.active{box-shadow:none;background:0 0}.rack-head>button.scene-lock:before{content:"";border-radius:var(--radius-sm);background:var(--play-bg);width:50%;height:100%;box-shadow:var(--play-shadow);z-index:0;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0}.rack-head>button.scene-lock[data-lock=scene]:before{transform:translate(100%)}.rack.collapsed .rack-head>button.scene-lock{height:auto}.rack.collapsed .rack-head>button.scene-lock>.scene-half{padding:.15rem .1rem;font-size:.5rem}.rack.collapsed .rack-head>button.scene-lock:before{width:100%;height:50%}.rack.collapsed .rack-head>button.scene-lock[data-lock=scene]:before{transform:translateY(100%)}@media (prefers-reduced-motion:reduce){.rack-head>button.scene-lock:before,.rack-head>button.scene-lock>.scene-half{transition:none}}.library>.lib-tabs{isolation:isolate;position:relative}.library>.lib-tabs>.lib-tab{white-space:nowrap;text-overflow:ellipsis;z-index:1;flex:1 1 0;min-width:0;padding-left:3px;padding-right:3px;transition:color .2s;position:relative;overflow:hidden}.library>.lib-tabs>.lib-tab.active{box-shadow:none;background:0 0}.library>.lib-tabs:before{content:"";border-radius:var(--radius-sm);background:var(--play-bg);width:33.3333%;height:100%;box-shadow:var(--play-shadow);z-index:0;pointer-events:none;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0}.library>.lib-tabs[data-tab=samples]:before{transform:translate(100%)}.library>.lib-tabs[data-tab=controllers]:before{transform:translate(200%)}@media (prefers-reduced-motion:reduce){.library>.lib-tabs:before,.library>.lib-tabs>.lib-tab{transition:none}}.mode-half.active,.scene-half.active,.tool-half.active,.lib-tab.active{background:var(--play-bg);color:var(--play-fg);box-shadow:var(--play-shadow)}.mode-half:not(.active),.scene-half:not(.active),.tool-half:not(.active),.lib-tab:not(.active){color:var(--muted);box-shadow:none;background:0 0}.pat-grow{margin-left:.35rem}.length-ctl .len-btn,.pat-strip .pat{border-radius:0;margin:0}.length-ctl .len-btn:first-of-type,.pat-strip .pat:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}.length-ctl .len-btn:last-of-type,.pat-strip .pat.pat-last{border-top-right-radius:4px;border-bottom-right-radius:4px}.length-ctl .len-btn+.len-btn,.pat-strip .pat+.pat{border-left:none}.arp-field{align-items:center;gap:.25rem;display:inline-flex}.arp-lbl{color:#8a8a94;letter-spacing:.04em;font-size:.65rem}.fx-wam-status{opacity:.85;overflow-wrap:anywhere;max-width:18rem;font-size:.72rem}.fx-wam-status.failed{color:var(--danger)}.fx-wam-status.pending{color:var(--warn)}.fx-row-pending{align-items:center}.fx-wam-retry,.fx-wam-consent,.fx-wam-gui{font-size:.72rem}.fx-comp-meter{background:#ffffff1f;border-radius:3px;align-self:center;width:48px;height:6px;overflow:hidden}.fx-comp-meter-fill{background:#e6a13a;width:0%;height:100%;transition:width 60ms linear}.sample-browser .sb-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.sample-browser .sb-title{letter-spacing:.04em;font-weight:600}.sample-browser .sb-upload{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);font:inherit;cursor:pointer;align-items:center;gap:.25rem;margin-left:auto;padding:.2rem .55rem;font-size:.8rem;display:inline-flex}.sample-browser .sb-upload:hover{border-color:var(--acc)}.sample-browser .sb-upload-input{display:none}.sample-browser .sb-search{box-sizing:border-box;width:160px;max-width:40vw;font:inherit;border:1px solid var(--control-border);color:inherit;background:0 0;border-radius:6px;padding:.3rem .5rem;font-size:.85em}.sample-browser .sb-search:focus{border-color:var(--acc);outline:none}.sample-browser .sb-aim{border:1px solid var(--acc);background:color-mix(in srgb, var(--acc) 12%, transparent);border-radius:6px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.35rem .6rem;font-size:.85em;display:flex}.sample-browser .sb-aim[hidden]{display:none}.sample-browser .sb-aim-text{color:var(--acc);flex:1}.sample-browser .sb-aim-clear{font:inherit;color:inherit;border:1px solid var(--acc);cursor:pointer;background:0 0;border-radius:4px;padding:0 .3rem;line-height:1}.sample-browser .sb-body{max-height:68vh;overflow-y:auto}.sample-browser .sb-grid{gap:.5rem;display:grid}.sample-browser .sb-grid.sb-root{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.sample-browser .sb-grid.sb-samples{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.sample-browser .sb-card[disabled]{opacity:.5;cursor:default}.sample-browser .sb-source{align-items:flex-start}.sample-browser .sb-src-name{font-weight:600}.sample-browser .sb-src-meta{opacity:.7;font-size:.8em}.sample-browser .sb-sweep{background:var(--glow);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:0}.sample-browser .sb-back{color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;margin-bottom:.5rem;display:inline-flex}.sample-browser .sb-back svg{width:16px;height:16px}.sample-browser .sb-packs-notice{opacity:.7;margin-top:.5rem;font-size:.85em}.sample-browser .sb-card.sb-premium{border-color:var(--premium-acc,#e0b84c)}.sample-browser .sb-card.sb-source.sb-premium .sb-src-name:after{content:" ★";color:var(--premium-acc,#e0b84c)}.sample-browser .sb-card.sb-premium-upsell{border-style:dashed;border-color:var(--premium-acc,#e0b84c);color:var(--premium-acc,#e0b84c);text-align:center;justify-content:center;align-items:center;min-height:64px}.sample-browser .sb-card.sb-premium-upsell:hover,.sample-browser .sb-card.sb-premium-upsell:focus-visible{border-color:var(--premium-acc,#e0b84c);background:#e0b84c14}.header-nav .account-group{align-items:center;gap:6px;margin-left:auto;display:flex}.header-nav .account-host{align-items:center;display:flex}.account-control{align-items:center;gap:6px;display:flex;position:relative}.account-control button{font:inherit;cursor:pointer;padding:3px 9px}.account-pro{padding:0 .4rem;font-weight:600}.account-control button.account-btn{border-radius:50%;padding:4px;line-height:0}.account-control .account-btn svg{width:18px;height:18px;display:block}.account-who{opacity:.7;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--control-border,#80808040);max-width:220px;margin-bottom:4px;padding:4px 9px 6px;font-size:.78rem;overflow:hidden}.account-portal-off{opacity:.55;cursor:default;font-style:italic}.account-pro-expiring{opacity:.7;padding:2px 9px 4px;font-size:.72rem;display:block}.account-resume{font-weight:600}.account-resume:disabled{opacity:.55;cursor:progress}.pro-backdrop{z-index:100;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pro-panel{background:var(--panel-bg);border:var(--panel-border);border-top:2px solid var(--acc);border-radius:var(--radius);box-shadow:var(--panel-shadow);flex-direction:column;gap:.6rem;width:min(420px,92vw);max-height:88vh;padding:1rem 1.2rem;display:flex;position:relative;overflow:auto}.pro-panel .auth-close{position:absolute;top:.5rem;right:.6rem}.pro-title{letter-spacing:.04em;margin:0 1.6rem 0 0;font-weight:700}.pro-includes{flex-direction:column;gap:.35rem;margin:0;padding-left:1.1rem;font-size:.85rem;display:flex}.pro-checkout{font:inherit;cursor:pointer;background:var(--play-bg);color:var(--play-fg);box-shadow:var(--play-shadow);border-radius:var(--radius-sm);border:none;align-self:flex-start;padding:.5rem 1rem;font-weight:600}.pro-checkout:hover{opacity:.9}.auth-panel.dialog-panel{width:min(380px,92vw)}.dialog-body{white-space:pre-line;overflow-wrap:anywhere;margin:0 0 .9rem;line-height:1.45}.dialog-input{box-sizing:border-box;width:100%;font:inherit;color:var(--text);background:var(--inset-bg);border:var(--panel-border);border-radius:var(--radius);margin:0 0 .9rem;padding:.45rem .6rem;display:block}.dialog-actions{justify-content:flex-end;gap:.6rem;display:flex}.audio-gain-row{align-items:center;gap:.75rem;margin:.25rem 0 1rem;display:flex}.audio-gain-row input[type=range]{min-width:12rem;accent-color:var(--acc);flex:1}.audio-gain-value{text-align:right;min-width:5.5em;font-family:var(--font-lcd);font-variant-numeric:tabular-nums;color:var(--text)}.audio-cleanup-lead,.audio-cleanup-note{color:var(--muted);overflow-wrap:anywhere;margin:0 0 .75rem;font-size:.85rem}.audio-cleanup-list{max-height:50vh;margin:0 0 .75rem;padding:0;list-style:none;overflow:hidden auto}.audio-cleanup-row{color:var(--text);overflow-wrap:anywhere;cursor:pointer;align-items:baseline;gap:.5rem;min-width:0;padding:.2rem 0;display:flex}.audio-cleanup-row input{accent-color:var(--acc);flex:none}.audio-panel{flex-direction:column;gap:.6rem;min-width:0;display:flex}.audio-panel-sec{min-width:0}.audio-panel-sec+.audio-panel-sec{border-top:1px solid var(--knob-stroke);padding-top:.5rem}.audio-panel-head{letter-spacing:.02em;color:var(--acc);margin:0 0 .35rem;font-size:.72rem;font-weight:600}.audio-panel-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.audio-panel-clip,.audio-panel-asset{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:var(--text);text-align:left;border-radius:var(--radius);background:0 0;border:1px solid #0000;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding:.2rem .4rem;font-size:.8rem;display:flex}.audio-panel-clip{cursor:pointer}.audio-panel-clip:hover,.audio-panel-clip:focus-visible{border-color:var(--control-border)}.audio-panel-name{overflow-wrap:anywhere;flex:8rem;min-width:0}.audio-panel-at,.audio-panel-len,.audio-panel-size{font-family:var(--font-lcd);font-variant-numeric:tabular-nums;color:var(--muted);flex:none}.audio-panel-empty{color:var(--muted);margin:0;font-size:.8rem}.audio-panel-cleanup{font:inherit;color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius);cursor:pointer;background:0 0;margin-top:.4rem;padding:.25rem .6rem;font-size:.78rem}.audio-panel-cleanup:hover{color:var(--acc);border-color:var(--acc)}.audio-panel-fx .fx-pane{border-top:0;margin-top:0;padding-top:0}.audio-input{flex-direction:column;gap:.4rem;min-width:0;display:flex}.audio-input-row{flex-wrap:wrap;align-items:center;gap:.4rem .6rem;min-width:0;display:flex}.audio-input-device{min-width:0;max-width:100%;font:inherit;color:var(--control-fg);background:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--radius-sm);flex:12rem;padding:.2rem .3rem;font-size:.8rem}.audio-input-channel{flex-wrap:wrap}.audio-input-trimwrap{align-items:center;gap:.4rem;display:inline-flex}.audio-input-label{color:var(--muted);font-size:.72rem}.audio-input-trim{width:7rem}.audio-input-trim-val{min-width:3.6em;font-family:var(--font-lcd);font-variant-numeric:tabular-nums;color:var(--text);font-size:.78rem}.audio-input-meterwrap{align-items:center;gap:.4rem;display:inline-flex}.audio-input-lcd{min-width:4.5rem;height:22px}.audio-input-meter{background:var(--inset-bg);border-radius:3px;width:6rem;height:6px;display:inline-block;position:relative;overflow:hidden}.audio-input-meter-fill{background:var(--acc);clip-path:inset(0 calc((1 - var(--lv,0)) * 100%) 0 0);position:absolute;inset:0}.audio-input-arm:not([data-state=idle]){border-color:var(--rec-ring)}.key.audio-input-arm:not([data-state=idle]) .lamp{background:var(--rec-ring);box-shadow:0 0 7px var(--rec-ring), 0 0 2px var(--rec-ring)}.audio-input-cap{font-family:var(--font-lcd);font-variant-numeric:tabular-nums;color:var(--muted);font-size:.78rem}.audio-input-warn{color:var(--warn);margin:0;font-size:.78rem}.audio-input-warn[hidden]{display:none}.dialog-ok,.dialog-cancel{font:inherit;border-radius:var(--radius);cursor:pointer;border:var(--panel-border);padding:.45rem .9rem}.dialog-ok{background:var(--play-bg);color:var(--play-fg);box-shadow:var(--play-shadow);border:none;font-weight:600}.dialog-ok.dialog-danger{background:var(--danger,#e66);color:#fff}.dialog-cancel{color:var(--text);background:0 0}.dialog-ok:focus-visible,.dialog-cancel:focus-visible,.dialog-input:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.dialog-ok:disabled{opacity:.6;cursor:default}.reset-backdrop{z-index:100;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reset-panel{background:var(--panel-bg);border:var(--panel-border);border-top:2px solid var(--acc);border-radius:var(--radius);box-shadow:var(--panel-shadow);color:var(--text);box-sizing:border-box;flex-direction:column;gap:.6rem;width:min(420px,92vw);max-height:88vh;padding:1rem 1.2rem;display:flex;overflow:auto}.reset-head{justify-content:space-between;align-items:center;display:flex}.reset-title{letter-spacing:.04em;font-weight:700}.reset-close{font:inherit;cursor:pointer;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:.1rem .5rem;font-size:.9rem;line-height:1}.reset-panel input{font:inherit;box-sizing:border-box;background:var(--inset-bg);width:100%;color:var(--control-fg);border:1px solid var(--knob-stroke);border-radius:var(--radius-sm);padding:.45rem .5rem;font-size:.85rem}.reset-panel input::placeholder{color:var(--muted)}.reset-panel input:focus{border-color:var(--acc);outline:none}.reset-error{color:var(--danger);font-size:.8rem}.reset-submit{font:inherit;cursor:pointer;background:var(--play-bg);color:var(--play-fg);box-shadow:var(--play-shadow);border-radius:var(--radius-sm);border:none;padding:.5rem;font-size:.85rem;font-weight:600}.reset-submit:disabled{opacity:.6;cursor:default}.reset-retry{color:var(--acc);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem}.reset-retry:hover{text-decoration:underline}.reset-panel [hidden]{display:none!important}.info-popover{background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);z-index:90;flex-direction:column;gap:.5rem;width:min(22rem,90vw);max-height:60vh;padding:.75rem;display:flex;position:fixed;top:1rem;left:1rem;overflow-y:auto}.info-popover[hidden]{display:none}.info-head{justify-content:space-between;align-items:center;display:flex}.info-title{color:var(--acc);letter-spacing:.02em;font-size:.8rem}.info-close{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer}.info-topic-title{color:var(--acc);margin:0 0 .25rem;font-size:.9rem}.info-topic-body,.info-empty{color:var(--text);margin:0;font-size:.8rem;line-height:1.4}body.info-mode [data-help]:hover{outline:1px dashed var(--acc);outline-offset:-1px;cursor:help}.info-toggle{align-items:center;padding:4px;line-height:0;display:inline-flex}.info-toggle svg{width:18px;height:18px;display:block}.info-toggle.active{color:var(--acc);border-color:var(--acc)}.library-bar{gap:6px;margin-bottom:8px;display:flex}.library-bar[hidden]{display:none}.library-bar .lib-button{box-sizing:border-box;letter-spacing:.02em;background:var(--control-bg);min-width:0;height:40px;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-size:.8rem;display:inline-flex}.library-bar .lib-button svg{flex:none;width:20px;height:20px;display:block}.library-bar .lib-button-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.library-bar .lib-button[aria-pressed=true]{color:var(--acc);border-color:var(--acc)}.library-bar{flex-wrap:wrap;container:library-bar/inline-size}@container library-bar (width<=299.98px){.library-bar .lib-button-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.toast{z-index:300;pointer-events:none;background:var(--panel-bg);border:var(--panel-border);color:var(--text);border-radius:4px;padding:.5rem .9rem;font-size:.8rem;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%)}.toast.toast-action{pointer-events:auto;align-items:center;gap:.7rem;display:flex}.toast .toast-btn{font:inherit;cursor:pointer;border:1px solid var(--acc,var(--text));color:var(--text);background:0 0;border-radius:3px;padding:.2rem .6rem}.toast .toast-btn:hover{background:color-mix(in srgb, var(--acc,var(--text)) 18%, transparent)}.toast .toast-btn:focus-visible{outline:2px solid var(--acc,var(--text));outline-offset:2px}.share-visibility[data-listed=true]{color:var(--acc,#6cf)}.star-list{flex-direction:column;gap:6px;max-height:320px;display:flex;overflow-y:auto}.star-list-empty{color:var(--muted,#e8e6e399);padding:.75rem 0;font-size:13px}.star-row{border-bottom:1px solid #80808033;align-items:center;gap:.6rem;padding:6px 4px;display:flex}.star-row-link{text-overflow:ellipsis;white-space:nowrap;color:inherit;flex:1;font-size:13px;overflow:hidden}.star-row-link:hover{color:var(--acc,#6cf)}.star-row-count{opacity:.75;text-align:right;font-variant-numeric:tabular-nums;min-width:3.2em;font-size:.78rem}.star-row button{font:inherit;cursor:pointer;padding:3px 8px}.star-row-unstar:disabled{opacity:.5;cursor:default}.share-visibility[data-listed=false]{opacity:.75}.share-visibility[hidden]{display:none}.share-modal-blurb{margin:0 0 .75rem;line-height:1.45}.share-modal-options{flex-direction:column;gap:.5rem;display:flex}.share-modal-option{cursor:pointer;border:1px solid color-mix(in srgb, currentColor 28%, transparent);border-radius:var(--radius-sm,4px);align-items:flex-start;gap:.6rem;padding:.6rem;display:flex}.share-modal-option input[type=radio]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.share-modal-option:has(input:checked){border-color:var(--acc,#6cf);background:color-mix(in srgb, var(--acc,#6cf) 12%, transparent)}.share-modal-option:has(input:focus-visible){outline:2px solid var(--acc,#6cf);outline-offset:2px}.share-modal-option strong{display:block}.share-modal-option small{opacity:.75;line-height:1.35;display:block}.share-modal-option.is-disabled{opacity:.5;cursor:not-allowed}.share-modal-name{flex-direction:column;gap:.3rem;margin:0 0 .75rem;display:flex}.share-modal-name-label{opacity:.8;font-size:.85em}.share-modal-name-input{font:inherit;box-sizing:border-box;background:var(--inset-bg);width:100%;color:var(--control-fg);border:1px solid var(--knob-stroke);border-radius:var(--radius-sm);padding:.45rem .5rem;font-size:.85rem}.share-modal-name-input::placeholder{color:var(--muted)}.share-modal-name-input:focus{border-color:var(--acc);outline:none}.remix-field{flex-wrap:wrap;align-items:center;gap:.3rem .4rem;margin:0 0 .9rem;display:flex}.remix-field-prefix{overflow-wrap:anywhere;color:var(--text);flex:100%}.remix-field-open{white-space:nowrap}.remix-field-row{flex:1 1 0;align-items:center;gap:.4rem;min-width:0;display:flex}.remix-field-x{box-sizing:border-box;min-width:0;font:inherit;background:var(--inset-bg);color:var(--control-fg);border:1px solid var(--knob-stroke);border-radius:var(--radius-sm);flex:auto;padding:.45rem .5rem;font-size:.85rem}.remix-field-x:focus{border-color:var(--acc);outline:none}.remix-field-suffix{white-space:nowrap;color:var(--text)}.remix-field-count{white-space:nowrap;font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--muted), var(--text));margin-left:auto;font-size:.8em}.remix-field-msg{color:var(--danger);background:var(--inset-bg);border-radius:var(--radius-sm);flex:100%;margin:0;padding:.3rem .5rem;font-size:.85em;line-height:1.4}.remix-field-msg[hidden]{display:none}.share-modal-name .remix-field{margin:0}.msave .remix-field-x{min-height:44px;font-size:16px}.share-modal-lineage{color:color-mix(in srgb, var(--muted), var(--text));margin:0 0 .75rem;font-size:.85em;line-height:1.45}.share-modal-lineage p{overflow-wrap:anywhere;margin:0}.share-modal-lineage-root{color:var(--text)}.share-modal-visibility{align-items:center;gap:.6rem;margin:.75rem 0 0;display:flex}.share-modal-visibility-label{opacity:.8;font-size:.85em}.share-modal-visibility .share-visibility{font:inherit;cursor:pointer;padding:3px 10px}.share-modal-why{margin:.75rem 0 0;line-height:1.45}.share-modal-note{opacity:.8;margin:.75rem 0 0;line-height:1.45}.share-modal-license{opacity:.8;margin:.75rem 0 0;font-size:.9em;line-height:1.45}.share-modal-license a{color:var(--acc)}.share-modal-locked{opacity:.8;margin:0 0 .75rem;line-height:1.45}.share-modal-expired{opacity:.8;flex-basis:100%;font-size:.85em}.share-modal-jam{border-top:1px solid color-mix(in srgb, currentColor 20%, transparent);margin:1rem 0 0;padding:.85rem 0 0}.share-modal-jam-head{margin:0 0 .25rem;font-size:.95em;font-weight:600}.share-modal-jam-note{opacity:.8;margin:0 0 .6rem;font-size:.9em;line-height:1.4}.share-modal-jam-actions{gap:.5rem;margin:0;display:flex}.share-modal-actions{justify-content:flex-end;gap:.6rem;margin:1rem 0 0;display:flex}.share-modal-actions button,.share-modal-jam-actions button,.share-modal-copy,.share-modal-video,.share-modal-embed-btn,.embed-size,.embed-copy{font:inherit;cursor:pointer;white-space:nowrap;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:.4rem .9rem;font-size:.85rem;font-weight:600}.share-modal-actions button:hover,.share-modal-jam-actions button:hover,.share-modal-copy:hover,.share-modal-video:hover,.share-modal-embed-btn:hover,.embed-size:hover,.embed-copy:hover{border-color:var(--acc)}.share-modal-embed,.embed-modal .embed-code{margin:.5rem 0 0}.embed-code{gap:.5rem;min-width:0;display:grid}.embed-sizes{gap:.4rem;display:flex}.embed-size[aria-pressed=true]{border-color:var(--acc);color:var(--acc)}.embed-copy{justify-self:start}.embed-snippet{box-sizing:border-box;resize:none;background:var(--inset-bg);width:100%;color:var(--control-fg);border:1px solid var(--knob-stroke);border-radius:var(--radius-sm);margin:0;padding:.45rem .5rem;font-family:ui-monospace,monospace;font-size:12px;line-height:1.4;display:block}.embed-snippet:focus{border-color:var(--acc);outline:none}.embed-preview{background:var(--panel-bg);border:0;border-radius:8px;width:100%;display:block}.embed-code-notes:empty{display:none}.embed-code-line,.embed-code-note{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.embed-code-note+.embed-code-note{margin-top:.25rem}.auth-panel.embed-modal{width:min(34rem,100vw - 2rem)}.share-modal-actions .share-modal-confirm,.share-modal-actions .share-modal-save{background:var(--play-bg);color:var(--play-fg);box-shadow:var(--play-shadow);border:none}.share-modal-actions .share-modal-confirm:hover,.share-modal-actions .share-modal-save:hover{opacity:.9}.share-modal-actions button:disabled,.share-modal-jam-actions button:disabled{opacity:.6;cursor:default}.share-modal-actions button:disabled:hover,.share-modal-jam-actions button:disabled:hover{border-color:var(--control-border)}.share-modal-jam-leave:hover{border-color:var(--danger);color:var(--danger)}.share-modal-link-row{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 0;display:flex}.share-modal-url{min-width:0;font:inherit;background:var(--inset-bg);color:var(--control-fg);border:1px solid var(--knob-stroke);border-radius:var(--radius-sm);flex:12rem;padding:.45rem .5rem;font-size:.85rem}.share-modal-error{color:var(--danger);background:var(--inset-bg);border-radius:var(--radius-sm);margin:.75rem 0 0;padding:.4rem .6rem;line-height:1.45}.share-limit-msg{margin-bottom:10px;font-size:13px;line-height:1.4}.share-limit-list,.share-limit-pro{cursor:pointer;margin-top:4px;padding:6px 10px}.share-listed-label{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.share-listed-hint{color:var(--muted);margin:4px 0 10px;font-size:.75rem;line-height:1.4}.share-listed-confirm{cursor:pointer;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);margin-top:4px;padding:6px 10px}.share-banner{z-index:90;box-sizing:border-box;background:var(--panel-bg);border:var(--panel-border);border-top:2px solid var(--acc);border-radius:var(--radius);max-width:min(92vw,42rem);box-shadow:var(--panel-shadow);flex-wrap:wrap;align-items:center;gap:.4rem .6rem;padding:.5rem .75rem;font-size:.8rem;display:flex;position:fixed;bottom:1.2rem;right:1rem}.share-banner-name{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:min(14rem,100%);font-weight:700;overflow:hidden}.share-banner-credit{color:var(--muted);white-space:nowrap;text-decoration:none}.share-banner-credit:hover{color:var(--acc)}.share-banner-license{color:var(--muted);border:1px solid var(--control-border);white-space:nowrap;border-radius:4px;padding:0 .35em;font-size:.8em;text-decoration:none}.share-banner-license:hover{color:var(--acc);border-color:var(--acc)}.share-banner-remix,.share-banner-startover,.share-banner-embed{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;margin-left:auto;padding:.25rem .5rem;font-size:.75rem}.share-banner-embed+.share-banner-remix{margin-left:0}.share-banner-close{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;padding:.1rem .4rem;font-size:.85rem;line-height:1}.pb-backdrop{z-index:80;opacity:0;pointer-events:none;background:#0000008c;justify-content:center;align-items:center;transition:opacity .16s;display:flex;position:fixed;inset:0}.pb-backdrop.open{opacity:1;pointer-events:auto}.pb-modal{background:var(--panel-bg);border:var(--panel-border);border-top:2px solid var(--acc);border-radius:var(--radius);box-shadow:var(--panel-shadow);width:min(560px,96vw);max-height:88vh;padding:.75rem;overflow:auto}@media (prefers-reduced-motion:reduce){.pb-backdrop{transition:none}}.pb-modal-head{letter-spacing:.06em;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.95rem;display:flex}.pb-close{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:.1rem .5rem;font-size:.9rem}.pb-target-wrap{margin-bottom:.6rem}.pb-target{font:inherit;border-radius:var(--radius-sm);background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);padding:.25rem .4rem;font-size:.85em}.pb-target-note{opacity:.7;margin-top:.3rem;font-size:.8em;display:none}.pb-body{flex-direction:column;gap:.4rem;display:flex}.pb-empty{color:var(--muted,#999);padding:.5rem .25rem;font-size:.85em}.pb-group{border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:.3rem .5rem}.pb-group summary{cursor:pointer;letter-spacing:.03em;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.pb-pro-chip{letter-spacing:.05em;border-radius:var(--radius-sm);color:var(--premium-acc,#e0b84c);border:1px solid var(--premium-acc,#e0b84c);padding:.05rem .35rem;font-size:.65rem;font-weight:600}.pb-row{border-top:1px solid #80808026;align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.pb-row:first-of-type{border-top:none}.pb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85em;overflow:hidden}.pb-preview,.pb-apply,.pb-lock{font:inherit;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;padding:.15rem .5rem;font-size:.8em}.pb-bars{color:var(--muted,#9aa);white-space:nowrap;border:1px solid #8080804d;border-radius:.6rem;flex:none;padding:.05rem .35rem;font-size:.7em}.pb-preview[disabled],.pb-apply[disabled]{opacity:.4;cursor:default}.pb-locked{opacity:.55}.pb-lock{color:var(--premium-acc,#e0b84c);border-color:var(--premium-acc,#e0b84c)}.pb-playing .pb-preview{color:var(--acc);border-color:var(--acc)}.pb-backdrop.pb-anchored{background:0 0}.pb-backdrop.open.pb-anchored{pointer-events:none}.pb-modal.pb-pop{border-top:var(--panel-border);background:var(--panel-bg);width:min(500px,100vw - 24px);max-height:min(72vh,540px);box-shadow:var(--panel-shadow);pointer-events:auto;flex-direction:column;padding:0;display:flex;position:fixed;overflow:hidden}.pb-pop .pb-modal-head{margin:0}.pb-pop .pb-target-wrap{margin:0;padding:6px 10px 0}.pb-pop .pb-body{overscroll-behavior:contain;flex:auto;min-height:0;padding:4px 6px 6px;overflow:auto}.pb-modal.pb-pop.pb-sheet{width:auto;max-height:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border-radius:0;inset:0}.pb-chips{flex-wrap:wrap;gap:5px;padding:10px 10px 6px;display:flex}.pb-chips>.radio-keys{flex-wrap:wrap;gap:5px}.roll-grid,.pl-scroll{touch-action:pan-x pan-y}.roll-note,.pl-clip,.roll-ruler,.pl-ruler,.roll-region,.pl-region,.rack-grip,.pl-lane-grip,.pl-playhead-grip{touch-action:none}#app{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pl-clip:after,.roll-note:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#16161a8c 1px,#0000 1.4px) 50%/4px 5px;border-radius:0 3px 3px 0;width:7px;transition:opacity 80ms;position:absolute;top:1px;bottom:1px;right:1px}.pl-clip:hover:after,.pl-clip.selected:after,.roll-note:hover:after,.roll-note.selected:after{opacity:1}.roll-note.logghost:after{display:none}.pl-dup{z-index:5;box-sizing:border-box;width:.95rem;height:.95rem;margin-left:calc(-1 * var(--pl-gap));border:1px solid color-mix(in srgb, var(--muted) 45%, transparent);background:var(--inset-bg);color:var(--muted);font:inherit;text-align:center;cursor:pointer;opacity:0;pointer-events:none;border-radius:3px;grid-row:1;place-self:center start;padding:0;font-size:.72rem;line-height:.8rem;transition:opacity 80ms}.pl-clip:hover+.pl-dup,.pl-clip.selected+.pl-dup,.pl-dup:hover,.pl-dup:focus-visible{opacity:1;pointer-events:auto}.pl-dup:focus-visible{outline:1px solid var(--acc);outline-offset:1px}.pl-dup:not(.disabled):hover{color:var(--acc);border-color:var(--acc)}.pl-dup.disabled{cursor:default;color:var(--muted);background:0 0;border-style:dashed}.pl-clip:hover+.pl-dup.disabled,.pl-clip.selected+.pl-dup.disabled,.pl-dup.disabled:hover,.pl-dup.disabled:focus-visible{opacity:.55}.auth-backdrop.discover-modal{box-sizing:border-box;align-items:flex-start;padding-top:6vh}.discover-modal .auth-panel{flex-direction:column;width:min(72rem,94vw);max-height:88vh;display:flex}.discover-modal .song-list{overflow-y:auto}.discover-modal{--sc-bg:var(--control-bg);--sc-fg:var(--text);--sc-muted:var(--muted);--sc-border:var(--knob-stroke);--sc-line:color-mix(in srgb, var(--text) 24%, transparent);--sc-accent:var(--acc);--sc-radius:var(--radius-sm)}.discover-modal .sl-chip[aria-pressed=true]{color:var(--play-fg)}.settings-modal .auth-panel{width:min(34rem,94vw)}.setting-row{border-bottom:1px solid var(--knob-stroke);grid-template-columns:7rem minmax(0,1fr);align-items:start;gap:.25rem .75rem;padding:.5rem 0;display:grid}.setting-row:last-child{border-bottom:none}.setting-label{color:var(--acc);font-weight:600}.setting-blurb{color:var(--muted);grid-column:2;font-size:.75rem}.setting-picks{grid-column:2;gap:.4rem;display:flex}@media (max-width:36rem){.setting-picks{flex-wrap:wrap}.setting-picks:has(>.setting-pick:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.setting-pick,.setting-calibrate{font:inherit;cursor:pointer;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:5px 10px;font-size:.75rem;line-height:1.35}.setting-pick:hover,.setting-pick:focus-visible,.setting-calibrate:hover,.setting-calibrate:focus-visible{border-color:var(--acc)}.setting-section{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--knob-stroke);margin:0;padding:.75rem 0 .2rem;font-size:.58rem;font-weight:400}.setting-offset{grid-column:2;align-items:center;gap:.6rem;min-width:0;display:flex}.setting-offset input[type=range]{min-width:6rem;accent-color:var(--acc);flex:1}.setting-value{text-align:right;min-width:4.8em;font-family:var(--font-lcd);font-variant-numeric:tabular-nums;color:var(--text)}.setting-calibrate{white-space:nowrap}@media (max-width:36rem){.setting-offset{flex-wrap:wrap}.setting-offset input[type=range]{flex-basis:100%}}.calibrate .calibrate-intro{color:var(--text);margin:0 0 .5rem;line-height:1.45}.calibrate .calibrate-status{min-height:1.45em;color:var(--text);margin:0 0 .75rem;font-size:.8rem;font-weight:600;line-height:1.45}.midiout-modal .auth-panel{flex-direction:column;width:min(40rem,94vw);max-height:88vh;display:flex}.midiout-intro,.midiout-note,.midiout-status{color:var(--muted);padding:.35rem 0;font-size:.75rem;line-height:1.45}.midiout-status{color:var(--control-fg)}.midiout-select{width:100%;font:inherit;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);grid-column:2;padding:5px 8px;font-size:.75rem}.midiout-check{color:var(--control-fg);grid-column:2;align-items:center;gap:.45rem;font-size:.75rem;display:flex}.midiout-head{border-top:1px solid var(--knob-stroke);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 0 .35rem;display:flex}.midiout-fill{white-space:nowrap}.midiout-list{max-height:38vh;overflow:auto}.midiout-row{grid-template-columns:minmax(0,1fr) 11rem;align-items:center;gap:.5rem;padding:.18rem 0;display:grid}.midiout-name{color:var(--control-fg);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.midiout-row .midiout-select{grid-column:auto}@media (max-width:30rem){.midiout-row{grid-template-columns:minmax(0,1fr) 8.5rem}}.songs-modal .auth-panel{flex-direction:column;width:min(72rem,94vw);max-height:88vh;display:flex}.songs-modal .songs-strip{border-bottom:1px solid var(--knob-stroke);flex-wrap:wrap;align-items:center;gap:.5rem;padding-bottom:.6rem;display:flex}.songs-modal .songs-search{min-width:8rem;font:inherit;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);flex:12rem;padding:4px 8px;font-size:.8rem}.songs-modal .songs-search::placeholder{color:var(--muted)}.songs-modal .songs-search:focus{border-color:var(--acc);outline:none}.songs-modal .songs-chips{flex-wrap:wrap;gap:.3rem;display:flex}.songs-chip,.songs-modal .songs-sort,.songs-modal .songs-save,.songs-modal .songs-gopro,.songs-modal .songs-retry,.songs-modal .songs-signin-btn,.songs-modal .song-open,.songs-modal .song-play,.songs-modal .song-more,.songs-modal .song-act,.songs-modal .orphan-row button{font:inherit;cursor:pointer;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:5px 10px;font-size:.75rem;line-height:1.35}.songs-chip:hover,.songs-chip:focus-visible,.songs-modal .songs-save:not(:disabled):hover,.songs-modal .songs-gopro:hover,.songs-modal .songs-retry:hover,.songs-modal .songs-signin-btn:hover,.songs-modal .song-open:not(:disabled):hover,.songs-modal .song-play:not(:disabled):hover,.songs-modal .song-more:not(:disabled):hover,.songs-modal .song-act:hover,.songs-modal .song-act:focus-visible,.songs-modal .orphan-row button:hover{border-color:var(--acc)}.songs-modal .songs-storage{color:var(--muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.songs-modal .songs-meter{width:7rem;height:.5rem;accent-color:var(--acc)}.songs-modal .songs-gopro{color:var(--acc)}.songs-modal .songs-save{color:var(--acc);margin-left:auto}.songs-modal .songs-content{flex-direction:column;flex:1;gap:.6rem;min-height:0;padding-top:.5rem;display:flex}.songs-modal .songs-table{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.songs-modal .song-row{border-radius:var(--radius-sm);grid-template-columns:76px 1fr auto auto auto auto;align-items:center;gap:.6rem;padding:4px 6px;display:grid}.songs-modal .song-row:hover{background:var(--control-bg)}.songs-modal .song-row.current{outline:1px solid var(--acc);outline-offset:-1px}.songs-modal .song-map{border-radius:var(--radius-sm);width:76px;height:40px;display:block}.songs-modal .song-map-empty{box-sizing:border-box;border:1px dashed var(--control-border)}.songs-modal .song-main{min-width:0}.songs-modal .song-name-line{align-items:baseline;gap:.4rem;min-width:0;display:flex}.songs-modal .song-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.songs-modal .song-editing{color:var(--acc);border:1px solid var(--acc);border-radius:var(--radius-sm);flex:none;padding:0 4px;font-size:.65rem}.songs-modal .song-lineage{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.songs-modal .song-meta{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.15rem .6rem;font-size:.7rem;display:flex}.songs-modal .song-stars,.songs-modal .song-vis,.songs-modal .song-plays{color:var(--control-fg)}.songs-modal .song-link-state.expired{color:var(--acc)}.songs-modal .song-open{min-width:3.4rem}.songs-modal .song-play{min-width:2.2rem}.songs-modal .song-play.playing{border-color:var(--acc);color:var(--acc)}.songs-modal .song-open:disabled,.songs-modal .song-play:disabled,.songs-modal .song-more:disabled,.songs-modal .songs-save:disabled{opacity:.45;cursor:default}.songs-modal .song-row.opening{outline:1px dashed var(--acc);outline-offset:-1px}.songs-modal .song-opening{color:var(--acc);flex:none;font-size:.7rem}.songs-modal .song-menu{z-index:2;background:var(--control-bg);border:1px solid var(--acc);border-radius:var(--radius-sm);flex-direction:column;gap:2px;min-width:10rem;padding:4px;display:flex;position:fixed}.songs-modal .song-act{text-align:left}.songs-modal .songs-empty,.songs-modal .songs-nomatch,.songs-modal .songs-loading{color:var(--muted);text-align:center;border:0;margin:1rem 0;padding:0}.songs-modal .songs-signin,.songs-modal .songs-error{text-align:center;flex-direction:column;align-items:center;gap:.6rem;margin:1.5rem 0;display:flex}.songs-modal .songs-orphans{border-top:1px solid var(--knob-stroke);padding-top:.5rem;font-size:.8rem}.songs-modal .songs-orphans-head{cursor:pointer;color:var(--muted)}.songs-modal .orphan-row{flex-wrap:wrap;align-items:center;gap:.5rem;padding:4px 6px;display:flex}.songs-modal .orphan-name{text-overflow:ellipsis;white-space:nowrap;flex:10rem;min-width:0;overflow:hidden}.songs-modal .orphan-terms{color:var(--muted);font-size:.7rem}@media (max-width:640px){.songs-modal .song-row{grid-template-columns:76px 1fr auto auto auto}.songs-modal .song-meta{grid-area:2/2/auto/-1;justify-content:flex-start}}.pro-checkout-yearly{font:inherit;cursor:pointer;color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius-sm);background:0 0;align-self:flex-start;margin-top:.5rem;padding:.4rem .9rem;font-size:.85rem}.pro-checkout-yearly:hover{border-color:var(--acc);color:var(--acc)}.menu-items>.menu-link{cursor:pointer;text-decoration:none;display:block}.rack-col{flex:none}.rack-col>:not(.rack){contain:inline-size}@media (min-width:720px){.rack.collapsed~.controller-rail{display:none}}@media (max-width:719.98px){.workspace{--overlay-pad-x:6px;flex-direction:column;align-items:stretch;margin-inline:-8px}.workspace>.library,.workspace>.library:is(.collapsed,.yielded),.rack-col{flex:none;width:auto;min-width:0}.workspace>.library:is(.collapsed,.yielded) .lib-head{flex-direction:row}.workspace>.library:is(.collapsed,.yielded) .lib-title{writing-mode:horizontal-tb}.workspace>.library:not(.collapsed,.yielded){max-height:min(60vh,480px);overflow-y:auto}.rack{width:auto;min-width:0}.overlay .arp{flex-wrap:wrap}}@media (min-width:720px){body:not(.mplayer-on) #app[data-pinpanes]:not([data-fs]) .workspace>:is(.library,.rack-col){--pin-ring:8px;top:calc(var(--pin-top,0px) + 8px - var(--pin-ring));max-height:calc(100vh - var(--pin-top,0px) - 24px);padding:var(--pin-ring);margin:calc(-1 * var(--pin-ring));overscroll-behavior:contain;scrollbar-width:thin;position:sticky;overflow-y:auto}}.macro-pad{flex-direction:column;gap:.4rem;max-width:240px;display:flex}.macro-surface{aspect-ratio:1;background:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:crosshair;touch-action:none;width:100%;position:relative;overflow:hidden}.macro-surface:before,.macro-surface:after{content:"";background:var(--control-border);position:absolute}.macro-surface:before{width:1px;top:0;bottom:0;left:50%}.macro-surface:after{height:1px;top:50%;left:0;right:0}.macro-dot{background:var(--acc);width:12px;height:12px;box-shadow:0 0 0 2px color-mix(in srgb, var(--acc) 35%, transparent);pointer-events:none;border-radius:50%;margin:0 0 -6px -6px;position:absolute}.macro-peer-dot{background:var(--peer,var(--muted));border:1.5px solid var(--app-bg);pointer-events:none;border-radius:50%;width:9px;height:9px;margin:0 0 -4.5px -4.5px;position:absolute}@keyframes macro-arm-pulse{50%{background:color-mix(in srgb, var(--acc) 18%, transparent)}}body.macro-arming .link-badge{border-radius:var(--radius-sm);animation:1.1s ease-in-out infinite macro-arm-pulse}@media (prefers-reduced-motion:reduce){.controller-assign.arming,body.macro-arming .link-badge{background:color-mix(in srgb, var(--acc) 18%, transparent);animation:none}}.controller-card{background:var(--panel-bg,var(--control-bg));border:1px solid var(--control-border);border-radius:var(--radius);margin-top:.5rem;padding:.55rem .7rem .7rem}.controller-card+.controller-card{margin-top:.5rem}.controller-card-head{align-items:center;gap:.35rem;margin-bottom:.45rem;display:flex}.controller-card[data-kind=xy],.lib-entry[data-controller=xy]{--ctl-acc:#ff9de0}.controller-card[data-kind=lfo],.lib-entry[data-controller=lfo]{--ctl-acc:#7ee8ff}.controller-card[data-kind=follower],.lib-entry[data-controller=follower]{--ctl-acc:#9effa8}.controller-card[data-kind=macro],.lib-entry[data-controller=macro]{--ctl-acc:#ffc46b}.controller-card[data-kind=step],.lib-entry[data-controller=step]{--ctl-acc:#c9b6ff}.controller-card[data-kind=random],.lib-entry[data-controller=random]{--ctl-acc:#ffe066}.controller-card[data-kind=gate],.lib-entry[data-controller=gate]{--ctl-acc:#ff8f6b}.controller-card[data-kind=pads],.lib-entry[data-controller=pads]{--ctl-acc:#7fd4c1}.controller-icon{width:1.1rem;color:var(--ctl-acc,var(--acc));flex:none;justify-content:center;align-items:center;display:inline-flex}.controller-icon svg{width:15px;height:15px;display:block}.lib-icon{width:16px;height:16px;color:var(--acc);flex:none;justify-content:center;align-items:center;display:inline-flex}.lib-icon svg{width:16px;height:16px;display:block}.lib-entry[data-controller] .lib-icon,.lib-entry[data-controller] .lib-name{color:var(--ctl-acc,var(--acc))}.controller-seat{opacity:.65;flex:none;padding:0}.controller-seat:hover,.controller-seat:focus-visible{opacity:1;color:var(--ctl-acc,var(--acc))}.controller-card.dragging{opacity:.4}.rack>.controller-card{margin:0 0 8px;padding-left:7px}.rack>.controller-card>.controller-card-head{gap:4px}.controller-name{background:var(--control-bg);min-width:0;color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius-sm);font:inherit;flex:auto;padding:.15rem .4rem;font-size:.72rem}.controller-name:focus{border-color:var(--acc);outline:none}.controller-enable,.controller-collapse,.controller-remove{color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;padding:.15rem .35rem;font-size:.65rem;line-height:1}.controller-enable.on{color:var(--acc);border-color:var(--acc)}.controller-collapse:hover,.controller-remove:hover{color:var(--acc)}.controller-remove svg{width:12px;height:12px;display:block}.controller-card.disabled{opacity:.6}.controller-body{flex-direction:column;gap:.4rem;display:flex}.controller-body[hidden],.controller-kind-body:empty{display:none}.controller-rows{flex-direction:column;gap:.2rem;display:flex}.controller-row{align-items:center;gap:.3rem;display:flex}.controller-assign{text-overflow:ellipsis;white-space:nowrap;text-align:left;background:var(--control-bg);min-width:0;color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius-sm);font:inherit;cursor:pointer;flex:auto;padding:.15rem .4rem;font-size:.7rem;overflow:hidden}.controller-assign:hover{border-color:var(--acc)}.controller-assign.unassigned{color:var(--muted);font-style:italic}.controller-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;padding:0 .2rem;font-size:.8rem;line-height:1}.controller-clear:disabled{opacity:.3;cursor:default}.controller-clear:not(:disabled):hover{color:var(--acc)}.controller-assign.arming{color:var(--acc);border-color:var(--acc);font-style:normal;animation:1.1s ease-in-out infinite macro-arm-pulse}.controller-hint{color:var(--acc);margin:0;font-size:.65rem}.controller-row.superseded{opacity:.5}.controller-row.superseded .controller-assign{cursor:default;font-style:italic}.controller-summary{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.68rem;overflow:hidden}.lfo-body{flex-direction:column;gap:.5rem;max-width:320px;display:flex}.lfo-wave{background:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--radius-sm);width:100%;height:64px;display:block}.lfo-rate-row{align-items:center;gap:.5rem;display:flex}.lfo-rate-row [hidden]{display:none}.lfo-knob-row{align-items:flex-end;gap:.8rem;display:flex}.lfo-toggle{background:var(--control-bg);color:var(--muted);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;flex:none;padding:.25rem .5rem;font-size:.68rem;line-height:1}.lfo-toggle.on{color:var(--acc);border-color:var(--acc)}.follower-body{flex-direction:column;gap:.5rem;max-width:320px;display:flex}.follower-source{background:var(--inset-bg);color:var(--control-fg);border:1px solid var(--knob-stroke);border-radius:4px;padding:2px 4px;font-size:.7rem}.follower-meter{background:var(--inset-bg);border-radius:3px;height:6px;position:relative;overflow:hidden}.follower-meter-fill{background:var(--acc);width:0%;position:absolute;top:0;bottom:0;left:0}.follower-knob-row{align-items:flex-end;gap:.8rem;display:flex}.follower-toggle{background:var(--control-bg);color:var(--muted);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;flex:none;padding:.25rem .5rem;font-size:.68rem;line-height:1}.follower-toggle.on{color:var(--acc);border-color:var(--acc)}.macro-body{flex-direction:column;align-items:flex-start;gap:.5rem;max-width:320px;display:flex}.controller-targets{flex-wrap:wrap;gap:.3rem;display:flex}.controller-targets:empty{display:none}.controller-target{background:var(--inset-bg);border:1px solid var(--control-border);border-radius:var(--radius-sm);align-items:center;gap:.3rem;padding:.2rem .3rem .2rem .45rem;font-size:.66rem;line-height:1;display:inline-flex}.controller-target-name{overflow-wrap:anywhere}.controller-target-remove{cursor:pointer;color:var(--muted);font:inherit;background:0 0;border:0;padding:0 .1rem;line-height:1}.controller-target-remove:hover{color:var(--acc)}.controller-range{width:3.2em;font:inherit;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);-moz-appearance:textfield;border-radius:2px;padding:0 .15rem;font-size:.95em}.controller-range::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.controller-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.controller-range-arrow{opacity:.7;padding:0 .1rem}.controller-range-reset{cursor:pointer;color:var(--muted);font:inherit;background:0 0;border:0;padding:0 .1rem;line-height:1}.controller-range-reset:hover{color:var(--acc)}.macro-taper-row{gap:.35rem;display:flex}.macro-taper,.step-toggle,.random-toggle,.random-reseed{background:var(--control-bg);color:var(--muted);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;padding:.25rem .5rem;font-size:.68rem;line-height:1}.macro-taper.on,.step-toggle.on,.random-toggle.on{color:var(--acc);border-color:var(--acc)}.step-body{flex-direction:column;gap:.5rem;max-width:320px;display:flex}.step-lane{background:var(--inset-bg);touch-action:none;border-radius:4px;grid-template-columns:repeat(16,1fr);gap:2px;height:64px;padding:2px;display:grid}.step-cell{background:var(--control-bg);cursor:ns-resize;border-radius:2px;position:relative}.step-fill{background:var(--acc);border-radius:2px;height:0%;position:absolute;bottom:0;left:0;right:0}.step-cell.is-inactive{opacity:.32}.step-cell.is-playing{outline:1px solid var(--acc);outline-offset:1px}.step-knob-row{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.step-length,.step-rate,.random-rate{background:var(--inset-bg);color:var(--control-fg);border:1px solid var(--knob-stroke);border-radius:4px;padding:2px 4px;font-size:.7rem}.random-body{flex-direction:column;align-items:flex-start;gap:.5rem;max-width:320px;display:flex}.random-readout{background:var(--inset-bg);border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.random-readout-fill{background:var(--acc);width:0%;position:absolute;top:0;bottom:0;left:0}.random-knob-row{flex-wrap:wrap;align-items:flex-end;gap:.8rem;display:flex}.gate-body{flex-direction:column;gap:.5rem;max-width:320px;display:flex}.gate-button{font:inherit;letter-spacing:.08em;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:var(--control-bg);color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:1.1rem .75rem;font-weight:600}.gate-button.held{background:var(--acc);color:var(--on-acc-fg);border-color:var(--acc)}.gate-knob-row{align-items:flex-end;gap:.8rem;display:flex}.gate-toggle{background:var(--control-bg);color:var(--muted);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;padding:.25rem .5rem;font-size:.68rem;line-height:1}.gate-toggle.on{color:var(--acc);border-color:var(--acc)}.pads-body{flex-direction:column;gap:.5rem;max-width:320px;display:flex}.pads-grid{touch-action:none;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.pad{aspect-ratio:1;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--control-bg);color:var(--muted);border:1px solid var(--control-border);border-radius:var(--radius-sm);font-size:.62rem}.pad.held{background:var(--acc);color:var(--on-acc-fg);border-color:var(--acc)}.pads-row{align-items:center;gap:.4rem;display:flex}.pads-base{text-align:center;opacity:.8;min-width:2.5em;font-size:.7rem}.pads-oct,.pads-toggle{background:var(--control-bg);color:var(--muted);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;padding:.25rem .5rem;font-size:.68rem;line-height:1}.pads-toggle.on{color:var(--acc);border-color:var(--acc)}.lib-group-head.static{cursor:default}.lib-pro{letter-spacing:.04em;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--acc) 20%, transparent);color:var(--acc);flex:none;padding:1px 4px;font-size:.55rem;font-weight:700}.emailtrack{border-top:1px solid var(--knob-stroke);flex-direction:column;gap:.45rem;margin-top:.6rem;padding-top:.7rem;display:flex}.emailtrack-form{flex-direction:column;gap:.45rem;display:flex}.emailtrack-title{font-weight:600}.emailtrack-blurb{color:var(--muted);font-size:.75rem;line-height:1.4}.emailtrack-email{background:var(--inset-bg);color:inherit;border:1px solid var(--knob-stroke);font:inherit;border-radius:4px;padding:.4rem .5rem}.emailtrack-consent-row{color:var(--muted);cursor:pointer;align-items:flex-start;gap:.4rem;font-size:.75rem;line-height:1.4;display:flex}.emailtrack-consent{flex:none;margin-top:.15rem}.emailtrack-send{align-self:flex-start;padding:.35rem .8rem}.emailtrack-msg{color:var(--muted);font-size:.75rem}.bounce-finished{margin-top:.2rem}.bounce-done{align-self:flex-end;margin-top:.6rem}body.mplayer-on #workspace-root,body.mplayer-on .header-nav,body.mplayer-on .share-banner{display:none!important}body.mplayer-on{overflow-x:hidden}body.mplayer-on .pb-close,body.mplayer-on .pb-target,body.mplayer-on .pb-preview,body.mplayer-on .pb-apply,body.mplayer-on .pb-lock,body.mplayer-on .pb-group summary,body.mplayer-on .pb-chips .key{min-width:44px;min-height:44px}.mplayer{z-index:100;padding:calc(1.25rem + env(safe-area-inset-top)) 1.25rem calc(1.25rem + env(safe-area-inset-bottom));padding-left:calc(1.25rem + env(safe-area-inset-left));padding-right:calc(1.25rem + env(safe-area-inset-right));background:var(--app-bg);color:var(--text);flex-direction:column;align-items:center;gap:1.25rem;display:flex;position:fixed;inset:0;overflow-y:auto}.mplayer-top{align-items:center;width:100%;display:flex}.mplayer-brand{letter-spacing:.08em;color:var(--acc,#ff8c3a);font-size:.95rem;font-weight:700}.mplayer-vis{align-items:flex-end;gap:3px;width:100%;max-width:22rem;height:33vh;min-height:7rem;max-height:14rem;margin-top:4vh;display:flex}.mplayer-bar{transform-origin:bottom;background:linear-gradient(to top, var(--acc,#ff8c3a), #ffb380);will-change:transform;border-radius:2px;flex:1 1 0;height:100%;transform:scaleY(.04)}.mplayer-scrub{width:100%;max-width:22rem;color:var(--muted,#8a8a94);font-variant-numeric:tabular-nums;align-items:center;gap:.6rem;font-size:12px;line-height:1;display:flex}.mplayer-scrub[hidden]{display:none}.mplayer-scrub-elapsed,.mplayer-scrub-total{flex:none;min-width:2.25rem}.mplayer-scrub-elapsed{text-align:right}.mplayer-scrub-total{text-align:left}.mplayer-scrub-range{appearance:none;cursor:pointer;--scrub-track:color-mix(in srgb, var(--muted,#8a8a94) 35%, transparent);background:0 0;flex:auto;min-width:0;height:44px;margin:0;padding:0}.mplayer-scrub-range:focus{outline:none}.mplayer-scrub-range:focus-visible{outline:2px solid var(--acc,#ff8c3a);outline-offset:2px;border-radius:4px}.mplayer-scrub-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--acc,#ff8c3a) calc(22px + (100% - 44px) * var(--scrub-p,0)), var(--scrub-track) 0);border-radius:2px;height:4px}.mplayer-scrub-range::-moz-range-track{background:var(--scrub-track);border-radius:2px;height:4px}.mplayer-scrub-range::-moz-range-progress{background:var(--acc,#ff8c3a);border-radius:2px;height:4px}.mplayer-scrub-range::-webkit-slider-thumb{appearance:none;box-sizing:border-box;background:var(--acc,#ff8c3a);background-clip:padding-box;border:15px solid #0000;border-radius:50%;width:44px;height:44px;margin-top:-20px}.mplayer-scrub-range::-moz-range-thumb{box-sizing:border-box;background:var(--acc,#ff8c3a);background-clip:padding-box;border:15px solid #0000;border-radius:50%;width:44px;height:44px}.mplayer-meta{text-align:center;width:100%}.mplayer-title{overflow-wrap:anywhere;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.mplayer-author{color:var(--muted,#8a8a94);overflow-wrap:anywhere;margin:.35rem 0 0;font-size:.95rem}.mplayer-remixof{color:var(--muted,#8a8a94);overflow-wrap:anywhere;margin:.35rem 0 0;font-size:.85rem}.mplayer-remixof[hidden]{display:none}.mplayer-remixof a{color:var(--acc,#ff8c3a);font-weight:700;text-decoration:none}.mplayer-play{background:var(--acc,#ff8c3a);width:88px;height:88px;color:var(--on-acc-fg);cursor:pointer;box-shadow:0 6px 24px color-mix(in srgb, var(--acc,#ff8c3a) 35%, transparent);border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.mplayer-play svg{width:34px;height:34px}.mplayer-play svg,.mplayer-star svg,.mplayer-share svg,.mplayer-remix svg{pointer-events:none}.mplayer-play:active{transform:scale(.96)}.mplayer-play:disabled{cursor:progress;opacity:.85}.mplayer-play.is-loading{position:relative}.mplayer-play.is-loading:after{content:"";border:3px solid #0000;border-top-color:var(--acc,#ff8c3a);border-radius:50%;animation:.9s linear infinite mplayer-spin;position:absolute;inset:-6px}.mplayer-remix:disabled{opacity:.5}@keyframes mplayer-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mplayer-play.is-loading:after{border-top-color:var(--muted);animation:none}}.mplayer-remix{min-width:44px;min-height:48px;color:var(--acc,#ff8c3a);border:2px solid var(--acc,#ff8c3a);font:inherit;letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 2rem;font-size:1rem;font-weight:700;display:inline-flex}.mplayer-remix:active{transform:scale(.97)}.mplayer-save{background:var(--acc,#ff8c3a);min-width:44px;min-height:48px;color:var(--on-acc-fg);font:inherit;letter-spacing:.02em;cursor:pointer;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 2rem;font-size:1rem;font-weight:700;display:inline-flex}.mplayer-save[hidden]{display:none}.mplayer-save:active{transform:scale(.97)}.mplayer-actions{align-items:center;gap:.75rem;display:flex}.mplayer-star,.mplayer-share{min-width:44px;min-height:44px;color:var(--acc,#ff8c3a);border:2px solid var(--acc,#ff8c3a);font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:0 .9rem;font-size:.9rem;font-weight:700;display:inline-flex}.mplayer-star:active,.mplayer-share:active{transform:scale(.97)}.mplayer-star svg,.mplayer-share svg{width:18px;height:18px}.mplayer-star.is-starred{color:var(--glow);border-color:var(--glow)}.mplayer-star-count:empty{display:none}.mplayer-plays{opacity:.7;font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:700}.mplayer-foot{text-align:center;width:100%;margin-top:auto}.mplayer-footnote{color:var(--muted,#8a8a94);margin:0 0 .6rem;font-size:.8rem;line-height:1.45}.mplayer-license{min-height:44px;color:var(--muted,#8a8a94);align-items:center;padding:0 1rem;font-size:.8rem;text-decoration:underline;display:inline-flex}.mplayer-anyway{min-height:44px;color:var(--muted,#8a8a94);font:inherit;cursor:pointer;background:0 0;border:none;padding:0 1rem;font-size:.8rem;text-decoration:underline}@media (max-height:520px){.mplayer{gap:.75rem}.mplayer-vis{height:calc(18vh - 44px);min-height:1.125rem;margin-top:0}.mplayer-scrub{margin-top:-.75rem}.mplayer-play{width:64px;height:64px}.mplayer-play svg{width:26px;height:26px}.mplayer-title{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.mplayer-bar{transition:none;transform:scaleY(.25)!important}.mplayer-play:active,.mplayer-remix:active,.mplayer-save:active{transform:none}}.key{box-sizing:border-box;border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--control-bg);height:28px;color:var(--control-fg);box-shadow:inset 0 1px 0 var(--key-hi), 0 2px 0 var(--key-edge);font-family:var(--font-key);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:.72rem;font-weight:600;line-height:1;display:inline-flex;position:relative}.key:active:not(:disabled){box-shadow:inset 0 1px 0 var(--key-hi), 0 0 0 var(--key-edge);transform:translateY(2px)}.key:focus-visible{outline:2px solid var(--cursor);outline-offset:2px}.key:disabled{opacity:.4;cursor:default}.key.key-sm{height:26px;padding:0 10px}.key.key-xs{min-width:22px;height:22px;padding:0 7px;font-size:.62rem}.key .lamp{background:var(--lamp-off);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:inset 0 0 0 1px #0006}.key[aria-pressed=true] .lamp,.key[aria-checked=true] .lamp{background:var(--acc);box-shadow:0 0 7px var(--acc), 0 0 2px var(--acc)}.lcd{box-sizing:border-box;border:var(--readout-border);border-radius:var(--radius-sm);background:var(--readout-bg);height:28px;box-shadow:var(--readout-shadow);color:var(--readout-fg);text-shadow:var(--readout-glow);font-family:var(--font-lcd);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:8px;padding:0 9px;font-size:.85rem;display:inline-flex}.lcd-label{color:var(--silk);text-shadow:none;font-family:var(--font-key);letter-spacing:.16em;text-transform:uppercase;font-size:.6rem;font-weight:600}.lcd-num{display:inline-block;position:relative}.lcd-num[data-ghost]:before{content:attr(data-ghost);color:var(--lcd-ghost);text-shadow:none;pointer-events:none;position:absolute;top:0;right:0}.lcd-num>.lcd-value{position:relative}.stepper button{color:var(--silk);text-shadow:none;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:.75rem}.stepper button:hover{color:var(--readout-fg)}.stepper button:focus-visible{outline:2px solid var(--cursor);outline-offset:1px;border-radius:3px}.radio-keys{align-items:center;gap:4px;display:inline-flex}.ctx-menu.ctx-banded{flex-direction:column;min-width:13rem;max-height:min(72vh,540px);padding:0;display:flex;overflow:hidden}.ctx-band{border-bottom:1px solid var(--knob-stroke);background:var(--panel-bg);color:var(--text);font-family:var(--font-key);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:8px;padding:8px 10px;font-size:.68rem;font-weight:700;display:flex}.ctx-band-lamp{background:var(--acc);width:7px;height:7px;box-shadow:0 0 6px var(--acc);border-radius:50%;flex:none}.ctx-band-sub{opacity:.75;letter-spacing:.12em;margin-left:auto}:is(.ctx-menu,.pb-modal)[data-skin=brass] .ctx-band-sub{opacity:1}.ctx-body{overscroll-behavior:contain;padding:2px;overflow:auto}.ctx-section{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;padding:6px 8px 3px;font-size:.58rem}@keyframes fadefm-menu-in{0%{opacity:0;transform:translateY(-4px)}}.ctx-foot{border-top:1px solid var(--knob-stroke);flex-wrap:wrap;gap:6px;padding:6px 8px;display:flex}.ctx-rows{grid-auto-flow:column;grid-template-rows:repeat(var(--rows), auto);grid-auto-columns:minmax(0,1fr);column-gap:4px;display:grid}.ctx-menu.ctx-cols{min-width:min(380px,100vw - 24px)}.ctx-foot .ctx-caret{opacity:.7;margin-left:2px}.knob.knob-chassis{width:54px;font-size:.6rem}.knob.knob-chassis svg{width:30px;height:30px}:root .knob.knob-chassis .knob-body{fill:#0000;stroke:#0000}:root .knob.knob-chassis .knob-dial{isolation:isolate}:root .knob.knob-chassis .knob-dial svg{z-index:1;position:relative}:root .knob.knob-chassis .knob-dial:before{content:"";aspect-ratio:1;background:var(--knob-face);filter:none;pointer-events:none;border:0;border-radius:50%;width:70%;position:absolute;inset:50% auto auto 15%;translate:0 -50%;box-shadow:0 2px 4px #0000008c,inset 0 1px #ffffff26;-webkit-mask:none;mask:none}:root .knob.knob-chassis .knob-dial:after{content:"";background:conic-gradient(from 225deg, var(--acc) calc(var(--frac,.5) * 270deg), var(--knob-stroke) calc(var(--frac,.5) * 270deg) 270deg, transparent 270deg 360deg);filter:none;pointer-events:none;border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#0000 76%,#000 79%);mask:radial-gradient(circle closest-side,#0000 76%,#000 79%)}:root .knob.knob-chassis .knob-pointer{stroke:var(--text);filter:none}.overlay-show,.pattern-fold-lcd,.step-summary,.page-ctl,.step-labels,.arp-keys,.fx-pane-slots,.fx-pane-chips,.fx-add-key{display:none}.mixer{height:var(--mixer-h,440px);box-sizing:border-box;background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius);min-height:0;box-shadow:var(--panel-shadow);color:var(--text);flex-direction:column;gap:8px;padding:8px;display:flex;container:mixer/inline-size}.mixer[hidden],.mixer+.resize-grip[hidden]{display:none}.mixer.collapsed{height:auto}.mixer.collapsed .mixer-body,#app[data-fs] .mixer{display:none}.mixer-head{flex:none;align-items:center;gap:8px;display:flex}.mixer-title{margin-right:auto;font-weight:600}.mixer-head button{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:2px 8px}.mixer-body{flex:1;gap:8px;min-height:0;display:flex}.mx-channels{flex:auto;gap:4px;min-width:0;display:flex;overflow:auto hidden}.mx-buses{border-left:1px solid var(--control-border);flex:none;gap:4px;padding-left:8px;display:flex}@container mixer (width<=600px){.mixer-body{overflow-x:auto}.mx-channels{flex:none;overflow:visible}}.mx-strip{box-sizing:border-box;background:var(--row-bg);border-radius:var(--radius-sm);width:76px;min-height:0;box-shadow:var(--row-shadow);flex-direction:column;flex:none;align-items:stretch;gap:4px;padding:6px 4px;display:flex}.mx-strip.is-muted .mx-level :is(.mx-meter,.fp-fader>:not(.knob-value)){opacity:.55}.mx-name{box-sizing:border-box;background:var(--control-bg);width:100%;min-width:0;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);text-align:left;cursor:pointer;flex:none;align-items:center;gap:4px;padding:3px 4px;font-size:11px;line-height:1.2;display:flex}.mx-strip[data-strip=master] .mx-name{letter-spacing:.1em;justify-content:center}.mx-label,.mx-rname{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mx-lamp{background:var(--acc);border-radius:50%;flex:none;width:6px;height:6px}.mx-letter{background:var(--readout-bg);color:var(--readout-fg);border:var(--readout-border);font-family:var(--font-lcd);border-radius:2px;flex:none;padding:0 3px}.mx-inserts{flex:none;gap:2px;display:grid}.mx-slot{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;background:var(--control-bg);min-width:0;height:16px;color:var(--control-fg);border:1px solid var(--control-border);cursor:pointer;border-radius:2px;padding:0 3px;font-size:9px;line-height:14px;overflow:hidden}.mx-slot.on{background:var(--acc);color:var(--on-acc-fg)}.mx-slot.off,.mx-slot.empty{color:var(--control-fg)}.mx-sends{flex:none;grid-template-columns:1fr 1fr;align-content:start;justify-items:center;gap:0 2px;display:grid}.mx-eq{flex:none;grid-template-columns:1fr 1fr 1fr;justify-items:center;gap:0;display:grid}.mx-pan{flex:none;align-self:center}.mx-strip .knob-sm .knob{width:34px;font-size:9px;position:relative}.mx-strip .knob-sm svg{width:24px;height:24px}.mx-strip .knob-sm :is(.knob-label,.knob-value){text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.1;overflow:hidden}.mx-eq .knob-sm .knob{width:22px}.mx-eq .knob-sm svg{width:20px;height:20px}.mx-eq .knob-sm .knob-label{white-space:normal;text-align:center;font-size:8px;line-height:1;overflow:visible}.mx-eq .knob-sm .knob-value{font-size:8px;left:-12px;right:-12px;overflow:visible}.mx-strip .knob-sm .knob-value{text-align:center;position:absolute;bottom:0;left:-4px;right:-4px}.mx-strip .mx-send .knob-value,.mx-strip :is(.mx-pan,.mx-eqk) .knob-value{visibility:hidden}.mx-strip .mx-send:is(:hover,:focus-within) .knob-value,.mx-strip :is(.mx-pan,.mx-eqk):is(:hover,:focus-within) .knob-value{visibility:visible}.mx-strip .knob-sm:is(:hover,:focus-within) .knob-label{visibility:hidden}.mx-level{flex:1;justify-content:center;align-items:stretch;gap:6px;min-height:0;display:flex;overflow:hidden}.mx-strip .fp-fader-v{flex-direction:column;align-items:center;gap:2px;width:auto;min-width:0;min-height:0;display:flex}.mx-strip .fp-fader-v .knob-dial{cursor:ns-resize;flex:1;width:22px;min-height:40px;margin:3px 0 0;position:relative}.mx-strip .fp-fader-v .knob-label{display:none}.mx-strip .fp-fader-v .fp-fader-track{background:var(--inset-bg);border-radius:3px;position:absolute;inset:0}.mx-strip .fp-fader-v .fp-fader-cap{height:14px;left:-3px;right:-3px;bottom:calc(var(--frac,0) * (100% - 14px));background:var(--knob-face);border:1px solid var(--control-border);box-sizing:border-box;border-radius:2px;position:absolute}.mx-strip .fp-fader-v .fp-fader-cap:after{content:"";background:var(--acc);height:2px;margin-top:-1px;position:absolute;top:50%;left:2px;right:2px}.mx-strip .fp-fader-v .knob-value{color:var(--text);white-space:nowrap;font-size:10px}:root:root:root:root .mx-strip .fp-fader .knob-dial{border-radius:3px}:root:root:root:root .mx-strip .fp-fader .knob-dial:before,:root:root:root:root .mx-strip .fp-fader .knob-dial:after{content:none}.mx-strip .knob-sm .knob-dial>svg{display:block}:root:root:root:root .mx-strip .knob-sm .knob-dial{border-radius:50%}:root:root:root:root .mx-strip .knob.auto-owned .knob-dial{box-shadow:0 0 0 2px var(--acc)}:root:root:root:root .mx-strip .knob.learning .knob-dial{box-shadow:0 0 0 2px var(--learn)}:root:root:root:root .mx-strip .knob.learning.auto-owned .knob-dial{box-shadow:0 0 0 2px var(--learn), 0 0 0 4px var(--acc)}:root:root:root:root[data-theme=hardware] .mx-strip .knob-sm .knob.auto-owned .knob-dial{box-shadow:0 0 0 4px var(--acc)}:root:root:root:root[data-theme=hardware] .mx-strip .knob-sm .knob.learning .knob-dial{box-shadow:0 0 0 4px var(--learn)}:root:root:root:root[data-theme=hardware] .mx-strip .knob-sm .knob.learning.auto-owned .knob-dial{box-shadow:0 0 0 4px var(--learn), 0 0 0 6px var(--acc)}:root:root:root:root:is([data-theme=fl-classic],[data-theme=hardware]) .rack-row .knob-sm .knob-dial{border-radius:50%}:root:root:root:root[data-theme=fl-classic] .rack-row .knob-sm .knob.learning .knob-dial{box-shadow:0 0 0 2px var(--learn)}:root:root:root:root[data-theme=fl-classic] .rack-row .knob-sm .knob.learning.auto-owned .knob-dial{box-shadow:0 0 0 2px var(--learn), 0 0 0 4px var(--acc)}:root:root:root:root[data-theme=hardware] .rack-row .knob-sm .knob.auto-owned .knob-dial{box-shadow:0 0 0 4px var(--acc)}:root:root:root:root[data-theme=hardware] .rack-row .knob-sm .knob.learning .knob-dial{box-shadow:0 0 0 4px var(--learn)}:root:root:root:root[data-theme=hardware] .rack-row .knob-sm .knob.learning.auto-owned .knob-dial{box-shadow:0 0 0 4px var(--learn), 0 0 0 6px var(--acc)}.mx-meter{background:var(--inset-bg);border-radius:2px;flex:none;width:6px;position:relative;overflow:hidden}.mx-meter-fill{background:var(--acc);clip-path:inset(calc((1 - var(--lv,0)) * 100%) 0 0 0);position:absolute;inset:0}.mx-meter-peak{height:2px;left:0;right:0;bottom:calc(var(--pk,0) * 100%);background:var(--glow);position:absolute}.mx-strip .clip-led{box-sizing:border-box;flex:none;align-self:flex-start}.mx-pads{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;align-self:center;padding:4px 6px}.mx-ms{flex:none;justify-content:center;gap:4px;display:flex}.mx-mute,.mx-solo{background:var(--control-bg);width:26px;height:20px;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;padding:0;font-weight:700}.mx-mute.muted{background:var(--warn);color:var(--on-acc-fg)}.mx-solo.soloed{background:var(--acc);color:var(--on-acc-fg)}.mx-rec{flex:none;justify-content:center;gap:4px;display:flex}.mx-arm,.mx-mon{background:var(--control-bg);width:32px;height:20px;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);letter-spacing:.04em;cursor:pointer;padding:0;font-size:.6rem;font-weight:700}.mx-arm:not([data-state=idle]){border-color:var(--rec-ring);box-shadow:0 0 0 1px var(--rec-ring)}.mx-arm[data-state=rec]{box-shadow:0 0 0 1px var(--rec-ring), 0 0 6px var(--rec-ring)}.mx-mon[aria-pressed=true]{background:var(--acc);color:var(--on-acc-fg)}.mx-rename-input{z-index:2;box-sizing:border-box;background:var(--control-bg);min-width:0;color:var(--control-fg);border:1px solid var(--acc);position:absolute;top:4px;left:4px;right:4px}.mx-strip[data-strip=return]{position:relative}.rack-mixer{background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;flex:none;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.rack-mixer svg{width:14px;height:14px}.rack-mixer.on{background:var(--acc);color:var(--on-acc-fg)}.rack-mixer-lbl{display:none}.version-history-modal .auth-panel{flex-direction:column;width:min(38rem,94vw);max-height:82vh;display:flex}.version-history-intro{color:var(--muted);padding:.25rem 0 .6rem;font-size:.75rem;line-height:1.45}.version-history-list{min-height:4rem;overflow:auto}.version-row{border-bottom:1px solid var(--knob-stroke);grid-template-columns:8rem minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.4rem 0;display:grid}.version-when{color:var(--control-fg);font-size:.75rem}.version-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.version-restore{font:inherit;cursor:pointer;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:4px 9px;font-size:.72rem}.version-restore:hover,.version-restore:focus-visible{border-color:var(--acc)}.version-history-status,.version-history-empty{color:var(--muted);padding:.6rem 0;font-size:.75rem}@media (max-width:30rem){.version-row{grid-template-columns:1fr auto}.version-when,.version-meta{grid-column:1}.version-restore{grid-area:1/2/span 2;align-self:center}}:root{--sf-chassis:var(--tex-noise), linear-gradient(180deg, #1c1d20, #141517);--sf-chassis-ink:#eef0f3;--sf-chassis-dim:#8f949c;--sf-plate:linear-gradient(180deg, #2a2c309e, #1e2023b8), var(--tex-brushed), linear-gradient(180deg, #27292d, #1f2124);--sf-plate-shadow:inset 0 1px 0 #ffffff1a, inset 0 -1px 0 #00000073, 0 0 0 1px #0009, 0 3px 6px #00000059;--sf-ink:#eef0f3;--sf-silk:#959aa2;--sf-emboss:none;--sf-well:#0000003d;--sf-key:linear-gradient(180deg, #4a4d53, #36383d);--sf-key-ink:#e6e8ec;--sf-key-edge:#0c0d0f;--sf-key-hi:#ffffff29;--sf-key-border:transparent;--sf-lamp-off:#0000008c;--sf-lamp-ring:transparent;--sf-cap-a:linear-gradient(180deg, #d9dce0, #aeb1b6);--sf-cap-b:linear-gradient(180deg, #575a60, #3b3d42);--sf-slot:linear-gradient(180deg, #ffffff0d, #00000024);--sf-knob-cap:radial-gradient(circle at 40% 32%, #5a5d63, #2a2c30 70%);--sf-knob-track:#ffffff1f;--sf-knob-ptr:#eef0f3;--sf-band:linear-gradient(180deg, #2c2e33, #222428);--sf-band-ink:#eef0f3;--sf-band-emboss:none;--sf-stripe:none;--sf-face:linear-gradient(180deg, #ffffff0f, transparent 12%), var(--tex-brushed), linear-gradient(180deg, #2d2f34, #1f2124);--sf-face-edge:inset 0 1px 0 #ffffff14, inset 0 -2px 0 #0006, 0 8px 0 #0b0c0e;--sf-face-ink:#eef0f3;--sf-face-silk:#a3a8b0;--sf-face-value:#c9ccd2;--sf-face-emboss:none;--sf-face-rule:#ffffff1a;--sf-screw:radial-gradient(circle at 35% 30%, #f4f4f4, #9a9da1 45%, #55585c);--sf-bezel:#0f1012;--sf-bezel-shadow:inset 0 2px 6px #000000e6, 0 1px 0 #ffffff14;--sf-band-flat:linear-gradient(180deg, #2c2e33, #222428)}:is([data-surface=aluminium],.ctx-menu[data-skin=aluminium],.pb-modal[data-skin=aluminium]){--sf-ink:#1d1d1f;--sf-silk:#323335;--sf-well:#0000001a;--sf-key:linear-gradient(180deg, #5d5f64, #3a3c40);--sf-key-ink:#eceef1;--sf-cap-a:linear-gradient(180deg, #eceef0, #b9bbbf);--sf-cap-b:linear-gradient(180deg, #5d5f64, #3a3c40);--sf-slot:linear-gradient(180deg, #0000000d, #0000001f);--sf-knob-cap:radial-gradient(circle at 42% 34%, #46464a, #1d1d1f 70%);--sf-knob-track:#00000029;--sf-band-ink:#1f1f21;--sf-face-edge:inset 0 1px 0 #fff, inset 0 -2px 0 #8a8d91;--sf-face-ink:#1f1f21;--sf-face-silk:#2b2b2d;--sf-face-value:#232325;--sf-face-emboss:none;--sf-face-rule:#ff6a22;--sf-screw:radial-gradient(circle at 35% 30%, #f4f4f4, #9a9da1 45%, #55585c);--sf-bezel:linear-gradient(180deg, #2c0d06, #130403);--sf-bezel-shadow:inset 0 2px 7px #000000f2, inset 0 0 0 1px #000c, 0 1px 0 #fffc;--sf-band-flat:linear-gradient(180deg, #ffffff80, #fff0), linear-gradient(180deg, #d6d8da, #b4b7bb)}:is(.overlay[data-surface=aluminium],.fp[data-surface=aluminium],.rack-row[data-surface=aluminium],.minst[data-surface=aluminium],.mroll[data-surface=aluminium],.msong-picker-title[data-surface=aluminium],.ctx-menu[data-skin=aluminium],.pb-modal[data-skin=aluminium]){--sf-plate:linear-gradient(180deg, #fff6, #fff0 14%), var(--tex-brushed), linear-gradient(180deg, #c6c9cd, #a9acb0);--sf-band:linear-gradient(180deg, #ffffff80, #fff0), var(--tex-brushed), linear-gradient(180deg, #d6d8da, #b4b7bb);--sf-face:linear-gradient(180deg, #ffffff8c, #fff0 7%, #0000 88%, #00000029), var(--tex-brushed), linear-gradient(180deg, #dcdee0, #b9bcc0)}:is([data-surface=lacquer],.ctx-menu[data-skin=lacquer],.pb-modal[data-skin=lacquer]){--sf-chassis-ink:#f6e7c8;--sf-chassis-dim:#d3b98d;--sf-plate-shadow:inset 0 2px 0 #c99a3e, inset 0 3px 0 #00000080, inset 0 -1px 0 #00000080, 0 0 0 1px #000000a6, 0 3px 6px #0006;--sf-ink:#f3e7cc;--sf-silk:#c2b08c;--sf-well:#0006;--sf-key:linear-gradient(180deg, #fffaf0, #d8ccb2);--sf-key-ink:#3b2f1e;--sf-key-edge:#6d6250;--sf-key-hi:#ffffffb3;--sf-lamp-off:#000c;--sf-lamp-ring:#00000080;--sf-cap-a:linear-gradient(180deg, #fcf8ee, #cdc4af);--sf-cap-b:linear-gradient(180deg, #3b3633, #0c0a09);--sf-slot:linear-gradient(180deg, #fff0d20a, #00000040);--sf-knob-cap:radial-gradient(circle at 38% 30%, #6b5547, #2a1d16 45%, #0f0907 80%);--sf-knob-track:#efe3c824;--sf-knob-ptr:#f1e6cf;--sf-band-ink:#f8e6ad;--sf-band-emboss:0 1px 0 #0009;--sf-face-edge:inset 0 5px 9px #000000bf;--sf-face-ink:#efe3c8;--sf-face-silk:#efe3c8d1;--sf-face-value:#cdbf9f;--sf-face-emboss:none;--sf-face-rule:#efe3c82e;--sf-screw:radial-gradient(circle at 35% 30%, #f4f4f4, #9a9da1 45%, #55585c);--sf-bezel:#0a0807;--sf-bezel-shadow:inset 0 2px 6px #000000f2, 0 1px 0 #ffffff17;--sf-band-flat:linear-gradient(180deg, #ffe1be29, #0000004d), #4a2c1a}:is(.overlay[data-surface=lacquer],.fp[data-surface=lacquer],.rack-row[data-surface=lacquer],.minst[data-surface=lacquer],.mroll[data-surface=lacquer],.msong-picker-title[data-surface=lacquer],.ctx-menu[data-skin=lacquer],.pb-modal[data-skin=lacquer]){--sf-chassis:linear-gradient(90deg, #00000059, #ffe6c80d 50%, #00000059), var(--tex-walnut) 0 0 / 900px 100%, #4a2c1a;--sf-plate:var(--tex-noise), linear-gradient(180deg, #1d1916, #100d0b);--sf-band:linear-gradient(180deg, #ffe1be29, #0000004d), var(--tex-walnut) 0 0 / 900px 100%, #4a2c1a;--sf-face:var(--tex-noise), linear-gradient(180deg, #1c1815, #0f0c0a)}:is([data-surface=abs],.ctx-menu[data-skin=abs],.pb-modal[data-skin=abs]){--sf-plate-shadow:inset 0 1px 0 #ffffff1f, 0 0 0 1px #0009, 0 3px 6px #0006;--sf-ink:#f1e9d4;--sf-silk:#b7ae98;--sf-key:linear-gradient(180deg, #d8cfba, #bdb39b);--sf-key-ink:#2a2620;--sf-key-edge:#6b6455;--sf-key-hi:#ffffff80;--sf-lamp-off:#000c;--sf-lamp-ring:#00000080;--sf-cap-a:linear-gradient(180deg, #e2dac6, #bdb39b);--sf-cap-b:linear-gradient(180deg, #4b4741, #312e2a);--sf-knob-cap:linear-gradient(160deg, #323030, #161515);--sf-band-ink:#f3ebd6;--sf-face-edge:inset 0 1px 0 #ffffff24, inset 0 -2px 0 #0006, 0 8px 0 #13110f;--sf-face-ink:#ddd5c1;--sf-face-silk:#ddd5c1b3;--sf-face-value:#c9bfa6cc;--sf-face-emboss:none;--sf-face-rule:#ffffff14;--sf-screw:radial-gradient(circle at 35% 30%, #f4f4f4, #9a9da1 45%, #55585c);--sf-bezel:#121110;--sf-bezel-shadow:inset 0 2px 5px #000000e6, 0 1px 0 #ffffff1a;--sf-band-flat:linear-gradient(180deg, #3b3734, #2b2826)}:is(.overlay[data-surface=abs],.fp[data-surface=abs],.rack-row[data-surface=abs],.minst[data-surface=abs],.mroll[data-surface=abs],.msong-picker-title[data-surface=abs],.ctx-menu[data-skin=abs],.pb-modal[data-skin=abs]){--sf-chassis:linear-gradient(180deg, #24211f, #191716);--sf-plate:var(--tex-noise), linear-gradient(180deg, #38342f, #282523);--sf-band:linear-gradient(180deg, #3b3734, #2b2826);--sf-face:var(--tex-noise), linear-gradient(180deg, #3b3734, #292624)}:is([data-surface=steel],.ctx-menu[data-skin=steel],.pb-modal[data-skin=steel]){--sf-ink:#e4e1da;--sf-silk:#b4b8be;--sf-emboss:0 -1px 0 #000000e6;--sf-well:#00000052;--sf-key:linear-gradient(180deg, #5d6166, #2f3134);--sf-key-ink:#ece9e2;--sf-cap-a:linear-gradient(180deg, #b0b4b9, #6d7176);--sf-cap-b:linear-gradient(180deg, #3a3c40, #1d1e20);--sf-knob-cap:conic-gradient(from 200deg, #3a3d41, #9ca0a5 15%, #45484c 30%, #7d8186 50%, #3a3d41 65%, #a5a9ae 80%, #3a3d41);--sf-band-ink:#e4e1da;--sf-band-emboss:0 -1px 0 #000000e6;--sf-face-edge:inset 0 2px 0 #ffffff21, inset 0 -4px 10px #0009, inset 0 0 0 1px #000000a6, 0 10px 0 #0b0b0c;--sf-face-ink:#d9d6cf;--sf-face-silk:#d9d6cf;--sf-face-value:#c3c7cc;--sf-face-emboss:0 -1px 0 #000000e6, 0 1px 0 #ffffff14;--sf-face-rule:#00000080;--sf-screw:radial-gradient(circle at 40% 35%, #55585c, #1d1e20 75%);--sf-bezel:#0b0b0c;--sf-bezel-shadow:inset 0 3px 8px #000000f2, 0 1px 0 #ffffff1a, 0 0 0 3px #2a2c2f, 0 0 0 4px #0b0b0c;--sf-band-flat:linear-gradient(180deg, #45484c, #26282b)}:is(.overlay[data-surface=steel],.fp[data-surface=steel],.rack-row[data-surface=steel],.minst[data-surface=steel],.mroll[data-surface=steel],.msong-picker-title[data-surface=steel],.ctx-menu[data-skin=steel],.pb-modal[data-skin=steel]){--sf-chassis:linear-gradient(180deg, #1a1b1d, #0f1011);--sf-plate:var(--tex-hammered), radial-gradient(120% 120% at 30% 0%, #404347, #232528 60%, #17181a);--sf-band:var(--tex-hammered), linear-gradient(180deg, #45484c, #26282b);--sf-face:var(--tex-hammered), radial-gradient(120% 90% at 30% 8%, #4a4d51, #282a2d 58%, #18191b)}:is([data-surface=acrylic],.ctx-menu[data-skin=acrylic],.pb-modal[data-skin=acrylic]){--sf-chassis-ink:#effbfe;--sf-chassis-dim:#9fcbd6;--sf-plate-shadow:inset 0 0 0 1px #dcf8ff52, inset 0 1px 0 #ffffff8c, 0 8px 18px #00000059;--sf-ink:#effbfe;--sf-silk:#a9d6e1;--sf-well:#04141e59;--sf-key:linear-gradient(180deg, #ffffff38, #aae1f217);--sf-key-ink:#effcff;--sf-key-edge:#0006;--sf-key-hi:#ffffff8c;--sf-key-border:#dcf8ff66;--sf-cap-a:linear-gradient(180deg, #f0faffb8, #c8ebf86b);--sf-cap-b:linear-gradient(180deg, #ffffff29, #a0dcf00f);--sf-slot:linear-gradient(180deg, #ffffff12, #a0dcf008);--sf-knob-cap:radial-gradient(circle at 45% 40%, #fffc, #e1f5fc73 60%, #bee6f559);--sf-knob-track:#dcf8ff2e;--sf-knob-ptr:#1ba9d8;--sf-band-ink:#f2fbfd;--sf-face-edge:inset 0 0 0 1px #dcf8ff61, inset 0 1px 0 #ffffffa6, inset 0 0 34px #8cdcff21;--sf-face-ink:#f2fbfd;--sf-face-silk:#bfe3ec;--sf-face-value:#c4e6ee;--sf-face-emboss:none;--sf-face-rule:#dcf8ff40;--sf-screw:radial-gradient(circle at 35% 30%, #fff, #bfcdd2 40%, #5b6b72 75%, #a3b4bb);--sf-bezel:#06111a;--sf-bezel-shadow:inset 0 0 0 1px #dcf8ff52, 0 1px 0 #ffffff40;--sf-band-flat:linear-gradient(160deg, #e1f5fc4d, #78bed724), #14303c}:is(.overlay[data-surface=acrylic],.fp[data-surface=acrylic],.rack-row[data-surface=acrylic],.minst[data-surface=acrylic],.mroll[data-surface=acrylic],.msong-picker-title[data-surface=acrylic],.ctx-menu[data-skin=acrylic],.pb-modal[data-skin=acrylic]){--sf-chassis:radial-gradient(55% 40% at 18% 20%, #46beeb47, transparent 70%), radial-gradient(45% 40% at 88% 85%, #7896ff38, transparent 70%), repeating-linear-gradient(90deg, #5abedc14 0 1px, transparent 1px 44px), repeating-linear-gradient(0deg, #5abedc0f 0 1px, transparent 1px 44px), #0a1318;--sf-plate:var(--tex-noise), linear-gradient(160deg, #e1f5fc2b, #aad7e80f 60%, #c8ebf81f), #0c1a26;--sf-band:var(--tex-noise), linear-gradient(160deg, #e1f5fc4d, #78bed724), #14303c;--sf-face:var(--tex-noise), linear-gradient(160deg, #e1f5fc36, #aad7e812 60%, #c8ebf824), radial-gradient(55% 75% at 18% 28%, #46beeb52, transparent 70%), radial-gradient(45% 60% at 88% 82%, #7896ff3d, transparent 70%), #0a1318}:is([data-surface=brass],.ctx-menu[data-skin=brass],.pb-modal[data-skin=brass]){--sf-chassis-ink:#f5dfa8;--sf-chassis-dim:#cfae6c;--sf-ink:#120b01;--sf-silk:#180f02;--sf-emboss:0 1px 0 #fff0be8c;--sf-well:#3c23051a;--sf-key:linear-gradient(180deg, #3d2f1a, #21180b);--sf-key-ink:#f0d283;--sf-key-edge:#120c04;--sf-key-hi:#ffdc962e;--sf-cap-a:linear-gradient(180deg, #f3d98c, #b8892f);--sf-cap-b:linear-gradient(180deg, #5e451a, #3b2a0e);--sf-slot:linear-gradient(180deg, #3c23050f, #3c230529);--sf-knob-cap:radial-gradient(circle at 38% 30%, #fff4c8, #e2bd5c 28%, #a77b25 64%, #6a4b12);--sf-knob-track:#3c230538;--sf-knob-ptr:#2a1a04;--sf-band-ink:#2e1f05;--sf-band-emboss:0 1px 0 #fff0be80;--sf-face-edge:inset 0 1px 0 #ffffffa6, inset 0 -2px 4px #3c230566, 0 9px 0 #57390b;--sf-face-ink:#1f1403;--sf-face-silk:#1f1403;--sf-face-value:#1f1403;--sf-face-emboss:0 1px 0 #fff0be99, 0 -1px 0 #3c230540;--sf-face-rule:#462d0899;--sf-screw:radial-gradient(circle at 35% 30%, #fff3c8, #c9a04a 45%, #7a5716);--sf-bezel:#1a140b;--sf-bezel-shadow:inset 0 3px 8px #000000d9, 0 1px 0 #fff0be8c, 0 0 0 2px #462d0880;--sf-band-flat:linear-gradient(180deg, #ffffff4d, transparent), linear-gradient(180deg, #e2bd5c, #b58a33)}:is(.overlay[data-surface=brass],.fp[data-surface=brass],.rack-row[data-surface=brass],.minst[data-surface=brass],.mroll[data-surface=brass],.msong-picker-title[data-surface=brass],.ctx-menu[data-skin=brass],.pb-modal[data-skin=brass]){--sf-chassis:linear-gradient(180deg, #ffc8960d, #00000040), var(--tex-walnut) 0 0 / 900px 100%, #4a2c1a;--sf-plate:linear-gradient(180deg, #ffffff38, transparent 16%), var(--tex-brushed), radial-gradient(120% 160% at 20% 0%, #cfa652, #b88d3e 50%, #a8813a);--sf-band:linear-gradient(180deg, #ffffff4d, transparent), var(--tex-brushed), linear-gradient(180deg, #e2bd5c, #b58a33);--sf-face:linear-gradient(180deg, #ffffff57, transparent 10%), var(--tex-brushed), radial-gradient(120% 140% at 18% 0%, #f4da8e, #c99a3e 46%, #a8813a 100%)}:is(.overlay,.ctx-menu,.pb-modal,.rack-row)[data-instrument=fm]{--sf-stripe:linear-gradient(90deg, #ffd24d 0 33.3%, #e0702c 0 66.6%, #9a3a48 0);--sf-cap-b:linear-gradient(180deg, #5d827e, #41625f)}:root[data-theme=fadefm]{--app-bg:#131416;--panel-bg:linear-gradient(180deg, #27292d, #1f2124);--panel-border:1px solid transparent;--panel-shadow:inset 0 1px 0 #ffffff1a, inset 0 -1px 0 #00000073, 0 0 0 1px #0009, 0 3px 6px #00000059;--row-bg:linear-gradient(180deg, #27292d, #1f2124);--row-shadow:inset 0 1px 0 #ffffff1a, inset 0 -1px 0 #00000073, 0 0 0 1px #0009, 0 3px 6px #00000059;--control-bg:linear-gradient(180deg, #4a4d53, #36383d);--control-fg:#e6e8ec;--control-border:transparent;--radius:8px;--radius-sm:5px;--overlay-pad-x:10px;--inset-bg:#0e0f11;--note-floor:#0e0f11;--readout-bg:#0a0b0c;--readout-fg:#ff9a45;--readout-border:none;--readout-shadow:inset 0 2px 5px #000000e6, 0 1px 0 #ffffff1a;--readout-glow:0 0 8px #ff9a458c;--play-bg:linear-gradient(180deg, #ffb066, #e86a10);--play-fg:#2a1300;--play-shadow:inset 0 1px 0 #ffffff8c, inset 0 -2px 3px #0000004d, 0 2px 0 #4a2100, 0 0 18px #ff8a3a80;--scope-trace:#ffb066;--scope-glow:1;--scope-core:#ffd9b0;--knob-face:#2a2c30;--knob-stroke:#0c0d0f;--knob-pointer-glow:none;--text:#eef0f3;--muted:#959aa2;--cursor:#6fb7ff;--acc:#ff8a3a;--danger:#ff5f57;--warn:#ffc45a;--on-acc-fg:#1a1206;--learn:#ffd166;--glow:#ffb066;--rec:#ff3b30;--rec-ring:#ff8a8a;--key-edge:#0c0d0f;--key-hi:#ffffff29;--lamp-off:#0000008c;--lamp-ring:transparent;--silk:#959aa2;--lcd-ghost:#ff9a451c;--bevel:inset 0 1px 0 #ffffff1a, inset 0 -1px 0 #00000073, 0 0 0 1px #0009, 0 3px 6px #00000059;--cell-lit-bevel:inset 0 1px 0 #ffffff73, inset 0 -3px 0 #0003, 0 2px 0 var(--key-edge);--plate-bg:linear-gradient(180deg, #2a2c309e, #1e2023b8), var(--tex-brushed), var(--panel-bg);--font-key:"Archivo Narrow", "Arial Narrow", system-ui, sans-serif;--font-lcd:"Share Tech Mono", ui-monospace, monospace;--pl-lane-h:30px;--pl-gap:0px;--roll-gutter:58px;--pl-gutter:5.5rem;--cap-a:linear-gradient(180deg, #d9dce0, #aeb1b6);--cap-b:linear-gradient(180deg, #575a60, #3b3d42);--knob-cap:radial-gradient(circle at 40% 32%, #5a5d63, #2a2c30 70%);--knob-track:#ffffff1f;--knob-ptr:var(--text);--cell-lamp:none}:root[data-theme=fadefm] .key,:root[data-theme=fadefm] .overlay-header :is(.overlay-newroll,.overlay-randomize,.overlay-presets,.overlay-patterns),:root[data-theme=fadefm] .overlay .arp>:is(.arp-toggle,.arp-latch),:root[data-theme=fadefm] .overlay .pattern-fold .length-ctl .len-btn,:root[data-theme=fadefm] .overlay .pattern-fold .steprec-toolbar button,:root[data-theme=fadefm] .overlay .fx-row :is(.fx-enable,.fx-presets,.fx-up,.fx-down,.fx-remove,.fx-wam-retry,.fx-wam-gui,.fx-wam-consent),:root[data-theme=fadefm] .overlay .wam-status :is(.wam-retry,.wam-gui,.wam-consent){border-color:var(--control-border);background:var(--control-bg);height:28px;box-shadow:inset 0 1px 0 var(--key-hi), inset 0 -2px 0 #0000002e, 0 2px 0 var(--key-edge), 0 3px 5px #0006;color:var(--control-fg);letter-spacing:.14em;text-transform:uppercase;padding:0 11px;font-size:10.5px;transition:transform 50ms,box-shadow 50ms,filter .1s}:root[data-theme=fadefm] .key:hover:not(:disabled),:root[data-theme=fadefm] .overlay-header :is(.overlay-newroll,.overlay-randomize,.overlay-presets,.overlay-patterns):hover:not(:disabled),:root[data-theme=fadefm] .overlay .arp>:is(.arp-toggle,.arp-latch):hover:not(:disabled),:root[data-theme=fadefm] .overlay .pattern-fold .length-ctl .len-btn:hover:not(:disabled),:root[data-theme=fadefm] .overlay .pattern-fold .steprec-toolbar button:hover:not(:disabled),:root[data-theme=fadefm] .overlay .fx-row :is(.fx-enable,.fx-presets,.fx-up,.fx-down,.fx-remove,.fx-wam-retry,.fx-wam-gui,.fx-wam-consent):hover:not(:disabled),:root[data-theme=fadefm] .overlay .wam-status :is(.wam-retry,.wam-gui,.wam-consent):hover:not(:disabled){filter:brightness(1.08)}:root[data-theme=fadefm] .key:active:not(:disabled),:root[data-theme=fadefm] .overlay-header :is(.overlay-newroll,.overlay-randomize,.overlay-presets,.overlay-patterns):active:not(:disabled),:root[data-theme=fadefm] .overlay .arp>:is(.arp-toggle,.arp-latch):active:not(:disabled),:root[data-theme=fadefm] .overlay .pattern-fold .length-ctl .len-btn:active:not(:disabled),:root[data-theme=fadefm] .overlay .pattern-fold .steprec-toolbar button:active:not(:disabled),:root[data-theme=fadefm] .overlay .fx-row :is(.fx-enable,.fx-presets,.fx-up,.fx-down,.fx-remove,.fx-wam-retry,.fx-wam-gui,.fx-wam-consent):active:not(:disabled),:root[data-theme=fadefm] .overlay .wam-status :is(.wam-retry,.wam-gui,.wam-consent):active:not(:disabled){box-shadow:inset 0 1px 0 var(--key-hi), 0 0 0 var(--key-edge), 0 1px 2px #00000080;transform:translateY(2px)}:root[data-theme=fadefm] .key.key-sm,:root[data-theme=fadefm] .overlay-header :is(.overlay-newroll,.overlay-randomize,.overlay-presets,.overlay-patterns),:root[data-theme=fadefm] .overlay .arp>:is(.arp-toggle,.arp-latch),:root[data-theme=fadefm] .overlay .pattern-fold .length-ctl .len-btn,:root[data-theme=fadefm] .overlay .pattern-fold .steprec-toolbar button,:root[data-theme=fadefm] .overlay .wam-status :is(.wam-retry,.wam-gui,.wam-consent){height:26px;padding:0 10px}:root[data-theme=fadefm] .key.key-xs,:root[data-theme=fadefm] .rack-row>:is(.rack-mute,.rack-solo,.fx-chip),:root[data-theme=fadefm] .scope-strip .scope-popout-btn,:root[data-theme=fadefm] .overlay .fx-row :is(.fx-enable,.fx-presets,.fx-up,.fx-down,.fx-remove,.fx-wam-retry,.fx-wam-gui,.fx-wam-consent),:root[data-theme=fadefm] .pb-pop :is(.pb-apply,.pb-lock){min-width:22px;height:22px;padding:0 7px;font-size:9.5px}:root[data-theme=fadefm] .overlay-header :is(.overlay-newroll,.overlay-randomize,.overlay-presets,.overlay-patterns),:root[data-theme=fadefm] .overlay .pattern-fold .length-ctl .len-btn,:root[data-theme=fadefm] .overlay .pattern-fold .steprec-toolbar button,:root[data-theme=fadefm] .overlay .fx-row :is(.fx-enable,.fx-presets,.fx-up,.fx-down,.fx-remove,.fx-wam-retry,.fx-wam-gui,.fx-wam-consent),:root[data-theme=fadefm] .overlay .wam-status :is(.wam-retry,.wam-gui,.wam-consent){box-sizing:border-box;border:1px solid var(--control-border);border-radius:var(--radius-sm);font-family:var(--font-key);white-space:nowrap;justify-content:center;align-items:center;gap:7px;margin:0;font-weight:600;line-height:1;display:inline-flex}:root[data-theme=fadefm] .overlay .wam-status button[hidden]{display:none}:root[data-theme=fadefm] .key .lamp,:root[data-theme=fadefm] .rc-led:before,:root[data-theme=fadefm] .roll-tools-view .sr-step:before,:root[data-theme=fadefm] .overlay .pattern-fold .length-ctl .len-btn:before,:root[data-theme=fadefm] :is(.mpat-length,.mroll-length) .len-btn:before{background:var(--lamp-off);box-shadow:inset 0 0 0 1px #0006,0 1px #ffffff1a}:root[data-theme=fadefm] .key[aria-pressed=true] .lamp,:root[data-theme=fadefm] .key[aria-checked=true] .lamp,:root[data-theme=fadefm] .overlay .pattern-fold .meter-chip.lit .lamp,:root[data-theme=fadefm] .rc-led.on:before,:root[data-theme=fadefm] .rc-led[aria-pressed=true]:before,:root[data-theme=fadefm] .roll-tools-view .sr-step.active:before,:root[data-theme=fadefm] .overlay .pattern-fold .length-ctl .len-btn.active:before,:root[data-theme=fadefm] :is(.mpat-length,.mroll-length) .len-btn.active:before{background:var(--acc);box-shadow:0 0 0 1px var(--lamp-ring), 0 0 7px var(--acc), 0 0 2px var(--acc)}:root[data-theme=fadefm] .lcd,:root[data-theme=fadefm] .rc-readout,:root[data-theme=fadefm] .header-nav :is(.nowplaying-box,#menu-keys),:root[data-theme=fadefm] :is(label.bpm,label.swing),:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-patchip,:root[data-theme=fadefm] .mshell-pos,:root[data-theme=fadefm] .msong-swing-val,:root[data-theme=fadefm] .mpat-slot,:root[data-theme=fadefm] .mroll-scale,:root[data-theme=fadefm] :is(.mplayer-title,.mplayer-scrub-elapsed,.mplayer-scrub-total,.mplayer-plays){background:var(--readout-bg);box-shadow:var(--readout-shadow);border-radius:6px}:root[data-theme=fadefm] .lcd{gap:9px;height:30px;padding:0 10px;font-size:16px}:root[data-theme=fadefm] .lcd-label,:root[data-theme=fadefm] .roll-header .roll-name:before,:root[data-theme=fadefm] .header-nav :is(#menu-share,#menu-keys):before,:root[data-theme=fadefm] :is(label.bpm,label.swing),:root[data-theme=fadefm] .mshell-pos:before{color:#80858d;letter-spacing:.2em;font-size:9.5px}:root[data-theme=fadefm] .stepper button,:root[data-theme=fadefm] .rc-readout .rc-step{box-shadow:none;color:#80858d;text-shadow:none;background:0 0;border:0;font-size:12px;font-weight:400}:root[data-theme=fadefm] .stepper button:hover,:root[data-theme=fadefm] .rc-readout .rc-step:hover:not(:disabled){color:var(--readout-fg)}:root[data-theme=fadefm] .ctx-band,:root[data-theme=fadefm] .pb-pop .pb-modal-head,:root[data-theme=fadefm] :is(.msheet-band,.msong-picker-title){color:#eef0f3;letter-spacing:.22em;background:linear-gradient(#2c2e33,#222428);border-bottom:0;padding:11px 14px;font-size:11px;box-shadow:inset 0 -1px #00000059}:root[data-theme=fadefm] .ctx-band-lamp,:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-icon,:root[data-theme=fadefm] .mrack-row>.mrack-icon,:root[data-theme=fadefm] :is(.minst,.mroll)>.mscreen-head>.mscreen-title:before,:root[data-theme=fadefm] .msheet-band-lamp,:root[data-theme=fadefm] .msong-picker-title:before{width:9px;height:9px;box-shadow:0 0 0 2px #00000073, 0 0 10px var(--acc)}:root[data-theme=fadefm] .ctx-band-sub{letter-spacing:.16em}:root[data-theme=fadefm] .ctx-banded .ctx-body{padding:4px 6px 6px}:root[data-theme=fadefm] .ctx-foot{border-top-color:#ffffff14;padding:9px 10px}:root[data-theme=fadefm] .knob.knob-chassis .knob-dial:before{background:var(--knob-cap)}:root[data-theme=fadefm] .knob.knob-chassis .knob-dial:after{background:conic-gradient(from 225deg, var(--acc) calc(var(--frac,.5) * 270deg), var(--knob-track) calc(var(--frac,.5) * 270deg) 270deg, transparent 270deg 360deg)}:root[data-theme=fadefm] :is(.header-nav,.rack-row,.knob-row,.grid,.slicegrid,.drumgrid,.kitgrid,.partials,.playlist,.roll-editor,.auto-editor,.lib-entry,.smp-list .smp-entry,.controller-card,.welcome-card,.coach-pop,.share-banner,.pl-chooser){background:var(--plate-bg)}:root[data-theme=fadefm] .overlay{background:var(--sf-chassis)}:root[data-theme=fadefm] :is(.rack-title,.rack-head>span,.length-ctl-label,.fm-patch-label,.arp-lbl,.scope-label,.lib-head),:root[data-theme=fadefm] .mrack-add-head,:root[data-theme=fadefm] .msong-field,:root[data-theme=fadefm] .minst-volume>label,:root[data-theme=fadefm] .msheet-sec{font-family:var(--font-key);letter-spacing:.2em;text-transform:uppercase;color:var(--silk)}:root[data-theme=fadefm] .rc-module:before{font-family:var(--font-key);letter-spacing:.2em;color:var(--silk)}:root[data-theme=fadefm] .rack-head .rack-switch-lbl{opacity:1}:root[data-theme=fadefm] :is(button,summary,input,textarea){font-family:var(--font-key)}:where(:root[data-theme=fadefm]) :where(.header-nav>button,.header-nav>.play-pair>button,.header-nav .menu>.menu-trigger,.header-nav .rec>button,.header-nav .account-group>button,.header-nav .account-control>button,.account-upgrade,.auth-close,.auth-otp-request,.auto-close,.auto-collapse,.auto-delete,.edge-rail-btn,.fx-chip,.lib-add,.library-bar .lib-button,.lib-collapse,.rack-collapse,.overlay-close,.overlay-newroll,.overlay-patterns,.overlay-presets,.overlay-randomize,.fx-presets,.fx-up,.fx-down,.fx-enable,.pat-grow,.rack-patfold,.pb-apply,.pb-close,.pb-preview,.pb-lock,.pl-addlane,.pl-zoom-out,.pl-zoom-in,.pl-collapse,.pl-fs,.pl-stamp,.pl-audio,.song-help,.song-dir,.rack-mute,.rack-solo,.rc-step,button.rc-icon,summary.rc-icon,button.rc-led,.rc-seg>button,.roll-tools button,.roll-prog button,.random-only button,.roll-log button,.roll-bars,.roll-delete,.roll-close,.roll-midi>summary,.sb-upload,.setting-pick,.setting-calibrate,.songs-chip,.songs-modal .songs-sort,.songs-modal .songs-save,.songs-modal .songs-gopro,.songs-modal .songs-retry,.songs-modal .songs-signin-btn,.songs-modal .song-play,.songs-modal .song-more,.arp-toggle,.arp-latch,.sr-step,.scope-popout-btn,.welcome-new,.welcome-experienced,.welcome-dismiss,.help-close,.notices-close,.help-notices,.help-replay,.reset-close,.info-close,.coach-next,.coach-skip,.coach-done,.coach-extra,.coach-showme,.coach-close,.wam-gui-close,.share-modal-actions button,.share-modal-jam-actions button,.share-modal-copy,.share-modal-video,.share-modal-embed-btn,.embed-size,.embed-copy,.share-listed-confirm,.share-banner-remix,.share-banner-startover,.share-banner-embed,.share-banner-close,button.wave-view,button.smp-rec,.chooser-new,[data-menu=rec] .rec-mode,[data-menu=rec] .rec-sm,.controller-assign,.lfo-wave,.lfo-toggle,.follower-toggle,.macro-taper,.step-toggle,.random-toggle,.random-reseed,.gate-toggle,.pads-oct,.pads-toggle,.knob-seg-btn,.learn,.dialog-ok,.dialog-cancel,.mshell-tab,.mshell-save,.mshell-menu,.mshell-play,.mshell-undo,.mrack-mute,.mrack-add-kind,.msong-snap button,.msong-zoom button,.msong-toolbar button,.mscreen-back,.minst-randomize,.minst-presets,.minst-edit-roll,.mpat-slot-prev,.mpat-slot-next,.mpat-presets,.mroll-tools button,.msong-pick,.msong-picker-close,.minst-sheet-close,.minst-preset,.mroll-key,.mroll-scale-pick,.mroll-sheet-close,.msave-close,.msave-send,.msave-signin,.msave-resend,.msave-save,.msave-copy,.msave-share,.msave-again,.msave-video,.mvideo-make,.mvideo-share,.mvideo-cancel,.mvideo-save,.mvideo-again,.msave-embed,.msave-embed-compact,.msave-embed-card,.mplayer-remix,.mplayer-save,.mplayer-star,.mplayer-share,.auth-submit,.auth-verify,.auth-reset-send,.reset-submit,.pro-checkout,.bounce-actions button,.bounce-done,.wam-cancel,.wam-url-load,.video-actions button,.video-finished button,.video-link button,.video-pro button){--key-bevel:inset 0 1px 0 var(--key-hi), inset 0 -2px 0 #0000002e, 0 2px 0 var(--key-edge), 0 3px 5px #0006;box-shadow:var(--key-bevel);letter-spacing:.06em;text-transform:uppercase;font-weight:600;transition:transform 50ms,box-shadow 50ms,filter .1s}:root[data-theme=fadefm] .header-nav button:not(.brand):not(.nowplaying-btn,.nowplaying-star):not(.menu-items *){letter-spacing:.1em;font-size:.8rem}:where(:root[data-theme=fadefm]) :where(.header-nav .brand,.nowplaying-btn,.setting-pick,.setting-calibrate){text-transform:none}:root[data-theme=fadefm] :is(.remix-field-prefix,.remix-field-suffix),:root[data-theme=fadefm] .embed-snippet{font-family:var(--font-lcd)}:root[data-theme=fadefm] .header-nav .brand{color:#f4f5f7;letter-spacing:.04em;background:#0c0d0f;border-color:#0000;box-shadow:inset 0 2px 5px #000000e6,0 1px #ffffff1a}:root[data-theme=fadefm] .header-nav .brand .menu-mark{filter:drop-shadow(0 0 4px #ff8a3a99)}:root[data-theme=fadefm] .welcome-wordmark{font-family:var(--font-key);letter-spacing:.04em}:root[data-theme=fadefm] .welcome-mark{filter:drop-shadow(0 0 12px #ff8a3a99)}:root[data-theme=fadefm] .fx-presets{border-color:#0000}:root[data-theme=fadefm] .scope-strip .scope-popout-btn,:root[data-theme=fadefm] :is(.arp-toggle,.arp-latch,.pat-grow,.rack-patfold,.auto-delete,.sr-step),:root[data-theme=fadefm] .mshell-menu,:root[data-theme=fadefm] :is(.mscreen-back,.minst-randomize,.minst-presets,.minst-edit-roll),:root[data-theme=fadefm] :is(.mpat-slot-prev,.mpat-slot-next,.mpat-presets),:root[data-theme=fadefm] :is(.minst-sheet-close,.minst-preset,.msave-close){background:var(--control-bg);color:var(--control-fg);border-radius:var(--radius-sm);border:1px solid #0000}:where(:root[data-theme=fadefm]) :where(button:not(:disabled),summary):hover{filter:brightness(1.08)}:where(:root[data-theme=fadefm]) :where(.header-nav>button,.header-nav>.play-pair>button,.rack-mute,.rack-solo,.fx-chip,.lib-add,.library-bar .lib-button,.overlay-close,.overlay-newroll,.overlay-patterns,.overlay-presets,.overlay-randomize,.pat-grow,.pl-addlane,.pl-zoom-out,.pl-zoom-in,.pl-stamp,.pl-audio,button.rc-icon,button.rc-led,.rc-seg>button,.roll-tools button,.arp-toggle,.arp-latch,.sr-step,.setting-pick,.setting-calibrate,.knob-seg-btn,.mshell-tab,.mshell-save,.mshell-menu,.mshell-play,.mshell-undo,.mrack-mute,.mrack-add-kind,.msong-snap button,.msong-zoom button,.msong-toolbar button,.mscreen-back,.minst-randomize,.minst-presets,.minst-edit-roll,.mpat-slot-prev,.mpat-slot-next,.mpat-presets,.mroll-tools button,.msong-pick,.msong-picker-close,.minst-sheet-close,.minst-preset,.mroll-key,.mroll-scale-pick,.mroll-sheet-close,.msave-close,.msave-send,.msave-signin,.msave-resend,.msave-save,.msave-copy,.msave-share,.msave-again,.msave-video,.mvideo-make,.mvideo-share,.mvideo-cancel,.mvideo-save,.mvideo-again,.msave-embed,.msave-embed-compact,.msave-embed-card,.mplayer-remix,.mplayer-save,.mplayer-star,.mplayer-share,.auth-submit,.auth-verify,.auth-reset-send,.reset-submit,.pro-checkout,.bounce-actions button,.bounce-done,.wam-cancel,.wam-url-load,.video-actions button,.video-finished button,.video-link button,.video-pro button):not(:disabled):active{box-shadow:inset 0 1px 0 var(--key-hi), 0 0 0 var(--key-edge), 0 1px 2px #00000080;transform:translateY(2px)}:root[data-theme=fadefm] :is(.auth-close,.pb-close,.help-close,.notices-close,.reset-close,.info-close,.coach-close,.welcome-dismiss,.overlay-close,.auto-close,.wam-gui-close,.share-banner-close){border-radius:50%;place-items:center;width:26px;height:26px;padding:0;line-height:1;display:inline-grid}:root[data-theme=fadefm] :is(.arp-toggle,.arp-latch,.fx-enable,button.wave-view,.steprec-toolbar .sr-step:not(.roll-tools-view *),.lfo-toggle,.follower-toggle,.step-toggle,.random-toggle,.macro-taper,.gate-toggle,.pads-toggle,.controller-enable):before,:root[data-theme=fadefm] .mroll-toggles button:before{content:"";vertical-align:1px;background:var(--lamp-off);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:inset 0 0 0 1px #0006,0 1px #ffffff1a}:root[data-theme=fadefm] :is(.arp-toggle,.arp-latch,.fx-enable,button.wave-view,.steprec-toolbar .sr-step:not(.roll-tools-view *),.lfo-toggle,.follower-toggle,.step-toggle,.random-toggle,.macro-taper,.gate-toggle,.pads-toggle,.controller-enable):is(.on,.active,[aria-pressed=true]):before,:root[data-theme=fadefm] .mroll-toggles button[aria-pressed=true]:before{background:var(--acc);box-shadow:0 0 0 1px var(--lamp-ring), 0 0 7px var(--acc), 0 0 2px var(--acc)}:root[data-theme=fadefm] :is(.arp-toggle,.arp-latch,.fx-enable,button.wave-view,.steprec-toolbar .sr-step:not(.roll-tools-view *),.lfo-toggle,.follower-toggle,.step-toggle,.random-toggle,.macro-taper,.gate-toggle,.pads-toggle):is(.on,.active,[aria-pressed=true]),:root[data-theme=fadefm] .mroll-toggles button[aria-pressed=true]{background:var(--control-bg);color:var(--text);border-color:#0000}:root[data-theme=fadefm] .fx-chip.fx-live{color:var(--control-fg)}:root[data-theme=fadefm] .rack-mute.muted,:root[data-theme=fadefm] .mrack-mute[aria-pressed=true]{color:#2a1d02;background:linear-gradient(#ffd66a,#e3a21a);border-color:#0000}:root[data-theme=fadefm] .rack-solo.soloed{color:#04202e;background:linear-gradient(#8fdcff,#2f9ed6);border-color:#0000}:root[data-theme=fadefm] :is(.info-toggle.active,.link-toggle.on,.controller-enable.on){color:var(--acc);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--acc) 55%, transparent));border-color:#0000}:root[data-theme=fadefm] .header-nav .follow-toggle[data-mode=follow]{color:var(--acc);border-color:#0000}:root[data-theme=fadefm] #rec svg{color:#55585e}:root[data-theme=fadefm] #rec.armed{color:var(--text);border-color:#0000}:root[data-theme=fadefm] #rec.armed svg{color:var(--rec);filter:drop-shadow(0 0 5px var(--rec))}:root[data-theme=fadefm] #rec[data-phase=writing]{background:linear-gradient(180deg, #ff6a5f, var(--rec));color:#2a0604}:root[data-theme=fadefm] #rec[data-phase=writing] svg{color:#2a0604;filter:none}:root[data-theme=fadefm] :is(.knob-seg-group,.rc-seg,button.mode-toggle,button.scene-lock,button.roll-tool,.lib-tabs,.length-ctl,.pat-strip,.setting-picks,.chooser-tabs,.shape-slots),:root[data-theme=fadefm] .mshell-tray,:root[data-theme=fadefm] .msong-snap{background:#0c0d0f;border-color:#0000;border-radius:8px;box-shadow:inset 0 2px 4px #000000d9,0 1px #ffffff14}:root[data-theme=fadefm] :is(.knob-seg-group,.setting-picks,.chooser-tabs){gap:3px;padding:3px}:root[data-theme=fadefm] .setting-picks{justify-self:start}:root[data-theme=fadefm] :is(.rc-seg,.length-ctl,.pat-strip),:root[data-theme=fadefm] .mshell-tray,:root[data-theme=fadefm] .msong-snap{gap:2px;padding:2px}:root[data-theme=fadefm] :is(.knob-seg-btn[aria-pressed=true],.rc-seg>button[aria-pressed=true],.rc-seg>.active,.mode-half.active,.scene-half.active,.tool-half.active,.lib-tab.active,.len-btn.active,.pat-strip .pat.on,.setting-pick.active,.chooser-tab.active,.shape-slot.selected,.library-bar .lib-button[aria-pressed=true],.rec-startmode .rec-sm.active,.rec-clickmode .rec-sm.active,.keys-target.active,.songs-chip.active),:root[data-theme=fadefm] :is(.mshell-tab[aria-selected=true],.mshell-save[data-state=unsaved]),:root[data-theme=fadefm] .msong-snap button[aria-pressed=true],:root[data-theme=fadefm] :is(.msong-pick[aria-pressed=true],.mroll-key[aria-pressed=true],.mroll-scale-pick[aria-pressed=true]){background:linear-gradient(180deg, color-mix(in srgb, var(--acc) 85%, #fff), var(--acc));color:var(--on-acc-fg);box-shadow:inset 0 1px 0 #ffffff73, 0 2px 0 var(--key-edge), 0 0 14px color-mix(in srgb, var(--acc) 45%, transparent);text-shadow:none;border-color:#0000}:root[data-theme=fadefm] .knob-seg.auto-owned .knob-seg-group{box-shadow:inset 0 2px 4px #000000d9, 0 0 0 2px var(--acc)}:root[data-theme=fadefm] .knob-seg.learning .knob-seg-group{box-shadow:inset 0 2px 4px #000000d9, 0 0 0 1px var(--learn)}:root[data-theme=fadefm] .knob-seg.learning .knob-seg-btn[aria-pressed=true]{border-color:var(--learn)}:root[data-theme=fadefm] .shape-picker.auto-owned .shape-slots{box-shadow:inset 0 2px 4px #000000d9, 0 0 0 2px var(--acc)}:root[data-theme=fadefm] .shape-picker.learning .shape-slots{border-color:var(--learn);box-shadow:inset 0 2px 4px #000000d9, 0 0 0 1px var(--learn)}:root[data-theme=fadefm] .header-nav>.play-pair>button.mode-toggle:before,:root[data-theme=fadefm] .rack-head>button.scene-lock:before,:root[data-theme=fadefm] .library>.lib-tabs:before{background:linear-gradient(180deg, color-mix(in srgb, var(--acc) 85%, #fff), var(--acc));box-shadow:inset 0 1px 0 #ffffff73, 0 2px 0 var(--key-edge), 0 0 14px color-mix(in srgb, var(--acc) 45%, transparent)}:root[data-theme=fadefm] .header-nav>.play-pair>button.mode-toggle>.mode-half.active,:root[data-theme=fadefm] .rack-head>button.scene-lock>.scene-half.active,:root[data-theme=fadefm] .library>.lib-tabs>.lib-tab.active{box-shadow:none;color:var(--on-acc-fg);background:0 0}:root[data-theme=fadefm] .library>.lib-tabs:before{border-radius:6px;width:calc(33.3333% - 4px);height:calc(100% - 4px);top:2px;left:2px}:root[data-theme=fadefm] .library>.lib-tabs[data-tab=samples]:before{transform:translate(calc(100% + 4px))}:root[data-theme=fadefm] .library>.lib-tabs[data-tab=controllers]:before{transform:translate(calc(200% + 8px))}:root[data-theme=fadefm] .pat-strip .pat:not(.on){color:#b4b9c0;background:linear-gradient(#3f4247,#2e3034);border-color:#0000}:root[data-theme=fadefm] .len-btn:not(.active){background:var(--control-bg);color:var(--control-fg);border-color:#0000}:root[data-theme=fadefm] .tool-half:not(.active){background:var(--control-bg);color:var(--control-fg);box-shadow:inset 0 1px 0 var(--key-hi), inset 0 -2px 0 #0000002e, 0 1px 0 var(--key-edge)}:root[data-theme=fadefm] button.scene-lock{letter-spacing:.06em;text-transform:uppercase;gap:0;padding:2px;font-weight:600}:root[data-theme=fadefm] .rack-head>button.scene-lock{box-sizing:border-box;height:22px}:root[data-theme=fadefm] .rack-head>button.scene-lock>.scene-half{padding:0 7px;font-size:9.5px}:root[data-theme=fadefm] .rack-head>button.scene-lock:before{border-radius:6px;width:calc(50% - 2px);height:calc(100% - 4px);top:2px;left:2px}:root[data-theme=fadefm] .rack.collapsed .rack-head>button.scene-lock{height:auto}:root[data-theme=fadefm] .rack.collapsed .rack-head>button.scene-lock>.scene-half{padding:.15rem .1rem;font-size:.5rem}:root[data-theme=fadefm] .rack.collapsed .rack-head>button.scene-lock:before{width:calc(100% - 4px);height:calc(50% - 2px)}:root[data-theme=fadefm] .header-nav:before,:root[data-theme=fadefm] .header-nav:after{content:"";pointer-events:none;background:linear-gradient(#45484c,#45484c) 50%/6px 1.5px no-repeat,linear-gradient(#45484c,#45484c) 50%/1.5px 6px no-repeat,radial-gradient(circle at 35% 30%,#f4f4f4,#9a9da1 45%,#55585c);border-radius:50%;width:9px;height:9px;position:absolute;top:calc(50% - 4.5px);box-shadow:0 1px 2px #0009,inset 0 -1px 1px #00000059}:root[data-theme=fadefm] .header-nav{padding-left:18px;padding-right:18px}:root[data-theme=fadefm] .header-nav:before{left:2px;transform:rotate(35deg)}:root[data-theme=fadefm] .header-nav:after{right:2px;transform:rotate(-20deg)}:root[data-theme=fadefm] :is(button,summary,select,input,textarea,[role=slider],[role=radio],[tabindex="0"]):focus-visible{outline:2px solid var(--cursor);outline-offset:2px}:root[data-theme=fadefm] body{scrollbar-color:#3a3d42 transparent}:root[data-theme=fadefm] body *{scrollbar-width:thin}:root[data-theme=fadefm] select{appearance:none;background-color:var(--readout-bg);color:var(--readout-fg);text-shadow:var(--readout-glow);border-radius:var(--radius-sm);box-shadow:var(--readout-shadow);font-family:var(--font-lcd);border:0}:root[data-theme=fadefm] select:not(.rc-readout select){background-image: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='%23959aa2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:10px 6px;padding-left:6px;padding-right:20px}:root[data-theme=fadefm] select option{color:var(--text);text-shadow:none;background-color:#16171a}:root[data-theme=fadefm] :is(.rc-value,.sr-readout),:root[data-theme=fadefm] .roll-header .roll-name{background:var(--readout-bg);color:var(--readout-fg);text-shadow:var(--readout-glow);border-radius:var(--radius-sm);box-shadow:var(--readout-shadow);font-family:var(--font-lcd);border:0}:root[data-theme=fadefm] .roll-header .roll-name{padding:3px 8px}:root[data-theme=fadefm] :is(.dlevel,.klevel,.kpitch,.rack-level,.partial,.random-only input[type=range],.msong-swing,.minst-volume input[type=range]){appearance:none;cursor:pointer;background:0 0;height:18px;overflow:clip visible}:root[data-theme=fadefm] :is(.dlevel,.klevel,.kpitch,.rack-level,.partial,.random-only input[type=range],.msong-swing,.minst-volume input[type=range])::-webkit-slider-runnable-track{background:var(--inset-bg);border-radius:2px;height:4px;box-shadow:inset 0 1px 2px #000000e6,0 1px #ffffff14}:root[data-theme=fadefm] :is(.dlevel,.klevel,.kpitch,.rack-level,.partial,.random-only input[type=range],.msong-swing,.minst-volume input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;border:0;border-image:linear-gradient(90deg, var(--acc) calc(100% - 12px), transparent 0) 0 fill / 8px 0 / 0 0 0 2000px;background:linear-gradient(#0000 44%,#111 44% 56%,#0000 56%),linear-gradient(90deg,#3c3f44,#8a8e94 45%,#3c3f44);border-radius:3px;width:12px;height:18px;margin-top:-7px;box-shadow:0 2px 3px #0009,inset 0 1px #ffffff59}:root[data-theme=fadefm] :is(.dlevel,.klevel,.kpitch,.rack-level,.partial,.random-only input[type=range],.msong-swing,.minst-volume input[type=range])::-moz-range-track{background:var(--inset-bg);border-radius:2px;height:4px;box-shadow:inset 0 1px 2px #000000e6,0 1px #ffffff14}:root[data-theme=fadefm] :is(.dlevel,.klevel,.kpitch,.rack-level,.partial,.random-only input[type=range],.msong-swing,.minst-volume input[type=range])::-moz-range-progress{background:var(--acc);height:2px;box-shadow:0 0 6px var(--acc);border-radius:1px}:root[data-theme=fadefm] :is(.dlevel,.klevel,.kpitch,.rack-level,.partial,.random-only input[type=range],.msong-swing,.minst-volume input[type=range])::-moz-range-thumb{background:linear-gradient(#0000 44%,#111 44% 56%,#0000 56%),linear-gradient(90deg,#3c3f44,#8a8e94 45%,#3c3f44);border:0;border-radius:3px;width:12px;height:18px;box-shadow:0 2px 3px #0009,inset 0 1px #ffffff59}:root[data-theme=fadefm] :is(.msong-swing,.minst-volume input[type=range]){min-height:44px}:root[data-theme=fadefm] :is(input[type=text],input[type=search],input[type=email],input[type=password],input[type=url],input[type=number],input:not([type]),textarea){background:var(--inset-bg);color:var(--text);border-radius:var(--radius-sm);border:1px solid #000;box-shadow:inset 0 2px 4px #000000d9,0 1px #ffffff14}:root[data-theme=fadefm] :is(input[type=text],input[type=search],input[type=email],input[type=password],input[type=url],input[type=number],input:not([type]),textarea):focus{outline:2px solid var(--acc);outline-offset:0}:root[data-theme=fadefm] :is(input,textarea)::placeholder{color:var(--muted)}:root[data-theme=fadefm] input[type=number].msong-bpm{background:var(--readout-bg);color:var(--readout-fg);text-shadow:var(--readout-glow);box-shadow:var(--readout-shadow);font-family:var(--font-lcd);border:0}:root[data-theme=fadefm] input[type=number].msong-bpm:focus{outline:2px solid var(--cursor);outline-offset:2px}:root[data-theme=fadefm] :is(input[type=checkbox],input[type=radio]){accent-color:var(--acc)}:root[data-theme=fadefm] .wam-url.invalid:focus{outline-color:#ff8f8f}:root[data-theme=fadefm] .knob-body{fill:#0000;stroke:#0000}:root[data-theme=fadefm] .knob-dial{isolation:isolate;border-radius:50%}:root[data-theme=fadefm] .knob-dial svg{z-index:1;position:relative}:root[data-theme=fadefm] .knob-dial:before{content:"";aspect-ratio:1;background:var(--knob-cap);pointer-events:none;border-radius:50%;width:66%;margin-top:17%;position:absolute;top:0;left:17%;box-shadow:0 2px 4px #0000008c,inset 0 1px #ffffff26}:root[data-theme=fadefm] .knob-dial:after{content:"";aspect-ratio:1;background:conic-gradient(from 225deg, var(--acc) calc(var(--frac,.5) * 270deg), var(--knob-track) calc(var(--frac,.5) * 270deg) 270deg, transparent 270deg 360deg);width:calc(100% - 2px);filter:drop-shadow(0 0 2px color-mix(in srgb, var(--acc) 50%, transparent));pointer-events:none;border-radius:50%;position:absolute;inset:1px auto auto 1px;-webkit-mask:radial-gradient(circle closest-side,#0000 76%,#000 79%);mask:radial-gradient(circle closest-side,#0000 76%,#000 79%)}:root[data-theme=fadefm] .knob-pointer{stroke:var(--knob-ptr);filter:none;stroke-dasharray:7 30;stroke-dashoffset:-3px}:root[data-theme=fadefm] .knob.learning .knob-dial{box-shadow:0 0 0 2px var(--learn);border-radius:50%}:root[data-theme=fadefm] .knob.learning.auto-owned .knob-dial{box-shadow:0 0 0 2px var(--learn), 0 0 0 4px var(--acc)}:root[data-theme=fadefm] .knob.knob-chassis .knob-dial:before{margin-top:15%;top:0;translate:none}:root[data-theme=fadefm] .knob.knob-chassis .knob-dial:after{aspect-ratio:1;width:100%;inset:0 auto auto 0}:root[data-theme=fadefm] :is(.knob-label,.knob-value){font-family:var(--font-key)}:root[data-theme=fadefm] .knob-label{letter-spacing:.08em;text-transform:uppercase;color:var(--silk)}:root[data-theme=fadefm] :is(.auth-backdrop,.pb-backdrop,.help-backdrop,.notices-backdrop,.pro-backdrop,.reset-backdrop,.wam-picker-backdrop,.wam-gui-backdrop,.welcome-backdrop,.bounce-backdrop){-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08090ab3}:root[data-theme=fadefm] .pb-backdrop:not(.open){-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-theme=fadefm] :is(.auth-panel,.pb-modal,.help-panel,.notices-panel,.reset-panel,.pro-panel,.wam-picker,.wam-gui-panel,.bounce-dialog,.welcome-card){background:var(--plate-bg);border:0;border-top:2px solid var(--acc);color:var(--text);box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #000c,0 30px 80px #000c}:root[data-theme=fadefm] :is(.auth-head,.pb-modal-head,.help-head,.notices-head,.reset-head,.wam-gui-head){border-bottom:1px solid #0000008c;padding-bottom:.5rem;box-shadow:0 1px #ffffff0f}:root[data-theme=fadefm] :is(.auth-title,.pb-modal-head,.help-head,.notices-head,.wam-picker-title,.wam-gui-head,.pro-title,.reset-title,.bounce-title){font-family:var(--font-key);letter-spacing:.22em;text-transform:uppercase;font-weight:700}:root[data-theme=fadefm] .bounce-label{font-family:var(--font-key);letter-spacing:.12em;text-transform:uppercase;color:var(--silk);font-weight:700}:root[data-theme=fadefm] .help-footer{border-top-color:#ffffff14}:root[data-theme=fadefm] .discover-modal{--sc-bg:linear-gradient(180deg, #2c2e33, #222428);--sc-border:#0c0d0f}:root[data-theme=fadefm] :is(.bounce-actions button,.bounce-done,.wam-cancel,.wam-url-load,.video-actions button,.video-finished button,.video-link button,.video-pro button){background:var(--control-bg);min-height:28px;color:var(--control-fg);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:0 12px}:root[data-theme=fadefm] :is(.msave-video,.mvideo-make,.mvideo-share,.mvideo-cancel,.mvideo-save,.mvideo-again),:root[data-theme=fadefm] :is(.msave-embed,.msave-embed-compact,.msave-embed-card){letter-spacing:.14em;border-radius:6px;font-size:13px;font-weight:600}:root[data-theme=fadefm] :is(.mvideo-make,.mvideo-share){background:linear-gradient(180deg, color-mix(in srgb, var(--acc) 85%, #fff), var(--acc));color:var(--on-acc-fg);box-shadow:inset 0 1px 0 #ffffff73, 0 2px 0 var(--key-edge), 0 0 14px color-mix(in srgb, var(--acc) 45%, transparent)}:root[data-theme=fadefm] :is(.mvideo-make,.mvideo-save,.mvideo-again):disabled{background:var(--control-bg);color:var(--control-fg);box-shadow:var(--key-bevel)}:root[data-theme=fadefm] .dialog-cancel{font-weight:600}:root[data-theme=fadefm] .wam-pick-entry{background:var(--plate-bg);color:var(--text);border-radius:var(--radius-sm);box-shadow:var(--bevel);cursor:pointer;border:0}:root[data-theme=fadefm] .wam-pick-name{font-family:var(--font-key);letter-spacing:.04em}:root[data-theme=fadefm] .dialog-ok.dialog-danger{background:linear-gradient(180deg, #ff8a80, var(--danger));color:#2a0705;box-shadow:inset 0 1px 0 #ffffff73, 0 2px 0 #4a0d0a, 0 0 14px color-mix(in srgb, var(--danger) 40%, transparent)}:root[data-theme=fadefm] :is(.ctx-menu,.menu-items,.pat-menu,.slot-menu,.pl-menu,.roll-midi-menu,.pat-fill-picker),:root[data-theme=fadefm] .mshell-menu-panel,:root[data-theme=fadefm] .meter-pop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e9ebee;font-family:var(--font-key);background:#141518f2;border:0;border-radius:12px;box-shadow:0 0 0 1px #ffffff1a,0 24px 48px #0009,0 4px 12px #0006}:root[data-theme=fadefm] :is(.ctx-menu:not(.ctx-banded),.pat-menu,.slot-menu,.pat-fill-picker){padding:4px}:root[data-theme=fadefm] :is(.ctx-menu .ctx-item,.menu-items>button:not(.rec-mode),.menu-items>.menu-link,.pat-menu button,.slot-menu button,.pl-menu button,.roll-midi-menu button,.pat-fill-picker button),:root[data-theme=fadefm] .mshell-menu-panel>button{box-shadow:none;color:#e9ebee;font-family:var(--font-key);letter-spacing:.04em;text-transform:none;background:0 0;border:0;border-radius:6px;font-weight:500}:root[data-theme=fadefm] :is(.ctx-menu .ctx-item,.menu-items>button:not(.rec-mode),.menu-items>.menu-link,.pat-menu button,.slot-menu button,.pl-menu button,.roll-midi-menu button,.pat-fill-picker button):is(:hover,:focus-visible):not(.disabled):not(:disabled),:root[data-theme=fadefm] .mshell-menu-panel>button:is(:hover,:focus-visible,:active){background:color-mix(in srgb, var(--acc) 20%, transparent);color:#fff}:root[data-theme=fadefm] :is(.ctx-menu .ctx-item,.menu-items>button:not(.rec-mode),.menu-items>.menu-link,.pat-menu button,.slot-menu button,.pl-menu button,.roll-midi-menu button,.pat-fill-picker button):focus-visible:not(.disabled):not(:disabled),:root[data-theme=fadefm] .mshell-menu-panel>button:focus-visible{outline:2px solid var(--cursor);outline-offset:-2px}:root[data-theme=fadefm] :is(.ctx-menu .ctx-item,.menu-items>button,.menu-items>.menu-link,.pat-menu button,.slot-menu button,.pl-menu button,.roll-midi-menu button,.pat-fill-picker button):is(.disabled,:disabled),:root[data-theme=fadefm] .menu-items #proj-bounce.disabled,:root[data-theme=fadefm] .menu-items #proj-video.disabled{opacity:.5}:root[data-theme=fadefm] :is(.menu-items .menu-heading,[data-menu=rec] .menu-items>.rec-lbl,.ctx-section){font-family:var(--font-key);letter-spacing:.2em;color:#8f949c;border-top-color:#ffffff14;font-weight:600}:root[data-theme=fadefm] .pl-menu-key{color:#8f949c}:root[data-theme=fadefm] .pl-menu>button{line-height:1.15}:root[data-theme=fadefm] .pl-menu-takes>button[aria-pressed=true]{background:color-mix(in srgb, var(--acc) 20%, transparent);color:#fff}:root[data-theme=fadefm] .pl-menu-head{color:#8f949c}:root[data-theme=fadefm] .pl-menu>button:first-child{border-top-left-radius:12px;border-top-right-radius:12px}:root[data-theme=fadefm] .pl-menu>button:last-child{border-bottom-right-radius:12px;border-bottom-left-radius:12px}:root[data-theme=fadefm] .account-control .menu-items>.account-resume{font-weight:700}:root[data-theme=fadefm] [data-menu=rec] :is(.rec-mode,.rec-sm){letter-spacing:.04em;text-transform:none;font-weight:500}:root[data-theme=fadefm] [data-menu=rec] .menu-items>.rec-mode:is(:hover,:focus-visible){background:var(--control-bg);color:var(--control-fg)}:root[data-theme=fadefm] .toast{background:var(--readout-bg);color:var(--readout-fg);text-shadow:var(--readout-glow);box-shadow:var(--readout-shadow), 0 0 0 1px #ffffff0f, 0 8px 24px #0009;font-family:var(--font-lcd);letter-spacing:.04em;border:0;border-radius:6px}:root[data-theme=fadefm] .toast .toast-btn{color:var(--readout-fg);text-shadow:var(--readout-glow);border:1px solid color-mix(in srgb, var(--readout-fg) 45%, transparent);border-radius:var(--radius-sm);font-family:var(--font-lcd);background:0 0}:root[data-theme=fadefm] .toast .toast-btn:hover{border-color:var(--readout-fg)}:root[data-theme=fadefm] .toast .toast-btn:focus-visible{outline:2px solid var(--readout-fg);outline-offset:2px}:root[data-theme=fadefm] .info-popover{background:var(--readout-bg);box-shadow:var(--readout-shadow), 0 0 0 1px #ffffff0f, 0 12px 32px #0009;border:0}:root[data-theme=fadefm] .info-popover .info-title{font-family:var(--font-lcd);color:var(--readout-fg);text-shadow:var(--readout-glow)}:root[data-theme=fadefm] :is(.step button,.sstep button,.dcell,.kcell,.fx-gate-cell){background:var(--cell-lamp) center bottom 4px / 14px 4px no-repeat, var(--cap-b);color:var(--control-fg);box-shadow:var(--cell-ring,0 0 #0000), inset 0 1px 0 #fff3, inset 0 -3px 0 #00000038, 0 2px 0 var(--key-edge);border-color:#0000}:root[data-theme=fadefm] :is(.step:where(:nth-child(8n+1 of .step),:nth-child(8n+2 of .step),:nth-child(8n+3 of .step),:nth-child(8n+4 of .step)):where(:not([data-page-meter] *)) button.gate,.sstep:where(:nth-child(8n+1 of .sstep),:nth-child(8n+2 of .sstep),:nth-child(8n+3 of .sstep),:nth-child(8n+4 of .sstep)):where(:not([data-page-meter] *)) button.gate,.dcell:where(:nth-child(8n+1 of .dcell),:nth-child(8n+2 of .dcell),:nth-child(8n+3 of .dcell),:nth-child(8n+4 of .dcell)):where(:not([data-page-meter] *)),.kcell:where(:nth-child(8n+1 of .kcell),:nth-child(8n+2 of .kcell),:nth-child(8n+3 of .kcell),:nth-child(8n+4 of .kcell)):where(:not([data-page-meter] *)),.fx-gate-cell:where(:nth-child(8n+1 of .fx-gate-cell),:nth-child(8n+2 of .fx-gate-cell),:nth-child(8n+3 of .fx-gate-cell),:nth-child(8n+4 of .fx-gate-cell)),:is(.step,.sstep):where([data-beat-alt]) button.gate,:is(.dcell,.kcell):where([data-beat-alt])):not(.on):not(.accent){background:var(--cell-lamp) center bottom 4px / 14px 4px no-repeat, var(--cap-a);color:#232325}:root[data-theme=fadefm] :is(.step button:is(.note,.octave),.sstep button.slice){color:color-mix(in srgb, var(--acc) 80%, #fff);text-shadow:0 0 5px color-mix(in srgb, var(--acc) 60%, transparent);font-family:var(--font-lcd);background:#0b0c0d;line-height:1.34;box-shadow:inset 0 2px 3px #000000e6,0 1px #ffffff1a}:root[data-theme=fadefm] :is(.step,.sstep).gate-off :is(button.note,button.octave,button.slice:not(.out-of-range)){color:#80858d;text-shadow:none}:root[data-theme=fadefm] :is(.step,.sstep) button:is(.accent,.slide){position:relative}:root[data-theme=fadefm] :is(.step,.sstep) button.accent{--flag:#ffd34d}:root[data-theme=fadefm] .step button.slide{--flag:#7fd6ff}:root[data-theme=fadefm] :is(.step,.sstep) button:is(.accent,.slide):after{content:"";pointer-events:none;background:#00000073;border-radius:2px;width:44%;max-width:14px;height:3px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}:root[data-theme=fadefm] :is(.step,.sstep) button:is(.accent,.slide).on:after{background:var(--flag);box-shadow:0 0 6px var(--flag)}:root[data-theme=fadefm] :is(.step button.gate.on,.sstep button.gate.on,.dcell.on,.kcell.on,.fx-gate-cell.on){background:var(--cell-lamp) center bottom 4px / 14px 4px no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--acc) 85%, #fff), var(--acc));color:var(--on-acc-fg);text-shadow:none;box-shadow:var(--cell-ring,0 0 #0000), var(--cell-lit-bevel), 0 0 14px color-mix(in srgb, var(--acc) 45%, transparent)}:root[data-theme=fadefm] :is(.step.playing button.gate,.sstep.playing button.gate,.dcell.playing,.kcell.playing){filter:brightness(1.22)}:root[data-theme=fadefm] .dcell.accent{background:var(--cell-lamp) center bottom 4px / 14px 4px no-repeat, #ffd166;box-shadow:var(--cell-ring,0 0 #0000), var(--cell-lit-bevel), 0 0 14px #ffd16673}:root[data-theme=fadefm] .kcell.accent{background:var(--cell-lamp) center bottom 4px / 14px 4px no-repeat, var(--glow,#b8c2ff);box-shadow:var(--cell-ring,0 0 #0000), var(--cell-lit-bevel), 0 0 14px color-mix(in srgb, var(--glow,#b8c2ff) 45%, transparent)}:root[data-theme=fadefm] :is(.dcell,.kcell).peer-flash{--cell-ring:0 0 0 2px var(--peer,var(--muted))}:root[data-theme=fadefm] :is(.step,.sstep).peer-flash button{border-color:var(--peer,var(--muted))}:root[data-theme=fadefm] :is(.dcell,.kcell).bar-start{border-left-color:var(--acc)}:root[data-theme=fadefm] .sstep .slice.out-of-range{color:var(--control-fg);text-shadow:none;border-color:var(--muted,#8a8a94)}:root[data-theme=fadefm] :is(.pl-region,.roll-region){background:color-mix(in srgb, var(--glow) 16%, transparent)}:root[data-theme=fadefm] .auto-point{background:radial-gradient(circle at 35% 30%, #fff, var(--acc) 60%);box-shadow:0 0 6px var(--acc);border-color:#0c0d0f}:root[data-theme=fadefm] :is(.auto-canvas,.pl-scroll){background:var(--inset-bg);box-shadow:inset 0 2px 6px #000c,0 0 0 1px #0009}:root[data-theme=fadefm] .pl-scroll{border-radius:8px}:root[data-theme=fadefm] .pl-ruler{color:#c9ccd2;height:26px;font-family:var(--font-key);background:linear-gradient(#26282c,#1b1c1f);margin-bottom:0;font-size:10px;font-weight:600;box-shadow:inset 0 -1px #0009}:root[data-theme=fadefm] .pl-ruler>span:first-child{background:#1d1e21}:root[data-theme=fadefm] .pl-meter{color:#c9ccd2;letter-spacing:.04em;padding:0 8px}:root[data-theme=fadefm] .pl-meter:hover{color:#fff;background:#ffffff0d}:root[data-theme=fadefm] .pl-meter:focus-visible{outline-offset:-2px}:root[data-theme=fadefm] .pl-meter.pending:after{box-shadow:0 0 5px var(--acc);margin-top:6px}:root[data-theme=fadefm] .pl-ruler>span[data-bar]{background:linear-gradient(#ffffff40,#ffffff40) 0 100%/1px 8px no-repeat;align-items:center;padding-left:4px;display:flex}:root[data-theme=fadefm] .pl-ruler>span[data-bar].past{color:#70747c}:root[data-theme=fadefm] .playlist.dense .pl-ruler>span[data-bar]:nth-child(2n of span[data-bar]){color:#0000}:root[data-theme=fadefm] .playlist{--beat-1:25%;--beat-2:50%;--beat-3:75%;--beat-4:-1px;--beat-5:-1px;--beat-6:-1px;--beat-7:-1px}:root[data-theme=fadefm] .pl-cell{background-color:#17181b;background-image:linear-gradient(to right, transparent var(--beat-1), #ffffff09 var(--beat-1) calc(var(--beat-1) + 1px), transparent calc(var(--beat-1) + 1px) var(--beat-2), #ffffff09 var(--beat-2) calc(var(--beat-2) + 1px), transparent calc(var(--beat-2) + 1px) var(--beat-3), #ffffff09 var(--beat-3) calc(var(--beat-3) + 1px), transparent calc(var(--beat-3) + 1px) var(--beat-4), #ffffff09 var(--beat-4) calc(var(--beat-4) + 1px), transparent calc(var(--beat-4) + 1px) var(--beat-5), #ffffff09 var(--beat-5) calc(var(--beat-5) + 1px), transparent calc(var(--beat-5) + 1px) var(--beat-6), #ffffff09 var(--beat-6) calc(var(--beat-6) + 1px), transparent calc(var(--beat-6) + 1px) var(--beat-7), #ffffff09 var(--beat-7) calc(var(--beat-7) + 1px), transparent calc(var(--beat-7) + 1px));box-shadow:inset 1px 0 #ffffff14,inset 0 -1px #00000073}:root[data-theme=fadefm] .pl-lane:nth-child(2n of .pl-lane) .pl-cell{background-color:#131416}:root[data-theme=fadefm] .pl-cell.group{box-shadow:inset 1px 0 #ffffff29,inset 0 -1px #00000073}:root[data-theme=fadefm] .pl-cell:hover{box-shadow:inset 0 0 0 1px #ffffff59}:root[data-theme=fadefm] .pl-lane-name{color:#aeb2b9;font-family:var(--font-key);letter-spacing:.04em;background:linear-gradient(90deg,#202226,#1a1b1e);padding:0 4px 0 33px;font-size:10px;font-weight:600;box-shadow:inset -1px 0 #0009,inset 0 -1px #0006}:root[data-theme=fadefm] .pl-lane-grip{color:#ffffff38;left:6px}:root[data-theme=fadefm] .pl-lane-name:focus-visible{outline-offset:-2px}:root[data-theme=fadefm] .pl-lane-swatch:not([hidden]){background:var(--acc);pointer-events:none;z-index:2;border-radius:1px;width:6px;height:6px;margin-top:-3px;display:block;position:absolute;top:50%;left:22px}:root[data-theme=fadefm] .pl-clip:not(.auto){font-family:var(--font-key);border-radius:4px;margin:2px 1px;padding:5px 6px 0;font-size:10px;font-weight:700;line-height:1}:root[data-theme=fadefm] .pl-clip[data-instrument]:not(.auto){background:linear-gradient(180deg, color-mix(in srgb, var(--acc) 40%, transparent), color-mix(in srgb, var(--acc) 20%, transparent));box-shadow:inset 0 3px 0 color-mix(in srgb, var(--acc) 95%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--acc) 90%, transparent);color:#ffffffeb}:root[data-theme=fadefm] .pl-clip:not([data-instrument]):not(.auto){color:#aeb2b9;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff24}:root[data-theme=fadefm] .pl-clip.audio{--wave-ink:color-mix(in srgb, var(--glow) 85%, transparent);--clip-hatch:repeating-linear-gradient(45deg, color-mix(in srgb, var(--text) 70%, transparent) 0 2px, transparent 2px 7px);--fade-edge:var(--text);--note-plate:var(--note-floor);margin-left:calc((var(--barw,2rem) + var(--pl-gap)) * var(--au-m,0));margin-right:0;padding:0}:root[data-theme=fadefm] .pl-clip.audio:not([data-instrument]){background:#26282c}:root[data-theme=fadefm] .pl-clip-preview{width:calc(100% - 2px);height:8px;fill:color-mix(in srgb, var(--acc) 95%, transparent);pointer-events:none;display:block;position:absolute;bottom:2px;left:1px}:root[data-theme=fadefm] .pl-dup{margin-left:-1px}:root[data-theme=fadefm] .pl-playhead{box-shadow:0 0 0 2px color-mix(in srgb, var(--glow) 18%, transparent)}:root[data-theme=fadefm] .pl-end-flag{height:16px;font:700 9.5px/16px var(--font-key);padding:0 6px;top:3px;bottom:auto}:root[data-theme=fadefm] .songbar .pl-title{margin-right:0}:root[data-theme=fadefm] .songbar .pl-pos{margin-right:auto;display:inline-flex}:root[data-theme=fadefm] :is(.songbar .pl-pos,.roll-header .roll-name){box-sizing:border-box;height:20px}:root[data-theme=fadefm] .songbar .pl-pos{gap:8px;padding:0 8px;font-size:12px}:root[data-theme=fadefm] #app[data-fs=playlist] .song-actions:before,:root[data-theme=fadefm] #app[data-fs=roll] .roll-header:after{content:"Esc exits";font-family:var(--font-lcd);color:var(--silk);white-space:nowrap;align-self:center;font-size:11px;line-height:1}:root[data-theme=fadefm] #app[data-fs=playlist] .song-actions:before{margin-right:8px}:root[data-theme=fadefm] .roll-grid{--roll-key-edge:inset -2px 0 0 #060708}:root[data-theme=fadefm] .roll-key{color:#5b5348;box-shadow:var(--roll-key-edge);font:700 9px/1 var(--font-key);background:linear-gradient(90deg,#cfc8b8,#f6f1e6 25%,#ebe5d8);border:0;border-bottom:1px solid #00000040;padding-right:7px}:root[data-theme=fadefm] .roll-key.sharp{width:62%;box-shadow:none;background:linear-gradient(90deg,#0000 calc(100% - 4px),#ffffff2e calc(100% - 4px) calc(100% - 2px),#0000 calc(100% - 2px)) 0 2px/100% calc(100% - 4px) no-repeat,linear-gradient(#3d3935,#151210 50%,#070605) 0 1px/100% calc(100% - 2px) no-repeat,#e9e3d6;border-bottom:0}:root[data-theme=fadefm] .roll-key.sharp:after{content:"";width:61.2903%;box-shadow:var(--roll-key-edge);background:#e9e3d6;position:absolute;top:0;bottom:0;left:100%}:root[data-theme=fadefm] .roll-key.lit{background:linear-gradient(90deg, color-mix(in srgb, var(--acc) 80%, #fff), var(--acc));color:var(--on-acc-fg);box-shadow:inset 0 0 0 1px #00000080, var(--roll-key-edge)}:root[data-theme=fadefm] .roll-key.sharp.lit{box-shadow:inset 0 0 0 1px #00000080}:root[data-theme=fadefm] .roll-key.off-scale{opacity:1;isolation:isolate}:root[data-theme=fadefm] .roll-key.off-scale:not(.lit):before{content:"";z-index:-1;background:#0e0f118c;position:absolute;inset:0}:root[data-theme=fadefm] .roll-key.sharp.off-scale:not(.lit):before{background:#e9e3d68c}:root[data-theme=fadefm] .roll-key.c-row.off-scale:not(.lit){color:#141210}:root[data-theme=fadefm] .roll-key:not(.c-row){color:#0000}:root[data-theme=fadefm] :is(.roll-row,.roll-row-tail){background-color:#18191c;background-image:repeating-linear-gradient(to right, #fff3 0 2px, transparent 2px var(--roll-bar-w)), repeating-linear-gradient(to right, #ffffff16 0 1px, transparent 1px var(--roll-b1), #ffffff16 var(--roll-b1) calc(var(--roll-b1) + 1px), transparent calc(var(--roll-b1) + 1px) var(--roll-b2), #ffffff16 var(--roll-b2) calc(var(--roll-b2) + 1px), transparent calc(var(--roll-b2) + 1px) var(--roll-b3), #ffffff16 var(--roll-b3) calc(var(--roll-b3) + 1px), transparent calc(var(--roll-b3) + 1px) var(--roll-b4), #ffffff16 var(--roll-b4) calc(var(--roll-b4) + 1px), transparent calc(var(--roll-b4) + 1px) var(--roll-b5), #ffffff16 var(--roll-b5) calc(var(--roll-b5) + 1px), transparent calc(var(--roll-b5) + 1px) var(--roll-b6), #ffffff16 var(--roll-b6) calc(var(--roll-b6) + 1px), transparent calc(var(--roll-b6) + 1px) var(--roll-b7), #ffffff16 var(--roll-b7) calc(var(--roll-b7) + 1px), transparent calc(var(--roll-b7) + 1px) var(--roll-bar-w)), repeating-linear-gradient(to right, var(--roll-div-line,#ffffff08) 0 1px, transparent 1px calc(var(--subw) * var(--div)));border-bottom-color:#00000059}:root[data-theme=fadefm] :is(.roll-row,.roll-row-tail).sharp{background-color:#121315}:root[data-theme=fadefm] :is(.roll-row,.roll-row-tail).c-row{border-bottom-color:#ffffff1f}:root[data-theme=fadefm] .roll-grid.coarse :is(.roll-row,.roll-row-tail){--roll-div-line:#ffffff04}:root[data-theme=fadefm] .roll-row.lit{background-color:color-mix(in srgb, var(--acc) 18%, transparent)}:root[data-theme=fadefm] .roll-note:not(.ghost):not(.logghost):not(.accent){background:linear-gradient(180deg, #ffffff47, #fff0 50%), color-mix(in oklab, var(--acc) calc(20% + 80% * var(--vel,1)), var(--note-floor));box-shadow:inset 0 1px 0 #ffffff73, inset 0 0 0 1px var(--acc)}:root[data-theme=fadefm] .roll-note.accent:not(.ghost):not(.logghost){background:linear-gradient(#ffffff47,#fff0 50%),#ffd166;box-shadow:inset 0 1px #ffffff73,inset 0 0 0 1px #00000059}:root[data-theme=fadefm] .roll-note:not(.ghost):not(.logghost):before{content:"";height:2px;width:calc((100% - 6px) * var(--vel,1));pointer-events:none;background:#00000059;position:absolute;bottom:3px;left:3px}:root[data-theme=fadefm] :is(.roll-ruler,.roll-ruler-tail){background:linear-gradient(to right, rgba(255,255,255,calc(.4 * var(--roll-tick-a,1))) 0 1px, transparent 1px) 0 100% / var(--roll-bar-w) 9px repeat-x, linear-gradient(to right, rgba(255,255,255,calc(.15 * var(--roll-tick-a,1))) 0 1px, transparent 1px) 0 100% / var(--roll-beat-w) 5px repeat-x, linear-gradient(to right, rgba(255,255,255,calc(.15 * var(--roll-tick-a,1) * (1 - min(1, var(--roll-beat-even))))) 0 1px, transparent 1px) 0 100% / var(--roll-bar-w) 5px repeat-x, linear-gradient(to right, rgba(255,255,255,calc(.15 * var(--roll-tick-a,1) * (1 - min(1, var(--roll-beat-even))) * min(1, var(--roll-beat-1)))) 0 1px, transparent 1px) var(--roll-b1) 100% / var(--roll-bar-w) 5px repeat-x, linear-gradient(to right, rgba(255,255,255,calc(.15 * var(--roll-tick-a,1) * (1 - min(1, var(--roll-beat-even))) * min(1, var(--roll-beat-2)))) 0 1px, transparent 1px) var(--roll-b2) 100% / var(--roll-bar-w) 5px repeat-x, linear-gradient(to right, rgba(255,255,255,calc(.15 * var(--roll-tick-a,1) * (1 - min(1, var(--roll-beat-even))) * min(1, var(--roll-beat-3)))) 0 1px, transparent 1px) var(--roll-b3) 100% / var(--roll-bar-w) 5px repeat-x, linear-gradient(to right, rgba(255,255,255,calc(.15 * var(--roll-tick-a,1) * (1 - min(1, var(--roll-beat-even))) * min(1, var(--roll-beat-4)))) 0 1px, transparent 1px) var(--roll-b4) 100% / var(--roll-bar-w) 5px repeat-x, linear-gradient(to right, rgba(255,255,255,calc(.15 * var(--roll-tick-a,1) * (1 - min(1, var(--roll-beat-even))) * min(1, var(--roll-beat-5)))) 0 1px, transparent 1px) var(--roll-b5) 100% / var(--roll-bar-w) 5px repeat-x, linear-gradient(to right, rgba(255,255,255,calc(.15 * var(--roll-tick-a,1) * (1 - min(1, var(--roll-beat-even))) * min(1, var(--roll-beat-6)))) 0 1px, transparent 1px) var(--roll-b6) 100% / var(--roll-bar-w) 5px repeat-x, linear-gradient(to right, rgba(255,255,255,calc(.15 * var(--roll-tick-a,1) * (1 - min(1, var(--roll-beat-even))) * min(1, var(--roll-beat-7)))) 0 1px, transparent 1px) var(--roll-b7) 100% / var(--roll-bar-w) 5px repeat-x, linear-gradient(180deg, #26282c, #1b1c1f);color:#c9ccd2;font-family:var(--font-key);font-size:10px;font-weight:600}:root[data-theme=fadefm] .roll-ruler-tail{--roll-tick-a:.5}:root[data-theme=fadefm] .roll-ruler>span[data-bar]{border-left-color:#0000;align-items:center;padding-left:4px;display:flex}:root[data-theme=fadefm] .roll-ruler-corner{background:#1d1e21}:root[data-theme=fadefm] :is(.roll-ruler,.roll-ruler-tail,.roll-ruler-corner){border-bottom-color:#0009}:root[data-theme=fadefm] .roll-end-flag{height:12px;font:700 9px/12px var(--font-key);padding:0 5px;top:1px;bottom:auto}:root[data-theme=fadefm] .roll-playhead{box-shadow:0 0 0 2px color-mix(in srgb, var(--glow) 22%, transparent), 0 0 6px var(--glow)}:root[data-theme=fadefm] .roll-playhead:before{content:"";background:var(--glow);clip-path:polygon(0 0,100% 0,50% 100%);width:12px;height:9px;margin:calc(.9rem - 9px) 0 0 -5px;display:block;position:sticky;top:calc(.9rem - 9px)}:root[data-theme=fadefm] .roll-lane{background:#0f1012}:root[data-theme=fadefm] .roll-lane-viewport{background:linear-gradient(#0000 calc(25% - 1px),#ffffff0a calc(25% - 1px) 25%,#0000 25% calc(50% - 1px),#ffffff0a calc(50% - 1px) 50%,#0000 50% calc(75% - 1px),#ffffff0a calc(75% - 1px) 75%,#0000 75%)}:root[data-theme=fadefm] .roll-lane-gutter{color:var(--silk);font:600 9.5px/1 var(--font-key);letter-spacing:.2em;text-transform:uppercase;background:#1b1c1f;justify-content:flex-start;align-items:center;padding:0 0 0 12px}:root[data-theme=fadefm] .roll-vel{opacity:1;background:0 0;border-radius:0}:root[data-theme=fadefm] .roll-vel:before{content:"";background:color-mix(in srgb, var(--acc) 35%, transparent);pointer-events:none;width:3px;position:absolute;top:2px;bottom:0;left:2px}:root[data-theme=fadefm] .roll-vel:after{content:"";background:var(--acc);width:7px;height:4px;box-shadow:0 0 6px color-mix(in srgb, var(--acc) 60%, transparent);pointer-events:none;border-radius:1px;position:absolute;top:0;left:0}:root[data-theme=fadefm] .roll-vel.accent:before{background:#ffd16659}:root[data-theme=fadefm] .roll-vel.accent:after{background:#ffd166;box-shadow:0 0 6px #ffd16699}:root[data-theme=fadefm] .roll-vel.selected{outline:none}:root[data-theme=fadefm] .roll-vel.selected:before{box-shadow:0 0 0 1px #fff}:root[data-theme=fadefm] .roll-vel.selected:after{box-shadow:0 0 0 1px #fff,0 0 6px #fff9}:root[data-theme=fadefm] .roll-toolbar{flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}:root[data-theme=fadefm] .roll-toolbar>.roll-tools{display:contents}:root[data-theme=fadefm] .roll-toolbar .rc-module{flex-wrap:wrap;flex:0 auto;gap:3px;min-width:0;padding:0}:root[data-theme=fadefm] .roll-toolbar .rc-module:before{font:600 10px/1 var(--font-key);letter-spacing:.24em;color:var(--silk);margin-right:8px;padding:0;position:static}:root[data-theme=fadefm] .roll-toolbar .rc-readout select{padding:0 3px}:root[data-theme=fadefm] .rc-readout .rc-step{width:12px}:root[data-theme=fadefm] .roll-tools-edit .roll-scorelog{margin-left:0}:root[data-theme=fadefm] .rc-readout select{box-shadow:none;background-color:#0000}:root[data-theme=fadefm] .rc-readout select:focus-visible{outline-offset:-2px}:root[data-theme=fadefm] .roll-header{gap:4px}:root[data-theme=fadefm] .roll-header:before{content:"Piano roll";flex:none;margin-right:4px}:root[data-theme=fadefm] .roll-header .roll-name{flex:0 auto;min-width:0;max-width:14rem}@supports (max-width:calc-size(max-content, min(size, 14rem))){:root[data-theme=fadefm] .roll-header .roll-name{max-width:calc-size(max-content, min(size, 14rem));flex:1}}:root[data-theme=fadefm] .roll-header .roll-name:before{content:"Clip";font-family:var(--font-key);text-transform:uppercase;text-shadow:none;margin-right:8px;font-weight:600;line-height:1}:root[data-theme=fadefm] .roll-header>:is(button.rc-icon,.roll-midi,.rc-readout,.roll-solo){flex:none}:root[data-theme=fadefm] .roll-header>:is(.roll-midi,.roll-new,.roll-dup,.roll-delete,.roll-solo,.roll-collapse,.roll-fs,.roll-close){order:1}:root[data-theme=fadefm] .roll-header>.roll-midi,:root[data-theme=fadefm] #app[data-fs=roll] .roll-header:after{margin-left:auto}:root[data-theme=fadefm] #app[data-fs=roll] .roll-header>.roll-midi{margin-left:8px}:root[data-theme=fadefm] .overlay{padding:10px var(--overlay-pad-x) 12px;border:0;border-radius:18px;box-shadow:inset 0 1px #ffffff14,0 2px #09090a,0 14px 28px #00000059;container:panel/inline-size}:root[data-theme=fadefm] .overlay[data-peer-focus]{box-shadow:var(--peer-rings,inset 0 1px 0 #ffffff14, 0 2px 0 #09090a, 0 14px 28px #00000059)}:root[data-theme=fadefm] .overlay .overlay-header{--control-bg:var(--sf-key);--control-fg:var(--sf-key-ink);--key-edge:var(--sf-key-edge);--key-hi:var(--sf-key-hi);--control-border:var(--sf-key-border);--lamp-off:var(--sf-lamp-off);--lamp-ring:var(--sf-lamp-ring);flex-wrap:wrap;gap:8px 12px;min-height:26px;margin-bottom:4px;padding:2px 4px 0}:root[data-theme=fadefm] .overlay[data-surface=acrylic] .overlay-header{--control-bg:linear-gradient(180deg, #ffffff1f, #aae1f217)}:root[data-theme=fadefm] .overlay .overlay-header:before{content:"";background:var(--acc);width:9px;height:9px;box-shadow:0 0 0 2px #00000073, 0 0 10px var(--acc);border-radius:50%;flex:none}:root[data-theme=fadefm] .overlay .overlay-icon{display:none}:root[data-theme=fadefm] .overlay .overlay-title{color:var(--sf-chassis-ink);font-family:var(--font-key);letter-spacing:.22em;text-transform:uppercase;align-items:baseline;gap:10px;font-size:15px;font-weight:700;line-height:1;display:inline-flex}:root[data-theme=fadefm] .overlay .overlay-title[data-sub]:after{content:attr(data-sub);color:var(--sf-chassis-dim);letter-spacing:.2em;font-size:10.5px;font-weight:600}:root[data-theme=fadefm] .overlay .overlay-header-right{flex-wrap:wrap;gap:6px}:root[data-theme=fadefm] .overlay .overlay-header-controls{display:contents}:root[data-theme=fadefm] .overlay .overlay-show{align-items:center;gap:5px;display:inline-flex}:root[data-theme=fadefm] .overlay .overlay-show:after{content:"";background:#ffffff29;flex:none;width:1px;height:22px;margin:0 4px}:root[data-theme=fadefm] .overlay .overlay-show-label{color:var(--sf-chassis-dim);font-family:var(--font-key);letter-spacing:.2em;text-transform:uppercase;margin-right:3px;font-size:10.5px;font-weight:600;line-height:1}:root[data-theme=fadefm] .overlay-header .overlay-randomize{gap:0;font-size:0}:root[data-theme=fadefm] .overlay-header .overlay-randomize:before{content:"";background:currentColor;flex:none;width:13px;height:13px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='1' y='1' width='12' height='12' rx='3' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3Ccircle cx='4.4' cy='4.4' r='1.1'/%3E%3Ccircle cx='7' cy='7' r='1.1'/%3E%3Ccircle cx='9.6' cy='9.6' r='1.1'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='1' y='1' width='12' height='12' rx='3' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3Ccircle cx='4.4' cy='4.4' r='1.1'/%3E%3Ccircle cx='7' cy='7' r='1.1'/%3E%3Ccircle cx='9.6' cy='9.6' r='1.1'/%3E%3C/svg%3E") 50%/contain no-repeat}:root[data-theme=fadefm] .overlay-header .overlay-randomize:after{content:"Random";letter-spacing:.14em;margin-left:7px;font-size:10.5px}:root[data-theme=fadefm] .overlay :is(.arp,.pattern-fold,.fx-pane).sec-hidden{display:none}:root[data-theme=fadefm] :is(.overlay :is(.arp,.pattern-fold,.fx-pane),.overlay>.fxeditor){--control-bg:var(--sf-key);--control-fg:var(--sf-key-ink);--key-edge:var(--sf-key-edge);--key-hi:var(--sf-key-hi);--control-border:var(--sf-key-border);--lamp-off:var(--sf-lamp-off);--lamp-ring:var(--sf-lamp-ring);--text:var(--sf-ink);--muted:var(--sf-silk);--silk:var(--sf-silk);--cap-a:var(--sf-cap-a);--cap-b:var(--sf-cap-b);--knob-cap:var(--sf-knob-cap);--knob-track:var(--sf-knob-track);--knob-ptr:var(--sf-knob-ptr);background:var(--sf-plate);box-shadow:var(--sf-plate-shadow);color:var(--sf-ink);border-radius:10px;margin-top:10px;padding:10px 14px;position:relative}:root[data-theme=fadefm] :is(.overlay :is(.arp,.pattern-fold,.fx-pane),.overlay>.fxeditor):after{content:"";border-radius:inherit;background:var(--sf-stripe) 0 100% / 100% 3px no-repeat;pointer-events:none;position:absolute;inset:0}:root[data-theme=fadefm] .overlay :is(.arp-toggle,.arp-latch,.steprec-toolbar .sr-step:not(.roll-tools-view *),.fx-enable):is(.on,.active,[aria-pressed=true]){color:var(--control-fg);border-color:var(--control-border)}:root[data-theme=fadefm] .overlay .arp{flex-wrap:wrap;align-items:center;gap:8px 22px;display:flex}:root[data-theme=fadefm] .overlay .arp>.arp-field{display:none}:root[data-theme=fadefm] .overlay .arp>:is(.arp-toggle,.arp-latch){align-items:center;display:inline-flex}:root[data-theme=fadefm] .overlay .arp>.arp-latch{margin-left:-17px}:root[data-theme=fadefm] .overlay .arp>.arp-keys{order:1;align-items:center;gap:8px;display:inline-flex}:root[data-theme=fadefm] .overlay .arp .radio-keys{gap:5px}:root[data-theme=fadefm] .overlay .arp .arp-lbl{text-shadow:var(--sf-emboss);font-size:10.5px;font-weight:600;line-height:1}:root[data-theme=fadefm] .overlay .arp.arp-off .arp-dep .arp-lbl{opacity:.5}@container panel (width<=419.98px){:root[data-theme=fadefm] .overlay .arp>.arp-latch{margin-left:0}:root[data-theme=fadefm] .overlay .arp :is(.arp-keys,.radio-keys){flex-wrap:wrap}}:root[data-theme=fadefm] .overlay .pattern-fold .page-ctl:not(.single){align-items:center;gap:5px;display:inline-flex}:root[data-theme=fadefm] .overlay .pattern-fold .page-ctl .radio-keys{gap:5px}:root[data-theme=fadefm] .overlay .pattern-fold .page-ctl .key.playing{filter:brightness(1.22)}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step,.sstep,.dcell,.kcell).off-page{display:none}:root[data-theme=fadefm] .overlay .pattern-fold.collapsed .step-summary{align-items:center;gap:3px;display:inline-flex}:root[data-theme=fadefm] .overlay .step-summary>i{background:#00000059;border-radius:2px;width:9px;height:9px;box-shadow:inset 0 0 0 1px #00000059}:root[data-theme=fadefm] .overlay .step-summary[data-bars="2"]>i{width:6px}:root[data-theme=fadefm] .overlay .step-summary:is([data-bars="3"],[data-bars="4"])>i{width:4px}:root[data-theme=fadefm] .overlay .step-summary>i.beat-start{margin-left:5px}:root[data-theme=fadefm] .overlay .step-summary>i.bar-start{margin-left:8px}:root[data-theme=fadefm] .overlay .step-summary>i.on{background:color-mix(in srgb, var(--acc) 50%, #000)}:root[data-theme=fadefm] .overlay .step-summary>i.playing{background:var(--acc);box-shadow:0 0 6px var(--acc)}:root[data-theme=fadefm] .overlay .pattern-fold{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}:root[data-theme=fadefm] .overlay .pattern-fold-head,:root[data-theme=fadefm] .overlay .pattern-fold:not(.collapsed)>.pattern-fold-body{display:contents}:root[data-theme=fadefm] .overlay .pattern-fold-toggle{box-shadow:none;color:var(--sf-ink);letter-spacing:.14em;text-transform:uppercase;text-shadow:var(--sf-emboss);background:0 0;border:0;align-items:center;padding:0;font-size:12.5px;font-weight:700;line-height:1;display:inline-flex}:root[data-theme=fadefm] .overlay .pattern-fold-toggle:hover{color:var(--sf-ink);border-color:#0000}:root[data-theme=fadefm] .overlay .pattern-fold-toggle .pf-caret{width:10px;color:var(--sf-silk);letter-spacing:0;margin-right:9px;display:inline-block}:root[data-theme=fadefm] .overlay .pattern-fold-toggle .pf-active{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root[data-theme=fadefm] .overlay .pattern-fold-lcd{height:22px;color:var(--acc);text-shadow:0 0 6px color-mix(in srgb, var(--acc) 70%, transparent);letter-spacing:.06em;border-radius:4px;gap:0;padding:0 7px;font-size:12px;display:inline-flex}:root[data-theme=fadefm] .overlay .pattern-fold:not(.collapsed) .pattern-fold-lcd{display:none}:root[data-theme=fadefm] .overlay .pattern-fold-roll{border-color:var(--sf-silk);color:var(--sf-silk);font-family:var(--font-key);letter-spacing:.14em;text-transform:uppercase;padding:3px 6px;font-size:9.5px;font-weight:600;line-height:1}:root[data-theme=fadefm] .overlay .pattern-fold .overlay-patstrip{align-items:center;gap:8px;margin:0;display:inline-flex}:root[data-theme=fadefm] .overlay .pattern-fold .overlay-patstrip:before{content:"Bank"}:root[data-theme=fadefm] .overlay .pattern-fold :is(.length-ctl-label,.page-ctl-label),:root[data-theme=fadefm] .overlay .pattern-fold .overlay-patstrip:before{color:var(--sf-silk);text-shadow:var(--sf-emboss);font-family:var(--font-key);letter-spacing:.12em;text-transform:uppercase;margin-right:0;font-size:10.5px;font-weight:600;line-height:1}:root[data-theme=fadefm] .overlay .pattern-fold :is(.pat-strip,.length-ctl){box-shadow:none;background:0 0;flex-wrap:wrap;flex-basis:auto;gap:2px;margin:0;padding:0;overflow:visible}:root[data-theme=fadefm] .overlay .pattern-fold .length-ctl{gap:5px}:root[data-theme=fadefm] .overlay .pattern-fold .pat-strip :is(.pat,.pat-grow){border:1px solid var(--control-border);min-width:22px;height:20px;font-family:var(--font-key);border-radius:3px;margin:0;padding:0 3px;font-size:9.5px;font-weight:600;line-height:1}:root[data-theme=fadefm] .overlay .pattern-fold .pat-strip .pat:not(.on){background:var(--control-bg);color:var(--control-fg);box-shadow:inset 0 1px 0 var(--key-hi), 0 2px 0 var(--key-edge)}:root[data-theme=fadefm] .overlay .pattern-fold .length-ctl .len-btn:before{content:"";border-radius:50%;flex:none;width:6px;height:6px}:root[data-theme=fadefm] .overlay .pattern-fold :is(.length-ctl .len-btn,.page-ctl .key,.steprec-toolbar button){gap:5px;padding:0 4px}:root[data-theme=fadefm] .overlay .pattern-fold .steprec-toolbar{font-family:var(--font-key);align-items:center;gap:5px;margin:0;display:inline-flex}:root[data-theme=fadefm] .overlay .pattern-fold .steprec-toolbar button[hidden]{display:none}:root[data-theme=fadefm] .overlay .pattern-fold .meter-chip{letter-spacing:.06em;gap:6px;margin:0;padding:0 8px}:root[data-theme=fadefm] .overlay .pattern-fold :is(.grid,.slicegrid){box-shadow:none;background:0 0;border:0;border-radius:0;flex:1 0 100%;grid-template-columns:auto repeat(4,minmax(0,1fr)) 8px repeat(4,minmax(0,1fr)) 8px repeat(4,minmax(0,1fr)) 8px repeat(4,minmax(0,1fr));gap:10px 0;margin:0;padding:0;display:grid;overflow:visible}:root[data-theme=fadefm] .overlay .pattern-fold .grid{--step-rows:5px 20px 14px 12px 12px 30px 9px}:root[data-theme=fadefm] .overlay .pattern-fold .grid[data-slide=off]{--step-rows:5px 20px 14px 12px 30px 9px}:root[data-theme=fadefm] .overlay .pattern-fold .slicegrid{--step-rows:5px 20px 12px 30px 9px}:root[data-theme=fadefm] .overlay .pattern-fold .step-labels{grid-template-rows:var(--step-rows);row-gap:4px;padding:7px 10px 7px 0;display:grid}:root[data-theme=fadefm] .overlay .pattern-fold .step-labels>span{text-align:right;color:var(--sf-silk);text-shadow:var(--sf-emboss);font-family:var(--font-key);letter-spacing:.18em;text-transform:uppercase;align-self:center;font-size:9.5px;font-weight:600;line-height:1}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step,.sstep){grid-template-rows:var(--step-rows);background:var(--sf-well);opacity:1;border:0;border-radius:0;row-gap:4px;min-width:0;margin:0;padding:7px 2.5px;display:grid;box-shadow:inset 0 3px 2px -2px #00000073,0 1px #ffffff12}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step,.sstep):is(.beat-start,.bar-start){border-top-left-radius:6px;border-bottom-left-radius:6px;grid-column-end:span 2;margin-left:8px}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step,.sstep).page-first{border-top-left-radius:6px;border-bottom-left-radius:6px;grid-column-end:auto;margin-left:0}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step:nth-child(4n of .step),.sstep:nth-child(4n of .sstep)){border-top-right-radius:6px;border-bottom-right-radius:6px}:root[data-theme=fadefm] .overlay .pattern-fold :is(.grid,.slicegrid)[data-page-meter]{grid-template-columns:auto var(--page-cols)}:root[data-theme=fadefm] .overlay .pattern-fold :is(.grid,.slicegrid)[data-page-meter]>:is(.step,.sstep){border-top-right-radius:0;border-bottom-right-radius:0}:root[data-theme=fadefm] .overlay .pattern-fold :is(.grid,.slicegrid)[data-page-meter]>:is(.step,.sstep)[data-beat-end]{border-top-right-radius:6px;border-bottom-right-radius:6px}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step,.sstep).peer-flash{box-shadow:0 0 0 2px var(--peer,var(--muted)), inset 0 3px 2px -2px #00000073, 0 1px 0 #ffffff12}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step,.sstep):before{content:"";background:#00000080;border-radius:50%;place-self:center;width:5px;height:5px}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step,.sstep).playing:before{background:var(--acc);box-shadow:0 0 8px var(--acc)}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step,.sstep):after{content:attr(data-n);color:var(--sf-silk);font-family:var(--font-key);text-align:center;font-size:9px;font-weight:600;line-height:9px}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step,.sstep)>button{min-width:0;margin:0;padding:0}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step button.note,.sstep button.slice){border-radius:3px;font-size:10.5px;line-height:20px}:root[data-theme=fadefm] .overlay .pattern-fold .step button.octave{border-radius:3px;font-size:10px;line-height:14px}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step,.sstep) button:is(.accent,.slide){background:var(--control-bg);color:var(--control-fg);border-radius:3px;font-size:0}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step,.sstep) button:is(.accent,.slide):after,:root[data-theme=fadefm] .mpat :is(.step,.sstep) button:is(.accent,.slide):after{background:var(--lamp-off)}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step,.sstep) button:is(.accent,.slide).on:after,:root[data-theme=fadefm] .mpat :is(.step,.sstep) button:is(.accent,.slide).on:after{background:var(--flag);box-shadow:0 0 0 1px var(--lamp-ring), 0 0 6px var(--flag)}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step,.sstep) button.gate{border-radius:5px;font-size:0}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step button.gate,.sstep button.gate,.dcell,.kcell){--cell-lamp:linear-gradient(#0009, #0009)}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step button.gate.on,.sstep button.gate.on,.dcell.on,.dcell.accent,.kcell.on,.kcell.accent){--cell-lamp:linear-gradient(color-mix(in srgb, var(--acc) 40%, #fff), color-mix(in srgb, var(--acc) 40%, #fff)) center bottom 5px / 12px 2px no-repeat, linear-gradient(#0009, #0009)}:root[data-theme=fadefm] .overlay .pattern-fold .dlabel{color:var(--sf-silk);text-shadow:var(--sf-emboss)}:root[data-theme=fadefm] .overlay .pattern-fold :is(.kdrop,.kclear,.kbrowse){background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);box-shadow:inset 0 1px 0 var(--key-hi), 0 2px 0 var(--key-edge);border-radius:5px}:root[data-theme=fadefm] .overlay .pattern-fold .kdrop:is([data-state=assigned],[data-state=missing]){color:var(--control-fg)}:root[data-theme=fadefm] .overlay .pattern-fold .kdrop[data-state=assigned]{box-shadow:inset 3px 0 0 var(--acc), inset 0 1px 0 var(--key-hi), 0 2px 0 var(--key-edge)}:root[data-theme=fadefm] .overlay .pattern-fold .kdrop[data-state=missing]{box-shadow:inset 3px 0 0 var(--danger), inset 0 1px 0 var(--key-hi), 0 2px 0 var(--key-edge)}:root[data-theme=fadefm] .overlay .pattern-fold :is(.pat-desc-input,.pat-swing-input,.kchoke){--text:var(--sf-chassis-ink);--muted:var(--sf-chassis-dim)}:root[data-theme=fadefm] .overlay .pattern-fold .sstep .slice.out-of-range{color:var(--sf-chassis-ink)}@container panel (width<=579.98px){:root[data-theme=fadefm] .overlay .pattern-fold :is(.grid,.slicegrid){grid-template-columns:auto repeat(4,minmax(0,1fr)) 8px repeat(4,minmax(0,1fr))}:root[data-theme=fadefm] .overlay .pattern-fold .step-labels{grid-row:1/span 2}:root[data-theme=fadefm] .overlay .pattern-fold :is(.step:nth-child(8n+1 of .step),.sstep:nth-child(8n+1 of .sstep)){grid-column-end:auto;margin-left:0}:root[data-theme=fadefm] .overlay .pattern-fold :is(.grid,.slicegrid)[data-page-meter]{grid-template-columns:auto var(--page-cols-narrow)}:root[data-theme=fadefm] .overlay .pattern-fold :is(.grid,.slicegrid)[data-page-meter]>.step-labels{grid-row:1 / span var(--page-rows)}:root[data-theme=fadefm] .overlay .pattern-fold :is(.grid,.slicegrid)[data-page-meter]>:is(.step,.sstep){grid-column-end:auto}:root[data-theme=fadefm] .overlay .pattern-fold :is(.grid,.slicegrid)[data-page-meter]>:is(.step,.sstep):is(.beat-start,.bar-start):not(.page-first):not([data-row-first]){margin-left:8px}:root[data-theme=fadefm] .overlay .pattern-fold :is(.grid,.slicegrid)[data-page-meter]>:is(.step,.sstep)[data-row-first]{grid-column-start:2;margin-left:0}}@container panel (width<=419.98px){:root[data-theme=fadefm] .overlay .pattern-fold :is(.grid,.slicegrid){grid-template-columns:repeat(4,minmax(0,1fr)) 8px repeat(4,minmax(0,1fr))}:root[data-theme=fadefm] .overlay .pattern-fold .step-labels{display:none}:root[data-theme=fadefm] .overlay .pattern-fold :is(.grid,.slicegrid)[data-page-meter]{grid-template-columns:var(--page-cols-narrow)}:root[data-theme=fadefm] .overlay .pattern-fold :is(.grid,.slicegrid)[data-page-meter]>:is(.step,.sstep)[data-row-first]{grid-column-start:1}}:root[data-theme=fadefm] .overlay .pattern-fold :is(.drumgrid,.kitgrid){box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1 0 100%;gap:4px;margin:0;padding:9px 0 12px;display:flex;overflow:visible}:root[data-theme=fadefm] .overlay .pattern-fold .drow{grid-template-columns:3.4rem 5rem repeat(4,minmax(0,1fr)) 2px repeat(4,minmax(0,1fr)) 2px repeat(4,minmax(0,1fr)) 2px repeat(4,minmax(0,1fr));gap:4px}:root[data-theme=fadefm] .overlay .pattern-fold .dlabel{font-family:var(--font-key);letter-spacing:.18em;text-transform:uppercase;font-size:9.5px;font-weight:600}:root[data-theme=fadefm] .overlay .pattern-fold .klane{grid-template-columns:minmax(4rem,min(8rem,12.5%)) 1.2rem 1.2rem minmax(0,1fr) minmax(2.5rem,min(4rem,6.25%)) minmax(2.5rem,min(4rem,6.25%)) 3.2rem;gap:4px}:root[data-theme=fadefm] .overlay .pattern-fold .kcells{grid-template-columns:repeat(4,minmax(0,1fr)) 2px repeat(4,minmax(0,1fr)) 2px repeat(4,minmax(0,1fr)) 2px repeat(4,minmax(0,1fr));gap:4px}:root[data-theme=fadefm] .overlay .pattern-fold [data-page-meter] .drow{grid-template-columns:3.4rem 5rem var(--page-cols)}:root[data-theme=fadefm] .overlay .pattern-fold [data-page-meter] .kcells{grid-template-columns:var(--page-cols)}:root[data-theme=fadefm] .overlay .pattern-fold :is(.kdrop,.kclear,.kbrowse,.kchoke){height:22px;font-size:10px}:root[data-theme=fadefm] .overlay .pattern-fold .kdrop{padding:0 6px}:root[data-theme=fadefm] .overlay .pattern-fold :is(.dcell,.kcell){aspect-ratio:auto;border-radius:5px;width:auto;min-width:0;max-width:none;height:22px;margin:0;padding:0;position:relative}:root[data-theme=fadefm] .overlay .pattern-fold :is(.dcell,.kcell).beat-start{grid-column-end:span 2;margin-left:6px}:root[data-theme=fadefm] .overlay .pattern-fold :is(.dcell,.kcell).beat-start:before{content:none}:root[data-theme=fadefm] .overlay .pattern-fold :is(.dcell,.kcell).page-first{border-left-color:#0000;margin-left:0}:root[data-theme=fadefm] .overlay .pattern-fold :is(.drow:first-of-type .dcell,.klane:first-of-type .kcell):before{content:"";pointer-events:none;background:#00000080;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;top:-9px;left:50%}:root[data-theme=fadefm] .overlay .pattern-fold :is(.drow:first-of-type .dcell,.klane:first-of-type .kcell).playing:before{background:var(--acc);box-shadow:0 0 8px var(--acc)}:root[data-theme=fadefm] .overlay .pattern-fold :is(.drow:last-of-type .dcell,.klane:last-of-type .kcell):after{content:attr(data-n);color:var(--sf-silk);font-family:var(--font-key);text-align:center;pointer-events:none;font-size:9px;font-weight:600;line-height:9px;position:absolute;top:calc(100% + 3px);left:0;right:0}@container panel (width<=579.98px){:root[data-theme=fadefm] .overlay .pattern-fold .klane{grid-template-columns:minmax(4rem,1fr) 1.2rem 1.2rem minmax(2.5rem,4rem) minmax(2.5rem,4rem) 3.2rem;grid-template-areas:"cells cells cells cells cells cells""drop clear browse level pitch choke"}:root[data-theme=fadefm] .overlay .pattern-fold .kdrop{grid-area:drop}:root[data-theme=fadefm] .overlay .pattern-fold .kclear{grid-area:clear}:root[data-theme=fadefm] .overlay .pattern-fold .kbrowse{grid-area:browse}:root[data-theme=fadefm] .overlay .pattern-fold .kcells{grid-area:cells}:root[data-theme=fadefm] .overlay .pattern-fold .klevel{grid-area:level}:root[data-theme=fadefm] .overlay .pattern-fold .kpitch{grid-area:pitch}:root[data-theme=fadefm] .overlay .pattern-fold .kchoke{grid-area:choke}:root[data-theme=fadefm] .overlay .pattern-fold .drow{grid-template-columns:repeat(4,minmax(0,1fr)) 2px repeat(4,minmax(0,1fr)) 2px repeat(4,minmax(0,1fr)) 2px repeat(4,minmax(0,1fr))}:root[data-theme=fadefm] .overlay .pattern-fold .dlabel{grid-area:2/1/auto/5}:root[data-theme=fadefm] .overlay .pattern-fold .dlevel{grid-area:2/6/auto/10}:root[data-theme=fadefm] .overlay .pattern-fold [data-page-meter] .drow{grid-template-columns:var(--page-cols)}:root[data-theme=fadefm] .overlay .pattern-fold :is(.drow,.klane):last-of-type{row-gap:15px}}:root[data-theme=fadefm] :is(.ctx-menu,.pb-modal)[data-skin] .ctx-band{background:var(--sf-stripe) 0 100% / 100% 3px no-repeat, var(--sf-band);color:var(--sf-band-ink);text-shadow:var(--sf-band-emboss)}:root[data-theme=fadefm] .overlay .fx-pane{border-top:0}:root[data-theme=fadefm] .overlay .audio-panel-head{color:var(--sf-ink);font-family:var(--font-key);letter-spacing:.14em;text-transform:uppercase;text-shadow:var(--sf-emboss);font-size:12.5px;font-weight:700;line-height:1}:root[data-theme=fadefm] .overlay .audio-panel-sec+.audio-panel-sec{border-top-color:var(--sf-silk)}:root[data-theme=fadefm] .overlay .audio-panel-clip,:root[data-theme=fadefm] .overlay .audio-panel-asset{color:var(--sf-ink)}:root[data-theme=fadefm] .overlay .audio-panel-at,:root[data-theme=fadefm] .overlay .audio-panel-len,:root[data-theme=fadefm] .overlay .audio-panel-size,:root[data-theme=fadefm] .overlay .audio-panel-empty,:root[data-theme=fadefm] .overlay :is(.audio-input-label,.audio-input-cap){color:var(--sf-silk)}:root[data-theme=fadefm] .overlay .audio-input-trim-val{color:var(--sf-ink)}:root[data-theme=fadefm] .overlay .audio-input-label{font-family:var(--font-key);letter-spacing:.14em;text-transform:uppercase;font-size:9.5px;font-weight:600}:root[data-theme=fadefm] .overlay .fx-pane-top{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}:root[data-theme=fadefm] .overlay .fx-pane-head{width:auto;color:var(--sf-ink);font-family:var(--font-key);letter-spacing:.14em;text-transform:uppercase;text-shadow:var(--sf-emboss);background:0 0;border:0;align-items:center;gap:0;padding:0;font-size:12.5px;font-weight:700;line-height:1;display:inline-flex}:root[data-theme=fadefm] .overlay .fx-pane-head .fx-pane-caret{width:10px;color:var(--sf-silk);letter-spacing:0;order:-1;margin:0 9px 0 0;display:inline-block}:root[data-theme=fadefm] .overlay .fx-pane-head .fx-pane-count{display:none}:root[data-theme=fadefm] .overlay .fx-pane-head .fx-pane-slots{color:var(--sf-silk);font-family:var(--font-lcd);letter-spacing:0;text-transform:none;text-shadow:none;margin-left:14px;font-size:11px;font-weight:500;display:inline}:root[data-theme=fadefm] .overlay .fx-pane-chips{flex-wrap:wrap;gap:5px;display:flex}:root[data-theme=fadefm] .overlay .fx-chip-key>span{text-overflow:ellipsis;max-width:120px;overflow:hidden}:root[data-theme=fadefm] .overlay .fx-add-key{display:inline-flex}:root[data-theme=fadefm] .overlay .fx-pane-top>.fx-add-key{margin-left:auto}:root[data-theme=fadefm] :is(.overlay .fx-pane .fxeditor,.overlay>.fxeditor){flex-direction:column;gap:6px;display:flex}:root[data-theme=fadefm] .overlay .fx-pane-body{margin-top:10px}:root[data-theme=fadefm] .overlay .fx-pane.fx-pane-empty>.fx-pane-body,:root[data-theme=fadefm] .overlay :is(select.fx-add,.fx-pane .fx-empty){display:none}:root[data-theme=fadefm] .overlay .fx-row{background:var(--sf-slot);border:0;border-radius:7px;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:5px 98px 5px 10px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #00000038}:root[data-theme=fadefm] .overlay .fx-row>.fx-kind{min-width:88px;color:var(--sf-ink);text-shadow:var(--sf-emboss);font-family:var(--font-key);letter-spacing:.22em;text-transform:uppercase;order:1;font-size:12.5px;font-weight:700;line-height:1}:root[data-theme=fadefm] .overlay .fx-row>.fx-presets{order:2;margin-left:0}:root[data-theme=fadefm] .overlay .fx-row>.fx-enable{order:3}:root[data-theme=fadefm] .overlay .fx-row>:is(.fx-wam-status,.fx-wam-retry,.fx-wam-consent){order:4}:root[data-theme=fadefm] .overlay .fx-row>.knob-sm{order:5}:root[data-theme=fadefm] .overlay .fx-row>:is(.fx-comp-meter,.fx-gate-grid){order:6}:root[data-theme=fadefm] .overlay .fx-row>.fx-wam-gui{order:7}:root[data-theme=fadefm] .overlay .fx-row.fx-row-pending{padding-right:10px}:root[data-theme=fadefm] .overlay .fx-row>:is(.fx-up,.fx-down,.fx-remove){width:22px;padding:0;position:absolute;top:50%;translate:0 -50%}:root[data-theme=fadefm] .overlay .fx-row>.fx-up{right:62px}:root[data-theme=fadefm] .overlay .fx-row>.fx-down{right:36px}:root[data-theme=fadefm] .overlay .fx-row>.fx-remove{right:10px}:root[data-theme=fadefm] .overlay .fx-row .fx-wam-status:is(.failed,.pending){color:var(--sf-ink);box-shadow:inset 3px 0 0 var(--danger);padding-left:8px}:root[data-theme=fadefm] .overlay .fx-row .fx-wam-status.pending{box-shadow:inset 3px 0 0 var(--warn)}:root[data-theme=fadefm] .overlay .fx-row>.fx-gate-grid{grid-template-columns:repeat(16,minmax(0,calc(1.1rem + 3px)));min-width:0}:root[data-theme=fadefm] .overlay .fx-row .fx-gate-cell{width:auto;min-width:0;max-width:1.1rem}:root[data-theme=fadefm] .overlay .fx-row .fx-comp-meter{background:var(--sf-well);box-shadow:inset 0 1px 1px #00000059}:root[data-theme=fadefm] .overlay .fx-row .fx-enable{gap:0;font-size:0}:root[data-theme=fadefm] .overlay .fx-row .fx-enable:before{margin-right:0}:root[data-theme=fadefm] .overlay .fx-row .fx-enable:after{content:"Off";letter-spacing:.14em;margin-left:7px;font-size:9.5px}:root[data-theme=fadefm] .overlay .fx-row .fx-enable.on:after{content:"On"}:root[data-theme=fadefm] .overlay .fx-row :is(.fx-up,.fx-down).disabled{opacity:.38}:root[data-theme=fadefm] .overlay .fx-row .knob{width:54px}:root[data-theme=fadefm] .overlay .fx-row .knob-sm svg{width:30px;height:30px}:root[data-theme=fadefm] .overlay .fx-row .knob-label{font-size:9.5px}:root[data-theme=fadefm] .overlay .fx-row.fx-off .knob-dial{opacity:.45}@container panel (width>=600px){:root[data-theme=fadefm] .overlay .fx-row>.fx-kind{min-width:104px}:root[data-theme=fadefm] .overlay .fx-row>.fx-enable{min-width:49px}}:root[data-theme=fadefm] .pb-backdrop.pb-anchored{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}:root[data-theme=fadefm] .pb-modal.pb-pop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e9ebee;background:#141518f2;border:0;border-radius:12px;box-shadow:0 0 0 1px #ffffff1a,0 24px 48px #0009,0 4px 12px #0006}:root[data-theme=fadefm] .pb-pop .pb-group{border:0;padding:0}:root[data-theme=fadefm] .pb-pop .pb-group summary{color:#8f949c;font-family:var(--font-key);letter-spacing:.2em;text-transform:uppercase;padding:10px 8px 5px;font-size:10px;font-weight:600}:root[data-theme=fadefm] .pb-pop .pb-row{border:0;border-radius:6px;gap:10px;padding:5px 8px}:root[data-theme=fadefm] .pb-pop .pb-row:hover{background:#ffffff0d}:root[data-theme=fadefm] .pb-pop .pb-preview{border-radius:50%;width:26px;height:26px;padding:0}:root[data-theme=fadefm] body.mplayer-on .pb-pop :is(.pb-apply,.pb-lock,.pb-chips .key){min-width:44px}:root[data-theme=fadefm] .pb-modal.pb-pop.pb-sheet{border-radius:0}:root[data-theme=fadefm] .scope{background:linear-gradient(90deg, #ffaa5a12 1px, transparent 1px) -.1px 0 / calc(100% / 16) 100%, linear-gradient(180deg, #ffaa5a12 1px, transparent 1px) 0 0 / 100% 25%, var(--readout-bg);border:0}:root[data-theme=fadefm] .scope-strip:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#ffffff0d,#fff0 40%);border-radius:12px;position:absolute;inset:0;box-shadow:inset 0 2px 7px #000000f2,0 0 0 1px #ffffff0f}:root[data-theme=fadefm] .scope-strip .scope-label{z-index:1;opacity:1;color:#998468;font-size:10.5px;font-weight:600;line-height:1;top:11px;left:11px}:root[data-theme=fadefm] .scope-strip .scope-label.flash{color:var(--readout-fg);text-shadow:var(--readout-glow)}:root[data-theme=fadefm] .scope-strip .scope-popout-btn{z-index:1;box-sizing:border-box;opacity:1;border:0;font-size:12px;line-height:1;top:8px;right:8px}:root[data-theme=fadefm] .header-nav{--header-control-h:40px;border-radius:12px;padding-top:5px;padding-bottom:5px}:root[data-theme=fadefm] .header-nav>.menu+.spacer{display:none}:root[data-theme=fadefm] .header-nav .brand{border-radius:7px;padding:0 14px;font-size:18px}:root[data-theme=fadefm] .header-nav .brand .menu-mark{width:20px;height:auto}:root[data-theme=fadefm] .header-nav .brand .menu-label{letter-spacing:0;font-size:0}:root[data-theme=fadefm] .header-nav .brand .menu-label:before{content:attr(data-wordmark) / "";letter-spacing:.04em;font-size:18px}:root[data-theme=fadefm] .header-nav .brand .menu-label:after{content:"▾" / "";opacity:.6;margin-left:8px;font-size:12px}:root[data-theme=fadefm] .header-nav>.play-pair>button.mode-toggle:before{border-radius:6px;width:calc(50% - 3px);height:calc(100% - 6px);top:3px;left:3px}:root[data-theme=fadefm] .header-nav>.play-pair>button.mode-toggle>.mode-half{letter-spacing:.14em;font-size:12px}@media (max-width:1120px){:root[data-theme=fadefm] .header-nav .brand,:root[data-theme=fadefm] .header-nav .brand .menu-label:before{font-size:16px}}:root[data-theme=fadefm] .header-nav :is(#menu-share,#menu-keys),:root[data-theme=fadefm] :is(label.bpm,label.swing){box-sizing:border-box;border:0;gap:9px;padding:0 12px}:root[data-theme=fadefm] .header-nav :is(#menu-share,#menu-keys):before,:root[data-theme=fadefm] :is(label.bpm,label.swing){font-family:var(--font-key);opacity:1;text-shadow:none;text-transform:uppercase;font-weight:600;line-height:1}:root[data-theme=fadefm] .header-nav #menu-share:before{content:"Song" / "";margin-right:9px}:root[data-theme=fadefm] .header-nav #menu-keys:before{content:"Keys" / ""}:root[data-theme=fadefm] .header-nav #menu-keys.keys-following:before{content:"Keys ⟳" / ""}:root[data-theme=fadefm] .header-nav #menu-share .nowplaying-title,:root[data-theme=fadefm] .header-nav #menu-keys #qwerty-oct{min-width:0;color:var(--readout-fg);font-family:var(--font-lcd);letter-spacing:0;opacity:1;text-shadow:var(--readout-glow);font-size:18px;font-weight:400}:root[data-theme=fadefm] .header-nav .nowplaying-host{flex:1;min-width:auto;max-width:none}:root[data-theme=fadefm] .header-nav .nowplaying-host>.nowplaying-box{border:0;flex-grow:1}:root[data-theme=fadefm] .header-nav .nowplaying-box>#menu-share{contain:inline-size;flex-grow:1;min-width:8rem}:root[data-theme=fadefm] .header-nav .nowplaying-box>#menu-share .nowplaying-title{text-align:start}:root[data-theme=fadefm] .header-nav .nowplaying-host:not([data-scoped])+.spacer{display:none}:root[data-theme=fadefm] .header-nav .nowplaying-host[data-scoped]{flex:0 auto;min-width:0}:root[data-theme=fadefm] .header-nav .nowplaying-host[data-scoped]>.nowplaying-box{flex-grow:0}:root[data-theme=fadefm] .header-nav .nowplaying-host[data-scoped] .nowplaying-box>#menu-share{contain:none;flex-grow:0;min-width:0;max-width:15.5rem}:root[data-theme=fadefm] .header-nav .nowplaying-host[data-scoped]>.scope-chip{flex:none}:root[data-theme=fadefm] .header-nav #menu-share{min-width:0;max-width:none;color:var(--readout-fg);justify-content:flex-start;gap:0;overflow:hidden}:root[data-theme=fadefm] .header-nav #menu-share[data-state=joining]{padding-right:1.8rem}:root[data-theme=fadefm] .header-nav #menu-share>svg{color:#80858d;flex:none;width:13px;height:13px;margin-right:9px}:root[data-theme=fadefm] .header-nav #menu-share :is(.nowplaying-author,.nowplaying-dash){white-space:nowrap;color:#959aa2;min-width:0;font-family:var(--font-key);opacity:1;flex:0 1000 auto;font-size:10.5px;font-weight:600;overflow:hidden}:root[data-theme=fadefm] .header-nav #menu-share :is(.nowplaying-author,.nowplaying-dash):after{content:"";width:9px;display:inline-block}:root[data-theme=fadefm] .header-nav #menu-share[data-state=live] :is(.nowplaying-author,.nowplaying-dash),:root[data-theme=fadefm] .header-nav #menu-share[data-state=live]~.nowplaying-plays{display:none}:root[data-theme=fadefm] .header-nav #menu-share[data-state=live]:hover{filter:none}:root[data-theme=fadefm] .header-nav :is(.nowplaying-box,#menu-keys):hover{background-image:linear-gradient(#ffffff0f,#ffffff0f)}:root[data-theme=fadefm] .header-nav .nowplaying-box>#menu-share:hover{filter:none}:root[data-theme=fadefm] .header-nav #menu-share .share-jam-count{color:var(--acc);font-family:var(--font-lcd);padding:0;font-size:12px}:root[data-theme=fadefm] #menu-share[data-state=live] .share-jam-count{white-space:nowrap;pointer-events:none;min-width:30px;line-height:18px;position:absolute;top:100%;left:12px}:root[data-theme=fadefm] .header-nav .jam-transport{padding-left:38px}:root[data-theme=fadefm] .header-nav .nowplaying-host>.nowplaying-remixof{color:var(--silk);font-family:var(--font-key);letter-spacing:.14em;opacity:1;text-transform:uppercase;font-size:10.5px;font-weight:600}:root[data-theme=fadefm] .header-nav .nowplaying-box>:is(.nowplaying-plays,.nowplaying-star){color:color-mix(in srgb, var(--readout-fg) 70%, transparent);font-family:var(--font-lcd);letter-spacing:0;text-shadow:none;text-transform:none;font-size:13px;font-weight:400;line-height:16px}:root[data-theme=fadefm] .header-nav .nowplaying-box>.nowplaying-plays{opacity:1;padding:0 7px 0 3px;transform:translateY(1px)}:root[data-theme=fadefm] .header-nav .nowplaying-box>.nowplaying-star{min-width:0;padding:0 12px 0 3px}:root[data-theme=fadefm] .header-nav .nowplaying-box>.nowplaying-star:disabled{opacity:.9}:root[data-theme=fadefm] .header-nav .nowplaying-box>.nowplaying-star:is(.on,:hover:not(:disabled),:focus-visible){color:var(--readout-fg);text-shadow:var(--readout-glow)}:root[data-theme=fadefm] .header-nav #menu-keys{color:var(--readout-fg)}:root[data-theme=fadefm] .header-nav #menu-keys>svg{display:none}:root[data-theme=fadefm] .header-nav #menu-keys .keys-target-icon{color:#959aa2}:root[data-theme=fadefm] .header-nav #menu-keys .keys-target-icon svg{width:14px;height:14px}:root[data-theme=fadefm] .header-nav #menu-keys:after{color:#80858d;opacity:1;font-size:10px}:root[data-theme=fadefm] :is(label.bpm,label.swing){height:var(--header-control-h);align-items:center;display:inline-flex;position:relative}:root[data-theme=fadefm] :is(.bpm,.swing) input[type=number]{z-index:1;box-sizing:content-box;height:100%;box-shadow:none;color:var(--readout-fg);font-family:var(--font-lcd);letter-spacing:0;text-align:right;text-shadow:var(--readout-glow);-webkit-appearance:none;appearance:textfield;background:0 0;border:0;border-radius:0;padding:0;font-size:21px;position:relative}:root[data-theme=fadefm] .bpm input[type=number]{width:3ch}:root[data-theme=fadefm] .swing input[type=number]{width:2ch}:root[data-theme=fadefm] :is(.bpm,.swing) input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:root[data-theme=fadefm] :is(.bpm,.swing) input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:root[data-theme=fadefm] :is(.bpm,.swing):before{color:var(--lcd-ghost);font-family:var(--font-lcd);letter-spacing:0;text-shadow:none;pointer-events:none;align-items:center;font-size:21px;display:flex;position:absolute;top:0;bottom:0;right:12px}:root[data-theme=fadefm] .bpm:before{content:"888" / ""}:root[data-theme=fadefm] .swing:before{content:"88" / ""}:root[data-theme=fadefm] :is(.bpm,.swing):focus-within{outline:2px solid var(--cursor);outline-offset:2px}:root[data-theme=fadefm] :is(.bpm,.swing) input[type=number]:focus{background:0 0;outline:none}:root[data-theme=fadefm] .meter-pop-cap{color:#9a9fa7;letter-spacing:.2em;text-transform:uppercase;font-size:9.5px}:root[data-theme=fadefm] .meter-pop :is(input,select){background:var(--readout-bg);box-shadow:var(--readout-shadow);color:var(--readout-fg);font-family:var(--font-lcd);border:0;border-radius:6px;font-size:16px}:root[data-theme=fadefm] .meter-pop :is(input,select):focus-visible,:root[data-theme=fadefm] .meter-pop-keys button:focus-visible{outline:2px solid var(--cursor);outline-offset:2px}:root[data-theme=fadefm] .header-nav #play{border-radius:7px;width:68px;padding:0}:root[data-theme=fadefm] .header-nav #play svg{width:16px;height:16px}:root[data-theme=fadefm] .header-nav #play:not([data-playing]){--play-bg:var(--control-bg);--play-fg:#ffb066;--play-shadow:var(--key-bevel)}:root[data-theme=fadefm] .header-nav #menu-rec{width:26px;padding:0}:root[data-theme=fadefm] .header-nav :is(.link-toggle,#info,.account-btn){border-radius:var(--radius-sm);width:40px;padding:0}:root[data-theme=fadefm] .header-nav :is(.link-toggle,#info,.account-btn) svg{width:16px;height:16px}:root[data-theme=fadefm] .header-nav .midi-dot{background:#5fe08a;width:8px;height:8px;box-shadow:0 0 6px #5fe08a}@media (max-width:1439.98px){:root[data-theme=fadefm] .header-nav .account-control>button.account-upgrade:not(.menu-items *){letter-spacing:0;gap:6px;padding:0 10px;font-size:0}:root[data-theme=fadefm] .header-nav .account-control>button.account-upgrade:before{content:"";background:currentColor;width:12px;height:12px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1l4.5 5H7.5v5h-3V6H1.5z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1l4.5 5H7.5v5h-3V6H1.5z'/%3E%3C/svg%3E") 50%/contain no-repeat}:root[data-theme=fadefm] .header-nav .account-control>button.account-upgrade:after{content:"Pro" / "";letter-spacing:.14em;font-size:10.5px}:root[data-theme=fadefm] .header-nav #menu-share :is(.nowplaying-author,.nowplaying-dash){display:none}:root[data-theme=fadefm] .header-nav #menu-share:before{content:none}:root[data-theme=fadefm] .header-nav #menu-share{padding:0 10px}:root[data-theme=fadefm] .header-nav #menu-keys:before{content:none}:root[data-theme=fadefm] .header-nav #menu-keys.keys-following:before{content:"⟳" / ""}}:root[data-theme=fadefm] .library-bar .lib-button{letter-spacing:.14em;gap:6px;height:34px;font-size:10.5px}:root[data-theme=fadefm] .library-bar .lib-button svg{width:14px;height:14px}:root[data-theme=fadefm] .roll-header:before,:root[data-theme=fadefm] .songbar .pl-title{color:#eef0f3;font:700 13px/1 var(--font-key);letter-spacing:.24em;text-transform:uppercase}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost){border-radius:10px;padding:8px 10px 9px}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost).link-head{border-bottom-right-radius:0;border-bottom-left-radius:0}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost).link-tail{border-top-left-radius:0;border-top-right-radius:0}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)[data-surface]{grid-template-columns:8px 9px minmax(0,max-content) auto auto auto minmax(0,1fr) 40px;grid-template-areas:"grip lamp name m s fx.pan""lvl lvl lvl lvl lvl lvl lvl lvl""pats pats pats pats pats pats pats pats";gap:7px 6px}:root[data-theme=fadefm] .rack-row.rack-drag-ghost{box-sizing:border-box}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-grip{color:#0000;opacity:.7;background:radial-gradient(circle,#ffffff47 1px,#0000 1.5px) 0 0/4px 4px;grid-area:grip;width:8px;height:16px;display:block;overflow:hidden}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-icon{background:var(--acc);border-radius:50%;grid-area:lamp}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-icon svg{display:none}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-name{grid-area:name}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-mute{grid-area:m}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-solo{grid-area:s}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.fx-chip{grid-area:fx}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.pan-knob{grid-area:pan}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-level{grid-area:lvl;justify-self:start;width:calc(100% - 88px)}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.link-cell{grid-area:lvl;justify-self:end;width:0;margin-right:88px}:root[data-theme=fadefm] body.link-mode :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.link-cell{width:16px}:root[data-theme=fadefm] body.link-mode :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-level{width:calc(100% - 110px)}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-meter{grid-area:meter}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)[data-surface]>.rack-meter{grid-area:lvl}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>:is(.pat-strip,.rack-patchip){grid-area:pats}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>:is(.rack-mute,.rack-solo,.fx-chip){box-sizing:border-box;letter-spacing:.14em;line-height:1}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)[data-surface]>.rack-name,:root[data-theme=fadefm] .rack .rack-row[data-instance=master]>.rack-name{box-sizing:border-box;min-width:92px;max-width:calc(100% - 6px);height:28px;font-family:var(--np-font,var(--font-key));font-weight:var(--np-weight,700);font-style:var(--np-style,normal);text-align:left;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:4px;justify-self:start;margin-inline:3px;padding:0 10px;line-height:28px;position:relative;overflow:hidden}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)[data-surface]>.rack-name{--np-rule:inset 0 -3px 0 var(--acc);--np-bevel:inset 0 1px 0 #ffffff4d, inset 0 -1px 0 #00000059, 0 1px 2px #000000b3, 0 0 0 1px #00000080;background:var(--sf-band);box-shadow:var(--np-rule), var(--np-bevel);color:var(--sf-band-ink);font-size:var(--np-size,13px);letter-spacing:var(--np-track,.12em);text-shadow:var(--np-shadow,var(--sf-band-emboss))}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)[data-instrument=fm]>.rack-name{--np-rule:0 0 transparent}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)[data-instrument=fm]>.rack-name:after{content:"";background:var(--sf-stripe);pointer-events:none;height:3px;position:absolute;bottom:0;left:0;right:0}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)[data-surface]>.rack-name.active{outline-offset:2px;box-shadow:var(--np-rule), var(--np-bevel), 0 0 0 2px #141517, 0 0 0 4px var(--acc);outline:2px solid #0000}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)[data-surface]>.rack-name.open:not(.active){box-shadow:var(--np-rule), var(--np-bevel), 0 0 0 2px #141517, 0 0 0 3.5px color-mix(in srgb, var(--acc) 50%, transparent)}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)[data-surface]>.rack-name:focus-visible{outline:2px solid var(--cursor);outline-offset:6px}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.knob-sm .knob{width:40px;position:relative}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.knob-sm svg{width:24px;height:24px}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.knob-sm .knob-dial:after{content:none}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.knob-sm .knob-dial:focus-visible{outline-offset:-2px}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.knob-sm :is(.knob-label,.knob-value){letter-spacing:.14em;font-size:9px;font-weight:600;line-height:1}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.knob-sm .knob-value{text-align:center;visibility:hidden;position:absolute;bottom:0;left:0;right:0}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.knob-sm:is(:hover,:focus-within) .knob-value{visibility:visible}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.knob-sm:is(:hover,:focus-within) .knob-label{visibility:hidden}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-level{height:24px;margin:0}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-level::-webkit-slider-thumb{border-image:linear-gradient(90deg, var(--acc) calc(100% - 14px), transparent 0) 0 fill / 10px 0 / 0 0 0 2000px;width:14px;height:22px;margin-top:-9px}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-level::-moz-range-thumb{width:14px;height:22px}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost).is-muted>:is(.rack-name,.rack-icon,.knob-sm){opacity:1}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost).is-muted>.rack-level,:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost).is-muted>.knob-sm .knob-dial{opacity:.5}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost).is-muted>.rack-icon{background:var(--lamp-off);box-shadow:0 0 0 2px #00000073}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-icon.rack-arm:not([data-state=idle]){background:var(--rec);box-shadow:0 0 0 2px #00000073, 0 0 10px var(--rec)}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-icon.rack-arm[data-state=rec]{box-shadow:0 0 0 2px #00000073, 0 0 8px var(--rec), 0 0 16px var(--rec)}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-icon.rack-arm:focus-visible{outline:2px solid var(--cursor);outline-offset:3px}:root[data-theme=fadefm] .overlay .key.audio-input-arm:not([data-state=idle]) .lamp{background:var(--rec-ring);box-shadow:0 0 0 1px var(--lamp-ring), 0 0 7px var(--rec), 0 0 2px var(--rec)}:root[data-theme=fadefm] .rack .rack-row[data-instance=master]{grid-template-columns:minmax(0,max-content) auto auto auto minmax(0,1fr) auto auto;grid-template-areas:"name. . . .fx clip""meter meter meter meter meter meter meter";gap:7px 6px}:root[data-theme=fadefm] .rack .rack-row[data-instance=master]>.rack-icon{display:none}:root[data-theme=fadefm] .rack .rack-row[data-instance=master]>.rack-name{color:#eef0f3;letter-spacing:.22em;background:#0c0d0f;font-size:12px;box-shadow:inset 0 2px 4px #000000e6,0 1px #ffffff1a}:root[data-theme=fadefm] .rack .rack-row[data-instance=master]>.knob-sm .knob{width:44px}:root[data-theme=fadefm] .rack .rack-row[data-instance=master]>.clip-led{background:var(--lamp-off);border:0;grid-area:clip;width:10px;height:10px;box-shadow:0 0 0 2px #00000073}:root[data-theme=fadefm] .rack .rack-row[data-instance=master]>.clip-led.on{background:#ff4d3a;box-shadow:0 0 0 2px #00000073,0 0 6px #ff4d3a}:root[data-theme=fadefm] .rack.compact .rack-row{margin-bottom:4px;padding:5px 8px}:root[data-theme=fadefm] .rack.compact .rack-row[data-surface]{grid-template-columns:8px auto auto minmax(max-content,1fr);grid-template-areas:"grip name m s""meter meter meter meter";row-gap:5px}:root[data-theme=fadefm] .rack.compact .rack-row[data-surface]>.rack-solo{justify-self:start}:root[data-theme=fadefm] .rack.compact .rack-row[data-surface]>.rack-name{min-width:0;padding:0 4px}:root[data-theme=fadefm] .rack.compact .rack-row[data-surface]>.rack-meter{grid-area:meter}:root[data-theme=fadefm] .rack.compact .rack-row[data-instance=master]{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name clip""meter meter"}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-meter{background:#00000073;border-radius:0;justify-self:end;width:82px;height:9px;box-shadow:inset 0 0 0 1px #0000004d;-webkit-mask:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 7px);mask:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 7px)}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-meter>.rack-meter-fill{width:calc(round(nearest, calc(var(--lv,0) * 12), 1) * 7px);background:linear-gradient(90deg,#5fe08a 0 54px,#ffd34d 56px 68px,#ff4d3a 70px) 0 0/82px 100%}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-meter>.rack-meter-peak{left:calc((max(round(down, calc(var(--pk,0) * 12), 1), round(nearest, calc(var(--lv,0) * 12), 1)) - 1) * 7px);width:calc(min(1, max(round(down, calc(var(--pk,0) * 12), 1), round(nearest, calc(var(--lv,0) * 12), 1))) * 5px);background:#e9ebee}@supports not (width:round(1px, 1px)){:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-meter>.rack-meter-fill{width:calc(var(--lv,0) * 82px)}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-meter>.rack-meter-peak{left:calc(max(var(--pk,0), var(--lv,0)) * 77px);width:min(5px, calc(max(var(--pk,0), var(--lv,0)) * 60px))}}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.pat-strip{margin-block:-4px;box-shadow:none;background:0 0;border-radius:0;gap:2px;margin-left:-4px;padding:4px}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost).pat-open>.pat-strip{margin-right:calc(1.6rem - 4px)}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.pat-strip>:is(.pat,.pat-grow){box-sizing:border-box;min-width:0;height:16px;font-family:var(--font-key);border:0;border-radius:2px;padding:0;font-size:9px;font-weight:600;line-height:16px}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.pat-strip>.pat{flex:0 0 calc(6.25% - 3.25px)}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.pat-strip>.pat-grow{flex:0 0 18px;margin-left:0}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.pat-strip>:is(.pat,.pat-grow):focus-visible{z-index:1;position:relative}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.pat-strip>.pat:not(.on){box-shadow:inset 0 1px #ffffff1a,0 1px #0c0d0f}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.pat-strip>.pat.on.swung:after{background:var(--on-acc-fg)}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-patchip{box-sizing:border-box;height:18px;color:var(--readout-fg);font-family:var(--font-lcd);text-shadow:var(--readout-glow);border:0;padding:0 7px;font-size:12px}:root[data-theme=fadefm] :is(.rack .rack-row,.rack-row.rack-drag-ghost)>.rack-patfold{box-sizing:border-box;min-width:20px;height:16px;padding:0 4px;font-size:9px;line-height:1;bottom:9px;right:10px}:root[data-theme=fadefm] :is(.menu-items:not([hidden]),.ctx-menu){animation:.12s ease-out fadefm-menu-in}@media (prefers-reduced-motion:reduce){:root[data-theme=fadefm] :is(.menu-items:not([hidden]),.ctx-menu){animation:none}}:root[data-theme=fadefm] [data-instrument=x303]{--np-font:"Barlow Condensed", var(--font-key);--np-weight:700;--np-size:17px;--np-track:normal}:root[data-theme=fadefm] [data-instrument=organ]{--np-font:"Josefin Sans", var(--font-key);--np-weight:700;--np-size:11px;--np-track:.26em}:root[data-theme=fadefm] [data-instrument=fm]{--np-font:"IBM Plex Sans Condensed", var(--font-key);--np-weight:600;--np-style:italic;--np-size:17px;--np-track:normal}:root[data-theme=fadefm] [data-instrument=anvil]{--np-font:"Big Shoulders Display", var(--font-key);--np-weight:900;--np-size:15px;--np-track:.12em}:root[data-theme=fadefm] [data-instrument=glacier]{--np-font:Syncopate, var(--font-key);--np-weight:700;--np-size:9.5px;--np-track:.32em;--np-shadow:0 0 10px #8ce1ff99}:root[data-theme=fadefm] [data-instrument=clockwork]{--np-font:"IM Fell English SC", var(--font-key);--np-weight:400;--np-size:16px;--np-track:normal}:root[data-theme=fadefm]{--mx-led-g:#5fe08a;--mx-led-y:#ffd34d;--mx-led-r:#ff4d3a;--mx-led-pk:#e9ebee;--mx-meter-well:#00000073;--mx-mask:#000;--mx-lamp-ring:0 0 0 2px #00000073;--mx-window-bg:#0c0d0f;--mx-window-shadow:inset 0 2px 4px #000000e6, 0 1px 0 #ffffff1a;--mx-np-bevel:inset 0 1px 0 #ffffff4d, inset 0 -1px 0 #00000059, 0 1px 2px #000000b3, 0 0 0 1px #00000080;--mx-key-shade:#0000002e;--mx-key-drop:#0006;--mx-mute-lit:linear-gradient(180deg, #ffd66a, #e3a21a);--mx-mute-ink:#2a1d02;--mx-solo-lit:linear-gradient(180deg, #8fdcff, #2f9ed6);--mx-solo-ink:#04202e;--mx-lit-mix:#fff;--mx-lit-hi:inset 0 1px 0 #ffffff73;--mx-cap-metal:linear-gradient(90deg, #3c3f44, #8a8e94 45%, #3c3f44);--mx-cap-shadow:0 2px 3px #0009, inset 0 1px 0 #ffffff59;--mx-slot-shadow:inset 0 1px 2px #000000e6, 0 1px 0 #ffffff14;--mx-divider:#ffffff0f}:root[data-theme=fadefm] .mixer{padding:10px}:root[data-theme=fadefm] .mixer-title{color:var(--text);font:700 13px/1 var(--font-key);letter-spacing:.24em;text-transform:uppercase}:root[data-theme=fadefm] .mixer-head button{box-sizing:border-box;border:1px solid var(--control-border);background:var(--control-bg);min-width:22px;height:22px;box-shadow:inset 0 1px 0 var(--key-hi), inset 0 -2px 0 var(--mx-key-shade), 0 2px 0 var(--key-edge), 0 3px 5px var(--mx-key-drop);color:var(--control-fg);font:600 9.5px/1 var(--font-key);letter-spacing:.14em;text-transform:uppercase;padding:0 8px}:root[data-theme=fadefm] .mixer-head :is(.mx-collapse,.mx-close){letter-spacing:0;font-size:13px}:root[data-theme=fadefm] .mx-buses{border-left:1px solid var(--key-edge);box-shadow:inset 1px 0 0 var(--mx-divider)}:root[data-theme=fadefm] .mx-strip{border-radius:8px}:root[data-theme=fadefm] .mx-strip .mx-name{height:24px;font-family:var(--font-key);letter-spacing:.1em;text-transform:uppercase;border:0;border-radius:4px;padding:0 6px;font-size:11px;font-weight:700}:root[data-theme=fadefm] .mx-strip[data-surface] .mx-name{background:var(--sf-band-flat);box-shadow:inset 0 -3px 0 var(--acc), var(--mx-np-bevel);color:var(--sf-band-ink);font-family:var(--np-font,var(--font-key));font-weight:var(--np-weight,700);font-style:var(--np-style,normal);text-shadow:var(--np-shadow,var(--sf-band-emboss))}:root[data-theme=fadefm] .mx-strip .mx-lamp{box-shadow:0 0 5px var(--acc)}:root[data-theme=fadefm] .mx-strip[data-strip=return] .mx-name{letter-spacing:.04em;background:var(--sf-band-flat);box-shadow:var(--mx-np-bevel);color:var(--sf-band-ink);gap:4px;padding:0 4px 0 3px;font-size:10px}:root[data-theme=fadefm] .mx-strip[data-strip=return] .mx-letter{background:var(--readout-bg);box-shadow:var(--readout-shadow);color:var(--readout-fg);font-family:var(--font-lcd);letter-spacing:0;text-shadow:var(--readout-glow);border:0;border-radius:3px;padding:1px 5px;font-size:13px;font-weight:400}:root[data-theme=fadefm] .mx-strip[data-strip=master] .mx-name{background:var(--mx-window-bg);box-shadow:var(--mx-window-shadow);color:var(--text);letter-spacing:.22em;font-size:11px}:root[data-theme=fadefm] :is(.mx-slot,.mx-mute,.mx-solo,.mx-pads,.rack-mixer,.mx-arm,.mx-mon){border:1px solid var(--control-border);background:var(--control-bg);box-shadow:inset 0 1px 0 var(--key-hi), inset 0 -2px 0 var(--mx-key-shade), 0 2px 0 var(--key-edge), 0 3px 5px var(--mx-key-drop);color:var(--control-fg);font-family:var(--font-key);font-weight:600}:root[data-theme=fadefm] .mx-inserts{gap:2px}:root[data-theme=fadefm] .mx-slot{letter-spacing:.1em;height:16px;font-size:8.5px;line-height:14px}:root[data-theme=fadefm] .mx-slot.off{color:var(--control-fg)}:root[data-theme=fadefm] .mx-slot.empty{color:var(--muted);background:var(--inset-bg);box-shadow:var(--mx-slot-shadow)}:root[data-theme=fadefm] :is(.mx-mute,.mx-solo,.mx-pads,.mx-arm,.mx-mon){letter-spacing:.14em;font-size:9.5px}:root[data-theme=fadefm] .mx-pads{text-transform:uppercase;height:22px;padding:0 8px}:root[data-theme=fadefm] .rack-mixer{letter-spacing:.14em;text-transform:uppercase;height:22px;padding:0 7px;font-size:9.5px}:root[data-theme=fadefm] .rack.compact .rack-head>.rack-title{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root[data-theme=fadefm] .rack.collapsed .rack-mixer{padding:0 5px}:root[data-theme=fadefm] :is(.mx-slot.on,.rack-mixer.on){background:linear-gradient(180deg, color-mix(in srgb, var(--acc) 85%, var(--mx-lit-mix)), var(--acc));box-shadow:var(--mx-lit-hi), 0 2px 0 var(--key-edge), 0 0 10px color-mix(in srgb, var(--acc) 45%, transparent);color:var(--on-acc-fg);border-color:#0000}:root[data-theme=fadefm] .mx-mute.muted{background:var(--mx-mute-lit);color:var(--mx-mute-ink);border-color:#0000}:root[data-theme=fadefm] .mx-solo.soloed{background:var(--mx-solo-lit);color:var(--mx-solo-ink);border-color:#0000}:root[data-theme=fadefm] .mx-arm:not([data-state=idle]){border-color:var(--rec-ring);box-shadow:inset 0 1px 0 var(--key-hi), inset 0 -2px 0 var(--mx-key-shade), 0 2px 0 var(--key-edge), 0 0 8px var(--rec)}:root[data-theme=fadefm] .mx-mon[aria-pressed=true]{background:linear-gradient(180deg, color-mix(in srgb, var(--acc) 85%, var(--mx-lit-mix)), var(--acc));box-shadow:var(--mx-lit-hi), 0 2px 0 var(--key-edge), 0 0 10px color-mix(in srgb, var(--acc) 45%, transparent);color:var(--on-acc-fg);border-color:#0000}:root[data-theme=fadefm] .mx-strip .knob-sm :is(.knob-label,.knob-value){letter-spacing:.1em;font-size:9px;font-weight:600}:root[data-theme=fadefm] .mx-eq .knob-sm :is(.knob-label,.knob-value){letter-spacing:.04em;font-size:7.5px}:root[data-theme=fadefm] .mx-strip .knob-sm .knob-dial:focus-visible{outline-offset:-2px}:root[data-theme=fadefm] .mx-strip .fp-fader-v .fp-fader-track{background:linear-gradient(0deg, var(--acc) calc(var(--frac,0) * (100% - 14px) + 7px), var(--note-floor) 0);box-shadow:var(--mx-slot-shadow);border-radius:2px;left:9px;right:9px}:root[data-theme=fadefm] .mx-strip .fp-fader-v .fp-fader-cap{background:var(--mx-cap-metal);box-shadow:var(--mx-cap-shadow);border:0;border-radius:3px;left:-12px;right:-12px}:root[data-theme=fadefm] .mx-strip .fp-fader-v .fp-fader-cap:after{background:var(--knob-stroke)}:root[data-theme=fadefm] .mx-strip .fp-fader-v .knob-value{font-family:var(--font-key);letter-spacing:.06em;color:var(--silk);font-size:9px;font-weight:600}:root[data-theme=fadefm] .mx-strip.is-muted .mx-level :is(.mx-meter,.fp-fader>:not(.knob-value)){opacity:.5}:root[data-theme=fadefm] .mx-strip.is-muted .mx-lamp{background:var(--lamp-off);box-shadow:var(--mx-lamp-ring)}:root[data-theme=fadefm] .mx-meter{background:var(--mx-meter-well);width:7px;-webkit-mask:repeating-linear-gradient(0deg, var(--mx-mask) 0 calc(100% / 12 - 2px), transparent calc(100% / 12 - 2px) calc(100% / 12));-webkit-mask:repeating-linear-gradient(0deg, var(--mx-mask) 0 calc(100% / 12 - 2px), transparent calc(100% / 12 - 2px) calc(100% / 12));mask:repeating-linear-gradient(0deg, var(--mx-mask) 0 calc(100% / 12 - 2px), transparent calc(100% / 12 - 2px) calc(100% / 12));border-radius:0}:root[data-theme=fadefm] .mx-meter-fill{background:linear-gradient(0deg, var(--mx-led-g) 0 66.66%, var(--mx-led-y) 66.66% 83.33%, var(--mx-led-r) 83.33%);clip-path:inset(calc((1 - round(nearest, calc(var(--lv,0) * 12), 1) / 12) * 100%) 0 0 0)}:root[data-theme=fadefm] .mx-meter-peak{height:calc(8.33333% - 2px);bottom:calc((max(round(down, calc(var(--pk,0) * 12), 1), round(nearest, calc(var(--lv,0) * 12), 1)) - 1) / 12 * 100%);background:var(--mx-led-pk)}@supports not (width:round(nearest, 1px, 1px)){:root[data-theme=fadefm] .mx-meter-fill{clip-path:inset(calc((1 - var(--lv,0)) * 100%) 0 0 0)}:root[data-theme=fadefm] .mx-meter-peak{bottom:calc(max(var(--pk,0), var(--lv,0)) * 100%);height:2px}}:root[data-theme=fadefm] .mx-strip .clip-led{background:var(--lamp-off);width:10px;height:10px;box-shadow:var(--mx-lamp-ring);border:0}:root[data-theme=fadefm] .mx-strip .clip-led.on{background:var(--mx-led-r);box-shadow:var(--mx-lamp-ring), 0 0 6px var(--mx-led-r)}.fp{isolation:isolate;text-align:left;letter-spacing:normal;text-transform:none;text-shadow:none;font-variant-numeric:normal;position:relative;container:fp/inline-size}:root:root:root:root .fp .knob-row.fp-controls{box-shadow:none;background:0 0;border:0;border-radius:0;flex-wrap:nowrap;align-items:stretch;gap:0;margin:0;padding:0;display:contents}:root:root:root:root .fp .knob{width:var(--kf-w,auto);align-items:center;gap:var(--kf-gap,5px);min-width:0;max-width:none;font-size:inherit;flex-direction:column;display:flex;position:relative}:root:root:root:root .fp .knob .knob-dial{isolation:isolate;cursor:var(--kf-cursor,ns-resize);touch-action:none;width:var(--kf-dial-w,var(--kf-size,48px));height:var(--kf-dial-h,var(--kf-size,48px));margin:var(--kf-dial-margin,calc(var(--kf-size,48px) * .24) 0 calc(var(--kf-size,48px) * .12));border-radius:var(--kf-dial-radius,50%);box-shadow:var(--fp-ring-learn,0 0 #0000), var(--fp-ring-auto,0 0 #0000), var(--fp-ring-focus,0 0 #0000);position:relative}:root:root:root:root .fp .knob .knob-dial>svg:not(.kf-ticks){z-index:auto;display:none;position:static}:root:root:root:root .fp .knob .knob-dial:before,:root:root:root:root .fp .knob .knob-dial:after{content:none;aspect-ratio:auto;width:auto;box-shadow:none;filter:none;pointer-events:none;background:0 0;border:0;border-radius:0;margin-top:0;position:static;inset:auto;translate:none;-webkit-mask:none;mask:none}:root:root:root:root .fp .knob .knob-body{fill:none;stroke:none;stroke-width:0}:root:root:root:root .fp .knob .knob-pointer{stroke:none;stroke-width:0;stroke-linecap:butt;stroke-dasharray:none;stroke-dashoffset:0;filter:none}:root:root:root:root .fp .knob-label{font:var(--kf-label-font,600 12px/1.1 system-ui, sans-serif);letter-spacing:var(--kf-label-ls,.08em);text-transform:var(--kf-label-tt,uppercase);color:var(--kf-label-ink,currentColor);text-shadow:var(--kf-label-shadow,none);text-align:center;white-space:nowrap}:root:root:root:root .fp .knob-value{font:var(--kf-value-font,400 10px/1 "Share Tech Mono", ui-monospace, monospace);color:var(--kf-value-ink,currentColor);opacity:var(--kf-value-alpha,1);letter-spacing:normal;text-shadow:none;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}:root:root:root:root .fp .knob-seg-group{display:var(--kf-seg-display,flex);justify-content:var(--kf-seg-justify,center);gap:var(--kf-seg-gap,0);max-width:none;box-shadow:var(--fp-ring-learn,0 0 #0000), var(--fp-ring-auto,0 0 #0000);background:0 0;border-color:#0000;border-radius:0;flex-wrap:nowrap;padding:0}:root:root:root:root .fp .knob-seg-btn{font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:none;min-width:0;color:inherit;cursor:pointer;filter:none;box-shadow:var(--fp-ring-focus,0 0 #0000);background:0 0;border:0 #0000;border-radius:0;padding:0;transition:none;transform:none}:root:root:root:root .fp .knob-seg-btn[aria-pressed=true]{color:inherit;text-shadow:inherit;box-shadow:var(--fp-ring-focus,0 0 #0000);background:0 0;border-color:#0000}:root:root:root:root .fp button{font:inherit;filter:none;box-shadow:var(--fp-ring-focus,0 0 #0000)}:root:root:root:root .fp .glacier-thaw,:root:root:root:root .fp .rust-sandblast{font:var(--fp-btn-font,inherit);letter-spacing:var(--fp-btn-ls,normal);text-transform:var(--fp-btn-tt,none);color:var(--fp-btn-ink,inherit);background:var(--fp-btn-bg,none);border:var(--fp-btn-border,0);border-radius:var(--fp-btn-radius,0);padding:var(--fp-btn-pad,0);cursor:pointer;filter:none;box-shadow:var(--fp-ring-focus,0 0 #0000), var(--fp-btn-shadow,0 0 #0000)}:root:root:root:root .fp .learning{--fp-ring-learn:0 0 0 2px var(--learn)}:root:root:root:root .fp .auto-owned{--fp-ring-auto:0 0 0 2px var(--acc)}:root:root:root:root .fp .learning.auto-owned{--fp-ring-auto:0 0 0 4px var(--acc)}:root:root:root:root .fp :is(button,[role=slider],[role=radio],[tabindex="0"]):focus-visible{outline-offset:2px;--fp-ring-focus:0 0 0 2px #0b0c0e, 0 0 0 4px var(--cursor);outline:2px solid #0000}.fp .knob>.link-badge{z-index:3;position:absolute;top:-4px;right:0}.fp .fp-display{height:var(--fp-display-h,100px);position:relative}.fp .fp-canvas{width:100%;height:100%;display:block}.fp .fp-vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){:root:root:root:root .fp:not(#fp-reduced-motion),:root:root:root:root .fp :not(#fp-reduced-motion),:root:root:root:root .fp :not(#fp-reduced-motion):before,:root:root:root:root .fp :not(#fp-reduced-motion):after{transition-duration:0s;transition-delay:0s;animation-duration:0s;animation-delay:0s}}.fp .knob-face{--kf-size:calc(var(--kf-base,48px) * var(--kf-scale,1))}.fp .knob-face.kf-lg{--kf-scale:1.3}.fp .knob-face .knob-dial>.kf-ticks{z-index:auto;width:152%;height:152%;color:var(--kf-tick,#222);pointer-events:none;position:absolute;top:-26%;left:-26%;overflow:visible}.fp .knob-face .knob-dial>i{pointer-events:none;border-radius:50%;position:absolute}.fp .knob-face .knob-dial>.kf-shadow{box-shadow:var(--kf-shadow,3px 7px 10px #00000073, 1px 2px 3px #00000073);inset:0}.fp .knob-face .knob-dial>:is(.kf-skirt,.kf-skirt-rot,.kf-gloss){inset:0}.fp .knob-face .knob-dial>:is(.kf-cap,.kf-cap-rot){inset:var(--kf-cap-in,18%)}.fp .knob-face .knob-dial>:is(.kf-skirt-rot,.kf-cap-rot){transform:rotate(calc(-135deg + var(--frac,0) * 270deg))}.fp .knob-face .knob-dial>:is(.kf-cap-rot,.kf-skirt-rot):before,.fp .knob-face .knob-dial>:is(.kf-cap-rot,.kf-skirt-rot):after{border-radius:1px;position:absolute}.fp .knob-face .knob-dial>.kf-cap-rot:after{content:""}.fp .knob-face.kf-acid{--kf-base:46px;--kf-cap-in:17%}.fp .knob-face.kf-acid .knob-dial>.kf-skirt{background:radial-gradient(circle at 38% 30%,#4c4c4f,#1a1a1c 62%,#0e0e0f)}.fp .knob-face.kf-acid .knob-dial>.kf-skirt-rot{background:repeating-conic-gradient(#ffffff24 0 2.5deg, #00000061 2.5deg 5deg);-webkit-mask:radial-gradient(circle,#0000 63%,#000 66%);mask:radial-gradient(circle,#0000 63%,#000 66%)}.fp .knob-face.kf-acid .knob-dial>.kf-cap{background:radial-gradient(circle at 42% 34%,#3f3f42,#1d1d1f 70%);box-shadow:inset 0 1px 1px #ffffff38,inset 0 -1px 2px #0009,0 1px 2px #000000b3}.fp .knob-face.kf-acid .knob-dial>.kf-cap-rot:after{background:var(--kf-ptr,#f4f2ea);width:2px;height:38%;top:6%;left:calc(50% - 1px)}.fp .knob-face.kf-acid .knob-dial>.kf-gloss{background:radial-gradient(60% 45% at 36% 26%,#fff3,#0000 70%)}.fp .knob-face.kf-steel{--kf-base:54px;--kf-cap-in:21%}.fp .knob-face.kf-steel .knob-dial>.kf-skirt{background:conic-gradient(from 210deg,#25272a,#7f8388 12%,#2c2e31 25%,#5f6368 40%,#1f2123 55%,#888c92 70%,#2a2c2f 85%,#25272a)}.fp .knob-face.kf-steel .knob-dial>.kf-skirt-rot{background:repeating-conic-gradient(#0000008c 0 1.5deg, #ffffff17 1.5deg 3deg);-webkit-mask:radial-gradient(circle,#0000 69%,#000 71%);mask:radial-gradient(circle,#0000 69%,#000 71%)}.fp .knob-face.kf-steel .knob-dial>.kf-cap{background:repeating-radial-gradient(circle,#ffffff0d 0 1px,#00000014 1px 2px),conic-gradient(from 200deg,#3a3d41,#9ca0a5 15%,#45484c 30%,#7d8186 50%,#3a3d41 65%,#a5a9ae 80%,#3a3d41);box-shadow:0 0 0 1px #0009,inset 0 1px #ffffff40,0 2px 3px #0009}.fp .knob-face.kf-steel .knob-dial>.kf-cap-rot:after{background:var(--kf-ptr,#ff7a2a);width:3px;height:32%;top:4%;left:calc(50% - 1.5px);box-shadow:0 0 6px #ff7828b3}.fp .knob-face.kf-steel .knob-dial>.kf-gloss{background:radial-gradient(55% 40% at 35% 25%,#ffffff1f,#0000 70%)}.fp .knob-face.kf-glass{--kf-base:50px;--kf-cap-in:25%;--kf-shadow:4px 10px 16px #00142380, 0 0 18px #8ce1ff29}.fp .knob-face.kf-glass .knob-dial>.kf-skirt{background:radial-gradient(circle,#d2f0fa0f 0 57%,#dcf5ff52 65%,#ffffffb3 68.5%,#c8ebfa1f 72%,#e6f8ff42 100%);box-shadow:inset 0 0 0 1px #ffffff80,inset 0 -7px 10px #78cdeb47}.fp .knob-face.kf-glass .knob-dial>.kf-skirt-rot{background:repeating-conic-gradient(#ffffff38 0 1deg, transparent 1deg 15deg);-webkit-mask:radial-gradient(circle,#0000 73%,#000 74% 95%,#0000 96%);mask:radial-gradient(circle,#0000 73%,#000 74% 95%,#0000 96%)}.fp .knob-face.kf-glass .knob-dial>.kf-cap{background:radial-gradient(circle at 45% 40%,#fffc,#e1f5fc73 60%,#bee6f559);box-shadow:inset 0 0 0 1px #ffffffa6,0 1px 3px #00283c4d}.fp .knob-face.kf-glass .knob-dial>.kf-cap-rot:after{background:var(--kf-ptr,linear-gradient(#8aeaff, #2bb7e6));width:2px;height:54%;top:-32%;left:calc(50% - 1px);box-shadow:0 0 8px #5fdcff}.fp .knob-face.kf-glass .knob-dial>.kf-gloss{background:radial-gradient(50% 22% at 40% 14%,#fffc,#0000 70%)}.fp .knob-face.kf-brass{--kf-base:50px;--kf-cap-in:20%;--kf-shadow:3px 7px 9px #321e0080, 1px 2px 2px #321e0080}.fp .knob-face.kf-brass .knob-dial>.kf-skirt{background:conic-gradient(from 215deg,#6d4c14,#f0d283 12%,#87631f 26%,#e6c46d 42%,#5f420f 58%,#f7e2a0 72%,#7a5718 86%,#6d4c14)}.fp .knob-face.kf-brass .knob-dial>.kf-skirt-rot{background:repeating-conic-gradient(#3c23058c 0 3deg, #fff0be4d 3deg 6deg, transparent 6deg 12deg);-webkit-mask:radial-gradient(circle,#0000 71%,#000 73%);mask:radial-gradient(circle,#0000 71%,#000 73%)}.fp .knob-face.kf-brass .knob-dial>.kf-cap{background:radial-gradient(circle at 38% 30%,#fff4c8,#e2bd5c 28%,#a77b25 64%,#6a4b12);box-shadow:0 0 0 1px #3c230599,0 2px 3px #2819008c}.fp .knob-face.kf-brass .knob-dial>.kf-cap-rot:after{background:var(--kf-ptr,#2a1a04);width:2px;height:36%;top:6%;left:calc(50% - 1px);box-shadow:1px 1px #fff0be80}.fp .knob-face.kf-brass .knob-dial>.kf-gloss{background:radial-gradient(45% 30% at 36% 24%,#ffffff61,#0000 70%)}.fp .knob-face.kf-bake{--kf-base:44px;--kf-cap-in:16%}.fp .knob-face.kf-bake .knob-dial>.kf-skirt{background:conic-gradient(from 200deg,#8c8c8c,#fafafa 10%,#9a9a9a 22%,#e6e6e6 38%,#6f6f6f 52%,#fff 66%,#8a8a8a 80%,#d0d0d0 92%,#8c8c8c)}.fp .knob-face.kf-bake .knob-dial>.kf-skirt-rot{background:repeating-conic-gradient(#00000038 0 1deg, transparent 1deg 10deg);-webkit-mask:radial-gradient(circle,#0000 80%,#000 82%);mask:radial-gradient(circle,#0000 80%,#000 82%)}.fp .knob-face.kf-bake .knob-dial>.kf-cap{background:radial-gradient(circle at 38% 30%,#6b5547,#2a1d16 45%,#0f0907 80%);box-shadow:0 2px 4px #0009,inset 0 -2px 3px #0009}.fp .knob-face.kf-bake .knob-dial>.kf-cap-rot:after{background:var(--kf-ptr,#f1e6cf);width:2px;height:36%;top:6%;left:calc(50% - 1px)}.fp .knob-face.kf-bake .knob-dial>.kf-gloss{background:radial-gradient(40% 26% at 38% 24%,#ffffff6b,#0000 70%)}.fp .knob-face.kf-enc{--kf-base:36px;--kf-cap-in:11%;--kf-dial-margin:calc(var(--kf-size) * .42) 0 calc(var(--kf-size) * .3)}.fp .knob-face.kf-enc .knob-dial>.kf-skirt{background:radial-gradient(circle at 40% 35%,#3c3a38,#1a1918 70%)}.fp .knob-face.kf-enc .knob-dial>.kf-skirt-rot{background:repeating-conic-gradient(#ffffff14 0 4deg, #00000059 4deg 8deg);-webkit-mask:radial-gradient(circle,#0000 82%,#000 84%);mask:radial-gradient(circle,#0000 82%,#000 84%)}.fp .knob-face.kf-enc .knob-dial>.kf-cap{background:linear-gradient(160deg,#323030,#161515);box-shadow:inset 0 1px #ffffff21}.fp .knob-face.kf-enc .knob-dial>.kf-cap-rot:after{background:var(--kf-ptr,#efe7d0);border-radius:50%;width:4px;height:4px;top:9%;left:calc(50% - 2px);box-shadow:inset 0 1px 1px #00000080}.fp .knob-face.kf-enc .knob-dial>.kf-gloss{background:radial-gradient(50% 35% at 38% 25%,#ffffff1f,#0000 70%)}.fp .knob-face.kf-enc .knob-dial>.kf-ring{pointer-events:none;position:absolute;inset:0}.fp .knob-face.kf-enc .kf-ring>i{background:var(--kf-led-off,#3a2c0e);width:4px;height:4px;transform:rotate(var(--a)) translateY(calc(var(--kf-size) * -.8));border-radius:50%;position:absolute;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:inset 0 0 0 .5px #0009}.fp .knob-face.kf-enc .kf-ring>i.on{background:var(--kf-led-on,#ffcf4a);box-shadow:0 0 5px #ffb52a,0 0 1px #fff3c0}.fp .knob-face.kf-chicken{--kf-base:48px;--kf-cap-in:22%}.fp .knob-face.kf-chicken .knob-dial>.kf-skirt{background:radial-gradient(circle at 40% 32%,#3a302a,#120d0a 72%);box-shadow:inset 0 1px 1px #ffffff1f}.fp .knob-face.kf-chicken .knob-dial>.kf-cap{background:radial-gradient(circle at 38% 30%,#6b5547,#2a1d16 45%,#0d0806 80%)}.fp .knob-face.kf-chicken .knob-dial>.kf-cap-rot:after{clip-path:polygon(50% 0,100% 62%,78% 100%,22% 100%,0 62%);background:radial-gradient(circle at 42% 30%,#6b5547,#1a120d 70%);border-radius:0;width:14px;height:78%;top:-38%;left:calc(50% - 7px)}.fp .knob-face.kf-chicken .knob-dial>.kf-cap-rot:before{content:"";background:var(--kf-ptr,#f1e6cf);z-index:1;width:2px;height:46%;top:-30%;left:calc(50% - 1px)}.fp .knob-face.kf-chicken .knob-dial>.kf-gloss{background:radial-gradient(40% 26% at 38% 24%,#ffffff4d,#0000 70%)}.fp .knob-face.kf-cap{--kf-base:44px;--kf-cap-in:14%}.fp .knob-face.kf-cap .knob-dial>.kf-skirt{background:radial-gradient(circle at 40% 32%, var(--kf-cap-a,#5a5d63), var(--kf-cap-b,#2a2c30) 70%);box-shadow:inset 0 1px #ffffff24,inset 0 -1px 2px #00000080}.fp .knob-face.kf-cap .knob-dial>.kf-cap{background:radial-gradient(circle at 42% 34%, var(--kf-cap-a,#5a5d63), var(--kf-cap-b,#2a2c30) 80%);box-shadow:0 1px 2px #0000008c}.fp .knob-face.kf-cap .knob-dial>.kf-cap-rot:after{background:var(--kf-ptr,#eef0f3);width:2px;height:40%;top:4%;left:calc(50% - 1px)}.fp .knob-face.kf-cap .knob-dial>.kf-gloss{background:radial-gradient(55% 40% at 36% 26%,#ffffff24,#0000 70%)}.fp .knob-face.kf-chrome{--kf-base:48px;--kf-cap-in:16%}.fp .knob-face.kf-chrome .knob-dial>.kf-skirt{background:radial-gradient(circle at 36% 28%,#fff,#c9ccd0 30%,#7c8086 62%,#3c3f43)}.fp .knob-face.kf-chrome .knob-dial>.kf-skirt-rot{background:repeating-conic-gradient(#00000059 0 2deg, #ffffff40 2deg 4deg);-webkit-mask:radial-gradient(circle,#0000 84%,#000 86%);mask:radial-gradient(circle,#0000 84%,#000 86%)}.fp .knob-face.kf-chrome .knob-dial>.kf-cap{background:radial-gradient(circle at 38% 30%,#fff,#d7dade 35%,#8e9297 70%,#55595e);box-shadow:0 1px 2px #00000080}.fp .knob-face.kf-chrome .knob-dial>.kf-cap-rot:after{background:var(--kf-ptr,#1d1e20);width:2px;height:38%;top:4%;left:calc(50% - 1px)}.fp .knob-face.kf-chrome .knob-dial>.kf-gloss{background:radial-gradient(50% 30% at 36% 22%,#ffffffb3,#0000 70%)}.fp .knob-face.kf-skirt{--kf-base:46px;--kf-cap-in:24%}.fp .knob-face.kf-skirt .knob-dial>.kf-skirt{background:conic-gradient(from 200deg,#9a9a9a,#f2f2f2 15%,#8a8a8a 35%,#e0e0e0 55%,#7a7a7a 75%,#f5f5f5 90%,#9a9a9a);box-shadow:inset 0 0 0 1px #00000059}.fp .knob-face.kf-skirt .knob-dial>.kf-skirt-rot:after{content:"";background:var(--kf-ptr,#1a1a1a);width:2px;height:22%;top:2%;left:calc(50% - 1px)}.fp .knob-face.kf-skirt .knob-dial>.kf-cap{background:radial-gradient(circle at 40% 32%,#3a3a3d,#0e0e10 70%);box-shadow:0 2px 3px #0009}.fp .knob-face.kf-skirt .knob-dial>.kf-gloss{background:radial-gradient(45% 30% at 36% 24%,#ffffff40,#0000 70%)}.fp [data-print]:before{content:attr(data-print)}.fp .fp-slide{--kf-w:84px;--kf-gap:5px;--kf-seg-gap:7px}.fp .fp-slide .knob-seg-group{align-items:center;margin:21px 0 12px}.fp .fp-slide-glyph{width:15px;height:10px;stroke:var(--fp-slide-ink,currentColor);fill:none;stroke-width:1.7px;stroke-linejoin:round;display:block}.fp .fp-slide-track{background:var(--fp-slide-track,#161617);cursor:pointer;border-radius:3px;width:38px;height:16px;display:block;position:relative;box-shadow:inset 0 2px 3px #000000d9,0 1px #fffc}.fp .fp-slide-thumb{background:var(--fp-slide-thumb,linear-gradient(#6d6f73, #2a2b2e));border-radius:2px;width:17px;height:12px;transition:left .12s;position:absolute;top:2px;left:2px;box-shadow:inset 0 1px #ffffff52,0 1px 2px #0009}.fp .fp-slide[data-v="1"] .fp-slide-thumb{left:19px}.fp .fp-slide .knob-value{--kf-value-alpha:.8}.fp .fp-slide .fp-slide-glyph{box-sizing:content-box;padding:7px 5px}.fp .fp-slide .knob-seg-btn{margin:-7px -5px}.fp .fp-tabs{--kf-seg-gap:6px}.fp .fp-tab-face{width:var(--fp-tab-w,44px);height:var(--fp-tab-h,58px);background:var(--fp-tab-bg,linear-gradient(180deg, #fffaf0, #e3d8c2 60%, #cbbd9f));box-shadow:inset 0 -6px 8px #00000029, 0 5px 0 var(--fp-tab-edge,#6d6250), 0 7px 9px #0009;font:700 11px/1 var(--fp-tab-font,system-ui, sans-serif);letter-spacing:.08em;color:var(--fp-tab-ink,#3b2f1e);border-radius:4px 4px 7px 7px;place-items:center;transition:transform 80ms,box-shadow 80ms;display:grid}.fp .fp-tabs [aria-checked=true] .fp-tab-face{box-shadow:inset 0 6px 8px #00000038, 0 1px 0 var(--fp-tab-edge,#6d6250), 0 2px 3px #00000080;background:var(--fp-tab-pressed,linear-gradient(180deg, #ebe1cc, #d6caaf));transform:translateY(4px)}.fp .fp-rotary{--kf-seg-display:block}.fp .fp-rotary .knob-seg-group{width:var(--fp-rot-w,150px);height:var(--fp-rot-h,104px);position:relative}.fp .fp-rotary .knob-seg-btn{position:absolute;translate:-50% -50%}.fp .fp-rot-label{font:700 10px/1 var(--fp-rot-font,system-ui, sans-serif);letter-spacing:.06em;color:var(--fp-rot-ink,currentColor);opacity:.7;padding:3px;display:block}.fp .fp-rotary [aria-checked=true] .fp-rot-label{opacity:1;color:var(--fp-rot-on,#ffd79a)}.fp .fp-rotary-knob{left:calc(var(--fp-rot-cx,75px) - var(--fp-rot-knob,54px) / 2);top:calc(var(--fp-rot-cy,66px) - var(--fp-rot-knob,54px) / 2);width:var(--fp-rot-knob,54px);height:var(--fp-rot-knob,54px);cursor:ns-resize;touch-action:none;position:absolute}.fp .fp-rotary-knob svg{width:100%;height:100%;display:block;position:relative;overflow:visible}.fp .fp-rotary-knob .fp-rot-turn{transform-box:view-box;transform-origin:50%;transform:rotate(var(--a,0deg));transition:transform .12s cubic-bezier(.3,1.4,.5,1)}.fp .fp-rotary-pointer .knob-seg-group:before{content:"";left:calc(var(--fp-rot-cx,75px) - var(--fp-rot-knob,54px) * 11 / 30 + var(--fp-rot-shadow-inset,0px));top:calc(var(--fp-rot-cy,66px) - var(--fp-rot-knob,54px) * 11 / 30 + var(--fp-rot-shadow-inset,0px));width:calc(var(--fp-rot-knob,54px) * 11 / 15 - 2 * var(--fp-rot-shadow-inset,0px));height:calc(var(--fp-rot-knob,54px) * 11 / 15 - 2 * var(--fp-rot-shadow-inset,0px));pointer-events:none;border-radius:50%;position:absolute;box-shadow:3px 6px 5px #0009}.fp .fp-rotary-chicken .fp-rotary-knob:before{content:"";left:calc(50% - var(--fp-rot-knob,54px) * 7 / 24 - var(--fp-rot-knob,54px) / 10 * sin(var(--a,0deg)));top:calc(50% - var(--fp-rot-knob,54px) * 7 / 24 + var(--fp-rot-knob,54px) / 10 * cos(var(--a,0deg)));width:calc(var(--fp-rot-knob,54px) * 7 / 12);height:calc(var(--fp-rot-knob,54px) * 7 / 12);pointer-events:none;border-radius:50%;transition:left .12s cubic-bezier(.3,1.4,.5,1),top .12s cubic-bezier(.3,1.4,.5,1);position:absolute;box-shadow:3px 6px 5px #0009}.fp .fp-moon{--kf-gap:8px;--kf-seg-justify:space-between}.fp .fp-moon .knob-seg-group{width:110px}.fp .fp-moon-body{background:var(--fp-moon-bg,radial-gradient(ellipse at 40% 20%, #5b4639, #1c1410 60%, #0c0807));width:84px;height:44px;box-shadow:inset 0 2px 1px #ffffff2e, 0 4px 7px #000000a6, 0 0 0 2px var(--fp-moon-rim,#2a201a);cursor:pointer;border-radius:44px 44px 6px 6px;position:relative}.fp .fp-moon-art{width:100%;height:100%;display:block}.fp .fp-moon-turn{transform-box:view-box;transform-origin:42px 48px;transform:rotate(var(--ml,0deg));transition:transform .16s cubic-bezier(.3,1.5,.5,1)}.fp .fp-moon-lever{fill:var(--fp-moon-lever,#efe3c8)}.fp .fp-moon-label{font:700 10px/1 var(--fp-moon-font,system-ui, sans-serif);letter-spacing:.08em;color:var(--fp-moon-ink,currentColor);opacity:.6;display:block}.fp .fp-moon [aria-checked=true] .fp-moon-label{opacity:1;color:var(--fp-moon-on,#ffd79a)}.fp .fp-drawbar{--kf-w:var(--fp-db-w,30px);--kf-gap:8px;--kf-dial-w:26px;--kf-dial-h:162px;--kf-dial-radius:2px;--kf-dial-margin:0;--kf-cursor:ns-resize}.fp .fp-db-slot{position:absolute;inset:0}.fp .fp-db-slot:before{content:"";z-index:1;background:#050404;border-radius:2px;height:8px;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 2px 2px #000000e6,0 1px #ffffff17}.fp .fp-db-shaft{width:14px;height:calc(var(--n,0) * 15px + 2px);background:linear-gradient(90deg,#cbc2af,#f7f1e4 45%,#d3cab6);transition:height 90ms;position:absolute;top:4px;left:6px;overflow:hidden;box-shadow:inset -1px 0 1px #00000040}.fp .fp-db-shaft span{height:15px;font:700 9px/16px var(--fp-db-font,system-ui, sans-serif);color:#2a2018;text-align:center;border-bottom:1px solid #00000047;position:absolute;left:0;right:0}.fp .fp-db-tip{width:26px;height:30px;left:0;top:calc(var(--n,0) * 15px + 4px);background:var(--fp-db-tipc);border-radius:4px 4px 9px 9px;transition:top 90ms;position:absolute;box-shadow:inset 0 2px 2px #ffffff59,inset 0 -3px 4px #00000073,0 5px 7px #000000a6}.fp .fp-db-tip:after{content:"";background:linear-gradient(#ffffff80,#0000);border-radius:3px;height:7px;position:absolute;top:3px;left:4px;right:4px}.fp .fp-db-brown{--fp-db-tipc:linear-gradient(180deg, #8f4f28, #4e2610)}.fp .fp-db-white{--fp-db-tipc:linear-gradient(180deg, #fcf8ee, #cdc4af)}.fp .fp-db-black{--fp-db-tipc:linear-gradient(180deg, #3b3633, #0c0a09)}.fp .fp-patches{grid-template-columns:repeat(var(--fp-patch-cols,10), minmax(0, 1fr));gap:8px;display:grid}.fp .fp-patch{min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:0;display:flex}.fp .fp-led{background:var(--fp-led-off,#3a1210);border-radius:1px;width:10px;height:4px;display:block;box-shadow:inset 0 0 0 .5px #0009}.fp .fp-patch[aria-checked=true] .fp-led{background:var(--fp-led-on,#ff3b2a);box-shadow:0 0 7px var(--fp-led-on,#ff3b2a)}.fp .fp-key{background:var(--pk,linear-gradient(180deg, #d8cfba, #bdb39b));width:100%;height:30px;box-shadow:inset 0 1px 0 #fff6, 0 3px 0 var(--pkd,#6b6455), 0 4px 5px #00000080;font:600 12px/30px var(--fp-patch-font,system-ui, sans-serif);color:var(--pkt,#2a2620);text-align:center;border-radius:3px;transition:transform 60ms,box-shadow 60ms;display:block}.fp .fp-patch[aria-checked=true] .fp-key{box-shadow:inset 0 1px 0 #ffffff40, 0 1px 0 var(--pkd,#6b6455), 0 1px 2px #00000080;transform:translateY(2px)}.fp .fp-patch-m{--pk:linear-gradient(180deg, #9a3a48, #74262f);--pkd:#3e1218;--pkt:#f3e2c8}.fp .fp-patch-t{--pk:linear-gradient(180deg, #4d6e6a, #3a5a57);--pkd:#1f3331;--pkt:#e9efe4}.fp .fp-pname{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:500 9.5px/1.2 var(--fp-patch-font,system-ui, sans-serif);letter-spacing:.12em;text-transform:uppercase;opacity:.85;text-align:center;display:block;overflow:hidden}.fp .fp-fader-v{--kf-dial-w:22px;--kf-dial-h:96px;--kf-dial-radius:3px;--kf-dial-margin:6px 0 4px;--kf-cursor:ns-resize}.fp .fp-fader-h{--kf-dial-w:120px;--kf-dial-h:22px;--kf-dial-radius:3px;--kf-dial-margin:6px 0 4px;--kf-cursor:ew-resize}.fp .fp-fader-track{background:var(--fp-fader-track,#141416);border-radius:3px;position:absolute;inset:0;box-shadow:inset 0 2px 3px #000000d9}.fp .fp-fader-cap{background:var(--fp-fader-cap,linear-gradient(#3a3a3e, #121214));border-radius:2px;position:absolute;box-shadow:0 1px 2px #000000b3,inset 0 1px #fff3}.fp .fp-fader-v .fp-fader-cap{height:14px;left:-3px;right:-3px;bottom:calc(var(--frac,0) * (100% - 14px))}.fp .fp-fader-h .fp-fader-cap{width:14px;top:-3px;bottom:-3px;left:calc(var(--frac,0) * (100% - 14px))}.fp .fp-fader-cap:after{content:"";background:var(--fp-fader-line,#f1f1ee);height:2px;margin-top:-1px;position:absolute;inset:50% 2px auto}.fp .fp-lever{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.fp .fp-lever-face{background:var(--fp-lever-face,linear-gradient(180deg, #c9ccd0, #55595e));border-radius:9px;width:18px;height:34px;display:block;box-shadow:0 2px 3px #0009,inset 0 1px #ffffff80}.fp{color:var(--sf-face-ink);margin-bottom:8px;font:400 12px/1.2 system-ui,sans-serif}.fp .fp-plate{border-radius:inherit;position:relative}:root:root:root:root .fp .fp-plate{background:var(--sf-face);box-shadow:var(--sf-face-edge);color:var(--sf-face-ink)}.fp .fp-group-h{font:var(--fp-head-font,700 12px/1 system-ui, sans-serif);letter-spacing:var(--fp-head-ls,.32em);text-transform:var(--fp-head-tt,uppercase);border-bottom:2px solid;margin:0 0 10px;padding:0 0 6px}:root:root:root:root .fp .fp-group-h{color:var(--sf-face-ink);text-shadow:var(--sf-face-emboss);border-bottom-color:var(--sf-face-rule)}.fp .fp-group-b{flex-wrap:wrap;align-items:flex-end;gap:0 4px;display:flex}.fp .fp-silk{color:var(--sf-face-silk);text-shadow:var(--sf-face-emboss)}.fp .fp-brand{color:var(--sf-face-ink);text-shadow:var(--sf-face-emboss)}.fp .fp-brand>b,.fp .fp-brand>span{display:block}.fp .fp-brand .fp-sub,.fp .fp-brand .fp-serial{color:var(--sf-face-silk)}.fp .knob{--kf-label-ink:var(--sf-face-ink);--kf-value-ink:var(--sf-face-value);--kf-label-shadow:var(--sf-face-emboss)}.fp .fp-screw{z-index:2;pointer-events:none;background:var(--sf-screw);border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 1px 2px #0009,inset 0 -1px 1px #00000059}.fp .fp-screw:before,.fp .fp-screw:after{content:"";width:9px;height:2px;transform:rotate(var(--sr,20deg));background:#45484c;border-radius:1px;margin:-1px 0 0 -4.5px;position:absolute;top:50%;left:50%;box-shadow:0 1px #ffffff59}.fp .fp-screw:after{transform:rotate(calc(var(--sr,20deg) + 90deg))}.fp .fp-screw-slot:after,.fp .fp-screw-brassy:after{display:none}.fp .fp-screw-brassy:before{background:#4a3208;box-shadow:0 1px #fff0be80}.fp .fp-bolt{z-index:2;pointer-events:none;background:var(--sf-screw);border-radius:50%;width:24px;height:24px;position:absolute;box-shadow:0 1px #ffffff1a,inset 0 1px 2px #000c}.fp .fp-bolt:before{content:"";clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);transform:rotate(var(--sr,12deg));background:linear-gradient(150deg,#b4b8bd,#55595e 45%,#2a2c2f);position:absolute;inset:4px}.fp .fp-standoff{z-index:2;pointer-events:none;background:var(--sf-screw);border-radius:50%;width:17px;height:17px;position:absolute;box-shadow:0 2px 3px #00000080,0 0 0 4px #ffffff12}.fp .fp-tl{top:11px;left:11px}.fp .fp-tr{top:11px;right:11px}.fp .fp-bl{bottom:11px;left:11px}.fp .fp-br{bottom:11px;right:11px}.fp .fp-bolt.fp-tl,.fp .fp-standoff.fp-tl{top:9px;left:9px}.fp .fp-bolt.fp-tr,.fp .fp-standoff.fp-tr{top:9px;right:9px}.fp .fp-bolt.fp-bl,.fp .fp-standoff.fp-bl{bottom:9px;left:9px}.fp .fp-bolt.fp-br,.fp .fp-standoff.fp-br{bottom:9px;right:9px}.fp .fp-bezel{background:var(--sf-bezel);min-width:0;box-shadow:var(--sf-bezel-shadow);border-radius:var(--fp-bezel-radius,6px);padding:var(--fp-bezel-pad,9px);position:relative}.fp .fp-before:empty{display:none}@font-face{font-family:Archivo Narrow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/archivo-narrow-latin-500-normal-BH-FPhCi.woff2)format("woff2"),url(/assets/archivo-narrow-latin-500-normal-Oafwxh5s.woff)format("woff")}@font-face{font-family:Archivo Narrow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/archivo-narrow-latin-700-normal-DtADLsoy.woff2)format("woff2"),url(/assets/archivo-narrow-latin-700-normal-DxmyBkwC.woff)format("woff")}.song-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.song-cell{background:var(--sc-bg);border-radius:var(--sc-radius);border:1px solid #0000;flex-direction:column;display:flex;overflow:hidden}.song-card{color:var(--sc-fg);flex-direction:column;text-decoration:none;display:flex}.song-card img{aspect-ratio:1.9;object-fit:cover;background:var(--sc-border);width:100%;display:block}.song-card-map{aspect-ratio:1.9;background:var(--sc-border)}.song-card-map svg{width:100%;height:100%;display:block}.song-card-name{white-space:nowrap;text-overflow:ellipsis;padding:.6rem .75rem 0;font-size:.9rem;overflow:hidden}.song-card-author{color:var(--sc-muted);white-space:nowrap;text-overflow:ellipsis;padding:.1rem .75rem .6rem;font-size:.72rem;overflow:hidden}.song-card-name:last-child{padding-bottom:.6rem}.song-card-blurb{color:var(--sc-muted);margin-top:.25rem;padding:0 .75rem .6rem;font-size:.8rem;display:block}.song-card-remixof{color:var(--sc-muted);white-space:nowrap;text-overflow:ellipsis;padding:0 .75rem .5rem;font-size:.68rem;overflow:hidden}.song-card-remixof a{color:var(--sc-accent);text-decoration:none}.song-report{font:inherit;cursor:pointer;color:var(--sc-muted);border:1px solid var(--sc-line);border-radius:calc(var(--sc-radius) * .6);background:0 0;align-self:flex-start;margin:0 .75rem .6rem;padding:2px 6px;font-size:.7rem}.song-report:hover:not(:disabled){color:var(--sc-fg)}.song-report:disabled{opacity:.6;cursor:default}.song-star{border:1px solid var(--sc-line);color:var(--sc-muted);font:inherit;cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border-radius:999px;align-self:flex-start;margin-top:.35rem;padding:.2rem .5rem;font-size:.78rem}.song-star:hover:not(:disabled){border-color:var(--sc-accent);color:var(--sc-accent)}.song-star-on{color:var(--sc-accent);border-color:var(--sc-accent)}.song-star:disabled{cursor:default;opacity:.75}.song-stats{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.35rem .75rem .5rem;display:flex}.song-stats .song-star{margin:0}.song-plays{color:var(--sc-muted);font-variant-numeric:tabular-nums;font-size:.78rem}.songs-empty{color:var(--sc-muted);text-align:center;background:var(--sc-bg);border-radius:var(--sc-radius);border:1px solid #0000;margin:0;padding:2rem 1.25rem}.song-list{flex-direction:column;gap:1rem;display:flex}.sl-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sl-search{min-width:0;font:inherit;color:var(--sc-fg);background:var(--sc-border);border:1px solid var(--sc-line);border-radius:var(--sc-radius);flex:100%;padding:.45rem .75rem;font-size:.9rem}.sl-search::placeholder{color:var(--sc-muted)}.sl-search:focus-visible{outline:2px solid var(--sc-accent);outline-offset:1px}.sl-chips{flex-wrap:wrap;flex:100%;gap:.4rem;display:flex}.sl-chips:empty{display:none}.sl-chip{font:inherit;color:var(--sc-fg);border:1px solid var(--sc-line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.78rem;display:inline-flex}.sl-chip:hover:not([aria-disabled=true]){border-color:var(--sc-accent)}.sl-chip[aria-pressed=true]{background:var(--sc-accent);border-color:var(--sc-accent);color:var(--sc-border)}.sl-chip[aria-disabled=true]{opacity:.5;cursor:not-allowed}.sl-chip-count{color:var(--sc-muted);font-variant-numeric:tabular-nums;font-size:.7rem}.sl-chip-count:empty{display:none}.sl-chip[aria-pressed=true] .sl-chip-count{color:inherit;opacity:.75}.sl-clear{font:inherit;color:var(--sc-accent);cursor:pointer;background:0 0;border:none;padding:.3rem .25rem;font-size:.8rem}.sl-clear:hover{text-decoration:underline}.sl-sort{border:1px solid var(--sc-line);border-radius:var(--sc-radius);margin-left:auto;display:inline-flex;overflow:hidden}.sl-sort-btn{font:inherit;color:var(--sc-muted);cursor:pointer;background:0 0;border:none;padding:.3rem .75rem;font-size:.8rem}.sl-sort-btn+.sl-sort-btn{border-left:1px solid var(--sc-line)}.sl-sort-btn:hover{color:var(--sc-fg)}.sl-sort-btn[aria-pressed=true]{color:var(--sc-accent);background:var(--sc-border)}.sl-shelf{flex-direction:column;gap:.5rem;min-width:0;display:flex}.sl-shelf-title{letter-spacing:.08em;text-transform:uppercase;color:var(--sc-muted);margin:0;font-size:.8rem;font-weight:600}.sl-shelf .song-grid{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:minmax(150px,180px);grid-auto-flow:column;padding-bottom:.35rem;overflow-x:auto}.sl-shelf .song-cell{scroll-snap-align:start}.sl-results[aria-busy=true]{opacity:.6;transition:opacity .15s}.sl-error{text-align:center;color:var(--sc-muted);margin:0;padding:2rem 1.25rem 0}.sl-retry,.sl-more,.sl-first{font:inherit;color:var(--sc-fg);border:1px solid var(--sc-line);border-radius:var(--sc-radius);cursor:pointer;background:0 0;margin:.75rem auto 0;padding:.45rem 1.1rem;font-size:.85rem;display:block}.sl-retry:hover,.sl-more:hover:not(:disabled),.sl-first:hover{border-color:var(--sc-accent);color:var(--sc-accent)}.sl-first{width:-moz-fit-content;width:fit-content;text-decoration:none}.sl-more:disabled{opacity:.6;cursor:default}.songs-pager{justify-content:space-between;gap:1rem;display:flex}.songs-pager a{color:var(--sc-fg);border:1px solid var(--sc-line);border-radius:var(--sc-radius);padding:.5rem 1rem;text-decoration:none}.songs-pager a:hover{border-color:var(--sc-accent);color:var(--sc-accent)}.songs-pager-next{margin-left:auto}.song-card-artist{color:var(--sc-muted);margin-top:-.15rem;padding:0 .1rem .35rem;font-size:.72rem;text-decoration:none;display:block}.song-card-artist:hover,.song-card-artist:focus-visible{color:var(--sc-accent);text-decoration:underline}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/big-shoulders-display-latin-800-normal-DDUD9Xuh.woff2)format("woff2"),url(/assets/big-shoulders-display-latin-800-normal-CI0lhnTM.woff)format("woff")}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/big-shoulders-display-latin-900-normal-CW8trzgu.woff2)format("woff2"),url(/assets/big-shoulders-display-latin-900-normal-DMT-1gsg.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/josefin-sans-latin-600-normal-DXjG1Gv0.woff2)format("woff2"),url(/assets/josefin-sans-latin-600-normal-CcMFZ0n5.woff)format("woff")}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/josefin-sans-latin-700-normal-dFmzeJn3.woff2)format("woff2"),url(/assets/josefin-sans-latin-700-normal-DDiyraUl.woff)format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jost-latin-400-normal-q-RKOgPK.woff2)format("woff2"),url(/assets/jost-latin-400-normal-C7S-3Ky6.woff)format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jost-latin-500-normal-41lBe9I9.woff2)format("woff2"),url(/assets/jost-latin-500-normal-B-AtzreL.woff)format("woff")}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-condensed-latin-500-normal-BqaLkUoX.woff2)format("woff2"),url(/assets/ibm-plex-sans-condensed-latin-500-normal-BLe87hIu.woff)format("woff")}@font-face{font-family:IBM Plex Sans Condensed;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-condensed-latin-600-italic-CDUi4ehg.woff2)format("woff2"),url(/assets/ibm-plex-sans-condensed-latin-600-italic-BODw9SKO.woff)format("woff")}@font-face{font-family:IM Fell English SC;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/im-fell-english-sc-latin-400-normal-CW_nhHm4.woff2)format("woff2"),url(/assets/im-fell-english-sc-latin-400-normal-DPW2r_p4.woff)format("woff")}@font-face{font-family:Syncopate;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/syncopate-latin-700-normal-D6Fv_luC.woff2)format("woff2"),url(/assets/syncopate-latin-700-normal-ZVUETrF2.woff)format("woff")}.mshell{z-index:60;background:var(--app-bg);color:var(--text);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex;position:fixed;inset:0}.mshell-tabs{align-items:center;gap:.25rem;padding:.25rem .5rem;display:flex}.mshell-tabs[hidden]{display:none}.mshell-tray{display:contents}.mshell-tab{border-radius:var(--radius-sm);background:var(--control-bg);min-height:44px;color:var(--control-fg);border:0;flex:1;font-size:1rem}.mshell-tab[aria-selected=true]{background:var(--acc);color:#000}.mshell-save{border-radius:var(--radius-sm);background:var(--acc);color:#000;white-space:nowrap;border:0;flex:none;min-width:44px;min-height:44px;padding:0 .9rem;font-size:.85rem;font-weight:700}.mshell-menu{min-width:44px;min-height:44px;color:var(--text);background:0 0;border:0}.mshell-menu-panel{right:.5rem;top:calc(env(safe-area-inset-top) + 3rem);background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius);z-index:1;padding:.5rem;position:absolute}.mshell-open-editor,.mshell-video,.mshell-start-over,.mshell-browse{text-align:left;width:100%;min-height:44px;padding:0 1rem;display:block}.mshell-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow:hidden auto}.mshell-transport{padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom));background:var(--panel-bg);border-top:var(--panel-border);align-items:center;gap:1rem;display:flex}.mshell-play{background:var(--play-bg);width:56px;height:56px;color:var(--play-fg);border:0;border-radius:50%}.mshell-pos{font-variant-numeric:tabular-nums;flex:1;font-size:1.1rem}.mshell-undo{background:var(--control-bg);min-width:44px;min-height:44px;color:var(--control-fg);border-radius:var(--radius-sm);border:0}.mshell-undo:disabled{opacity:.4}.mscreen-head{background:var(--app-bg);z-index:1;align-items:center;gap:.5rem;padding:.5rem;display:flex;position:sticky;top:0}.mscreen-back{min-width:44px;min-height:44px;color:var(--text);background:0 0;border:0;font-size:1.2rem}.mscreen-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1.1rem;font-weight:700;overflow:hidden}.mrack-row{border-bottom:var(--panel-border);align-items:center;gap:.75rem;min-height:64px;padding:0 1rem;display:flex}.mrack-icon{width:1.5rem;height:1.5rem;color:var(--acc);flex-shrink:0;justify-content:center;align-items:center;display:flex}.mrack-label{text-align:left;min-height:44px;color:var(--text);background:0 0;border:0;flex:1;font-size:1.05rem;font-weight:700}.mrack-note{color:var(--muted);font-size:.8rem}.mrack-meter{background:var(--inset-bg);border-radius:3px;width:4rem;height:6px;overflow:hidden}.mrack-meter-fill{background:var(--acc);height:100%;width:calc(var(--lv,0) * 100%)}.mrack-mute{border-radius:var(--radius-sm);border:1px solid var(--control-border);background:var(--control-bg);min-width:44px;min-height:44px;color:var(--control-fg)}.mrack-mute[aria-pressed=true]{background:var(--danger);color:#fff}.mrack-add{padding:.25rem 1rem 1rem}.mrack-add-toggle{cursor:pointer;min-height:44px;font-weight:700;line-height:44px}.mrack-add-group{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.mrack-add-head{color:var(--muted);flex:1 0 100%;font-size:.8rem}.mrack-add-kind{border-radius:var(--radius-sm);border:1px solid var(--control-border);background:var(--control-bg);min-height:44px;color:var(--control-fg);font:inherit;align-items:center;gap:.4rem;padding:0 .75rem;font-weight:700;display:inline-flex}.mrack-add-kind:disabled{opacity:.45}.mrack-add-kind.added{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc)}.minst-randomize,.minst-presets,.minst-edit-roll,.minst-sheet-close{min-width:44px;min-height:44px}.minst-edit-roll{width:calc(100% - 2rem);margin:1rem}.minst .rust-sandblast,.minst .glacier-thaw{min-height:44px;padding:0 1rem}.minst-volume{padding:0 1rem}.minst-volume input{width:100%;height:44px}.minst-body>.viz{margin:.5rem 1rem}.minst-fx{margin:1rem}.minst-fx summary{align-items:center;min-height:44px;display:flex}.minst-sheet{z-index:2;background:var(--app-bg);padding-top:calc(1rem + env(safe-area-inset-top));padding-right:calc(1rem + env(safe-area-inset-right));padding-bottom:calc(1rem + env(safe-area-inset-bottom));padding-left:calc(1rem + env(safe-area-inset-left));position:fixed;inset:0;overflow-y:auto}.minst-preset{text-align:left;width:100%;min-height:48px;margin-bottom:.25rem;font-size:1.05rem;display:block}.msheet-band,.msheet-sec{display:none}.msheet-rows{display:contents}.mshell .knob-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:0 1rem;display:grid}.mshell .knob{width:auto;max-width:none}.mshell .knob-dial{width:72px;height:72px}.mshell .knob-dial svg{width:100%;height:100%;display:block}.mshell .knob-seg-btn{min-width:44px;min-height:44px;font-size:.9rem}.mshell .shape-picker{grid-column:1/-1;width:100%;max-width:100%}.mshell .shape-slot svg{height:40px}.msong{flex-direction:column;min-width:0;display:flex}.msong.has-selection{padding-bottom:64px}.msong-head{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5rem 1rem;display:flex}.msong-field{color:var(--muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.msong-field-swing{flex:140px;min-width:min-content}.msong-bpm{text-align:center;background:var(--readout-bg);width:4.5rem;min-height:44px;color:var(--readout-fg);border:var(--readout-border);border-radius:var(--radius-sm);font-size:1rem}.msong-meter{background:var(--readout-bg);min-height:44px;color:var(--readout-fg);border:var(--readout-border);border-radius:var(--radius-sm);padding:0 .25rem;font-size:1rem}.msong-field-cap{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.msong-swing{min-width:96px;height:44px;accent-color:var(--acc);flex:1}.msong-swing-val{font-variant-numeric:tabular-nums;min-width:2.5rem;color:var(--text)}.msong-zoom{flex:none;gap:2px;margin-left:auto;display:flex}.msong-zoom button{background:var(--control-bg);min-width:44px;min-height:44px;color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:0 .5rem;font-size:1rem}.msong-zoom button:disabled{opacity:.4}.msong-snap{flex:none;gap:2px;display:flex}.msong-snap button{font-variant-numeric:tabular-nums;background:var(--control-bg);min-width:44px;min-height:44px;color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:0 .5rem;font-size:1rem}.msong-snap button[aria-pressed=true]{background:var(--acc);color:#000}.msong-scroll{--bar:46px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;position:relative;overflow:auto hidden}.msong-content{width:calc(var(--bars) * var(--bar));position:relative}.msong-ruler{border-bottom:1px solid var(--control-border);height:44px;position:relative}.msong-bar-num{top:4px;left:calc(var(--at) * var(--bar));color:var(--muted);font-variant-numeric:tabular-nums;pointer-events:none;padding-left:3px;font-size:.7rem;position:absolute}.msong-loop{top:0;bottom:0;left:calc(var(--at) * var(--bar));width:calc(var(--len) * var(--bar));background:color-mix(in srgb, var(--cursor) 22%, transparent);box-shadow:inset 2px 0 var(--cursor), inset -2px 0 var(--cursor);pointer-events:none;position:absolute}.msong-loop[data-on=false]{opacity:.35}.msong-loop-handle{touch-action:none;pointer-events:auto;z-index:1;background:0 0;border:0;width:44px;height:44px;padding:0;position:absolute;top:0}.msong-loop-handle[data-end=start]{right:100%}.msong-loop-handle[data-end=end]{left:100%}.msong-loop-handle:after{content:"";background:var(--cursor);border-radius:3px;width:6px;position:absolute;top:10px;bottom:10px}.msong-loop-handle[data-end=start]:after{right:0}.msong-loop-handle[data-end=end]:after{left:0}.msong-loop[data-from-zero=true]>.msong-loop-handle[data-end=start],.msong-loop[data-from-zero=true]>.msong-loop-handle[data-end=start]:after{left:0;right:auto}.msong-group{border-bottom:1px solid var(--control-border)}.msong-group-label{width:max-content;max-width:100vw;color:var(--acc);background:var(--app-bg);z-index:1;padding:.25rem 1rem;font-size:.85rem;font-weight:700;position:sticky;left:0}.msong-subrow{background-image:repeating-linear-gradient(to right, transparent 0 calc(var(--bar) - 1px), var(--control-border) calc(var(--bar) - 1px) var(--bar));height:48px;position:relative}.msong-bar-num[data-snap=true]{color:var(--text)}.msong-block{height:44px;top:2px;left:calc(var(--at) * var(--bar));width:calc(var(--len) * var(--bar) - 2px);background:var(--acc-soft,var(--acc));border:1px solid var(--acc);color:var(--text);text-align:left;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:4px;padding:0 .35rem;font-size:.8rem;position:absolute;overflow:hidden}.msong-block.is-selected{outline:2px solid var(--text);outline-offset:-1px;z-index:1;overflow:visible}.msong-grip{touch-action:none;cursor:ew-resize;width:44px;position:absolute;top:0;bottom:0;right:-22px}.msong-grip:after{content:"";background:var(--text);width:4px;box-shadow:0 0 0 1px var(--app-bg);border-radius:2px;position:absolute;top:8px;bottom:8px;left:20px}.msong-block.is-resizing{opacity:.85}.msong-scroll.is-dense .msong-block{padding:0;font-size:0}.msong-scroll.is-dense .msong-bar-num:not([data-major=true]){display:none}.msong-block.is-dragging{opacity:.8;z-index:2;box-shadow:0 4px 12px #00000080}.msong-subrow[data-kind=auto] .msong-block{background:0 0;border-style:dashed}.msong-playhead{background:var(--cursor);width:2px;top:0;bottom:0;left:calc(var(--at) * var(--bar));pointer-events:none;z-index:3;position:absolute}.msong-toolbar{left:0;right:0;bottom:calc(72px + env(safe-area-inset-bottom));padding:.5rem;padding-left:calc(.5rem + env(safe-area-inset-left));padding-right:calc(.5rem + env(safe-area-inset-right));background:var(--panel-bg);border-top:1px solid var(--control-border);z-index:1;gap:.25rem;display:flex;position:fixed}.msong-toolbar button{white-space:nowrap;text-overflow:ellipsis;border-radius:var(--radius-sm);border:1px solid var(--control-border);background:var(--control-bg);min-width:44px;min-height:44px;color:var(--control-fg);flex:auto;padding:0 .25rem;font-size:.85rem;overflow:hidden}.msong-toolbar .msong-tb-left,.msong-toolbar .msong-tb-right{flex:0 0 44px}.msong-toolbar button:disabled{opacity:.4}.msong-tb-pattern:after{content:" ▾"}.msong-picker{left:0;right:0;bottom:calc(132px + env(safe-area-inset-bottom));max-height:50vh;padding:.75rem;padding-left:calc(.75rem + env(safe-area-inset-left));padding-right:calc(.75rem + env(safe-area-inset-right));background:var(--panel-bg);border-top:1px solid var(--control-border);z-index:2;position:fixed;overflow-y:auto}.msong-picker-title{margin-bottom:.5rem;font-weight:700}.msong-picker-grid{grid-template-columns:repeat(4,1fr);gap:.25rem;display:grid}.msong-pick,.msong-picker-close{border-radius:var(--radius-sm);border:1px solid var(--control-border);background:var(--control-bg);min-height:44px;color:var(--control-fg);font-size:1rem}.msong-pick[aria-pressed=true]{background:var(--acc);color:#000}.msong-picker-close{width:100%;margin-top:.5rem}.msong-toolbar[hidden],.msong-picker[hidden]{display:none}.mpat-head{flex-wrap:wrap;align-items:center;gap:.25rem;padding:.5rem .5rem 0;display:flex}.mpat-presets{margin-left:auto}.mpat-grid{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;touch-action:pan-x pan-y;scroll-padding-left:.5rem;overflow-x:auto}.mpat-8x2 [data-bar-start=true]{scroll-snap-align:start}.mpat-8x2 .grid,.mpat-8x2 .slicegrid,.mpat-8x2 .drumgrid{overflow-x:visible}.mpat-slot-prev,.mpat-slot-next,.mpat-presets{min-width:44px;min-height:44px}.mpat-slot{text-align:center;font-variant-numeric:tabular-nums;min-width:1.5rem}.mpat-8x2 .grid,.mpat-8x2 .slicegrid{--mpat-colw:calc((100vw - 1rem - 28px) / 8);grid-template-columns:repeat(var(--mpat-cols,8), var(--mpat-colw));gap:4px;padding:.5rem;display:grid}.mpat-8x2 .grid .step,.mpat-8x2 .slicegrid .sstep{min-width:0}.mpat-8x2 .grid .step:nth-child(8n+1):where(:not([data-page-meter] *)),.mpat-8x2 .slicegrid .sstep:nth-child(8n+1):where(:not([data-page-meter] *)){border-left:0;margin-left:0;padding-left:0}.mpat-8x2 .drow .dcell:nth-child(8n+1):where(:not([data-page-meter] *)){margin-left:0}.mpat-8x2 .drow .dcell:nth-child(8n+1):where(:not([data-page-meter] *)):before{display:none}.mpat-8x2 [data-page-meter] :is(.step,.sstep)[data-mrow-first]{border-left:0;margin-left:0;padding-left:0}.mpat-8x2 [data-page-meter] .dcell[data-mrow-first]{margin-left:0}.mpat-8x2 [data-page-meter] .dcell[data-mrow-first]:before{display:none}.mpat-8x2 :is(.grid,.slicegrid)[data-page-meter]{--mpat-colw:calc((100vw - 1rem - (var(--mpat-per,8) - 1) * 4px) / var(--mpat-per,8))}.mpat-8x2 [data-page-meter] .drow{--mpat-colw:calc((100vw - 1rem - (var(--mpat-per,8) - 1) * 3px) / var(--mpat-per,8))}.mpat-8x2 .grid .step>button,.mpat-8x2 .slicegrid .sstep>button,.mpat-8x2 .grid .step .gate,.mpat-8x2 .slicegrid .sstep .gate{min-height:44px}.mpat-8x2 .drumgrid{padding:.5rem}.mpat-8x2 .drow{--mpat-colw:calc((100vw - 1rem - 21px) / 8);grid-template-columns:repeat(var(--mpat-cols,8), var(--mpat-colw));align-items:center;gap:3px;display:grid}.mpat-8x2 .dlabel{grid-area:1/1/auto/3}.mpat-8x2 .dlevel{grid-area:1/3/auto/9;min-height:44px}.mpat-8x2 .dcell{min-height:44px}.mpat-length .len-btn{min-width:44px;min-height:44px}.mshell-vis{background:var(--panel-bg);align-items:flex-end;gap:2px;height:22px;padding:0 1rem;display:flex}.mshell-bar{background:var(--acc);transform-origin:bottom;opacity:.85;border-radius:1px;flex:1;height:100%;transform:scaleY(.04)}@media (prefers-reduced-motion:reduce){.mshell-bar{transform:scaleY(.25)!important}}.mroll-scale{border-radius:var(--radius-sm);border:1px solid var(--control-border);background:var(--control-bg);min-height:44px;color:var(--control-fg);white-space:nowrap;padding:0 .75rem;font-size:.85rem}.mroll-length{padding:0 .5rem}.mroll-length .len-btn{min-width:36px;min-height:44px}.mroll-grid{overscroll-behavior-x:contain;touch-action:pan-x pan-y;padding:0 .5rem .5rem;overflow-x:auto}.mroll-row{grid-template-columns:2.5rem repeat(var(--mroll-cols,16), var(--mroll-colw,24px));width:max-content;min-width:100%;height:var(--mroll-row,44px);border-bottom:1px solid var(--control-border);align-items:stretch;display:grid}.mroll-row.is-sharp{background:#ffffff08}.mroll-row.is-c{border-bottom-color:var(--text)}.mroll-row.is-c .mroll-label{font-weight:700}.mroll-row.is-out{opacity:.55}.mroll-label{z-index:2;background:var(--app-bg);color:var(--text);grid-area:1/1;align-items:center;padding-left:.25rem;font-size:.75rem;display:flex;position:sticky;left:0}.mroll-cell{min-height:var(--mroll-row,44px);border:0;border-left:1px solid var(--control-border);background:0 0;grid-row:1;padding:0}.mroll-cell.is-beat{border-left-color:#ffffff59}.mroll-cell.is-head{background:#ffffff24}.mroll-note{z-index:1;min-height:var(--mroll-row,44px);background:color-mix(in oklab, var(--acc) calc(20% + 80% * var(--vel,1)), var(--note-floor));opacity:1;box-shadow:inset 0 0 0 1px var(--app-bg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:4px;grid-row:1;padding:0;position:relative}.mroll-note.is-accent{box-shadow:inset 0 0 0 1px var(--app-bg), inset 0 0 0 3px #ffffff8c}.mroll-note.is-slide{border-right:5px solid var(--text);border-top-right-radius:0;border-bottom-right-radius:0}.mroll-grip{touch-action:none;background:linear-gradient(90deg,#0000,#ffffff73);border-radius:0 4px 4px 0;width:14px;max-width:40%;position:absolute;top:0;bottom:0;right:0}.mroll-grip:after{content:"";background:#0000008c;border-radius:1px;width:2px;position:absolute;top:25%;bottom:25%;right:5px}.mroll-hint{text-align:center;color:var(--text);opacity:.75;margin:0;padding:.3rem .5rem 0;font-size:.8rem}.mroll-hint[hidden]{display:none}.mroll-note.is-dragging{opacity:1;z-index:2;box-shadow:0 4px 12px #00000080}.mroll-gone{text-align:center;color:var(--muted);padding:2rem 1rem}.mroll-tools{background:var(--app-bg);z-index:3;flex-direction:column;gap:.25rem;padding:.5rem;display:flex;position:sticky;bottom:0}.mroll>.mscreen-head{z-index:3}.mroll-toggles{gap:.5rem;display:flex}.mroll-tools button{border-radius:var(--radius-sm);border:1px solid var(--control-border);background:var(--control-bg);min-height:44px;color:var(--control-fg);font-size:1rem}.mroll-toggles button{flex:1}.mroll-tools button[aria-pressed=true]{background:var(--acc);color:#000}.mroll-sheet{left:0;right:0;bottom:calc(132px + env(safe-area-inset-bottom));max-height:60vh;padding:.75rem;padding-left:calc(.75rem + env(safe-area-inset-left));padding-right:calc(.75rem + env(safe-area-inset-right));background:var(--panel-bg);border-top:1px solid var(--control-border);z-index:4;position:fixed;overflow-y:auto}.mroll-sheet[hidden]{display:none}.mroll-keys{grid-template-columns:repeat(6,1fr);gap:.25rem;margin-bottom:.5rem;display:grid}.mroll-scales{grid-template-columns:repeat(2,1fr);gap:.25rem;display:grid}.mroll-key,.mroll-scale-pick,.mroll-sheet-close{border-radius:var(--radius-sm);border:1px solid var(--control-border);background:var(--control-bg);min-height:44px;color:var(--control-fg);font-size:.95rem}.mroll-key[aria-pressed=true],.mroll-scale-pick[aria-pressed=true]{background:var(--acc);color:#000}.mroll-sheet-close{width:100%;margin-top:.5rem}.mroll.is-gone .mroll-tools,.mroll.is-gone .mroll-length{visibility:hidden}body.mplayer-on{overscroll-behavior:none}html:has(>body.mplayer-on){overscroll-behavior:none}.msave{z-index:5;background:var(--app-bg);color:var(--text);padding-top:calc(1rem + env(safe-area-inset-top));padding-right:calc(1rem + env(safe-area-inset-right));padding-bottom:calc(1rem + env(safe-area-inset-bottom));padding-left:calc(1rem + env(safe-area-inset-left));position:fixed;inset:0;overflow-y:auto}.msave[hidden]{display:none}body>.msave{z-index:101}.msave-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.msave-title{font-size:1.1rem;font-weight:700}.msave-close{min-width:44px;min-height:44px;color:var(--text);background:0 0;border:0;font-size:1.2rem}.msave-error{color:var(--danger);margin-bottom:.75rem}.msave-error[hidden]{display:none}.msave-note{color:var(--muted);margin-bottom:.75rem}.msave-note[hidden]{display:none}.msave-legal{color:var(--muted);margin:.25rem 0 0;font-size:.8rem;line-height:1.4}.msave-legal a{color:var(--acc)}.msave-step[hidden]{display:none}.msave-step label{color:var(--muted);margin-bottom:.75rem;font-size:.9rem;display:block}.msave-email,.msave-code,.msave-name,.msave-artist{box-sizing:border-box;background:var(--control-bg);width:100%;min-height:44px;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);margin-top:.25rem;padding:0 .75rem;font-size:1rem;display:block}.msave-send,.msave-signin,.msave-resend,.msave-save,.msave-copy,.msave-share,.msave-again{background:var(--control-bg);width:100%;min-height:44px;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);margin-bottom:.5rem;font-size:1rem;display:block}.msave-license{color:var(--muted,#8a8a94);margin:0 0 .75rem;font-size:.8rem}.msave-license a{color:inherit;min-height:44px;line-height:44px;text-decoration:underline;display:inline-block}.msave-listed-row{min-height:44px;color:var(--text);align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.msave-step label.msave-listed-row{display:flex}.msave-listed-row[hidden],.msave-step label[hidden]{display:none}.mvideo-body{flex-direction:column;gap:.75rem;display:flex}.mvideo-body[hidden],.mvideo-body>[hidden],.mvideo-link>[hidden]{display:none}.mvideo-body label{align-items:center;gap:.5rem;min-height:44px;display:flex}.mvideo-length .knob-seg-btn{min-width:64px;min-height:44px;font-size:.9rem}.mvideo-figure,.mvideo-linknote,.mvideo-keep,.mvideo-made{color:var(--muted);font-size:.85rem}.mvideo-link{flex-direction:column;gap:.5rem;display:flex}.mvideo-url{font-family:var(--font-lcd,ui-monospace, monospace);overflow-wrap:anywhere}.mvideo-unsupported,.mvideo-empty{color:var(--muted);font-size:.9rem}.msave-video,.mvideo-make,.mvideo-share,.mvideo-cancel,.mvideo-save,.mvideo-again{background:var(--control-bg);width:100%;min-height:44px;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);font-size:1rem;display:block}.msave-video{margin-bottom:.5rem}.msave-embed,.msave-embed-compact,.msave-embed-card{background:var(--control-bg);width:100%;min-height:44px;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);margin-bottom:.5rem;font-size:1rem;display:block}.msave-embed-panel{gap:0;margin:0 0 .5rem;display:grid}.msave-embed-panel[hidden]{display:none}.msave-embed-line{color:var(--muted);margin:0;font-size:.85rem;line-height:1.45}.mvideo-make:disabled,.mvideo-save:disabled,.mvideo-again:disabled{opacity:.45}.mvideo-progress{background:var(--inset-bg);border-radius:3px;height:1.5rem;position:relative;overflow:hidden}.mvideo-progress-fill{background:color-mix(in srgb, var(--acc) 50%, transparent);width:0;position:absolute;inset:0 auto 0 0}.mvideo-progress-text{color:var(--text);white-space:nowrap;text-overflow:ellipsis;padding-left:.4rem;font-size:.75rem;line-height:1.5rem;display:block;position:relative;overflow:hidden}.msave-listed{width:24px;height:24px}.msave-url{word-break:break-all;background:var(--inset-bg);border-radius:var(--radius-sm);margin-bottom:.75rem;padding:.75rem;display:block}.msave-busy .msave-step:not([hidden]) button{opacity:.6}.msave-save:disabled{opacity:.45}.msong-audio{height:44px;top:2px;left:calc(var(--at) * var(--bar));width:max(2px, calc(var(--len) * var(--bar) - 2px));box-sizing:border-box;background:var(--acc-soft,var(--acc));border:1px solid var(--acc);pointer-events:none;border-radius:4px;position:absolute;overflow:hidden}.msong-audio-wave{width:100%;height:100%;color:var(--acc);image-rendering:pixelated;position:absolute;inset:0}.msong-audio-label{box-sizing:border-box;background:var(--note-floor);max-width:calc(100% - 4px);color:var(--text);white-space:nowrap;text-overflow:ellipsis;vertical-align:top;border-radius:2px;margin:2px;padding:0 .3rem;font-size:.8rem;line-height:18px;display:inline-block;position:relative;overflow:hidden}.msong-scroll.is-dense .msong-audio-label{visibility:hidden}.msong-notice,.mplayer-notice{border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--control-bg);color:var(--text);margin:0 1rem .5rem;padding:.5rem .75rem;font-size:.85rem;line-height:1.35}.mplayer-notice{margin:.6rem 0 0}.mrack-solo{border-radius:var(--radius-sm);border:1px solid var(--control-border);background:var(--control-bg);min-width:44px;min-height:44px;color:var(--control-fg)}.mrack-solo[aria-pressed=true]{background:var(--acc);border-color:var(--acc);color:var(--on-acc-fg)}.mrack-row[data-instrument=audio]{--mrack-cols:9px minmax(0, max-content) minmax(0, 1fr) auto 44px 44px;--mrack-areas:"lamp name . meter m s" "lamp note . meter m s"}.mrack-row>.mrack-solo{grid-area:s}:root[data-theme=fadefm] .mshell-tabs{background:var(--plate-bg);box-shadow:var(--panel-shadow);z-index:2;gap:6px;padding:2px 8px;position:relative}:root[data-theme=fadefm] .mshell-tray{flex:auto;min-width:0;display:flex}:root[data-theme=fadefm] .mshell-tab{letter-spacing:.14em;text-transform:uppercase;border-radius:6px;min-width:0;min-height:44px;font-size:13px;font-weight:600}:root[data-theme=fadefm] .mshell-save{letter-spacing:.14em;text-transform:uppercase;border-radius:6px;min-height:44px;padding:0 12px;font-size:12px;font-weight:600}:root[data-theme=fadefm] .mshell-save[data-state=saved]{background:var(--control-bg);color:var(--control-fg);align-items:center;gap:7px;display:inline-flex}:root[data-theme=fadefm] .mshell-save[data-state=saved]:before{content:"";background:var(--acc);width:6px;height:6px;box-shadow:0 0 0 1px var(--lamp-ring), 0 0 7px var(--acc), 0 0 2px var(--acc);border-radius:50%;flex:none}:root[data-theme=fadefm] .mshell-menu{background:var(--control-bg);width:44px;height:44px;color:var(--control-fg);border-radius:6px;padding:0}:root[data-theme=fadefm] .mshell-menu svg{width:18px;height:18px}:root[data-theme=fadefm] .mshell-vis{z-index:1;box-sizing:border-box;background:0 0;height:22px;padding:4px 18px 3px;position:relative}:root[data-theme=fadefm] .mshell-vis:before{content:"";background:var(--readout-bg);box-shadow:var(--readout-shadow);border-radius:4px;position:absolute;inset:2px 14px 1px}:root[data-theme=fadefm] .mshell-bar{background:var(--scope-trace);opacity:.9;position:relative}:root[data-theme=fadefm] .mshell-transport{padding:30px 14px calc(8px + env(safe-area-inset-bottom));background:var(--plate-bg);box-shadow:var(--panel-shadow);gap:10px;margin-top:-22px}:root[data-theme=fadefm] .mshell-play{width:64px;height:48px;box-shadow:var(--play-shadow);border-radius:8px;place-items:center;display:inline-grid}:root[data-theme=fadefm] .mshell-play[data-playing=false]{--play-bg:var(--control-bg);--play-fg:#ffb066;--play-shadow:var(--key-bevel)}:root[data-theme=fadefm] .mshell-play svg{width:18px;height:18px}:root[data-theme=fadefm] .mshell-pos{isolation:isolate;box-sizing:border-box;min-width:0;height:40px;color:var(--readout-fg);text-shadow:var(--readout-glow);font-family:var(--font-lcd);justify-content:flex-end;align-items:center;padding:0 12px;font-size:18px;line-height:1;display:flex;position:relative}:root[data-theme=fadefm] .mshell-pos:before{content:"Pos" / "";font-family:var(--font-key);text-transform:uppercase;text-shadow:none;margin-right:auto;font-weight:600}:root[data-theme=fadefm] .mshell-pos:after{content:"88.88" / "";z-index:-1;color:var(--lcd-ghost);text-shadow:none;position:absolute;right:12px}:root[data-theme=fadefm] .mshell-undo{border-radius:6px;width:44px;height:44px;padding:0}:root[data-theme=fadefm] .mshell-undo:disabled{opacity:.45}:root[data-theme=fadefm] .mrack{padding:2px 0 8px}:root[data-theme=fadefm] :is(.mrack-row,.msong-group,.msong-picker-title,.minst,.mroll)[data-instrument=fm]{--sf-stripe:linear-gradient(90deg, #ffd24d 0 33.3%, #e0702c 0 66.6%, #9a3a48 0);--sf-cap-b:linear-gradient(180deg, #5d827e, #41625f)}:root[data-theme=fadefm] .mrack-row{grid-template-columns:var(--mrack-cols,9px minmax(0, max-content) minmax(0, 1fr) auto 44px);grid-template-areas:var(--mrack-areas,"lamp name . meter m" "lamp note . meter m");min-height:0;box-shadow:var(--panel-shadow);background:linear-gradient(#292b2f,#1e2023);border-bottom:0;border-radius:8px;grid-template-rows:44px auto;align-items:center;gap:0 10px;margin:6px 8px;padding:4px 6px 4px 12px;display:grid}:root[data-theme=fadefm] .mrack-row>.mrack-icon{background:var(--acc);border-radius:50%;grid-area:lamp}:root[data-theme=fadefm] .mrack-row>.mrack-icon svg{display:none}:root[data-theme=fadefm] .mrack-row.is-muted>.mrack-icon{background:var(--lamp-off);box-shadow:0 0 0 2px #00000073}:root[data-theme=fadefm] .mrack-row[data-id=master]>.mrack-icon{visibility:hidden}:root[data-theme=fadefm] .mrack-row>.mrack-label{box-sizing:border-box;background:var(--sf-band-flat);min-width:92px;max-width:100%;height:44px;min-height:0;box-shadow:inset 0 -3px 0 var(--acc), inset 0 1px 0 #ffffff4d, inset 0 -1px 0 #00000059, inset 0 0 0 1px #00000080;color:var(--sf-band-ink);font-family:var(--np-font,var(--font-key));font-size:var(--np-size,13px);font-style:var(--np-style,normal);font-weight:var(--np-weight,700);letter-spacing:var(--np-track,.12em);text-overflow:ellipsis;text-shadow:var(--np-shadow,var(--sf-band-emboss));text-transform:uppercase;white-space:nowrap;background-clip:padding-box;border:8px solid #0000;border-width:8px 0;border-radius:4px/12px;grid-area:name;padding:0 10px;line-height:28px;position:relative;overflow:hidden}:root[data-theme=fadefm] .mrack-row[data-instrument=fm]>.mrack-label{box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #00000059,inset 0 0 0 1px #00000080}:root[data-theme=fadefm] .mrack-row[data-instrument=fm]>.mrack-label:after{content:"";background:var(--sf-stripe);pointer-events:none;height:3px;position:absolute;bottom:0;left:0;right:0}:root[data-theme=fadefm] .mrack-row>.mrack-label:disabled{opacity:1}:root[data-theme=fadefm] .mrack-row[data-id=master]>.mrack-label{color:#eef0f3;font-family:var(--font-key);letter-spacing:.22em;text-shadow:none;background:#0c0d0f padding-box padding-box;font-size:12px;box-shadow:inset 0 2px 4px #000000e6}:root[data-theme=fadefm] .mrack-row>.mrack-note{color:var(--silk);font-family:var(--font-key);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;grid-area:note;margin:-6px 0 2px 10px;font-size:10px;font-weight:600;line-height:12px}:root[data-theme=fadefm] .mrack-row>.mrack-meter{background:#00000073;border-radius:0;grid-area:meter;justify-self:end;width:82px;height:9px;box-shadow:inset 0 0 0 1px #0000004d;-webkit-mask:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 7px);mask:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 7px)}:root[data-theme=fadefm] .mrack-row>.mrack-meter>.mrack-meter-fill{width:calc(round(nearest, calc(var(--lv,0) * 12), 1) * 7px);background:linear-gradient(90deg,#5fe08a 0 54px,#ffd34d 56px 68px,#ff4d3a 70px) 0 0/82px 100%}@supports not (width:round(1px, 1px)){:root[data-theme=fadefm] .mrack-row>.mrack-meter>.mrack-meter-fill{width:calc(var(--lv,0) * 82px)}}:root[data-theme=fadefm] .mrack-row>.mrack-mute{letter-spacing:.1em;border-radius:6px;grid-area:m;width:44px;height:44px;font-size:13px;font-weight:700}:root[data-theme=fadefm] .mrack-add{padding:4px 8px 12px}:root[data-theme=fadefm] .mrack-add-toggle{min-height:44px;box-shadow:var(--panel-shadow);color:var(--text);letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(#292b2f,#1e2023);border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:600;line-height:1;list-style:none;display:flex}:root[data-theme=fadefm] .mrack-add-toggle::-webkit-details-marker{display:none}:root[data-theme=fadefm] .mrack-add-toggle:before{content:"▸" / "";color:var(--silk)}:root[data-theme=fadefm] .mrack-add[open]>.mrack-add-toggle:before{content:"▾" / ""}:root[data-theme=fadefm] .mrack-add-group{padding:0 6px}:root[data-theme=fadefm] .mrack-add-head{font-size:10.5px;font-weight:600}:root[data-theme=fadefm] .mrack-add-kind{letter-spacing:.1em;text-transform:uppercase;border-radius:6px;font-size:12px;font-weight:600}:root[data-theme=fadefm] .mrack-add-kind>.mrack-icon{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--acc) 60%, transparent))}:root[data-theme=fadefm] .msong-head{background:var(--plate-bg);box-shadow:var(--panel-shadow);gap:8px;padding:6px 12px}:root[data-theme=fadefm] .msong-field{gap:8px;font-size:10.5px;font-weight:600}:root[data-theme=fadefm] .msong-field-swing{flex:140px}:root[data-theme=fadefm] input[type=number].msong-bpm{letter-spacing:normal;width:4.5rem;height:44px;font-size:18px}:root[data-theme=fadefm] .msong-swing-val{min-width:2.75rem;height:30px;color:var(--readout-fg);text-shadow:var(--readout-glow);font-family:var(--font-lcd);letter-spacing:normal;text-align:center;padding:0 6px;font-size:14px;line-height:30px}:root[data-theme=fadefm] :is(.msong-snap,.msong-zoom) button{border-radius:6px;font-size:14px;font-weight:600}:root[data-theme=fadefm] .msong-zoom{gap:2px}:root[data-theme=fadefm] .msong-zoom button:disabled{opacity:.45}:root[data-theme=fadefm] .msong-ruler{background:linear-gradient(#2a2c30,#1d1f22);border-bottom-color:#0c0d0f}:root[data-theme=fadefm] .msong-bar-num{color:var(--silk);font-family:var(--font-key);font-weight:600}:root[data-theme=fadefm] .msong-bar-num[data-snap=true]{color:var(--text)}:root[data-theme=fadefm] .msong-loop-handle:after{box-shadow:0 0 6px var(--cursor)}:root[data-theme=fadefm] .msong-scroll{isolation:isolate}:root[data-theme=fadefm] .msong-group{border-bottom-color:#0c0d0f}:root[data-theme=fadefm] .msong-group>.msong-group-label{z-index:4;box-sizing:border-box;background:var(--sf-band-flat);height:22px;box-shadow:inset 0 -2px 0 var(--acc), inset 0 1px 0 #ffffff4d, 0 1px 2px #000000b3, 0 0 0 1px #00000080;color:var(--sf-band-ink);font-family:var(--np-font,var(--font-key));font-size:calc(var(--np-size,13px) * .8);font-style:var(--np-style,normal);font-weight:var(--np-weight,700);letter-spacing:var(--np-track,.12em);text-shadow:var(--np-shadow,var(--sf-band-emboss));text-transform:uppercase;border-radius:3px;margin:5px 8px;padding:0 8px;line-height:22px}:root[data-theme=fadefm] .msong-group[data-instrument=fm]>.msong-group-label{background:var(--sf-stripe) 0 100% / 100% 2px no-repeat, var(--sf-band-flat);box-shadow:inset 0 1px #ffffff4d,0 1px 2px #000000b3,0 0 0 1px #00000080}:root[data-theme=fadefm] .msong-subrow{background-color:var(--note-floor);background-image:repeating-linear-gradient(to right, transparent 0 calc(var(--bar) - 1px), #ffffff0f calc(var(--bar) - 1px) var(--bar))}:root[data-theme=fadefm] .msong-block{background:var(--acc-soft);border-color:var(--acc);box-shadow:inset 0 3px 0 var(--acc);color:var(--text);font-family:var(--font-key);font-weight:600}:root[data-theme=fadefm] .msong-subrow[data-kind=auto] .msong-block{box-shadow:none;background:0 0;border-style:dashed}:root[data-theme=fadefm] .msong-block.is-dragging{box-shadow:inset 0 3px 0 var(--acc), 0 4px 12px #00000080}:root[data-theme=fadefm] .msong-playhead{background:var(--glow);box-shadow:0 0 6px var(--glow)}:root[data-theme=fadefm] .msong-toolbar{box-shadow:var(--panel-shadow);background:linear-gradient(#292b2f,#1e2023);border-top-color:#0000;gap:6px}:root[data-theme=fadefm] .msong-toolbar button{letter-spacing:.06em;border-radius:6px;padding:0 4px;font-size:11px;font-weight:600}:root[data-theme=fadefm] .msong-toolbar button:disabled{opacity:.45}:root[data-theme=fadefm] .msong-toolbar{bottom:calc(87px + env(safe-area-inset-bottom))}:root[data-theme=fadefm] .msong-picker{bottom:calc(147px + env(safe-area-inset-bottom))}:root[data-theme=fadefm] :is(.minst,.mroll)[data-surface]{--control-bg:var(--sf-key);--control-fg:var(--sf-key-ink);--key-edge:var(--sf-key-edge);--key-hi:var(--sf-key-hi);--control-border:var(--sf-key-border);--lamp-off:var(--sf-lamp-off);--lamp-ring:var(--sf-lamp-ring);background:var(--sf-chassis);min-height:100%}:root[data-theme=fadefm] :is(.minst,.mroll)[data-surface=acrylic]{--control-bg:linear-gradient(180deg, #ffffff1f, #aae1f217)}:root[data-theme=fadefm] :is(.minst,.mroll)>.mscreen-head{background:var(--sf-chassis);gap:6px;padding:8px 8px 8px 6px;box-shadow:inset 0 -1px #00000059,0 1px #ffffff0d;container:mhead/inline-size}:root[data-theme=fadefm] :is(.minst,.mroll)>.mscreen-head>.mscreen-title{min-width:0;color:var(--sf-chassis-ink);font-family:var(--font-key);letter-spacing:.22em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:15px;font-weight:700;line-height:1;display:block;overflow:hidden}:root[data-theme=fadefm] :is(.minst,.mroll)>.mscreen-head>.mscreen-title:before{content:"";vertical-align:1px;background:var(--acc);border-radius:50%;margin-right:10px;display:inline-block}:root[data-theme=fadefm] :is(.minst,.mroll)>.mscreen-head>.mscreen-title[data-sub]:after{content:attr(data-sub);color:var(--sf-chassis-dim);letter-spacing:.2em;margin-left:10px;font-size:10.5px;font-weight:600}@container mhead (width<=369.98px){:root[data-theme=fadefm] :is(.minst,.mroll)>.mscreen-head>.mscreen-title[data-sub]:after{content:none}}:root[data-theme=fadefm] :is(.minst,.mroll) .mscreen-back{background:var(--control-bg);width:44px;height:44px;color:var(--control-fg);border-radius:6px;padding:0;font-size:20px;line-height:1}:root[data-theme=fadefm] :is(.minst-presets,.mpat-presets){letter-spacing:.14em;border-radius:6px;min-height:44px;padding:0 12px;font-size:12px;font-weight:600}:root[data-theme=fadefm] .minst-randomize{border-radius:6px;place-items:center;width:44px;height:44px;padding:0;font-size:0;display:inline-grid}:root[data-theme=fadefm] .minst-randomize:after{content:"";background:currentColor;width:18px;height:18px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='1' y='1' width='12' height='12' rx='3' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3Ccircle cx='4.4' cy='4.4' r='1.1'/%3E%3Ccircle cx='7' cy='7' r='1.1'/%3E%3Ccircle cx='9.6' cy='9.6' r='1.1'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='1' y='1' width='12' height='12' rx='3' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3Ccircle cx='4.4' cy='4.4' r='1.1'/%3E%3Ccircle cx='7' cy='7' r='1.1'/%3E%3Ccircle cx='9.6' cy='9.6' r='1.1'/%3E%3C/svg%3E") 50%/contain no-repeat}:root[data-theme=fadefm] .minst-body>.viz{background:var(--sf-bezel);box-shadow:var(--sf-bezel-shadow);border-radius:8px;margin:8px;padding:4px}:root[data-theme=fadefm] .minst :is(.minst-volume,.instrument-editor,.mpat-grid){--text:var(--sf-ink);--muted:var(--sf-silk);--silk:var(--sf-silk);--cap-a:var(--sf-cap-a);--cap-b:var(--sf-cap-b);--knob-cap:var(--sf-knob-cap);--knob-track:var(--sf-knob-track);--knob-ptr:var(--sf-knob-ptr)}:root[data-theme=fadefm] .minst :is(.minst-volume,.instrument-editor){background:var(--sf-plate);box-shadow:var(--sf-plate-shadow);color:var(--sf-ink);border-radius:10px;margin:8px;padding:10px;position:relative}:root[data-theme=fadefm] .minst :is(.minst-volume,.instrument-editor):after{content:"";border-radius:inherit;background:var(--sf-stripe) 0 100% / 100% 3px no-repeat;pointer-events:none;position:absolute;inset:0}:root[data-theme=fadefm] .minst-volume>label{text-shadow:var(--sf-emboss);align-items:center;gap:12px;font-size:10.5px;font-weight:600;display:flex}:root[data-theme=fadefm] .minst-volume input[type=range]{flex:auto;width:auto;min-width:0}:root[data-theme=fadefm] .minst .instrument-editor.minst-no-knobs{display:none}:root[data-theme=fadefm] .minst .instrument-editor>.knob-row{box-shadow:none;background:0 0;padding:0}:root[data-theme=fadefm] .minst .knob-label{text-shadow:var(--sf-emboss)}:root[data-theme=fadefm] .minst .instrument-editor>:is(.fm-patch-row,.glacier-thaw-row){margin:0 0 10px}:root[data-theme=fadefm] .minst .fm-patch-row{gap:10px}:root[data-theme=fadefm] .minst .fm-patch-row>.fm-patch-label{color:var(--sf-silk);opacity:1;text-shadow:var(--sf-emboss);font-size:10.5px;font-weight:600}:root[data-theme=fadefm] .minst select.fm-patch{min-width:10rem;height:44px;font-size:16px}:root[data-theme=fadefm] .minst :is(.glacier-thaw,.rust-sandblast){letter-spacing:.14em;text-transform:uppercase;border-radius:6px;font-size:12px;font-weight:600}:root[data-theme=fadefm] .minst-edit-roll{box-sizing:border-box;letter-spacing:.16em;border-radius:8px;width:calc(100% - 16px);height:48px;margin:8px;font-size:13px;font-weight:600;display:block}:root[data-theme=fadefm] .minst-edit-roll:after{content:" ▸" / ""}:root[data-theme=fadefm] .mpat-head{gap:8px 2px;padding:8px 8px 0}:root[data-theme=fadefm] :is(.mpat-slot-prev,.mpat-slot-next){border-radius:6px;width:44px;min-width:44px;height:44px;padding:0;font-size:11px}:root[data-theme=fadefm] .mpat-slot{box-sizing:border-box;width:calc(3ch + 10px);height:40px;color:var(--readout-fg);text-shadow:var(--readout-glow);font-family:var(--font-lcd);flex:none;padding:0 5px;font-size:18px;line-height:40px}:root[data-theme=fadefm] .mpat-slot:before{content:"P" / ""}:root[data-theme=fadefm] .mroll-length{padding:4px 6px 0}:root[data-theme=fadefm] .mroll-length .length-ctl{gap:1px}:root[data-theme=fadefm] :is(.mpat-length,.mroll-length) .length-ctl{gap:2px}:root[data-theme=fadefm] :is(.mpat-length,.mroll-length) .length-ctl-label{color:var(--sf-chassis-dim);padding:0 6px 0 4px;font-size:10.5px;font-weight:600}:root[data-theme=fadefm] :is(.mpat-length,.mroll-length) .len-btn{border-radius:5px;justify-content:center;align-items:center;gap:4px;padding:0 4px;font-size:13px;font-weight:600;display:inline-flex}:root[data-theme=fadefm] :is(.mpat-length,.mroll-length) .len-btn:before{content:"";border-radius:50%;flex:none;width:6px;height:6px}:root[data-theme=fadefm] :is(.mpat-length,.mroll-length) .len-btn.active{background:var(--control-bg);color:var(--control-fg);box-shadow:inset 0 1px 0 var(--key-hi), inset 0 -2px 0 #0000002e, 0 1px 0 var(--key-edge)}:root[data-theme=fadefm] .mpat-grid{margin-top:8px}:root[data-theme=fadefm] .minst .mpat-8x2 :is(.grid,.slicegrid,.drumgrid){box-sizing:border-box;background:var(--sf-plate);width:max-content;min-width:100%;box-shadow:var(--sf-plate-shadow);border-width:0;border-radius:10px}:root[data-theme=fadefm] .minst .mpat-8x2 :is(.grid,.slicegrid){background:repeating-linear-gradient(90deg, var(--sf-well) 0 calc(4 * var(--mpat-colw) + 12px), transparent 0 calc(4 * var(--mpat-colw) + 16px)) .5rem 0 / calc(100% - 1rem) 100% no-repeat, var(--sf-plate)}:root[data-theme=fadefm] .minst .mpat-8x2 :is(.grid,.slicegrid)[data-page-meter]{background:var(--sf-plate)}:root[data-theme=fadefm] .minst .mpat-8x2 [data-page-meter]>:is(.step,.sstep){background:var(--sf-well);box-shadow:4px 0 0 var(--sf-well)}:root[data-theme=fadefm] .minst .mpat-8x2 [data-page-meter]>:is(.step,.sstep):is([data-beat-end],[data-mrow-last]){box-shadow:none}:root[data-theme=fadefm] .mpat :is(.step button.gate,.sstep button.gate,.dcell){--cell-lamp:linear-gradient(#0009, #0009)}:root[data-theme=fadefm] .mpat :is(.step button.gate.on,.sstep button.gate.on,.dcell.on,.dcell.accent){--cell-lamp:linear-gradient(color-mix(in srgb, var(--acc) 40%, #fff), color-mix(in srgb, var(--acc) 40%, #fff)) center bottom 5px / 12px 2px no-repeat, linear-gradient(#0009, #0009)}:root[data-theme=fadefm] .mpat :is(.step,.sstep) button.gate{font-size:0}:root[data-theme=fadefm] .mpat :is(.step,.sstep) button:is(.accent,.slide){background:var(--control-bg)}:root[data-theme=fadefm] .mpat .dlabel{color:var(--sf-silk);text-shadow:var(--sf-emboss);font-family:var(--font-key);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:600}:root[data-theme=fadefm] .mroll-grid{background:var(--note-floor)}:root[data-theme=fadefm] .mroll-row{border-bottom-color:#ffffff0d}:root[data-theme=fadefm] .mroll-row.is-sharp{background:#00000038}:root[data-theme=fadefm] .mroll-row.is-c{border-bottom-color:var(--text)}:root[data-theme=fadefm] .mroll-cell{border-left-color:#ffffff0f}:root[data-theme=fadefm] .mroll-cell.is-beat{border-left-color:#ffffff2e}:root[data-theme=fadefm] .mroll-label{color:#554d42;font:700 10px/1 var(--font-key);background:linear-gradient(90deg,#cfc8b8,#f6f1e6 25%,#ebe5d8);box-shadow:inset -2px 0 #060708}:root[data-theme=fadefm] .mroll-row.is-sharp .mroll-label{color:#d8d2c4;background:linear-gradient(#3d3935,#151210 50%,#070605)}:root[data-theme=fadefm] .mroll-note{background:linear-gradient(180deg, #ffffff47, #fff0 50%), color-mix(in oklab, var(--acc) calc(20% + 80% * var(--vel,1)), var(--note-floor));box-shadow:inset 0 1px 0 #ffffff73, inset 0 0 0 1px var(--acc)}:root[data-theme=fadefm] .mroll-note.is-accent{box-shadow:inset 0 1px 0 #ffffff73, inset 0 0 0 1px var(--acc), inset 0 0 0 3px #ffffff8c}:root[data-theme=fadefm] .mroll-note.is-dragging{box-shadow:inset 0 1px 0 #ffffff73, inset 0 0 0 1px var(--acc), 0 4px 12px #00000080}:root[data-theme=fadefm] .mroll>.mroll-tools{background:var(--sf-chassis);box-shadow:0 -1px #00000059}:root[data-theme=fadefm] .mroll-tools button{letter-spacing:.14em;border-radius:6px;font-size:12px;font-weight:600}:root[data-theme=fadefm] .mroll-hint{color:var(--sf-chassis-ink);opacity:1}:root[data-theme=fadefm] .mroll-scale{min-height:44px;color:var(--readout-fg);text-shadow:var(--readout-glow);font-family:var(--font-lcd);text-transform:none;border:0;padding:0 10px;font-size:13px}:root[data-theme=fadefm] .mroll .mroll-toggles button[aria-pressed=true]{color:var(--control-fg)}:root[data-theme=fadefm] :is(.msheet-band,.msong-picker-title){color:var(--sf-band-ink);text-shadow:var(--sf-band-emboss);font-family:var(--font-key);text-transform:uppercase;align-items:center;gap:10px;font-weight:700;line-height:1;display:flex}:root[data-theme=fadefm] :is(.minst,.mroll) .msheet-band,:root[data-theme=fadefm] .msong-picker-title{background:var(--sf-stripe) 0 100% / 100% 3px no-repeat, var(--sf-band)}:root[data-theme=fadefm] .msheet-band-lamp{background:var(--acc);border-radius:50%;flex:none}:root[data-theme=fadefm] .msong-picker-title:before{content:"";background:var(--acc);border-radius:50%;flex:none}:root[data-theme=fadefm] :is(.minst,.mroll) .msheet-band>.msheet-band-lamp,:root[data-theme=fadefm] .msong-picker>.msong-picker-title:before{box-shadow:0 0 0 2px color-mix(in srgb, var(--sf-band-ink) 80%, transparent), 0 0 10px var(--acc)}:root[data-theme=fadefm] .msheet-band-sub{letter-spacing:.16em;margin-left:auto}:root[data-theme=fadefm] :is(.minst-sheet,.mroll-sheet,.msong-picker){background:var(--app-bg)}:root[data-theme=fadefm] .minst-sheet{padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(12px + env(safe-area-inset-bottom)) env(safe-area-inset-left)}:root[data-theme=fadefm] .minst-sheet>.msheet-band{padding-right:64px}:root[data-theme=fadefm] .minst-sheet-close{top:calc(env(safe-area-inset-top) + 4px);right:calc(env(safe-area-inset-right) + 8px);border-radius:50%;width:44px;height:44px;padding:0;position:absolute}:root[data-theme=fadefm] .msheet-sec{color:var(--silk);margin:12px 14px 6px;font-size:10.5px;font-weight:600;display:block}:root[data-theme=fadefm] .msheet-rows{grid-template-columns:1fr;gap:6px;padding:0 12px;display:grid}@media (min-width:360px){:root[data-theme=fadefm] .msheet-rows{grid-template-columns:1fr 1fr}}:root[data-theme=fadefm] .minst-preset{letter-spacing:.04em;text-transform:none;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;min-height:44px;margin:0;padding:0 12px;font-size:13px;font-weight:600;overflow:hidden}:root[data-theme=fadefm] :is(.mroll-sheet,.msong-picker){border-top:0;padding:0 0 12px;box-shadow:0 -1px #ffffff14}:root[data-theme=fadefm] :is(.mroll-sheet,.msong-picker)>:not(.msheet-band,.msong-picker-title){margin-left:12px;margin-right:12px}:root[data-theme=fadefm] .msong-picker-title{letter-spacing:.22em;margin:0 0 10px;font-size:11px}:root[data-theme=fadefm] .mroll-sheet>.msheet-band{margin-bottom:10px}:root[data-theme=fadefm] :is(.msong-pick,.mroll-key,.mroll-scale-pick,.msong-picker-close,.mroll-sheet-close){border-radius:6px;font-size:13px;font-weight:600}:root[data-theme=fadefm] :is(.msong-picker-close,.mroll-sheet-close){width:calc(100% - 24px)}:root[data-theme=fadefm] .mroll-sheet-close{background:var(--control-bg), var(--app-bg);position:sticky;bottom:12px}:root[data-theme=fadefm] .mroll-sheet-close:not(:active){box-shadow:var(--key-bevel), 0 2px 0 10px var(--app-bg)}:root[data-theme=fadefm] .pb-modal.pb-pop.pb-sheet{-webkit-backdrop-filter:none;backdrop-filter:none;background:#141518}:root[data-theme=fadefm] .mshell-menu-panel{min-width:15rem;padding:4px}:root[data-theme=fadefm] .mshell-menu-panel>button{font-size:14px}:root[data-theme=fadefm] .mshell-menu-panel:not([hidden]){animation:.12s ease-out fadefm-menu-in}@media (prefers-reduced-motion:reduce){:root[data-theme=fadefm] .mshell-menu-panel:not([hidden]){animation:none}}:root[data-theme=fadefm] .msave{background:var(--sf-chassis)}:root[data-theme=fadefm] .msave-head{background:linear-gradient(#2c2e33,#222428);border-radius:8px;margin:0 0 16px;padding:8px 4px 8px 14px;box-shadow:inset 0 -1px #00000059,0 0 0 1px #00000080}:root[data-theme=fadefm] .msave-title{color:#eef0f3;font-family:var(--font-key);letter-spacing:.22em;text-transform:uppercase;font-size:13px;font-weight:700}:root[data-theme=fadefm] .msave-close{background:var(--control-bg);width:44px;height:44px;color:var(--control-fg);border-radius:50%;padding:0;font-size:16px}:root[data-theme=fadefm] .msave-step label{color:var(--silk);font-family:var(--font-key);letter-spacing:.2em;text-transform:uppercase;font-size:10.5px;font-weight:600}:root[data-theme=fadefm] .msave-step label.msave-listed-row{color:var(--text);letter-spacing:.04em;text-transform:none;font-size:13px}:root[data-theme=fadefm] :is(.msave-email,.msave-code,.msave-name,.msave-artist){letter-spacing:normal;text-transform:none;margin-top:6px;font-size:16px}:root[data-theme=fadefm] :is(.msave-send,.msave-signin,.msave-resend,.msave-save,.msave-copy,.msave-share,.msave-again){letter-spacing:.14em;border-radius:6px;font-size:13px;font-weight:600}:root[data-theme=fadefm] :is(.msave-send,.msave-signin,.msave-save,.mplayer-save){background:linear-gradient(180deg, color-mix(in srgb, var(--acc) 85%, #fff), var(--acc));color:var(--on-acc-fg);box-shadow:inset 0 1px 0 #ffffff73, 0 2px 0 var(--key-edge), 0 0 14px color-mix(in srgb, var(--acc) 45%, transparent)}:root[data-theme=fadefm] :is(.msave-legal,.msave-license,.msave-note){color:var(--silk)}:root[data-theme=fadefm] .msave-legal a{color:var(--acc)}:root[data-theme=fadefm] .msave-url{background:var(--readout-bg);box-shadow:var(--readout-shadow);color:var(--readout-fg);font-family:var(--font-lcd)}:root[data-theme=fadefm] .mplayer{background:var(--sf-chassis)}:root[data-theme=fadefm] .mplayer-brand{color:#f4f5f7;height:34px;font-family:var(--font-key);letter-spacing:.04em;background:#0c0d0f;border-radius:6px;align-items:center;gap:8px;padding:0 12px;font-size:15px;display:inline-flex;box-shadow:inset 0 2px 5px #000000e6,0 1px #ffffff1a}:root[data-theme=fadefm] .mplayer-brand:before{content:"";filter:drop-shadow(0 0 4px #ff8a3a99);background:url(/logo-mark.svg) 50%/contain no-repeat;width:18px;height:18px}:root[data-theme=fadefm] .mplayer-vis{box-sizing:border-box;background:var(--readout-bg);box-shadow:var(--readout-shadow);border-radius:8px;padding:10px}:root[data-theme=fadefm] .mplayer-bar{background:linear-gradient(to top, var(--scope-trace), var(--scope-core))}:root[data-theme=fadefm] :is(.mplayer-scrub-elapsed,.mplayer-scrub-total){height:24px;color:var(--readout-fg);font-family:var(--font-lcd);text-align:center;padding:0 6px;font-size:12px;line-height:24px}:root[data-theme=fadefm] .mplayer-scrub-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--acc) calc(22px + (100% - 44px) * var(--scrub-p,0)), var(--inset-bg) 0);box-shadow:inset 0 1px 2px #000000e6,0 1px #ffffff14}:root[data-theme=fadefm] .mplayer-scrub-range::-webkit-slider-thumb{background:linear-gradient(#0000 44%,#111 44% 56%,#0000 56%) padding-box padding-box,linear-gradient(90deg,#3c3f44,#8a8e94 45%,#3c3f44) padding-box padding-box;border-width:13px 16px;border-radius:3px}:root[data-theme=fadefm] .mplayer-scrub-range::-moz-range-thumb{background:linear-gradient(#0000 44%,#111 44% 56%,#0000 56%) padding-box padding-box,linear-gradient(90deg,#3c3f44,#8a8e94 45%,#3c3f44) padding-box padding-box;border-width:13px 16px;border-radius:3px}:root[data-theme=fadefm] .mplayer-title{color:var(--readout-fg);text-shadow:var(--readout-glow);font-family:var(--font-lcd);text-align:center;text-transform:none;overflow-wrap:anywhere;padding:10px 14px;font-size:22px;font-weight:400}:root[data-theme=fadefm] :is(.mplayer-author,.mplayer-remixof){color:var(--silk);font-family:var(--font-key);font-weight:600}:root[data-theme=fadefm] .mplayer-remixof a{color:var(--acc)}:root[data-theme=fadefm] .mplayer-play{background:var(--play-bg);color:var(--play-fg);box-shadow:var(--play-shadow);border-radius:22px}:root[data-theme=fadefm] :is(.mplayer-remix,.mplayer-save){letter-spacing:.16em;text-transform:uppercase;border:0;border-radius:8px;min-height:48px;padding:0 28px;font-size:14px;font-weight:600}:root[data-theme=fadefm] .mplayer-remix{background:var(--control-bg);color:var(--control-fg)}:root[data-theme=fadefm] :is(.mplayer-star,.mplayer-share){background:var(--control-bg);min-height:44px;color:var(--control-fg);letter-spacing:.14em;text-transform:uppercase;border:0;border-radius:8px;font-size:12px;font-weight:600}:root[data-theme=fadefm] .mplayer-star.is-starred{color:var(--glow)}:root[data-theme=fadefm] .mplayer-star.is-starred svg{filter:drop-shadow(0 0 4px var(--glow))}:root[data-theme=fadefm] .mplayer-plays{height:28px;color:var(--readout-fg);font-family:var(--font-lcd);opacity:1;padding:0 8px;font-size:13px;line-height:28px}:root[data-theme=fadefm] :is(.mplayer-footnote,.mplayer-license,.mplayer-anyway){color:var(--silk)}:root[data-theme=fadefm] .mplayer-foot{flex-wrap:wrap;justify-content:center;display:flex}:root[data-theme=fadefm] .mplayer-footnote{flex-basis:100%;order:-1;margin-bottom:4px}@media (min-height:521px){:root[data-theme=fadefm] .mplayer-vis{min-height:56px;margin-top:0}@supports (height:1svh){:root[data-theme=fadefm] .mplayer{--mp-g:clamp(8px, calc(5svh - 24px), 20px);gap:var(--mp-g);padding-top:calc(var(--mp-g) + env(safe-area-inset-top));padding-bottom:calc(var(--mp-g) + env(safe-area-inset-bottom))}}}@media (max-height:520px){:root[data-theme=fadefm] .mplayer-brand{height:20px;padding:0 8px;font-size:13px}:root[data-theme=fadefm] .mplayer-brand:before{width:14px;height:14px}:root[data-theme=fadefm] .mplayer-vis{border-radius:6px;padding:3px 8px}:root[data-theme=fadefm] .mplayer-title{padding:0 12px;font-size:18px;line-height:23px}}