:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f4f0;--surface:#fff;--surface-2:#ecebe5;--text:#1c1b18;--muted:#625e55;--border:#d8d4ca;--focus:#4c1d95;--cell:#e3e0d8;--cell-beat:#cfcabd;--current:#4c1d95;--on-current:#fff;--stop:#b91c1c;--ok:#15803d;--warn:#b45309;--current-tint:#4c1d9547}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-layer=kick]{--layer:#b91c1c;--on-layer:#fff}[data-layer=bass]{--layer:#c2410c;--on-layer:#fff}[data-layer=perc]{--layer:#a16207;--on-layer:#fff}[data-layer=lead]{--layer:#0e7490;--on-layer:#fff}[data-layer=pad]{--layer:#6d28d9;--on-layer:#fff}[data-layer=glitch]{--layer:#4d7c0f;--on-layer:#fff}[data-layer=fx]{--layer:#be185d;--on-layer:#fff}[data-layer=snap]{--layer:#047857;--on-layer:#fff}@media (prefers-color-scheme:dark){:root{--bg:#0f0e13;--surface:#18171e;--surface-2:#222029;--text:#ece9f2;--muted:#9c97a8;--border:#302d3a;--focus:#c4b5fd;--cell:#26242e;--cell-beat:#3a3746;--current:#a78bfa;--on-current:#15121c;--stop:#f87171;--ok:#4ade80;--warn:#fbbf24;--current-tint:#c4b5fd52}[data-layer=kick]{--layer:#f87171;--on-layer:#1a0b0b}[data-layer=bass]{--layer:#fb923c;--on-layer:#1c0f05}[data-layer=perc]{--layer:#facc15;--on-layer:#1a1503}[data-layer=lead]{--layer:#22d3ee;--on-layer:#04161a}[data-layer=pad]{--layer:#a78bfa;--on-layer:#15121c}[data-layer=glitch]{--layer:#a3e635;--on-layer:#0f1a03}[data-layer=fx]{--layer:#f472b6;--on-layer:#1c0712}[data-layer=snap]{--layer:#34d399;--on-layer:#03140d}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:920px;margin:0 auto;padding:24px 16px 48px}h1{letter-spacing:-.01em;margin:0;font-size:1.6rem}html{overflow-x:clip}.topbar{z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:-24px 0 18px;padding:8px 0;display:flex;position:sticky;top:0}.topbar:before{content:"";z-index:-1;background:var(--surface);border-bottom:1px solid var(--border);position:absolute;inset:0 calc(50% - 50vw)}.back{color:var(--text);border-radius:6px;margin-left:-8px;padding:4px 8px;font-weight:600;text-decoration:none}.back:hover{background:var(--surface-2)}.topbar-end{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 12px;display:flex}.lang-switch{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:4px 8px;display:flex}.lang-icon{color:var(--muted);flex:none}.lang-buttons{gap:4px;display:flex}.lang-buttons button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500}.lang-buttons button:hover{color:var(--text)}.lang-buttons button[aria-pressed=true]{color:var(--current);background:var(--current-tint)}.lang-switch select{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500;display:none}@media (width<=640px){.lang-switch select{display:block}.lang-buttons{display:none}}.account{align-items:center;gap:8px;display:flex}.sync-pill{--tone:var(--muted);color:var(--tone);border:1px solid color-mix(in srgb, var(--tone) 55%, transparent);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:600}.sync-pill[data-state=saved],.sync-pill[data-state=idle]{--tone:var(--ok)}.sync-pill[data-state=pending],.sync-pill[data-state=saving]{--tone:var(--warn)}.sync-pill[data-state=offline],.sync-pill[data-state=error],.sync-pill[data-state=conflict]{--tone:var(--stop)}.gsi-slot{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;align-items:center;min-height:32px;display:flex}.login-off{color:var(--muted);font-size:.8rem}.account-menu{position:relative}.account-menu summary{border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:2px 8px 2px 2px;list-style:none;display:flex}.account-menu summary::-webkit-details-marker{display:none}.account-menu[open] summary,.account-menu summary:hover{background:var(--surface-2)}.avatar{width:26px;height:26px;color:var(--on-current);background:var(--current);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid}.account-email{text-overflow:ellipsis;white-space:nowrap;max-width:22ch;font-size:.85rem;overflow:hidden}.menu{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:240px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000002e}.menu-note{color:var(--muted);overflow-wrap:anywhere;margin:4px 8px 6px;font-size:.8rem}.menu-item{font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:.9rem}.menu-item:hover{background:var(--surface-2)}.menu-item.danger{color:var(--stop)}.lede{color:var(--muted);margin:4px 0 20px}.help{width:min(760px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0;overflow:auto}.help::backdrop{background:#0000008c}.help-page{padding:0 20px 24px}.help-head{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0 10px;display:flex;position:sticky;top:0}.help-head h2{margin:0;font-size:1.25rem}.help-intro{color:var(--muted);margin:12px 0 0}.help-section h3{margin:22px 0 8px;font-size:1rem}.help-section dl{grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:8px 16px;margin:0;display:grid}.help-section dt{font-weight:600}.help-section dd{color:var(--muted);margin:0}@media (width<=640px){.help{border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0}.help-page{padding:0 16px 24px}.help-section dl{grid-template-columns:minmax(0,1fr);gap:2px}.help-section dd+dt{margin-top:10px}}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.panel+.panel{margin-top:8px}.transport{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.tools{gap:10px;display:grid}.tools-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.auto{font:inherit;color:var(--text);border:1.5px solid var(--current);cursor:pointer;background:0 0;border-radius:8px;padding:7px 14px;font-weight:600}.auto[aria-pressed=true]{color:var(--on-current);background:var(--current)}.section-badge{min-width:7ch;color:var(--current);border:1px dashed var(--current);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:600}.section-badge[hidden]{display:none}.pilot-row{min-height:2em}.section-left{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.section-queue{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.section-queue[hidden]{display:none}.queued{color:var(--current);border:1px dashed var(--current);border-radius:999px;align-items:center;gap:4px;padding:1px 4px 1px 10px;font-size:.8rem;font-weight:600;display:flex}.queued:before{content:"→";font-weight:400}.queued.is-auto{color:var(--muted);border-color:var(--border);padding-right:10px}.queued.is-next{animation:.9s ease-in-out infinite alternate pulse}.unqueue{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 4px;line-height:1.2}.unqueue:hover{color:var(--on-current);background:var(--current)}.phases{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.ghost.phase{padding:3px 10px}.changes{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.changes input{width:min(140px,40vw);accent-color:var(--current)}.changes output{min-width:11ch;color:var(--text)}.seed{color:var(--muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.seed-input,.name-input{width:10ch;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ghost.icon{padding:4px 8px}.ghost.danger{color:var(--stop);border-color:color-mix(in srgb, var(--stop) 45%, var(--border))}.status{min-height:1.2em;color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.85rem}.status:empty{display:none}.bpm{align-items:center;gap:10px;font-weight:600;display:flex}.bpm input{width:min(220px,50vw);accent-color:var(--current)}.bpm-value{font-variant-numeric:tabular-nums;min-width:3ch}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.check input{accent-color:var(--current);width:16px;height:16px}.dj{align-items:center;gap:8px;font-weight:600;display:flex}.dj input{width:min(160px,40vw);accent-color:var(--current)}.dj-value{min-width:9ch;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:400}.samples summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-weight:600;display:flex}.samples-usage{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:400}.samples-body{gap:10px;margin-top:10px;display:grid}.samples-body .hint{margin:0}.sample-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sample-row{background:var(--surface-2);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.sample-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sample-size{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.topbar-transport{gap:8px;display:flex}.topbar-transport button{padding:6px 14px}.topbar-tempo{flex-wrap:wrap;align-items:center;gap:6px 16px;display:flex}.topbar-tempo .bpm input{width:min(160px,40vw)}.snap-btn{font:inherit;color:var(--text);border:1.5px solid var(--current);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px;font-weight:600}.snap-btn:hover{color:var(--on-current);background:var(--current)}.ramp{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.ramp-input{width:8ch;font:inherit;font-variant-numeric:tabular-nums;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:3px 6px}.ramp [aria-pressed=true]{color:var(--on-current);background:var(--current);border-color:var(--current)}.stop{font:inherit;color:var(--stop);border:1.5px solid var(--stop);cursor:pointer;background:0 0;border-radius:8px;padding:8px 18px;font-weight:600}.stop:hover{background:var(--stop);color:var(--surface)}.cue{font:inherit;color:var(--current);border:1.5px solid var(--current);cursor:pointer;background:0 0;border-radius:8px;padding:8px 18px;font-weight:600}.cue:hover,.cue.is-armed{background:var(--current);color:var(--surface)}.cue.is-armed{animation:.9s ease-in-out infinite alternate pulse}.stop[hidden],.cue[hidden]{display:none}.rec{font:inherit;font-variant-numeric:tabular-nums;color:var(--stop);border:1.5px solid var(--stop);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px;font-weight:600}.rec:hover,.rec.is-waiting,.rec.is-recording{background:var(--stop);color:var(--surface)}.rec.is-waiting{animation:.9s ease-in-out infinite alternate pulse}.rec:disabled{cursor:progress;opacity:.6}.stepbar{align-items:center;gap:12px;margin:16px 0 20px;display:flex}.cells{flex:1;grid-template-columns:repeat(16,1fr);gap:4px;display:grid}.cell{background:var(--cell);height:28px;color:var(--muted);border-radius:4px;justify-content:center;align-items:flex-end;padding-bottom:2px;font-size:.72rem;font-weight:600;display:flex}.cell.beat{background:var(--cell-beat);box-shadow:inset 3px 0 0 var(--muted)}.cell.is-current{background:var(--current);color:var(--on-current);box-shadow:none}.bar-label{min-width:8.5ch;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:.8rem}.layers{gap:10px;display:grid}.layer{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--layer);border-radius:10px;grid-template-columns:minmax(180px,260px) 1fr;align-items:center;gap:12px 18px;padding:14px;display:grid}.layer h2{margin:0;font-size:1.05rem}.layer-title{align-items:center;gap:6px;display:flex}.grip{font:inherit;color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:4px;padding:2px 4px;font-size:1rem;line-height:1}.grip:hover{color:var(--text);background:var(--surface-2)}.is-sorting{cursor:grabbing;-webkit-user-select:none;user-select:none}.layer.is-dragging,.tile.is-dragging{opacity:.85;outline:2px dashed var(--layer);outline-offset:2px;box-shadow:0 6px 18px #0000002e}.tile{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.hint{color:var(--muted);margin:2px 0 0;font-size:.85rem}.snap-files{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.variants{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.variant{font:inherit;text-align:left;color:var(--text);background:var(--surface-2);border:1.5px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 12px 8px 26px;transition:background-color 80ms,border-color 80ms;display:flex;position:relative}.variant:before{content:"";border:1.5px solid var(--muted);border-radius:50%;width:8px;height:8px;position:absolute;top:14px;left:10px}.variant:hover{border-color:var(--layer)}.variant-label{font-weight:600}.variant-detail{color:var(--muted);font-size:.78rem}.variant.is-active{background:var(--layer);border-color:var(--layer);color:var(--on-layer)}.variant.is-active .variant-detail{color:inherit;opacity:.85}.variant.is-active:before{background:currentColor;border-color:currentColor}.variant.is-queued{border-style:dashed;border-color:var(--layer);animation:.9s ease-in-out infinite alternate pulse}.variant.is-leaving{animation:.9s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:1}to{opacity:.45}}.variant.is-background{border-style:dashed;border-color:var(--layer)}.tile{min-width:0;display:flex}.tile .variant{border-top-right-radius:0;border-bottom-right-radius:0;flex:1;min-width:0}.edit{font:inherit;color:var(--muted);background:var(--surface-2);border:1.5px solid var(--border);cursor:pointer;border-left:none;border-radius:0 8px 8px 0;flex:0 0 32px;padding:0}.edit:hover{color:var(--text);border-color:var(--layer)}.tile-side{flex-direction:column;flex:0 0 32px;display:flex}.tile-side .edit{border-top:none;border-radius:0 0 8px;flex:1}.vary-tile{--amount:50%;font:inherit;background:var(--surface-2);border:1.5px solid var(--border);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-left:none;border-radius:0 8px 0 0;flex:1;padding:0;font-size:.85rem}.vary-tile[aria-pressed=false]{filter:grayscale();opacity:.55}.vary-tile[aria-pressed=true]{background:linear-gradient(to top, color-mix(in srgb, var(--layer) 55%, var(--surface-2)) var(--amount), var(--surface-2) var(--amount));border-color:var(--layer)}.vary-tile:hover{opacity:1;border-color:var(--layer)}.vary-tile.is-sliding{font-variant-numeric:tabular-nums;color:var(--text);filter:none;opacity:1;background:linear-gradient(to top, color-mix(in srgb, var(--layer) 55%, var(--surface-2)) var(--amount), var(--surface-2) var(--amount));border-color:var(--layer);font-size:.7rem}.edit[aria-expanded=true]{color:var(--on-layer);background:var(--layer);border-color:var(--layer)}.tile.is-edited .variant-label:after{content:" ✎";opacity:.75;font-weight:400}.tile.is-copy .variant-label:before{content:"+ ";opacity:.75}.tile.is-auto .variant-label:after{content:" 🎲";opacity:.75;font-size:.8em}.tile.is-building .variant-detail:before{content:"⏫ "}.tile.is-dirty .variant-label:after{content:" •"}.snap-parts{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.snap-parts li{background:var(--surface-2);border:1.5px solid var(--layer);border-radius:999px;align-items:center;gap:6px;padding:3px 4px 3px 10px;font-size:.85rem;display:flex}.part-layer{color:var(--muted);font-size:.75rem}.part-name{font-weight:600}.part-remove{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 6px}.part-remove:hover{color:var(--stop)}.dirty-note{color:var(--muted);align-self:center;font-size:.8rem;font-style:italic}.dirty-note[hidden],.legend[hidden]{display:none}.ghost:disabled,.action:disabled{opacity:.45;cursor:default}.editor-slot{grid-column:1/-1;min-width:0}.editor-slot:empty{display:none}.editor{border-top:1px dashed var(--border);gap:10px;min-width:0;padding-top:12px;display:grid}.editor-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.name-field{color:var(--muted);align-items:center;gap:8px;margin-right:auto;font-size:.85rem;display:flex}.name-input{width:min(24ch,60vw);font-family:inherit;font-weight:600}.editor-tools{flex-wrap:wrap;gap:6px;display:flex}.ghost,.action{font:inherit;color:var(--text);border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:7px;padding:5px 12px;font-size:.85rem}.ghost:hover{border-color:var(--layer)}.action{color:var(--on-layer);background:var(--layer);border-color:var(--layer);font-weight:600}.action.toggle{color:var(--text);background:0 0}.action.toggle[aria-pressed=true]{color:var(--on-layer);background:var(--layer)}.action.vary{--amount:50%;min-width:13em;color:var(--text);background:linear-gradient(to right, color-mix(in srgb, var(--layer) 18%, transparent) var(--amount), transparent var(--amount));touch-action:pan-y;cursor:ew-resize;border-style:dashed;align-items:center;gap:8px;display:inline-flex}.action.vary[aria-pressed=true]{color:var(--text);background:linear-gradient(to right, color-mix(in srgb, var(--layer) 50%, transparent) var(--amount), transparent var(--amount));border-style:solid}.vary-amount{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:400}.ghost[data-action=new-part][aria-pressed=true]{border-style:dashed;border-color:var(--layer);animation:.9s ease-in-out infinite alternate pulse}.editor-actions{flex-wrap:wrap;gap:8px;display:flex}.knobs{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px 18px;display:grid}.knob{color:var(--muted);grid-template-columns:1fr auto;font-size:.8rem;display:grid}.knob output{color:var(--text);font-variant-numeric:tabular-nums;grid-area:1/2}.knob input{width:100%;accent-color:var(--layer);grid-area:2/1/3/3;margin:2px 0 0}.pickers{flex-wrap:wrap;gap:8px 16px;display:flex}.pick{color:var(--muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.pick select{max-width:100%;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:3px 6px}.knob[hidden],.pick[hidden],.check[hidden]{display:none}.knob-group{display:contents}.insert{border:1px solid var(--border);border-radius:8px;gap:8px;margin:0;padding:8px 12px 10px;display:grid}.insert legend{color:var(--muted);padding:0 4px;font-size:.8rem;font-weight:600}.synth-detail,.legend{color:var(--muted);margin:0;font-size:.8rem}.grid-wrap{overscroll-behavior:contain;max-height:380px;overflow:auto}.grid{grid-template-columns:3.4rem repeat(32,minmax(16px,1fr));gap:2px;min-width:640px;display:grid}.row-label{z-index:1;color:var(--muted);background:var(--surface);font-variant-numeric:tabular-nums;align-items:center;padding-right:4px;font-size:.7rem;display:flex;position:sticky;left:0}.row-label.root{color:var(--text);font-weight:700}.row-label.outside{opacity:.7;font-style:italic}.step{--fill:var(--cell);background:var(--fill);cursor:pointer;touch-action:manipulation;border:0;border-radius:3px;height:18px;padding:0}.step.alt{--fill:color-mix(in srgb, var(--cell) 70%, var(--cell-beat))}.step.beat{--fill:var(--cell-beat)}.step.root{--fill:color-mix(in srgb, var(--cell) 82%, var(--layer))}.step.bar,.bar-head.bar,.beat-head.bar{margin-left:8px;position:relative}.step.bar:before{content:"";background:var(--muted);pointer-events:none;border-radius:1px;width:2px;position:absolute;top:-2px;bottom:-2px;left:-6px}.bar-head,.beat-head{color:var(--muted);border-radius:3px;padding:1px 4px;font-size:.72rem;font-weight:700}.bar-head{background:color-mix(in srgb, var(--layer) 16%, transparent);color:var(--text)}.beat-head{background:var(--cell);font-weight:600}.beat-head.alt{background:color-mix(in srgb, var(--cell) 70%, var(--cell-beat))}.head-label{background:var(--surface)}.step[data-state=hit]{--fill:color-mix(in srgb, var(--layer) 62%, var(--surface))}.step[data-state=accent]{--fill:var(--layer)}.roll .step[data-state=hit]:not(.tail),.roll .step[data-state=accent]:not(.tail){box-shadow:2px 0 0 var(--fill);border-top-right-radius:0;border-bottom-right-radius:0}.roll .step[data-state=hit]:not(.head),.roll .step[data-state=accent]:not(.head){border-top-left-radius:0;border-bottom-left-radius:0}.step.preview{outline:2px solid var(--layer);outline-offset:-2px}.step.is-current{background-image:linear-gradient(var(--current-tint), var(--current-tint))}@media (orientation:landscape) and (width>=1000px){.app{max-width:1500px}.layers{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.layer{grid-template-columns:1fr}}@media (orientation:landscape) and (width>=1800px){.app{max-width:2100px}.layers{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (orientation:landscape) and (height<=500px){.app{padding-top:10px}.topbar{margin-top:-10px}.lede{display:none}.layers{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.layer{grid-template-columns:1fr}.variants{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (width<=640px){.topbar{position:relative}.topbar-end{display:contents}.topbar-transport,.topbar-tempo{flex-basis:100%;order:1}.topbar-tempo .bpm input{flex:1}.help-open{margin-left:auto}.account{flex-basis:100%;order:2}.layer{grid-template-columns:1fr}.variants{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.sample-row{grid-template-columns:auto minmax(0,1fr) auto}.sample-row .pick{grid-column:2}.cell,.step{height:22px}}@media (prefers-reduced-motion:reduce){.variant,.edit{transition:none}.variant.is-queued,.variant.is-leaving,.cue.is-armed,.rec.is-waiting{animation:none}}