.step-grid.svelte-1o1ftes{--head-w: 136px;position:relative;flex:1;min-height:0;background:var(--color-bg)}.step-grid-scroll.svelte-1o1ftes{position:absolute;inset:0;overflow-y:auto;overscroll-behavior-y:contain;padding:4px 0}.track-head.svelte-1o1ftes{width:var(--head-w);flex-shrink:0;display:flex;align-items:center;gap:4px}.track-row.svelte-1o1ftes{display:flex;align-items:center;gap:4px;height:40px;padding:0 8px;border-bottom:1px solid rgba(30,32,40,.08);overflow:hidden;touch-action:none}.track-row.selected.svelte-1o1ftes{background:var(--color-surface);border-left:3px solid var(--color-olive);padding-left:5px}.track-row.muted.svelte-1o1ftes .steps:where(.svelte-1o1ftes),.track-row.solo-muted.svelte-1o1ftes .steps:where(.svelte-1o1ftes){opacity:.35;background-image:repeating-linear-gradient(45deg,rgba(30,32,40,.07) 0px,rgba(30,32,40,.07) 1px,transparent 1px,transparent 6px)}.track-label.svelte-1o1ftes{width:64px;display:flex;align-items:center;justify-content:space-between;padding:4px 6px;border:none;background:transparent;cursor:pointer;border-radius:4px;transition:background .1s}.track-label.svelte-1o1ftes:hover{background:#1e20280f}.track-label.expanded.svelte-1o1ftes{background:#1e202814}.track-name.svelte-1o1ftes{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--color-fg);line-height:1;text-transform:uppercase}.chevron.svelte-1o1ftes{width:10px;height:6px;flex-shrink:0;color:var(--color-muted);transition:color .1s,transform .15s ease-out}.chevron.open.svelte-1o1ftes{transform:rotate(180deg)}.track-label.svelte-1o1ftes:hover .chevron:where(.svelte-1o1ftes){color:var(--color-fg)}.btn-solo.svelte-1o1ftes{width:20px;height:20px;flex-shrink:0;border:none;background:transparent;padding:0;perspective:60px}.solo-off.svelte-1o1ftes{border:1px solid var(--color-fg);background:transparent;color:var(--color-fg);font-size:9px}.solo-on.svelte-1o1ftes{border:1px solid var(--color-olive);background:var(--color-olive);color:var(--color-bg);font-size:9px}.btn-mute.svelte-1o1ftes{width:20px;height:20px;flex-shrink:0;border:none;background:transparent;padding:0;perspective:60px}.mute-off.svelte-1o1ftes{border:1px solid var(--color-fg);background:transparent;color:var(--color-fg);font-size:9px}.mute-on.svelte-1o1ftes{border:1px solid var(--color-fg);background:var(--color-fg);color:var(--color-bg);font-size:9px}.steps.svelte-1o1ftes{flex:1;display:grid;grid-template-columns:repeat(var(--steps),24px);gap:2px;overflow-x:auto;overflow-y:hidden;overscroll-behavior:none;padding:6px 0;height:100%;align-items:center}.step.svelte-1o1ftes{position:relative;width:24px;height:24px;border:none;background:transparent;padding:0}.step.svelte-1o1ftes .flip-card{position:absolute;inset:0}.step-off.svelte-1o1ftes{background:var(--color-bg);border:1px solid rgba(30,32,40,.5)}.step-on.svelte-1o1ftes{background:var(--color-olive);border:1px solid var(--color-olive)}.step.lock-selected.svelte-1o1ftes .step-off:where(.svelte-1o1ftes){border-color:var(--color-olive);box-shadow:0 0 0 1px var(--color-olive)}.step.lock-selected.svelte-1o1ftes .step-on:where(.svelte-1o1ftes){box-shadow:inset 0 0 0 2px var(--color-bg)}.lock-dot.svelte-1o1ftes{position:absolute;top:1px;right:1px;width:4px;height:4px;border-radius:50%;background:var(--color-olive);z-index:1;pointer-events:none}.step.playhead.svelte-1o1ftes{animation:ph-glow .18s ease-out}.vel-row.svelte-1o1ftes{display:flex;align-items:stretch;height:40px;gap:4px;background:var(--color-surface);border-bottom:1px solid rgba(30,32,40,.08);user-select:none;border-left:3px solid var(--color-olive);padding:0 8px 0 5px;overflow:hidden}.vel-label.svelte-1o1ftes{margin-left:auto;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:2px;padding:0 6px}.vel-name.svelte-1o1ftes{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--color-fg);text-transform:uppercase;cursor:pointer;user-select:none;border:1px solid var(--color-fg);padding:2px 6px;background:transparent;transition:color .15s,border-color .15s}.vel-name.svelte-1o1ftes:active{opacity:.6}.vel-name.chance-active.svelte-1o1ftes{color:#5b7dba;border-color:#5b7dba}.btn-steps.svelte-1o1ftes{width:20px;height:20px;flex-shrink:0;border:1px solid var(--color-fg);background:transparent;color:var(--color-fg);font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0}.vel-bars.svelte-1o1ftes{flex:1;display:grid;grid-template-columns:repeat(var(--steps),24px);gap:2px;padding:4px 0}.vel-cell.svelte-1o1ftes{display:flex;align-items:flex-end;width:24px;cursor:ns-resize}.vel-fill.svelte-1o1ftes{width:100%;background:#ede8dc1f;border-radius:1px 1px 0 0;transition:height .18s ease-out;min-height:2px;transform-origin:bottom}.vel-fill.active.svelte-1o1ftes{background:var(--color-olive);opacity:.7}.vel-bars.mounting.svelte-1o1ftes .vel-fill.active:where(.svelte-1o1ftes){animation:svelte-1o1ftes-vel-bar-grow .18s ease-out}.vel-fill.growing.svelte-1o1ftes{animation:svelte-1o1ftes-vel-bar-grow .18s ease-out}.vel-fill.shrinking.svelte-1o1ftes{animation:svelte-1o1ftes-vel-bar-shrink .18s ease-out forwards}@keyframes svelte-1o1ftes-vel-bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes svelte-1o1ftes-vel-bar-shrink{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.vel-fill.playhead.svelte-1o1ftes{animation:vel-glow .18s ease-out}.vel-bars.chance-mode.svelte-1o1ftes .vel-fill.active:where(.svelte-1o1ftes){background:#5b7dba}.chance-dot.svelte-1o1ftes{position:absolute;bottom:1px;left:1px;width:4px;height:4px;background:#5b7dba;transform:rotate(45deg);z-index:1;pointer-events:none}.btn-add-track.svelte-1o1ftes{width:24px;height:24px;margin:4px 8px;border:1px dashed rgba(30,32,40,.2);background:transparent;color:var(--color-muted);font-size:14px;cursor:pointer;transition:color 80ms,border-color 80ms}.btn-add-track.svelte-1o1ftes:hover{color:var(--color-olive);border-color:var(--color-olive)}