.sequencer-page.svelte-perjty{font-family:var(--font-sans);font-feature-settings:"kern" 1,"tnum" 1}.sequencer-hero.svelte-perjty:before,.sequencer-hero.svelte-perjty:after{content:"";position:absolute;inset:0;pointer-events:none}.sequencer-hero.svelte-perjty:before{background:radial-gradient(circle at 82% 8%,rgb(47 191 113 / .18),transparent 32rem);opacity:1}.marketing-auth-accent.svelte-perjty .sequencer-hero:where(.svelte-perjty):before{background:radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--accent-solid) 18%,transparent),transparent 32rem)}.sequencer-hero.svelte-perjty:after{background-image:linear-gradient(color-mix(in srgb,var(--theme-ink) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--theme-ink) 4%,transparent) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%);opacity:.4}.sequencer-visual.svelte-perjty{min-width:0;padding-bottom:42px;animation:svelte-perjty-enter .52s cubic-bezier(.23,1,.32,1) 70ms both}.studio-shell.svelte-perjty{overflow:hidden;border:1px solid var(--theme-line);border-radius:16px;background:var(--theme-surface-raised);box-shadow:0 26px 70px #2fbf711f,0 2px 8px #1715120d}.dark .studio-shell.svelte-perjty{box-shadow:0 30px 80px #00000057,0 0 0 1px #ffffff05}.marketing-auth-accent.svelte-perjty .studio-shell:where(.svelte-perjty){box-shadow:0 26px 70px color-mix(in srgb,var(--accent-solid) 12%,transparent),0 2px 8px #1715120d}.studio-topbar.svelte-perjty{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--theme-line);background:var(--theme-surface);padding:14px 16px}.studio-topbar.svelte-perjty p:where(.svelte-perjty),.rail-label.svelte-perjty{color:var(--theme-ink-muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:0}.studio-topbar.svelte-perjty strong:where(.svelte-perjty){display:block;margin-top:2px;color:var(--theme-ink);font-size:14px}.transport-pill.svelte-perjty{display:inline-flex;min-height:34px;align-items:center;gap:8px;border-radius:999px;background:#2fbf71;padding:7px 12px;color:#07130c;font-size:12px;font-weight:800}.studio-body.svelte-perjty{display:grid;gap:1px;background:var(--theme-line)}.sample-rail.svelte-perjty,.pattern-panel.svelte-perjty,.mix-panel.svelte-perjty{min-width:0;background:color-mix(in srgb,var(--theme-surface-raised) 94%,transparent);padding:16px}.sample-rail.svelte-perjty{display:grid;gap:10px}.sample-chip.svelte-perjty{display:flex;min-width:0;align-items:center;gap:10px;border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-surface);padding:10px}.sample-chip.svelte-perjty>span:where(.svelte-perjty){width:8px;height:38px;flex:0 0 auto;border-radius:999px}.sample-chip.svelte-perjty div:where(.svelte-perjty){min-width:0}.sample-chip.svelte-perjty strong:where(.svelte-perjty){display:block;color:var(--theme-ink);font-size:13px}.sample-chip.svelte-perjty p:where(.svelte-perjty){margin-top:2px;overflow:hidden;color:var(--theme-ink-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.pattern-panel.svelte-perjty{display:grid;gap:12px}.bar-header.svelte-perjty{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--theme-ink);font-size:13px;font-weight:750}.bar-header.svelte-perjty div:where(.svelte-perjty){display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;color:var(--theme-ink-muted);font-size:11px;font-weight:650}.step-numbers.svelte-perjty,.steps-row.svelte-perjty{display:grid;grid-template-columns:repeat(16,minmax(20px,1fr));gap:5px}.step-numbers.svelte-perjty{margin-left:86px;color:var(--theme-ink-faint);font-size:9px;text-align:center}.track-grid.svelte-perjty{display:grid;grid-template-columns:74px minmax(0,1fr);gap:9px 12px;align-items:center}.track-name.svelte-perjty{min-width:0}.track-name.svelte-perjty strong:where(.svelte-perjty){display:block;overflow:hidden;color:var(--theme-ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.track-name.svelte-perjty span:where(.svelte-perjty){color:var(--theme-ink-faint);font-size:10px}.step-cell.svelte-perjty{aspect-ratio:1;border:1px solid var(--theme-line);border-radius:6px;background:var(--theme-surface);box-shadow:inset 0 1px #ffffff0d}.step-cell-active.svelte-perjty{border-color:color-mix(in srgb,var(--step-color) 72%,var(--theme-line));background:var(--step-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--step-color) 16%,transparent),inset 0 1px #ffffff2e}.mix-panel.svelte-perjty{display:grid;gap:12px}.mix-card.svelte-perjty,.wave-card.svelte-perjty{border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-surface)}.mix-card.svelte-perjty{display:flex;align-items:flex-start;gap:12px;padding:14px}.mix-card.svelte-perjty strong:where(.svelte-perjty){display:block;font-size:13px}.mix-card.svelte-perjty p:where(.svelte-perjty){margin-top:4px;color:var(--theme-ink-muted);font-size:12px;line-height:1.45}.wave-card.svelte-perjty{display:flex;height:92px;align-items:center;gap:10px;justify-content:center;padding:12px}.wave-card.svelte-perjty span:where(.svelte-perjty){width:18%;height:62%;border-radius:999px;background:linear-gradient(to top,#7047eb,#2fbf71)}.marketing-auth-accent.svelte-perjty .wave-card:where(.svelte-perjty) span:where(.svelte-perjty){background:linear-gradient(to top,var(--accent-solid),var(--accent-action))}.wave-card.svelte-perjty span:where(.svelte-perjty):nth-child(2),.wave-card.svelte-perjty span:where(.svelte-perjty):nth-child(4){height:86%}.knob-row.svelte-perjty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;color:var(--theme-ink-muted);font-size:11px;font-weight:700;text-align:center}.knob-row.svelte-perjty span:where(.svelte-perjty){border:1px solid var(--theme-line);border-radius:999px;background:var(--theme-surface);padding:8px}.stat-tile.svelte-perjty{border:1px solid var(--theme-line);border-radius:16px;background:var(--theme-surface-raised);padding:16px}.stat-tile.svelte-perjty p:where(.svelte-perjty){color:var(--theme-ink-muted);font-size:12px}.stat-tile.svelte-perjty strong:where(.svelte-perjty){display:block;margin-top:6px;font-size:26px;line-height:1;letter-spacing:0}.eyebrow.svelte-perjty{color:var(--brand-600-hex);font-size:12px;font-weight:750;letter-spacing:0;text-transform:uppercase}.dark .eyebrow.svelte-perjty{color:#c4b5fd}.marketing-auth-accent.svelte-perjty .eyebrow:where(.svelte-perjty){color:var(--accent-text-strong)}.feature-grid.svelte-perjty{display:grid;gap:4px}.feature-card.svelte-perjty{border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-surface-raised);padding:22px}.feature-icon.svelte-perjty{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:8px;background:var(--theme-surface);color:var(--brand-600-hex)}.marketing-auth-accent.svelte-perjty .feature-icon:where(.svelte-perjty){border:1px solid var(--accent-border);background:var(--accent-surface);color:var(--accent-text-strong)}.feature-card.svelte-perjty h3:where(.svelte-perjty){margin-top:16px;font-size:15px;font-weight:500;line-height:1.35;letter-spacing:0}.feature-card.svelte-perjty p:where(.svelte-perjty){margin-top:6px;color:var(--theme-ink-muted);font-size:14px;line-height:1.5}.flow-panel.svelte-perjty{border:1px solid var(--theme-line);border-radius:16px;background:var(--theme-surface-raised);padding:18px;box-shadow:0 1px 2px #1715120a}.flow-step.svelte-perjty{display:flex;align-items:center;gap:14px;border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-surface);padding:16px}.flow-step-active.svelte-perjty{border-color:#7047eb47;background:#7047eb1a}.marketing-auth-accent.svelte-perjty .flow-step-active:where(.svelte-perjty){border-color:var(--accent-border);background:var(--accent-surface)}.flow-step.svelte-perjty strong:where(.svelte-perjty){display:block;font-size:15px}.flow-step.svelte-perjty span:where(.svelte-perjty){display:block;margin-top:3px;color:var(--theme-ink-muted);font-size:12px}.flow-line.svelte-perjty{width:1px;height:28px;margin-left:28px;background:var(--theme-line)}@media(min-width:780px){.studio-body.svelte-perjty{grid-template-columns:190px minmax(0,1fr)}.mix-panel.svelte-perjty{grid-column:1 / -1;grid-template-columns:1fr 1.1fr .9fr;align-items:stretch}}@media(min-width:1100px){.studio-body.svelte-perjty{grid-template-columns:190px minmax(0,1fr) 210px}.mix-panel.svelte-perjty{grid-column:auto;grid-template-columns:1fr}}@media(min-width:760px){.feature-grid.svelte-perjty{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.step-numbers.svelte-perjty{margin-left:0}.track-grid.svelte-perjty{grid-template-columns:1fr}.track-name.svelte-perjty{display:flex;align-items:center;justify-content:space-between;gap:12px}}@keyframes svelte-perjty-enter{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.sequencer-visual.svelte-perjty{animation:none}}