:root{--font-ui:"Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", sans-serif;--tile-shadow:inset 0 1px 0 #ffffff0f, 0 1px 0 color-mix(in srgb, var(--shadow) 40%, transparent), 0 6px 16px -6px color-mix(in srgb, var(--shadow) 55%, transparent);--tile-shadow-pressed:inset 0 2px 6px color-mix(in srgb, var(--shadow) 55%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--foreground) 6%, transparent)}html{font-family:var(--font-ui);letter-spacing:-.005em}.eyebrow,.metric-caption,code,kbd,.wave-time-labels,.timeline-scale{font-family:var(--font-mono);letter-spacing:0}[data-slot=card]{border-color:color-mix(in srgb, var(--border) 70%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--foreground) 2.5%, var(--card)), var(--card) 120px);box-shadow:inset 0 1px 0 #ffffff0a, 0 18px 40px -24px color-mix(in srgb, var(--shadow) 70%, transparent);border-radius:20px}[data-slot=button]{border-radius:12px;font-weight:500;transition:background-color .12s,box-shadow .12s,color .12s,transform 80ms}[data-slot=button]:is([data-variant=outline],[data-variant=secondary]){border-color:color-mix(in srgb, var(--foreground) 5%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--foreground) 4%, var(--tile)), var(--tile));box-shadow:var(--tile-shadow)}[data-slot=button]:is([data-variant=outline],[data-variant=secondary]):hover{background:color-mix(in srgb, var(--foreground) 7%, var(--tile))}[data-slot=button]:is([data-variant=outline],[data-variant=secondary]):is([aria-pressed=true],:active){background:color-mix(in srgb, var(--shadow) 18%, var(--tile));box-shadow:var(--tile-shadow-pressed)}[data-slot=button][data-variant=default]{box-shadow:inset 0 1px 0 #ffffff40, 0 6px 18px -8px var(--primary)}[data-slot=input],[data-slot=select-trigger]{background:var(--screen);border-color:color-mix(in srgb, var(--border) 80%, transparent);border-radius:12px}[data-slot=tabs-list][data-variant=default]{background:var(--screen);border-color:color-mix(in srgb, var(--border) 60%, transparent);border-radius:14px}[data-slot=tabs-list][data-variant=default]>[data-slot=tabs-trigger]{border-radius:10px}[data-slot=tabs-list][data-variant=default]>[data-slot=tabs-trigger][data-active]{background:var(--tile);box-shadow:var(--tile-shadow);border-color:#0000}[data-slot=badge]{border-radius:999px}.deck{--deck:var(--lime);border-radius:24px;padding:18px}.deck-orange{--deck:var(--orange)}.deck,.deck-orange{background:linear-gradient(180deg, color-mix(in srgb, var(--foreground) 3%, var(--card)), var(--card) 160px)}.deck .deck-letter,.deck-orange .deck-letter{width:30px;height:30px;color:var(--foreground);background:linear-gradient(180deg, color-mix(in srgb, var(--foreground) 6%, var(--tile)), var(--tile));box-shadow:var(--tile-shadow), inset 0 -2px 0 var(--deck);border:0;border-radius:9px;font-size:14px;font-weight:600}.deck .eyebrow{color:var(--muted-foreground)}.deck .deck-status,.deck-orange .deck-status{color:var(--muted-foreground);border-color:color-mix(in srgb, var(--border) 80%, transparent);font-family:var(--font-mono)}.deck .deck-status.is-playing{color:var(--deck);border-color:color-mix(in srgb, var(--deck) 40%, transparent)}.deck .deck-status.is-playing .status-dot{background:var(--deck);box-shadow:0 0 6px var(--deck)}.deck .artwork{box-shadow:var(--tile-shadow);border-radius:12px}.deck .track-heading h2{letter-spacing:-.02em;font-size:17px;font-weight:600}.deck .track-heading p{font-size:13px}.deck-screen{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--foreground) 1.6%, transparent) 0 1px, transparent 1px 3px), var(--screen);border:1px solid color-mix(in srgb, var(--shadow) 50%, transparent);box-shadow:inset 0 2px 14px color-mix(in srgb, var(--shadow) 55%, transparent), 0 1px 0 #ffffff0a;border-radius:18px;margin-bottom:4px;padding:14px 16px 10px}.deck-screen .deck-metrics{margin-bottom:14px}.deck .metric-caption,.deck-orange .metric-caption{color:var(--muted-foreground)}.deck .deck-metrics strong,.deck-orange .deck-metrics strong{letter-spacing:-.035em;color:var(--foreground);font-size:30px;font-weight:400}html .deck .deck-metrics strong,html .deck .deck-metrics .key-value,html .deck .deck-time strong{font-size:30px}html:is([data-density=dense],[data-density=compact]) .deck :is(.deck-metrics strong,.deck-metrics .key-value,.deck-time strong){font-size:26px}.deck .deck-metrics strong small{font-family:var(--font-mono);letter-spacing:0}.deck-screen .wave-heading,.deck-orange .deck-screen .wave-heading,.deck-orange .deck-screen .wave-heading .muted{color:var(--muted-foreground);font-family:var(--font-mono)}.deck .waveform,.deck .waveform-orange{color:var(--deck);background:0 0;border:0;border-radius:10px}.deck .waveform-orange .wave-time-labels,.deck .wave-time-labels{color:color-mix(in srgb, var(--muted-foreground) 80%, transparent)}.wave-cue-label{color:#111;text-align:center;border-radius:4px 4px 4px 0;min-width:16px;padding:0 4px;font-weight:600}.deck .deck-transport{padding:14px 0 10px}.deck .transport-main{gap:8px}.deck .cue-button,.deck-orange .cue-button,.deck .sync-button,.deck-orange .sync-button,.deck .play-button{border-radius:12px;height:40px;min-height:40px;font-size:14px!important}.deck .cue-button,.deck-orange .cue-button{color:var(--signal-cue);padding-inline:16px;font-weight:600}.deck .sync-button,.deck-orange .sync-button{color:var(--foreground);padding-inline:12px}.deck .sync-button[aria-pressed=true]{color:var(--deck)}.deck .play-button,.deck-lime .play-button,.deck-orange .play-button{background:linear-gradient(180deg, color-mix(in srgb, #fff 18%, var(--deck)), var(--deck));width:56px;color:var(--primary-foreground);box-shadow:inset 0 1px 0 #ffffff59, 0 6px 16px -8px var(--deck)}.deck .tempo-adjust{font-family:var(--font-mono)}.deck .tempo-adjust [data-slot=slider-range]{background:var(--deck)}.deck .deck-tool-strip [data-slot=button]{border-radius:11px;min-height:36px}.deck-tabs [data-slot=tabs-list]{border:1px solid color-mix(in srgb, var(--shadow) 40%, transparent);background:var(--screen);border-radius:14px;flex-wrap:wrap;gap:4px;height:auto;padding:4px}.deck .deck-tabs [data-slot=tabs-trigger]{border-radius:10px;flex:1 0 auto;gap:7px;min-height:34px;padding-inline:10px}.deck .deck-tabs [data-slot=tabs-trigger]:after{display:none}.deck .deck-tabs [data-slot=tabs-trigger][data-active]{color:var(--foreground);background:var(--tile);box-shadow:var(--tile-shadow)}.deck .deck-tabs [data-slot=tabs-trigger][data-active]:before{content:"";background:var(--signal-cue);width:7px;height:7px;box-shadow:0 0 6px var(--signal-cue);border-radius:50%}.cue-pads{gap:8px}.deck .cue-pad,.deck-orange .cue-pad{height:50px;color:var(--muted-foreground);border-radius:12px}.deck .cue-pad small,.deck-orange .cue-pad small{color:var(--muted-foreground)}.deck .cue-pads>.cue-pad.cue-set{--pad:var(--deck);color:#141414;background:linear-gradient(180deg, color-mix(in srgb, #fff 18%, var(--pad)), var(--pad));box-shadow:inset 0 1px 0 #ffffff59, 0 6px 16px -8px var(--pad);border-color:#0000}.deck .cue-pads>.cue-pad.cue-set small{color:#141414bf}.deck .cue-pads>.cue-pad.cue-set:first-child{--pad:var(--hot-1)}.deck .cue-pads>.cue-pad.cue-set:nth-child(2){--pad:var(--hot-2)}.deck .cue-pads>.cue-pad.cue-set:nth-child(3){--pad:var(--hot-3)}.deck .cue-pads>.cue-pad.cue-set:nth-child(4){--pad:var(--hot-4)}.deck .cue-pads>.cue-pad.cue-set:nth-child(5){--pad:var(--hot-5)}.deck .cue-pads>.cue-pad.cue-set:nth-child(6){--pad:var(--hot-6)}.deck .cue-pads>.cue-pad.cue-set:nth-child(7){--pad:var(--hot-7)}.deck .cue-pads>.cue-pad.cue-set:nth-child(8){--pad:var(--hot-8)}.compact-coach.automix-bar{border-radius:22px;gap:14px;padding:14px 16px 16px}.automix-toolbar .coach-auto-control strong{font-size:15px;font-weight:600}.automix-status{font-family:var(--font-mono);color:var(--muted-foreground);background:var(--screen);border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-size:12px;display:inline-flex}.automix-status .status-dot{background:color-mix(in srgb, var(--foreground) 25%, transparent);border-radius:50%;width:7px;height:7px}.automix-status[data-tone=armed]{color:var(--primary)}.automix-status[data-tone=armed] .status-dot{background:var(--primary);animation:1.4s infinite blink}.automix-status[data-tone=live]{color:var(--signal-play)}.automix-status[data-tone=live] .status-dot{background:var(--signal-play);box-shadow:0 0 8px var(--signal-play)}.automix-status[data-tone=done] .status-dot{background:var(--foreground)}.automix-energy{background:var(--screen);border:1px solid color-mix(in srgb, var(--shadow) 40%, transparent);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.automix-energy button{min-height:32px;color:var(--muted-foreground);border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:13px;transition:background-color .12s,color .12s;display:inline-flex}.automix-energy button:hover{color:var(--foreground)}.automix-energy button[aria-checked=true]{color:var(--foreground);background:var(--tile);box-shadow:var(--tile-shadow)}.automix-energy button[aria-checked=true]>span{color:var(--primary)}.automix-picker [data-slot=select-trigger]{width:170px}.automix-flow{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;gap:10px;display:grid}.automix-deck,.automix-bridge{background:var(--screen);border:1px solid color-mix(in srgb, var(--shadow) 40%, transparent);min-width:0;box-shadow:inset 0 2px 10px color-mix(in srgb, var(--shadow) 40%, transparent);border-radius:16px;flex-direction:column;justify-content:center;gap:4px;padding:12px 14px;display:flex}.automix-deck{--deck:var(--lime);border-inline-start:3px solid var(--deck)}.automix-deck[data-deck=B]{--deck:var(--orange)}.automix-flow .automix-eyebrow{font-family:var(--font-mono);letter-spacing:.06em;color:var(--deck,var(--primary));font-size:11px}.automix-deck strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.automix-flow .automix-meta,.automix-flow .automix-next>span:last-child{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.automix-chips{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.automix-chips>span{font-family:var(--font-mono);color:var(--muted-foreground);border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);white-space:nowrap;border-radius:6px;padding:1px 7px;font-size:11px}.automix-chips>[data-fit=good]{color:var(--signal-play);border-color:color-mix(in srgb, var(--signal-play) 35%, transparent)}.automix-chips>[data-fit=poor]{color:var(--signal-cue);border-color:color-mix(in srgb, var(--signal-cue) 40%, transparent)}.automix-bridge{gap:8px}.automix-bridge-head{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.automix-bridge-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.automix-bridge-head span{font-family:var(--font-mono);color:var(--muted-foreground);flex-shrink:0;font-size:12px}.automix-lane{grid-template-columns:2.2fr 1fr;gap:3px;height:8px;display:grid}.automix-lane>span{background:color-mix(in srgb, var(--foreground) 9%, transparent);border-radius:999px}.lane-approach{background-image:linear-gradient(var(--lime), var(--lime))!important;background-size:var(--approach) 100%!important;background-repeat:no-repeat!important}.lane-mix{background-image:linear-gradient(90deg, var(--lime), var(--orange))!important;background-size:var(--mix) 100%!important;background-repeat:no-repeat!important}.automix-lane[data-mixing] .lane-mix{box-shadow:0 0 10px color-mix(in srgb, var(--orange) 45%, transparent)}.automix-bridge-foot{align-items:center;gap:8px;min-width:0;display:flex}.automix-bridge-foot .coach-cue-trigger{min-height:26px;font-family:var(--font-mono);background:color-mix(in srgb, var(--foreground) 5%, transparent);border-radius:8px;flex-shrink:0;padding-inline:8px;font-size:12px}.automix-guidance{min-width:0;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.automix-next{display:flex}@media (width<=900px){.automix-flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.automix-bridge{order:3;grid-column:1/-1}}.waveform-canvas{pointer-events:none;position:absolute}.waveform>svg{position:relative}.scrolling-waveform{background:var(--wave-bg);height:96px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 6%, transparent);border-radius:12px;margin-bottom:12px;position:relative;overflow:hidden}html:is([data-density=dense],[data-density=compact]) .scrolling-waveform{height:84px}.scrolling-waveform canvas{width:100%;height:100%;display:block}.scrolling-zoom{font-family:var(--font-mono);color:var(--muted-foreground);background:color-mix(in srgb, var(--screen) 80%, transparent);border-radius:8px;align-items:center;gap:2px;padding:0 2px;font-size:11px;display:flex;position:absolute;top:4px;right:6px}.scrolling-zoom [data-slot=button]{min-width:24px;min-height:24px}.scrolling-caption{font-family:var(--font-mono);color:var(--muted-foreground);background:color-mix(in srgb, var(--screen) 80%, transparent);pointer-events:none;border-radius:6px;padding:1px 6px;font-size:11px;position:absolute;top:6px;left:8px}.deck-screen .waveform-compact{background:var(--wave-bg);border-radius:8px;height:40px}.deck-screen .scrolling-waveform{height:120px;margin-bottom:8px}html:is([data-density=dense],[data-density=compact]) .deck-screen .scrolling-waveform{height:108px}.app-shell .workspace{container:workspace/inline-size}html .app-shell .topbar{border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--background) 97%, transparent);flex-wrap:nowrap;align-items:center;gap:10px;min-height:60px;padding:10px 20px;display:flex}html .app-shell .topbar-leading{flex:none;order:0;gap:8px}html .app-shell .topbar-layout{flex:none;order:1}html .app-shell .topbar .route-title{font-size:15px;font-weight:600;display:block}html .app-shell .topbar:has(.topbar-layout) .route-title{display:none}html .app-shell .topbar-actions{flex-wrap:nowrap;flex:1;order:2;justify-content:flex-end;align-items:center;gap:8px;width:auto;min-width:0;margin:0;display:flex}html .app-shell .topbar-actions>.theme-selector{width:150px;min-width:0}html .app-shell .topbar .session-actions{background:var(--screen);border:1px solid color-mix(in srgb, var(--shadow) 40%, transparent);border-radius:14px;flex-wrap:nowrap;flex:none;gap:6px;width:auto;margin:0;padding:3px;display:flex}html .app-shell .topbar .session-actions :is(button,a){white-space:nowrap;border-radius:10px;gap:7px;min-width:34px;height:34px;min-height:34px;padding:0 12px;font-size:13px}.appearance-button{display:none}html .app-shell .topbar .midi-status{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);border-radius:999px;flex:none;gap:7px;height:34px;min-height:34px;padding:0 12px;font-size:13px;position:relative}@container workspace (width<=1180px){html .app-shell .topbar .btn-label{display:none}html .app-shell .topbar .session-actions :is(button,a),html .app-shell .topbar .midi-status{justify-content:center;width:34px;padding:0}html .app-shell .topbar .midi-status .status-dot{position:absolute;top:5px;right:5px}}@container workspace (width<=900px){html .app-shell .topbar-actions>.theme-selector{display:none}.appearance-button{display:inline-flex}html .app-shell .topbar-actions [aria-label=Keyboard\ shortcuts]{display:none}}@container workspace (width<=640px){html .app-shell .topbar{flex-wrap:wrap;row-gap:8px;padding:8px 12px}html .app-shell .topbar-actions{flex:1}html .app-shell .topbar-layout{flex-basis:100%;order:3}html .app-shell .topbar-layout .layout-tabs{width:100%}html .app-shell .topbar-layout [data-slot=tabs-trigger]{flex:1}html .app-shell .topbar-actions .fullscreen-button{display:none}}html :is(.app-shell .sidebar,.mobile-navigation){background:linear-gradient(180deg, color-mix(in srgb, var(--foreground) 2%, var(--sidebar)), var(--sidebar));border-inline-end:1px solid color-mix(in srgb, var(--border) 70%, transparent);flex-direction:column;gap:2px;padding:16px 12px 12px;display:flex}html :is(.app-shell .sidebar,.mobile-navigation) .brand{letter-spacing:-.03em;align-items:center;gap:10px;padding:2px 8px 18px;font-size:20px;font-weight:700;display:flex}html :is(.app-shell .sidebar,.mobile-navigation) .brand-symbol{border:1px solid var(--border);background:var(--screen);width:34px;height:34px;box-shadow:0 6px 18px -10px var(--primary);border-radius:11px;place-items:center;display:grid}html :is(.app-shell .sidebar,.mobile-navigation) .workspace-label,html :is(.app-shell .sidebar,.mobile-navigation) .sidebar-section-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted-foreground);align-items:center;gap:6px;margin:10px 10px 6px;font-size:11px;display:flex}html :is(.app-shell .sidebar,.mobile-navigation) .workspace-label{margin-top:0}.workspace-badge{background:color-mix(in srgb, var(--orange) 14%, var(--screen));color:var(--orange);white-space:nowrap;border-radius:6px;margin-inline-start:auto;padding:0 6px}html :is(.app-shell .sidebar,.mobile-navigation) :is(.main-nav,.collection-nav){flex-direction:column;gap:2px;margin:0;display:flex}html :is(.app-shell .sidebar,.mobile-navigation) .nav-item{width:100%;height:40px;min-height:40px;color:var(--muted-foreground);box-shadow:none;background:0 0;border:0;border-radius:12px;justify-content:flex-start;gap:11px;padding:0 10px;font-weight:500;position:relative;font-size:14px!important}html :is(.app-shell .sidebar,.mobile-navigation) .nav-item svg{width:18px;height:18px}html :is(.app-shell .sidebar,.mobile-navigation) .nav-item:hover{color:var(--foreground);background:color-mix(in srgb, var(--tile) 60%, transparent)}html :is(.app-shell .sidebar,.mobile-navigation) .nav-item.nav-active{color:var(--foreground);background:var(--tile);box-shadow:var(--tile-shadow)}html :is(.app-shell .sidebar,.mobile-navigation) .nav-item.nav-active svg{color:var(--primary)}html :is(.app-shell .sidebar,.mobile-navigation) .nav-item.nav-active:before{content:"";inset-inline-start:-12px;background:var(--primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px}html :is(.app-shell .sidebar,.mobile-navigation) .nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;display:inline;overflow:hidden}html :is(.app-shell .sidebar,.mobile-navigation) .nav-active-dot{display:none}html :is(.app-shell .sidebar,.mobile-navigation) .nav-count{min-width:22px;font-family:var(--font-mono);text-align:center;color:var(--muted-foreground);background:var(--screen);border-radius:7px;padding:0 6px;font-size:11px;line-height:18px}html :is(.app-shell .sidebar,.mobile-navigation) .new-badge{height:18px;min-height:18px;font-family:var(--font-mono);color:var(--primary-foreground);background:var(--primary);border-radius:6px;padding:0 6px;font-size:10px}html :is(.app-shell .sidebar,.mobile-navigation) .sidebar-bottom{flex-direction:column;gap:6px;margin-top:auto;padding-top:16px;display:flex}html :is(.app-shell .sidebar,.mobile-navigation) .controller-card{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 60%), var(--screen);border-radius:16px;padding:14px;display:block}html :is(.app-shell .sidebar,.mobile-navigation) .controller-card .controller-top{color:var(--primary);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}html :is(.app-shell .sidebar,.mobile-navigation) .controller-card strong{font-size:14px;line-height:1.3;display:block}html :is(.app-shell .sidebar,.mobile-navigation) .controller-card p{color:var(--muted-foreground);margin:3px 0 12px;font-size:12px;line-height:1.4}html :is(.app-shell .sidebar,.mobile-navigation) .controller-card button{border-radius:10px;justify-content:space-between;width:100%;height:34px;min-height:34px;font-size:13px}html :is(.app-shell .sidebar,.mobile-navigation) .sidebar-profile{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);align-items:center;gap:10px;padding:8px 6px 0;display:flex}html :is(.app-shell .sidebar,.mobile-navigation) .sidebar-profile>div{flex-direction:column;flex:1;min-width:0;font-size:13px;display:flex}html :is(.app-shell .sidebar,.mobile-navigation) .sidebar-profile span:not(.profile-avatar){color:var(--muted-foreground);font-size:12px}html :is(.app-shell .sidebar,.mobile-navigation) .profile-avatar{background:var(--tile);border-radius:10px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:grid}html .app-shell.sidebar-collapsed .sidebar{align-items:center;padding-inline:12px}html .app-shell.sidebar-collapsed .sidebar .brand{padding:2px 0 18px}html .app-shell.sidebar-collapsed .sidebar .brand>span:last-child,html .app-shell.sidebar-collapsed .sidebar .workspace-label,html .app-shell.sidebar-collapsed .sidebar .sidebar-section-label,html .app-shell.sidebar-collapsed .sidebar .controller-card,html .app-shell.sidebar-collapsed .sidebar .sidebar-profile,html .app-shell.sidebar-collapsed .sidebar .nav-label,html .app-shell.sidebar-collapsed .sidebar .nav-count,html .app-shell.sidebar-collapsed .sidebar .new-badge{display:none}html .app-shell.sidebar-collapsed .sidebar .collection-nav{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);margin-top:14px;padding-top:14px}html .app-shell.sidebar-collapsed .sidebar .nav-item{justify-content:center;width:44px;height:44px;padding:0}html .app-shell.sidebar-collapsed .sidebar .nav-item.nav-active:before{inset-inline-start:-12px}html .app-shell.sidebar-collapsed .sidebar .sidebar-bottom{align-items:center}html .app-shell .topbar .record-dot{background:var(--destructive);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--destructive) 22%, transparent);border:0;border-radius:50%}html .app-shell .topbar .record-dot.recording{animation:1s infinite blink}html .app-shell .sidebar :is(.workspace-label,.controller-card button){white-space:nowrap;flex-wrap:nowrap}html .app-shell .sidebar .sidebar-profile>div>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html:is([data-fullscreen],:fullscreen) .app-shell.app-shell{grid-template-columns:minmax(0,1fr)}html:is([data-fullscreen],:fullscreen) .app-shell :is(.sidebar,.sidebar-toggle){display:none}:root{--fit-good:var(--signal-play);--fit-ok:var(--orange);--fit-poor:color-mix(in srgb, var(--muted-foreground) 70%, transparent)}html .library-browser .track-table-panel{container:tracks/inline-size}html .library-browser .track-table-panel table{table-layout:fixed;width:100%;min-width:0}@container tracks (width<=1030px){html .library-browser .track-table-panel .energy-cell{display:none}}@container tracks (width<=890px){html .library-browser .track-table-panel .genre-cell{display:none}}@container tracks (width<=780px){html .library-browser .track-table-panel .waveform-cell{display:none}}@container tracks (width<=630px){html .library-browser .track-table-panel :is(.time-cell,.actions-cell){display:none}}html .library-browser .track-table-panel thead tr{height:40px;min-height:0}html .library-browser .track-table-panel th{height:40px;font-family:var(--font-mono);letter-spacing:.05em;color:var(--muted-foreground);background:var(--card);border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);padding:0 6px;font-size:11px}html .library-browser .track-table-panel tbody tr:not(.library-spacer){height:52px;min-height:0;box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--border) 45%, transparent);border:0;transition:background-color .1s}html .library-browser .track-table-panel tbody tr:not(.library-spacer):hover{background:color-mix(in srgb, var(--tile) 55%, transparent)}html .library-browser .track-table-panel tbody tr[draggable=true]{cursor:grab}html .library-browser .track-table-panel tbody tr[draggable=true]:active{cursor:grabbing}html .library-browser .track-table-panel td{vertical-align:middle;border:0;height:52px;padding:0 6px}html .library-browser .track-table-panel .number-cell{text-align:center;width:52px}html .library-browser .track-table-panel .load-cell{width:78px}html .library-browser .track-table-panel .bpm-cell{width:82px}html .library-browser .track-table-panel .key-cell{width:68px}html .library-browser .track-table-panel .waveform-cell{width:150px}html .library-browser .track-table-panel .genre-cell{white-space:nowrap;text-overflow:ellipsis;width:112px;overflow:hidden}html .library-browser .track-table-panel .time-cell{white-space:nowrap;width:62px}html .library-browser .track-table-panel .actions-cell{width:66px}html .library-browser .track-table-panel .energy-cell{width:132px}html .library-browser .library-track{gap:10px}html .library-browser .library-track .artwork{border-radius:9px;width:34px;height:34px}html .library-browser .library-track strong{font-size:14px;font-weight:600;line-height:1.25}html .library-browser .library-track>div>span{color:var(--muted-foreground);font-size:12px;line-height:1.3}html .library-browser .load-buttons{gap:4px}html .library-browser .load-buttons button{border-radius:9px;width:30px;min-width:30px;height:30px;min-height:30px;font-size:12px;font-weight:600}html .library-browser .load-buttons button.loaded-a{color:var(--primary-foreground);background:var(--lime)}html .library-browser .load-buttons button.loaded-b{color:var(--primary-foreground);background:var(--orange)}html .library-browser .track-actions [data-slot=button],html .library-browser .energy-rating [data-slot=button]{width:26px;min-width:26px;height:26px;min-height:26px}html .library-browser .energy-rating svg{width:14px;height:14px}html .library-browser .track-table-panel .table-sort{min-width:0;height:26px;min-height:26px;font:inherit;letter-spacing:inherit;color:inherit;box-shadow:none;border-radius:6px;gap:3px;padding:0 4px}html .library-browser .track-table-panel .table-sort[data-active]{color:var(--foreground)}.table-sort .sort-asc{transform:rotate(180deg)}.sort-divider{opacity:.5;margin:0 2px}.fit-dot{background:color-mix(in srgb, var(--muted-foreground) 35%, transparent);border-radius:50%;width:8px;height:8px;display:inline-block}.fit-dot[data-fit=good]{background:var(--fit-good);box-shadow:0 0 6px var(--fit-good)}.fit-dot[data-fit=ok]{background:var(--fit-ok)}.fit-dot[data-fit=poor]{box-shadow:inset 0 0 0 1.5px var(--fit-poor);background:0 0}html .library-browser .bpm-cell{line-height:1.15}html .library-browser .bpm-cell>span{display:block}html .library-browser .bpm-cell small{color:var(--fit-poor);font-size:11px;display:block}html .library-browser .bpm-cell small[data-fit=good]{color:var(--fit-good)}html .library-browser .bpm-cell small[data-fit=ok]{color:var(--fit-ok)}html .library-browser .key-badge[data-fit=good]{color:var(--fit-good);border-color:color-mix(in srgb, var(--fit-good) 50%, transparent);background:color-mix(in srgb, var(--fit-good) 12%, transparent)}html .library-browser .key-badge[data-fit=poor]{color:var(--muted-foreground)}html .library-browser .track-table-panel tbody tr[data-fit=poor] .library-track{opacity:.72}.mixable-toggle .mixable-reference{font-family:var(--font-mono);color:var(--muted-foreground);font-size:11px}.mixable-toggle[aria-pressed=true]{color:var(--fit-good)}.library-mini-waveform{width:100%;height:30px;display:block}.deck.is-drop-target{outline:2px dashed var(--deck);outline-offset:-6px;box-shadow:0 0 0 6px color-mix(in srgb, var(--deck) 18%, transparent)}html .library-panel{padding:14px}html .library-panel .library-browser{border:0;gap:12px}html .library-panel .library-content,html .library-panel .folder-browser{background:0 0;border:0}html .library-panel .folder-browser{border-inline-end:1px solid color-mix(in srgb, var(--border) 55%, transparent)}html .library-panel .section-heading{border-bottom:0;flex-wrap:wrap;gap:10px}html .library-panel .section-heading h2{white-space:nowrap}html .library-panel{container:library/inline-size}.library-import-actions{flex-wrap:wrap;gap:8px;display:flex}html .library-browser .number-cell{white-space:nowrap}.row-check{vertical-align:middle;width:14px;height:14px;accent-color:var(--primary);opacity:0;margin-inline-end:6px;transition:opacity .1s}html .library-browser tbody tr:hover .row-check,html .library-browser tbody tr.is-checked .row-check,.row-check:focus-visible{opacity:1}html .library-browser .track-table-panel tbody tr.is-checked{background:color-mix(in srgb, var(--primary) 10%, transparent)}.selection-bar{background:var(--screen);border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px;padding:6px 8px;font-size:13px;display:flex}.selection-bar strong{margin-inline-end:6px}.selection-rate{border-inline-start:1px solid color-mix(in srgb, var(--border) 70%, transparent);gap:2px;padding-inline-start:6px;display:inline-flex}.selection-rate [data-slot=button]{min-width:24px;font-family:var(--font-mono)}.selection-clear{margin-inline-start:auto}.played-label{color:color-mix(in srgb, var(--fit-good) 75%, var(--muted-foreground));font-style:normal}.track-actions .is-previewing{color:var(--primary)}html .library-browser .key-badge[style]{color:hsl(var(--key-hue) 70% 22%);background:hsl(var(--key-hue) 75% var(--key-light));border-color:#0000}html .library-browser .key-badge[style][data-fit=good]{box-shadow:0 0 0 2px var(--fit-good)}html .library-browser .key-badge[style][data-fit=poor]{opacity:.55}html .library-browser .energy-rating{gap:2px}html .library-browser .energy-rating [data-slot=button]{width:18px;min-width:18px;padding:0}.energy-segment{background:color-mix(in srgb, var(--muted-foreground) 22%, transparent);border-radius:3px;width:10px;height:16px;display:block}.energy-star.is-rated .energy-segment{background:linear-gradient(180deg, var(--orange), var(--primary))}.folder-browser .folder-empty{border:1px dashed color-mix(in srgb, var(--border) 90%, transparent);background:var(--screen);color:var(--muted-foreground);border-radius:14px;justify-items:start;gap:6px;margin:4px 6px 8px;padding:14px;display:grid}.folder-browser .folder-empty svg{color:var(--primary)}.folder-browser .folder-empty strong{color:var(--foreground);font-size:13px}.folder-browser .folder-empty p{margin:0;font-size:12px;line-height:1.45}.save-kind{flex-wrap:wrap;gap:8px;display:flex}.save-kind [aria-checked=true]{border-color:var(--primary);color:var(--primary)}@media (width<=620px){html .app-shell .sidebar{display:none}html .app-shell.app-shell{grid-template-columns:minmax(0,1fr)}.compact-coach.automix-bar{border-radius:18px;padding:12px}.automix-toolbar{gap:8px}.automix-toolbar .automix-energy{flex:100%}.automix-energy button{flex:1;justify-content:center}.automix-toolbar .automix-picker{flex:100%}.automix-toolbar .automix-picker [data-slot=select-trigger]{flex:1;width:auto}.automix-flow{grid-template-columns:minmax(0,1fr)}.automix-bridge{order:0;grid-column:auto}.automix-bridge-foot{flex-wrap:wrap}.automix-guidance{white-space:normal}html .deck .deck-metrics{grid-template-columns:1fr .8fr 1.2fr;gap:6px}html .deck :is(.deck-metrics strong,.deck-metrics .key-value,.deck-time strong){font-size:22px}html .deck .deck-metrics .key-value small,html .deck .deck-time small,.scrolling-caption{display:none}.deck-screen .scrolling-waveform{height:96px}html .mixer .mixer-channel{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:8px 4px;padding-bottom:14px;display:grid}html .mixer .mixer-channel>.channel-label{grid-column:1/-1}html .mixer .mixer-channel>[data-slot=button]{grid-column:1/3;justify-self:center}html .mixer .mixer-channel>.channel-fader{grid-column:3/-1;justify-self:center;height:120px}html .library-panel .section-heading{flex-wrap:wrap;gap:10px}html .library-panel .library-import-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}html .library-panel .library-import-actions>[data-slot=button]:first-child{grid-column:1/-1}html .library-panel .library-import-actions>[data-slot=button]{flex:1;min-width:0}html .library-browser .track-table-panel table{min-width:0}html .library-browser .track-table-panel .number-cell{width:22px}html .library-browser .track-table-panel :is(.track-name-cell,.load-cell){width:auto;min-width:0;position:static}html .library-browser .track-table-panel :is(th,td){padding:0 3px}html .library-browser .load-buttons{gap:3px}html .library-browser .load-buttons button{width:26px;min-width:26px;height:28px;min-height:28px}html .library-browser .track-table-panel .row-check{display:none}html .library-browser .track-table-panel .load-cell{width:62px}html .library-browser .track-table-panel .bpm-cell{width:50px}html .library-browser .track-table-panel .key-cell{width:44px}html .library-browser .library-track .artwork,html .library-browser .track-table-panel th .sort-divider,html .library-browser .track-table-panel th .table-sort[aria-label^="Sort by artist"],.mixable-toggle .mixable-reference,html .library-browser .track-table-panel th.number-cell .table-sort{display:none}html .library-panel .folder-browser{scrollbar-width:none;border:0;flex-wrap:nowrap;gap:6px;max-height:none;padding-bottom:6px;display:flex;overflow-x:auto}html .library-panel .folder-browser>:is(.folder-browser-label,.folder-empty){display:none}html .library-panel .folder-browser [data-slot=button]{background:var(--tile);border-radius:999px;flex:none;width:auto;height:34px;min-height:34px;padding:0 12px}html .library-panel .folder-browser [data-slot=button][aria-current=page]{color:var(--primary-foreground);background:var(--primary)}}@container library (width<=700px){html .library-panel .library-import-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}html .library-panel .library-import-actions>[data-slot=button]:first-child{grid-column:1/-1}html .library-panel .library-import-actions>*{min-width:0}html .library-panel .library-import-actions [data-slot=button]{justify-content:center;width:100%}html .library-panel .library-browser{grid-template-columns:minmax(0,1fr)}html .library-panel .folder-browser{scrollbar-width:none;border:0;flex-wrap:nowrap;gap:6px;max-height:none;padding:0 0 6px;display:flex;overflow-x:auto}html .library-panel .folder-browser>:is(.folder-browser-label,.folder-empty){display:none}html .library-panel .folder-browser [data-slot=button]{background:var(--tile);border-radius:999px;flex:none;width:auto;height:34px;min-height:34px;padding:0 12px}html .library-panel .folder-browser [data-slot=button][aria-current=page]{color:var(--primary-foreground);background:var(--primary)}}@container tracks (width<=560px){html .library-browser .track-table-panel :is(th,td){padding:0 3px}html .library-browser .track-table-panel :is(.track-name-cell,.load-cell){position:static}html .library-browser .track-table-panel .track-name-cell{width:auto;min-width:0}html .library-browser .track-table-panel .number-cell{width:24px}html .library-browser .track-table-panel th.number-cell .table-sort,html .library-browser .track-table-panel .row-check,html .library-browser .library-track .artwork,html .library-browser .track-table-panel th .sort-divider,html .library-browser .track-table-panel th .table-sort[aria-label^="Sort by artist"]{display:none}html .library-browser .track-table-panel .load-cell{width:62px}html .library-browser .track-table-panel .bpm-cell{width:52px}html .library-browser .track-table-panel .key-cell{width:46px}html .library-browser .load-buttons{gap:3px}html .library-browser .load-buttons button{width:26px;min-width:26px;height:28px;min-height:28px}}.automix-dock{z-index:40;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:620px;color:var(--foreground);background:color-mix(in srgb, var(--card) 97%, transparent);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);box-shadow:0 18px 40px -12px color-mix(in srgb, var(--shadow) 80%, transparent), inset 0 1px 0 #ffffff0d;border-radius:18px;align-items:center;gap:8px;margin-inline:auto;padding:8px 8px 8px 10px;animation:.22s ease-out dock-in;display:flex;position:fixed}.automix-dock-summary{text-align:start;border-radius:12px;flex:1;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"status text chevron""lane lane lane";align-items:center;gap:6px 8px;min-width:0;padding:2px 4px;display:grid}.automix-dock-summary:focus-visible{outline:2px solid var(--ring)}.automix-dock-summary .automix-status{grid-area:status}.automix-dock-text{flex-direction:column;grid-area:text;min-width:0;line-height:1.2;display:flex}.automix-dock-text strong,.automix-dock-text small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.automix-dock-text strong{font-size:14px;font-weight:600}.automix-dock-text small{font-family:var(--font-mono);color:var(--muted-foreground);font-size:11px}.automix-dock-chevron{color:var(--muted-foreground);grid-area:chevron;transform:rotate(180deg)}.automix-dock-lane{grid-area:lane;height:4px}.automix-dock [data-slot=switch]{flex:none}.automix-dock [data-slot=button]{border-radius:12px;flex:none;width:40px;min-width:40px;height:40px;min-height:40px}.automix-sheet-backdrop{z-index:45;background:color-mix(in srgb, var(--shadow) 55%, transparent);animation:.16s ease-out fade-in;position:fixed;inset:0}.automix-sheet{z-index:46;max-width:720px;max-height:86vh;padding:6px 8px calc(10px + env(safe-area-inset-bottom));background:var(--background);box-shadow:0 -18px 50px -10px color-mix(in srgb, var(--shadow) 80%, transparent);border-radius:24px 24px 0 0;margin-inline:auto;animation:.24s cubic-bezier(.2,.8,.2,1) sheet-in;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.automix-sheet-handle{background:color-mix(in srgb, var(--muted-foreground) 45%, transparent);border-radius:999px;width:44px;height:5px;margin:4px auto 10px;display:block}.automix-sheet .compact-coach.automix-bar{box-shadow:none;margin:0}@keyframes dock-in{0%{opacity:0;transform:translateY(16px)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@media (width<=900px){html .app-shell .workspace-content{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.automix-dock,.automix-sheet,.automix-sheet-backdrop{animation:none}}html .mobile-navigation.mobile-navigation{height:100dvh;max-height:none;padding:calc(16px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));border:0;border-inline-end:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:var(--sidebar);box-shadow:24px 0 60px -20px color-mix(in srgb, var(--shadow) 80%, transparent);border-radius:0 22px 22px 0;gap:2px;margin:0;animation:.24s cubic-bezier(.2,.8,.2,1) drawer-in;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:none;width:min(300px,86vw)!important;max-width:none!important}html .mobile-navigation.mobile-navigation[data-closed]{animation:.16s ease-in forwards drawer-out}html .mobile-navigation .nav-item{height:44px;min-height:44px}html .mobile-navigation .nav-item.nav-active:before{inset-inline-start:-14px}html .mobile-navigation .sidebar-bottom{margin-top:auto;padding-top:16px}html .mobile-navigation [data-slot=dialog-close]{top:calc(14px + env(safe-area-inset-top));right:12px}@keyframes drawer-in{0%{transform:translate(-100%)}}@keyframes drawer-out{to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){html .mobile-navigation.mobile-navigation,html .mobile-navigation.mobile-navigation[data-closed]{animation:none}}html .mixer .mixer-heading{text-align:start;flex-direction:row;justify-content:space-between;align-items:center;display:flex}.mixer-options{align-items:center;gap:4px;display:inline-flex}.mixer-assist{font-family:var(--font-mono);letter-spacing:.04em;color:var(--primary);background:color-mix(in srgb, var(--primary) 14%, transparent);border-radius:999px;padding:1px 6px;font-size:10px}.mixer-option-text{flex-direction:column;gap:2px;display:flex}.mixer-option-text small{color:var(--muted-foreground);font-size:12px}html .mixer .controller-controls{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);margin-top:12px;padding-top:10px}.vocal-chip{font-family:var(--font-mono);white-space:nowrap;color:var(--muted-foreground);border:1px solid color-mix(in srgb, var(--foreground) 14%, transparent);border-radius:6px;flex:none;margin-inline:auto 6px;padding:1px 7px;font-size:11px}.vocal-chip[data-fit=good]{color:var(--fit-good);border-color:color-mix(in srgb, var(--fit-good) 40%, transparent)}.vocal-chip[data-fit=poor]{color:var(--vocal);border-color:color-mix(in srgb, var(--vocal) 50%, transparent)}.automix-dock-text small .vocal-chip{margin-inline-start:6px;padding:0 5px;font-size:10px}.automix-tags{flex-wrap:wrap;gap:4px;display:flex}.automix-tags .vocal-chip{margin:0}.mix-tag{font-family:var(--font-mono);white-space:nowrap;color:var(--muted-foreground);border:1px solid color-mix(in srgb, var(--foreground) 14%, transparent);border-radius:6px;padding:1px 7px;font-size:11px}.mix-tag[data-tone=jump]{color:var(--orange);border-color:color-mix(in srgb, var(--orange) 45%, transparent)}.visualizer{border-radius:var(--radius-xl,16px);color:#fff;background:#05040a;height:max(360px,100dvh - 240px);position:relative;overflow:hidden}.visualizer:fullscreen{border-radius:0;height:100vh}.visualizer.is-idle{cursor:none}.visualizer-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.visualizer-controls{flex-wrap:wrap;justify-content:space-between;gap:8px;transition:opacity .4s;display:flex;position:absolute;inset:12px 12px auto}.visualizer.is-idle .visualizer-controls{opacity:0}.visualizer-scenes,.visualizer-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0806108c;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.visualizer-scenes{scrollbar-width:none;flex:0 auto;min-width:0;max-width:100%;overflow-x:auto}.visualizer-scenes [data-slot=button]{flex:none}.visualizer-controls [data-slot=button]{color:#ffffffbf}.visualizer-controls [data-slot=button][aria-pressed=true]{color:#fff;background:#ffffff24}.visualizer-colors{border-right:1px solid #ffffff1f;gap:2px;margin-right:2px;padding-right:4px;display:flex}.visualizer-fps{font-family:var(--font-mono);color:#ffffff8c;padding:0 6px;font-size:11px}.visualizer-automix{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0806108c;border:1px solid #ffffff1f;border-radius:14px;width:min(300px,100% - 32px);padding:12px 14px;font-size:12px;line-height:1.5;position:absolute;bottom:16px;left:16px}.visualizer-automix-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:#fff9;margin-bottom:4px;font-size:10px}.visualizer-automix-row{gap:8px;min-width:0;display:flex}.visualizer-automix-row span{color:#ffffff8c;flex:none;width:32px}.visualizer-automix-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.visualizer-automix-bar{background:#ffffff26;border-radius:2px;height:3px;margin-top:8px;overflow:hidden}.visualizer-automix-bar i{background:#fff;height:100%;transition:width .3s linear;display:block}.visualizer-hint,.visualizer-message{color:#ffffffb3;white-space:nowrap;background:#0806108c;border-radius:999px;margin:0;padding:6px 12px;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.visual-output-pill{z-index:40;border:1px solid color-mix(in srgb, var(--primary) 40%, var(--border));background:color-mix(in srgb, var(--card) 88%, transparent);color:var(--foreground);box-shadow:0 10px 30px -12px var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 14px;font-size:13px;display:inline-flex;position:fixed;bottom:20px;right:20px}.visual-output-pill svg{color:var(--primary)}