:root{--motion-dur-hover:140ms;--motion-dur-inline:200ms;--motion-dur-modal-open:360ms;--motion-dur-modal-close:190ms;--motion-dur-expand:220ms;--motion-dur-page-enter:720ms;--motion-dur-ambient:4000ms;--motion-ease-out-soft:cubic-bezier(0.22,1,0.36,1);--motion-ease-out-sharp:cubic-bezier(0.16,1,0.3,1);--motion-ease-in-out:cubic-bezier(0.45,0,0.55,1);--space-card-tight:16px;--space-card:24px;--space-card-loose:32px;--space-section:72px;--state-success:#4CBFA2;--state-error:#FF5454;--state-attention-dot:#FD429C;--state-warning:#F2DA00;--state-info:#749FFE;--state-processing:#BDFF2C;--timeline-clip-audio:var(--state-success);--timeline-clip-smart:#9A7CEB;--timeline-clip-visual:#7890B2;--timeline-clip-audio-bg:color-mix(in srgb,var(--timeline-clip-audio) 20%,transparent);--timeline-clip-audio-border:color-mix(in srgb,var(--timeline-clip-audio) 44%,transparent);--timeline-clip-audio-handle:color-mix(in srgb,var(--timeline-clip-audio) 72%,transparent);--timeline-clip-smart-bg:color-mix(in srgb,var(--timeline-clip-smart) 40%,transparent);--timeline-clip-smart-border:color-mix(in srgb,var(--timeline-clip-smart) 64%,transparent);--timeline-clip-smart-handle:color-mix(in srgb,var(--timeline-clip-smart) 76%,transparent);--timeline-clip-visual-bg:color-mix(in srgb,var(--timeline-clip-visual) 30%,transparent);--timeline-clip-visual-border:color-mix(in srgb,var(--timeline-clip-visual) 58%,transparent);--timeline-clip-visual-handle:color-mix(in srgb,var(--timeline-clip-visual) 72%,transparent);--badge-accent-bg:color-mix(in srgb,var(--accent-mint) 12%,transparent);--badge-accent-bg-hover:color-mix(in srgb,var(--accent-mint) 17%,transparent);--badge-accent-border:color-mix(in srgb,var(--accent-mint) 32%,transparent);--badge-accent-text:var(--accent-mint);--badge-suno-bg:radial-gradient(circle at 12% 24%,rgba(255,190,76,0.18),transparent 24%),radial-gradient(circle at 44% 52%,rgba(245,69,114,0.14),transparent 28%),linear-gradient(90deg,color-mix(in srgb,#ff7a18 18%,var(--bg-panel)) 0%,color-mix(in srgb,#ff4d2f 14%,var(--bg-panel)) 48%,color-mix(in srgb,#f54572 10%,var(--bg-panel)) 100%);--badge-suno-bg-hover:radial-gradient(circle at 12% 24%,rgba(255,197,90,0.24),transparent 25%),radial-gradient(circle at 44% 52%,rgba(245,69,114,0.18),transparent 29%),linear-gradient(90deg,color-mix(in srgb,#ff7a18 23%,var(--bg-panel)) 0%,color-mix(in srgb,#ff4d2f 18%,var(--bg-panel)) 48%,color-mix(in srgb,#f54572 13%,var(--bg-panel)) 100%);--badge-suno-border:rgba(255,130,44,0.34);--badge-suno-text:#ff9a54;--surface-overlay:rgba(255,255,255,0.018);--surface-block:#ffffff0a;--surface-block-fade:color-mix(in srgb,var(--bg-base) 96%,white 4%);--surface-block-fade-mid:color-mix(in srgb,var(--surface-block-fade) 72%,transparent);--surface-block-nested:color-mix(in srgb,var(--surface-block-fade) 96%,white 4%);--surface-block-nested-mid:color-mix(in srgb,var(--surface-block-nested) 72%,transparent);--surface-subtle:rgba(255,255,255,0.035);--surface-raised:rgba(255,255,255,0.065);--surface-strong:rgba(255,255,255,0.095);--line-alpha-subtle:rgba(255,255,255,0.06);--line-alpha-medium:rgba(255,255,255,0.08);--line-studio-subtle:rgba(255,255,255,0.08);--line-studio-medium:rgba(255,255,255,0.11);--line-medium:#3c4046;--scrim:rgba(0,0,0,0.72);--accent-yellow:#F2DA00;--accent-yellow-strong:#CF9A12}@media (prefers-reduced-motion:reduce){:root{--motion-dur-hover:0ms;--motion-dur-inline:80ms;--motion-dur-modal-open:80ms;--motion-dur-modal-close:80ms;--motion-dur-expand:80ms;--motion-dur-page-enter:0ms;--motion-dur-ambient:0ms}}