body.desktop-app{--surface:#1d1c19;--line:#37332b;background:#121210!important;color:#eee9df!important;font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.desktop-app .app{max-width:none!important;padding:0!important;margin:0!important}
body.desktop-app main{margin-left:228px;padding:100px 36px 130px!important;max-width:1700px}
body.desktop-app header{position:fixed;inset:0 0 auto 228px;height:74px;z-index:30;padding:0 32px!important;background:#161613f2!important;border-bottom:1px solid var(--line);gap:14px;backdrop-filter:blur(18px)}
body.desktop-app .heading,body.desktop-app .quick-dock{display:none!important}
.app-sidebar{position:fixed;inset:0 auto 90px 0;width:228px;background:#191916;border-right:1px solid var(--line);padding:30px 18px;z-index:35;display:flex;flex-direction:column;gap:20px;overflow:auto}
.app-sidebar .brand{font-size:23px;gap:10px;margin:0 8px 22px}.app-sidebar .brandmark{width:34px;height:34px}.app-sidebar .brand-dot{display:none}
.sidebar-caption,.app-location>span{font-size:10px;letter-spacing:1.7px;color:#8e897f;font-weight:650}.sidebar-caption{padding:0 12px}.sidebar-collections{display:grid;gap:8px;margin-top:22px}.sidebar-collections button{text-align:left;background:none;border:0;color:#b5afa3;padding:11px 12px}
body.desktop-app .section-nav{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;position:static!important}
.app-sidebar [role=tablist]{display:grid!important;gap:7px}.app-sidebar [role=tab]{display:flex;gap:13px;align-items:center;text-align:left;border:1px solid transparent!important;border-radius:10px!important;padding:13px 14px!important;background:transparent!important;color:#aaa598!important;font-size:14px}.app-sidebar [aria-selected=true]{background:#ffbc4812!important;color:#f5c36c!important;border-color:#ffbc4826!important}.nav-symbol{width:18px;font-size:19px}
.sidebar-bottom{margin-top:auto;display:grid;gap:14px;padding:30px 10px 0}.sidebar-bottom small{color:#b4aa98}.connection-state{font-size:11px;color:#a7ac96}.sidebar-bottom button{font-size:12px;padding:10px}
.app-location{margin-right:auto;display:grid;gap:5px}.app-location strong{font-size:15px;font-weight:500}.command-trigger{color:#a49e91!important;min-width:190px;display:flex;justify-content:space-between;gap:20px}.command-trigger kbd{font-size:10px}.quick-settings-trigger{font-size:12px}
body.desktop-app button{transition:background .15s,border-color .15s}body.desktop-app button:focus-visible,body.desktop-app summary:focus-visible{outline:2px solid #f2b951;outline-offset:4px}
body.desktop-app .section-view{max-width:none!important;margin:0!important;padding:0!important}body.desktop-app .section-view[hidden]{display:none!important}
.studio-intro{display:flex;align-items:center;justify-content:space-between;margin:6px 0 30px;gap:20px}.studio-intro h1{font-size:clamp(28px,3vw,42px);letter-spacing:-1.5px;line-height:1.2;margin:9px 0}.studio-intro p{color:#928c80;font-size:14px;margin:0}.studio-intro .eyebrow{font-size:10px;letter-spacing:2px;color:#c49e5e}.add-track{border-color:#795d2d!important;color:#f4ca7b!important;background:#30281a!important;padding:12px 19px}
body.desktop-app .workspace{display:grid!important;grid-template-columns:minmax(0,1fr) 310px!important;gap:22px!important;align-items:start}.main-col{min-width:0;display:flex;flex-direction:column;gap:20px}
body.desktop-app .panel,body.desktop-app .settings-card,body.desktop-app .your-files,body.desktop-app .organized-queue,body.desktop-app .advanced-editing,body.desktop-app .listening-grid>article{background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:16px!important;color:#e6e0d5!important}
body.desktop-app .panel{padding:24px!important}body.desktop-app .effects{position:static!important;width:auto!important}body.desktop-app .player{position:static!important;transform:none!important;max-width:none!important;width:100%!important}.source-disclosure{border:1px solid var(--line);border-radius:14px;background:#1a1916}.source-disclosure summary{padding:17px 22px;font-size:13px;color:#dbd1bd;cursor:pointer}.source-disclosure summary span{float:right;font-size:11px;color:#837d70}.source-disclosure .source{border:0!important;background:transparent!important}.source-disclosure .dropzone{min-height:150px!important;padding:24px!important;background:#151512!important;border-color:#4a4130!important}
body.desktop-app .track-heading{gap:14px}body.desktop-app .track-info{min-width:0}body.desktop-app #track-name{font-size:19px;overflow-wrap:anywhere}body.desktop-app .track-art{background:#332a1a!important;border-color:#5a4527!important;color:#eab35b!important}body.desktop-app .wave-wrap{height:175px!important;margin:22px 0!important}body.desktop-app .section-heading h2{font-size:16px}body.desktop-app .step{display:none}body.desktop-app .presets .preset{background:#24221b!important;border-color:#3b3528!important}body.desktop-app .presets .preset.selected{background:#342b1c!important;border-color:#805e2a!important}body.desktop-app .effect-control{margin-top:23px!important}body.desktop-app .badge{background:#29261d!important;color:#c0ab7f!important;border-color:#49402c!important}body.desktop-app .advanced-editing{margin-top:22px!important}
.settings-card{padding:28px;margin:20px 0;max-width:900px}.settings-card h3{font-size:23px;margin:10px 0}.settings-card p{color:#aaa294;line-height:1.7;font-size:14px;max-width:640px}.settings-card button{margin:8px 8px 0 0}.settings-card label{margin-bottom:12px}.settings-card small{display:block;margin:0 0 20px;color:#928b7b}
.persistent-player{position:fixed;inset:auto 0 0;height:90px;z-index:50;background:#20201bf5;border-top:1px solid #494030;backdrop-filter:blur(24px);display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1.1fr) 150px;align-items:center;gap:26px;padding:14px 28px}.now-playing{display:flex;align-items:center;gap:12px;text-align:left;min-width:0;background:transparent!important;border:0!important;padding:0!important}.now-playing img{width:48px;height:48px;border-radius:11px}.now-playing>span{min-width:0;display:grid;gap:5px}.now-playing strong,.now-playing small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.now-playing strong{font-size:13px;font-weight:550}.now-playing small{font-size:11px;color:#a49b89}.mini-transport{display:flex;gap:12px;align-items:center}.mini-transport>button{background:none;border:0;padding:9px;font-size:17px;color:#bdb3a1}#nav-play{background:#edb956!important;color:#211b10!important;border:0!important;border-radius:24px!important;min-width:82px;padding:12px!important}.mini-position{display:flex;gap:12px;align-items:center;font-size:10px;color:#a99d87}.mini-position input{width:100%;min-width:0}.persistent-player .volume{width:100%;gap:10px}.persistent-player .volume input{width:100%;min-width:0}
.source-disclosure summary span{color:#b3a58b}.finish-grid input[type=number]{background:#242118!important;color:#f5e6c9!important;border-color:#725c35!important;color-scheme:dark}.finish-grid input[type=number]:focus-visible{outline:2px solid #ffbf47;outline-offset:2px}body.desktop-app .tabs button{color:#b4aa98!important}body.desktop-app footer{margin-top:40px!important;color:#b4aa98!important;font-size:11px;gap:16px}body.desktop-app .app-dialog{background:#24221d;color:#eee4d2;border:1px solid #5b4a2f;border-radius:20px;padding:30px;width:min(480px,calc(100vw - 32px));max-height:80vh;overflow:auto;box-shadow:0 30px 100px #0009}body.desktop-app .app-dialog::backdrop{background:#0008;backdrop-filter:blur(5px)}.app-dialog h2{font-size:23px;margin:0 25px 20px 0}.app-dialog p{font-size:14px;line-height:1.7;color:#bcb19d}.dialog-close{position:absolute;top:15px;right:15px;background:transparent;border:0;font-size:24px}.app-dialog input[type=search]{width:100%;margin-bottom:15px}.app-dialog select{margin:14px 0;padding:10px;background:#171713;color:#eee1ca}.quick-density{display:grid}.app-dialog>button{margin:8px 8px 0 0}#command-results{display:grid;gap:5px}#command-results button{text-align:left;padding:13px;background:#302b21;border-color:#493d2a}.update-indicator{color:#efbd60!important}.update-indicator[hidden]{display:none!important}
body.desktop-app[data-density=compact] .panel{padding:17px!important}body.desktop-app[data-density=compact] main{padding-top:88px!important}body.desktop-app[data-density=compact] .studio-intro{margin-bottom:18px}
@media(min-width:1450px){body.desktop-app .workspace{grid-template-columns:minmax(0,1fr) 350px!important}}
@media(max-width:1050px){.app-sidebar{width:190px}body.desktop-app main{margin-left:190px;padding-inline:22px!important}body.desktop-app header{left:190px;padding-inline:22px!important}.command-trigger{min-width:0;font-size:0}.command-trigger kbd{font-size:11px}body.desktop-app .workspace{grid-template-columns:minmax(0,1fr)!important}.persistent-player{gap:16px;grid-template-columns:minmax(150px,1fr) auto minmax(120px,1fr)}.persistent-player .volume{display:none}}
@media(max-width:700px){.app-sidebar{position:static;width:auto;padding:15px 18px;display:block;border-right:0}.app-sidebar .brand{margin:0 0 15px}.app-sidebar>.sidebar-caption,.sidebar-collections,.sidebar-bottom{display:none}.app-sidebar [role=tablist]{display:flex!important}.app-sidebar [role=tab]{flex:1;justify-content:center;padding:10px 6px!important;font-size:12px}.nav-symbol{display:none}body.desktop-app header{position:static;height:60px;padding:10px 18px!important}.app-location{display:none}body.desktop-app main{margin:0;padding:25px 16px 150px!important}.studio-intro{align-items:start}.studio-intro h1{font-size:27px}.studio-intro .add-track{font-size:11px;padding:9px}.persistent-player{height:120px;padding:12px 16px;grid-template-columns:minmax(0,1fr) auto;gap:8px}.mini-position{grid-column:1/-1}.mini-transport{gap:3px}.now-playing img{width:38px;height:38px}body.desktop-app .panel{padding:18px!important}.source-disclosure summary span{display:none}}

body.desktop-app header{max-width:none!important;width:auto!important;margin:0!important}body.desktop-app .app-sidebar .brand{color:#eee4d2!important}body.desktop-app input[type=range]::-webkit-slider-thumb{background:#efbb62!important;border-color:#ffe6b1!important}body.desktop-app .tabs button.active{border-bottom-color:#efbb62!important}body.desktop-app .add-track{border-radius:10px}body.desktop-app .mini-position input{accent-color:#efbb62}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Signal After Dark · shared Studio system */
body.desktop-app{
 --bg:#11110f;--panel:#191916;--surface:#211f1a;--surface-raised:#2c2922;
 --line:#38342b;--line-strong:#514735;--text:#f0e9dc;--text-muted:#b6ac99;
 --amber:#e6a83e;--amber-light:#f3bd60;--amber-wash:#3a2d1b;--slider-track:#756a52;
 --font-body:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --font-display:"Space Grotesk","DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --type-caption:.75rem;--type-small:.875rem;--type-body:1rem;--type-control:.875rem;
 --type-subhead:1.125rem;--type-title:1.25rem;--type-display:clamp(2rem,3vw,2.625rem);
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
 --space-6:24px;--space-8:32px;--space-10:40px;
 --radius-control:8px;--radius-card:12px;--radius-pill:999px;--lime:var(--amber);
 background:var(--bg)!important;color:var(--text)!important;font-family:var(--font-body);font-size:var(--type-body);line-height:1.5
}
body.desktop-app header{background:var(--panel)!important;border-color:var(--line);backdrop-filter:none}
body.desktop-app .app-sidebar{background:var(--panel);border-color:var(--line)}
body.desktop-app .app-sidebar .brand,body.desktop-app .app-location strong{color:var(--text)!important}
body.desktop-app .sidebar-caption,body.desktop-app .app-location>span{font-size:11px;letter-spacing:.12em;color:var(--text-muted);font-weight:600}
body.desktop-app .sidebar-collections button,body.desktop-app .command-trigger{color:var(--text-muted)!important}
body.desktop-app .app-sidebar [role=tab]{font:500 var(--type-small)/1.35 var(--font-body);color:var(--text-muted)!important;border-radius:var(--radius-control)!important}
body.desktop-app .app-sidebar [aria-selected=true]{background:var(--amber-wash)!important;color:var(--amber-light)!important;border-color:var(--amber)!important}
body.desktop-app .connection-state,body.desktop-app .sidebar-bottom small{color:var(--text-muted)}
body.desktop-app button:hover:not(:disabled){filter:none}
body.desktop-app button:focus-visible,body.desktop-app a:focus-visible,body.desktop-app input:focus-visible,body.desktop-app select:focus-visible,body.desktop-app summary:focus-visible{outline:2px solid var(--amber-light);outline-offset:3px;box-shadow:none}
body.desktop-app #view-studio{color:var(--text);font:var(--type-body)/1.5 var(--font-body)}
body.desktop-app #view-studio h1,body.desktop-app #view-studio h2,body.desktop-app #view-studio h3{font-family:var(--font-display);color:var(--text)}
body.desktop-app #view-studio .studio-intro{min-height:0;margin:0 0 var(--space-6);padding:var(--space-5) 0 var(--space-6);gap:var(--space-6);border:0;background:none}
body.desktop-app #view-studio .studio-intro h1{font-size:var(--type-display);font-weight:550;line-height:1.12;letter-spacing:-.045em;margin:var(--space-2) 0}
body.desktop-app #view-studio .studio-intro .eyebrow{font-size:var(--type-caption);font-weight:650;letter-spacing:.12em;color:var(--amber-light)}
body.desktop-app #view-studio .studio-intro p{font-size:var(--type-small);line-height:1.5;color:var(--text-muted);margin:0}
body.desktop-app #view-studio .studio-intro-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}
body.desktop-app #view-studio .workspace{grid-template-columns:minmax(0,1fr) minmax(280px,320px)!important;gap:var(--space-8)!important}
body.desktop-app #view-studio .main-col{gap:var(--space-8)}
body.desktop-app #view-studio .panel{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--text)!important}
body.desktop-app #view-studio .player{padding:var(--space-6)!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radius-card)!important;box-shadow:none!important}
body.desktop-app #view-studio .effects{position:static!important;width:auto!important;padding:0!important}
body.desktop-app #view-studio .source,body.desktop-app #view-studio .finishing{padding:0!important}
body.desktop-app #view-studio .section-heading{gap:var(--space-3);margin:0 0 var(--space-5)}
body.desktop-app #view-studio .section-heading h2,body.desktop-app #view-studio .finishing h2{font-size:var(--type-subhead);font-weight:600}
body.desktop-app #view-studio .section-heading .step{display:none}
body.desktop-app #view-studio .source-disclosure{background:transparent;border:0;border-block-end:1px solid var(--line);border-radius:0}
body.desktop-app #view-studio .source-disclosure summary{min-height:52px;padding:var(--space-4) 0;color:var(--text);font-size:var(--type-small)}
body.desktop-app #view-studio .source-disclosure summary span{color:var(--text-muted);font-size:var(--type-caption)}
body.desktop-app #view-studio .source-disclosure .source{padding:var(--space-4) 0!important}
body.desktop-app #view-studio .dropzone{min-height:150px;padding:var(--space-6);background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius-control)}
body.desktop-app #view-studio .dropzone:hover,body.desktop-app #view-studio .dropzone.drag{background:var(--amber-wash);border-color:var(--amber)}
body.desktop-app #view-studio .track-heading{gap:var(--space-3)}
body.desktop-app #view-studio .track-art{width:48px;height:48px;background:var(--amber-wash)!important;border:1px solid var(--line-strong)!important;border-radius:var(--radius-control);color:var(--amber-light)!important}
body.desktop-app #view-studio #track-name{font:600 var(--type-title)/1.3 var(--font-display);overflow-wrap:anywhere}
body.desktop-app #view-studio .track-info p,body.desktop-app #view-studio .subtle{color:var(--text-muted)}
body.desktop-app #view-studio .badge{background:var(--surface-raised)!important;color:var(--text-muted)!important;border:1px solid var(--line-strong)!important;border-radius:4px}
body.desktop-app #view-studio .wave-wrap{height:175px!important;margin:var(--space-6) 0!important;background:none;border:0;box-shadow:none}
body.desktop-app #view-studio .timeline,body.desktop-app #view-studio .range-labels,body.desktop-app #view-studio .player-foot{color:var(--text-muted)}
body.desktop-app #view-studio .transport{margin:var(--space-5) 0}
body.desktop-app #view-studio .icon-button{color:var(--text-muted)}
body.desktop-app #view-studio .icon-button[aria-pressed=true],body.desktop-app #view-studio #bypass[aria-pressed=true]{color:var(--amber-light)}
body.desktop-app #view-studio .play,body.desktop-app #view-studio .studio-intro-actions .add-track,body.desktop-app #view-studio #export{background:var(--amber)!important;color:#191916!important;border:1px solid var(--amber)!important;box-shadow:none!important}
body.desktop-app #view-studio .play:hover,body.desktop-app #view-studio .studio-intro-actions .add-track:hover,body.desktop-app #view-studio #export:hover{background:var(--amber-light)!important;border-color:var(--amber-light)!important}
body.desktop-app #view-studio .studio-intro-actions button{min-height:48px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-control);font:600 var(--type-control)/1.25 var(--font-body);transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease}
body.desktop-app #view-studio .studio-intro-actions .demo-track,body.desktop-app #view-studio .upload-foot .demo-secondary{background:var(--surface-raised)!important;color:var(--text)!important;border:1px solid var(--line-strong)!important}
body.desktop-app #view-studio .studio-intro-actions .demo-track:hover,body.desktop-app #view-studio .upload-foot .demo-secondary:hover{background:var(--amber-wash)!important;border-color:var(--amber-light)!important;color:var(--amber-light)!important}
body.desktop-app #view-studio .presets{gap:var(--space-2)}
body.desktop-app #view-studio .presets .preset{min-height:76px;padding:var(--space-4) 48px!important;background:var(--surface-raised)!important;border:1px solid var(--line-strong)!important;border-radius:var(--radius-control);color:var(--text);transition:background-color 200ms ease,border-color 200ms ease,color 200ms ease}
body.desktop-app #view-studio .presets .preset>span.preset-icon{left:var(--space-4);top:22px;color:var(--text-muted);transition:color 200ms ease}
body.desktop-app #view-studio .presets .preset strong{font:600 var(--type-small)/1.35 var(--font-body)}
body.desktop-app #view-studio .presets .preset small{font-size:var(--type-caption);line-height:1.4;color:var(--text-muted)}
body.desktop-app #view-studio .presets .preset.selected{background:var(--amber-wash)!important;border-color:var(--amber)!important}
body.desktop-app #view-studio .presets .preset.selected strong,body.desktop-app #view-studio .presets .preset.selected>span.preset-icon{color:var(--amber-light)!important}
body.desktop-app #view-studio .presets .preset .preset-marker{right:15px;top:50%;display:grid;place-items:center;width:21px;height:21px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--type-caption);opacity:0;transform:translateY(-50%) scale(.86);transition:opacity 200ms ease,transform 200ms ease,background-color 200ms ease,color 200ms ease,border-color 200ms ease}
body.desktop-app #view-studio .presets .preset.selected .preset-marker{opacity:1;transform:translateY(-50%) scale(1);background:var(--amber);border-color:var(--amber);color:#191916}
body.desktop-app #view-studio .mini-presets{gap:var(--space-2);margin-top:var(--space-1)}
body.desktop-app #view-studio .mini-presets button{min-height:36px;padding:var(--space-2);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:6px;color:var(--text-muted);font-size:var(--type-caption);transition:background-color 200ms ease,border-color 200ms ease,color 200ms ease}
body.desktop-app #view-studio .mini-presets button.selected{background:var(--amber-wash);border-color:var(--amber);color:var(--amber-light)}
body.desktop-app #view-studio .effect-control{margin-top:var(--space-6)}
body.desktop-app #view-studio .effect-control label{font-size:var(--type-control);font-weight:550;color:var(--text);margin-bottom:var(--space-3)}
body.desktop-app #view-studio .effect-control output{padding:0;background:none;color:var(--amber-light);font:600 var(--type-control)/1.3 var(--font-display)}
body.desktop-app #view-studio input[type=range]{height:4px;background:var(--slider-track);accent-color:var(--amber);box-shadow:none}
body.desktop-app #view-studio input[type=range]::-webkit-slider-thumb{background:var(--amber-light)!important;border:2px solid var(--surface)!important;box-shadow:none!important}
body.desktop-app #view-studio input[type=range]::-moz-range-thumb{background:var(--amber-light);border:2px solid var(--surface);box-shadow:none}
body.desktop-app #view-studio input[type=number],body.desktop-app #view-studio input[type=url],body.desktop-app #view-studio input[type=search],body.desktop-app #view-studio select{background:var(--bg)!important;border:1px solid var(--line-strong)!important;border-radius:var(--radius-control);color:var(--text)!important;font:var(--type-control)/1.4 var(--font-body);padding:var(--space-3)}
body.desktop-app #view-studio input:focus-visible,body.desktop-app #view-studio select:focus-visible{border-color:var(--amber-light)!important}
body.desktop-app #view-studio .finish-grid label{font-size:var(--type-caption);color:var(--text-muted)}
body.desktop-app #view-studio .finish-grid input[type=number]{background:var(--bg)!important;border-color:var(--line-strong)!important;color:var(--text)!important}
body.desktop-app #view-studio .finishing{margin-top:var(--space-2);padding-top:var(--space-6)!important;border-top:1px solid var(--line)}
body.desktop-app #view-studio .export-area{border-top:1px solid var(--line);padding-top:var(--space-5)}
body.desktop-app #view-studio .export-summary{color:var(--text-muted)}
body.desktop-app #view-studio .export-area>small{color:var(--text-muted)}

/* Priority 9 · touch targets, readable small labels, and clear keyboard focus */
body.desktop-app .header-label{color:var(--text-muted)!important}
body.desktop-app #view-studio .unit{color:var(--text-muted)!important}
body.desktop-app input[type=range]{height:24px!important;min-height:24px;box-sizing:border-box;background:transparent!important;touch-action:pan-y}
body.desktop-app #seek{touch-action:pan-y}
body.desktop-app input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--amber) var(--range-progress,0%),var(--slider-track) var(--range-progress,0%))}
body.desktop-app input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--slider-track)}
body.desktop-app input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:var(--amber)}
body.desktop-app #view-studio #seek{--range-progress:var(--seek-progress,0%)}
body.desktop-app #seek::-webkit-slider-runnable-track{height:8px}
body.desktop-app #seek::-moz-range-track,body.desktop-app #seek::-moz-range-progress{height:8px}
body.desktop-app #view-studio .presets .preset.selected .preset-marker{color:#191916!important}
@media(prefers-reduced-motion:reduce){body.desktop-app,body.desktop-app *{scroll-behavior:auto!important}}
body.desktop-app #view-studio .advanced-editing{margin-top:var(--space-6)!important;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;box-sizing:border-box;inline-size:100%;max-inline-size:72rem;min-inline-size:0;scroll-margin-block-start:90px;scroll-margin-block-end:calc(var(--player-height) + var(--space-6));padding-inline:clamp(16px,2.5vw,24px)}
body.desktop-app #view-studio .advanced-editing>summary{padding:var(--space-4) 0;color:var(--text-muted);font-size:var(--type-small)}
body.desktop-app #view-studio .advanced-editing #plus-panel,body.desktop-app #view-studio .advanced-editing .plus-panel{margin:0;padding:var(--space-5) 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--text)!important;box-sizing:border-box;inline-size:100%;min-inline-size:0}
body.desktop-app #view-studio .advanced-editing>summary{overflow-wrap:anywhere}
body.desktop-app #plus-panel .plus-controls,body.desktop-app #plus-panel .cover-controls{flex-wrap:wrap;min-inline-size:0}
body.desktop-app #plus-panel .plus-controls>label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-inline-size:0;max-inline-size:100%}
body.desktop-app #plus-panel .plus-controls>button,body.desktop-app #plus-panel select{max-inline-size:100%;min-inline-size:0;white-space:normal}
body.desktop-app #plus-panel input[type=range]{box-sizing:border-box;inline-size:100%;max-inline-size:100%}
body.desktop-app #plus-panel .cover-controls>label{flex:1 1 200px;min-inline-size:0;max-inline-size:100%}
body.desktop-app #plus-panel .cover-controls input[type=file]{display:block;box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%}
body.desktop-app #view-studio .advanced-editing .cover-art{border-radius:var(--radius-control);box-shadow:none}
body.desktop-app #view-studio .advanced-editing .queue-row{border-color:var(--line)}
body.desktop-app #view-studio .player-foot{border-top:1px solid var(--line);padding-top:var(--space-4)}
body.desktop-app #view-studio .source-note,body.desktop-app #view-studio .range-labels{font-size:var(--type-caption)}
body.desktop-app #view-studio button{box-shadow:none;transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease}
body.desktop-app #view-studio button:hover:not(:disabled){filter:none}
body.desktop-app #view-studio button:disabled{color:var(--text-muted);opacity:.55}
body.desktop-app #view-studio footer{margin-top:var(--space-8)!important;padding-block:var(--space-5);border-top:1px solid var(--line);color:var(--text-muted)!important;font-size:var(--type-caption)}
body.desktop-app #view-studio footer>span:last-child{color:var(--text-muted);font-size:var(--type-caption)}
body.desktop-app #view-studio .persistent-player{height:90px;background:var(--panel);border-top:1px solid var(--line);backdrop-filter:none;box-shadow:none;padding:var(--space-3) var(--space-6);gap:var(--space-5)}
body.desktop-app #view-studio .now-playing strong{font-size:var(--type-control);color:var(--text)}
body.desktop-app #view-studio .now-playing small,body.desktop-app #view-studio .mini-position{font-size:var(--type-caption);color:var(--text-muted)}
body.desktop-app #view-studio .mini-transport>button{background:transparent;border:0;color:var(--text-muted)}
body.desktop-app #view-studio #nav-play{min-height:42px;min-width:82px;padding:var(--space-2) var(--space-4)!important;border:1px solid var(--amber)!important;border-radius:var(--radius-pill)!important;background:var(--amber)!important;color:#191916!important}
body.desktop-app #view-studio #nav-play:hover{background:var(--amber-light)!important;border-color:var(--amber-light)!important}
body.desktop-app #view-studio .app-dialog{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line-strong)!important;border-radius:var(--radius-card);box-shadow:none!important;font-family:var(--font-body)}
body.desktop-app #view-studio .app-dialog::backdrop{background:rgb(0 0 0 / .65);backdrop-filter:none}
body.desktop-app #view-studio .app-dialog p,body.desktop-app #view-studio .app-dialog small{color:var(--text-muted)}
body.desktop-app #view-studio .app-dialog button,body.desktop-app #view-studio .app-dialog select{font:var(--type-control)/1.4 var(--font-body)}
body.desktop-app #view-studio .app-dialog button{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--text);padding:var(--space-2) var(--space-3)}
body.desktop-app #view-studio .app-dialog button:hover{border-color:var(--amber-light);background:var(--amber-wash);color:var(--amber-light)}
body.desktop-app #view-studio .share-card{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--text);box-shadow:none}
body.desktop-app #view-studio .update-indicator{color:var(--amber-light)!important}
body.desktop-app #view-studio a{color:var(--amber-light)}
body.desktop-app #view-studio a:hover{color:var(--amber)}
body.desktop-app #view-studio footer .version-history summary{color:var(--amber-light)}
body.desktop-app #view-studio footer .version-history p{color:var(--text-muted)}
body.desktop-app .app-sidebar .brandmark{background:var(--amber);color:var(--bg);box-shadow:none}
@media(max-width:1050px){body.desktop-app #view-studio .workspace{grid-template-columns:minmax(0,1fr)!important}body.desktop-app #view-studio .effects{border-top:1px solid var(--line);padding-top:var(--space-6)!important}}
@media(max-width:700px){body.desktop-app #view-studio .studio-intro{padding:var(--space-4) 0 var(--space-5);margin-bottom:var(--space-4);align-items:flex-start;flex-direction:column;gap:var(--space-4)}body.desktop-app #view-studio .studio-intro h1{font-size:clamp(2rem,8vw,2.25rem)}body.desktop-app #view-studio .studio-intro-actions{width:100%;gap:var(--space-2)}body.desktop-app #view-studio .studio-intro-actions button{min-height:48px;padding:var(--space-3) var(--space-4);font-size:var(--type-caption)}body.desktop-app #view-studio .player{padding:var(--space-4)!important}body.desktop-app #view-studio .wave-wrap{height:145px!important}body.desktop-app #view-studio .finish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.desktop-app #view-studio .persistent-player{height:120px;padding:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2)}body.desktop-app #view-studio .mini-position{grid-column:1/-1}body.desktop-app #view-studio .mini-transport{gap:3px}body.desktop-app #view-studio .now-playing img{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){body.desktop-app #view-studio .studio-intro-actions button,body.desktop-app #view-studio .presets .preset,body.desktop-app #view-studio .presets .preset>span.preset-icon,body.desktop-app #view-studio .presets .preset .preset-marker,body.desktop-app #view-studio .mini-presets button,body.desktop-app #view-studio button{transition:none}}

/* Priority 6 · persistent player layout and page clearance */
body.desktop-app{--player-height:84px;--player-gap:var(--space-8)}
body.desktop-app main{padding-bottom:calc(var(--player-height) + var(--player-gap))!important}
body.desktop-app .persistent-player{height:var(--player-height);min-height:var(--player-height);box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto minmax(0,1.45fr) minmax(120px,.7fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-6);overflow:visible}
body.desktop-app .persistent-player>*{min-width:0}
body.desktop-app .persistent-player .now-playing{width:100%;gap:var(--space-3)}
body.desktop-app .persistent-player .now-playing img{width:44px;height:44px;flex:none;border-radius:var(--radius-control)}
body.desktop-app .persistent-player .now-playing>span{min-width:0;overflow:hidden}
body.desktop-app .persistent-player .mini-transport{justify-content:center;gap:var(--space-2);white-space:nowrap}
body.desktop-app .persistent-player .mini-transport>button{flex:none}
body.desktop-app .persistent-player .mini-position{min-width:0;gap:var(--space-2)}
body.desktop-app .persistent-player .mini-position input{min-width:0;width:100%}
body.desktop-app .persistent-player .volume{display:flex;min-width:0;width:100%;gap:var(--space-2)}
body.desktop-app .persistent-player .volume input{min-width:0;width:100%}
@media(max-width:1050px) and (min-width:701px){body.desktop-app .persistent-player{grid-template-columns:minmax(0,1fr) auto minmax(0,1.25fr) minmax(92px,.6fr);gap:var(--space-3);padding-inline:var(--space-4)}body.desktop-app .persistent-player .mini-transport{gap:var(--space-1)}}
@media(max-width:700px){
 body.desktop-app{--player-height:128px;--player-gap:var(--space-8)}
 body.desktop-app main{padding-bottom:calc(var(--player-height) + env(safe-area-inset-bottom,0px) + var(--player-gap))!important}
 body.desktop-app .persistent-player{height:auto;min-height:calc(var(--player-height) + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(40px,auto) minmax(36px,auto);gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom,0px));}
 body.desktop-app .persistent-player .now-playing{grid-area:1/1;min-width:0;gap:var(--space-2)}
 body.desktop-app .persistent-player .now-playing img{width:36px;height:36px}
 body.desktop-app .persistent-player .now-playing>span{gap:2px}
 body.desktop-app .persistent-player .now-playing strong{font-size:var(--type-caption)}
 body.desktop-app .persistent-player .now-playing small{font-size:11px}
 body.desktop-app .persistent-player .mini-transport{grid-area:1/2;gap:var(--space-1)}
 body.desktop-app .persistent-player .mini-transport>button{padding:var(--space-1);font-size:15px}
 body.desktop-app .persistent-player #nav-play{min-width:68px;min-height:36px;padding:var(--space-2)!important}
 body.desktop-app .persistent-player .mini-position{grid-area:2/1;min-width:0;gap:var(--space-1);font-size:11px}
 body.desktop-app .persistent-player .mini-position input{min-width:0;width:100%}
 body.desktop-app .persistent-player .volume{grid-area:2/2;width:88px;max-width:24vw;min-width:64px;gap:var(--space-1)}
 body.desktop-app .persistent-player .volume input{min-width:0;width:100%}
}

/* Priority 7 · stable, accessible upload states */
body.desktop-app #view-studio .dropzone{position:relative;box-sizing:border-box;height:176px;min-height:176px;overflow:hidden;display:flex;gap:var(--space-2);background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius-control);transition:background-color 160ms ease,border-color 160ms ease}
body.desktop-app #view-studio .dropzone:hover,body.desktop-app #view-studio .dropzone.drag,body.desktop-app #view-studio .dropzone:focus-within{background:var(--amber-wash);border-color:var(--amber);border-style:solid}
body.desktop-app #view-studio .dropzone .upload-icon{color:var(--amber-light)}
body.desktop-app #view-studio .dropzone>strong{font-size:var(--type-body);font-weight:550;color:var(--text)}
body.desktop-app #view-studio .dropzone>strong span{color:var(--amber-light)}
body.desktop-app #view-studio .dropzone>small{font-size:var(--type-caption);color:var(--text-muted)}
body.desktop-app #view-studio .dropzone input[type=file]{z-index:2}
body.desktop-app #view-studio .upload-progress{position:absolute;z-index:1;inset:1px;display:none;place-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-5);pointer-events:none;background:var(--surface);color:var(--text);font-size:var(--type-small)}
body.desktop-app #view-studio #dropzone[aria-busy=true] .upload-progress{display:grid}
body.desktop-app #view-studio .upload-spinner{width:22px;height:22px;border:2px solid var(--line-strong);border-top-color:var(--amber);border-radius:50%;animation:driftwave-upload-spin 900ms linear infinite}
body.desktop-app #view-studio .upload-progress-track{width:min(220px,70%);height:3px;overflow:hidden;background:var(--line-strong);border-radius:var(--radius-pill)}
body.desktop-app #view-studio .upload-progress-track i{display:block;width:36%;height:100%;background:var(--amber);border-radius:inherit;animation:driftwave-upload-progress 1.25s ease-in-out infinite}
@keyframes driftwave-upload-spin{to{transform:rotate(360deg)}}
@keyframes driftwave-upload-progress{from{transform:translateX(-110%)}to{transform:translateX(310%)}}
body.desktop-app #view-studio .upload-status{box-sizing:border-box;min-height:2.9em;margin-top:var(--space-2);overflow:hidden;color:transparent;font-size:var(--type-caption);line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
body.desktop-app #view-studio .upload-status[data-state=progress]{color:var(--text-muted)}
body.desktop-app #view-studio .upload-status[data-state=success]{color:var(--amber-light)}
body.desktop-app #view-studio .upload-status[data-state=error]{color:#f1a69d}
body.desktop-app #view-studio .upload-foot{align-items:flex-start;gap:var(--space-3);font-size:var(--type-caption);line-height:1.5}
body.desktop-app #view-studio .upload-foot>span{min-width:0;flex:1;white-space:normal;color:var(--text-muted)}
@media(max-width:700px){body.desktop-app #view-studio .dropzone{height:176px;min-height:176px;padding:var(--space-4)}body.desktop-app #view-studio .upload-progress{gap:var(--space-2);padding:var(--space-3)}body.desktop-app #view-studio .upload-foot{flex-wrap:wrap;align-items:center}body.desktop-app #view-studio .upload-foot>span{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){body.desktop-app #view-studio .dropzone,body.desktop-app #view-studio .upload-spinner,body.desktop-app #view-studio .upload-progress-track i{transition:none;animation:none}body.desktop-app #view-studio .upload-spinner{border-top-color:var(--amber);border-right-color:var(--amber)}}

/* Priority 8 · concise footer with progressive release history */
body.desktop-app footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-4) var(--space-6);margin-top:var(--space-8)!important;padding:var(--space-5) 0 var(--space-6);border-top:1px solid var(--line);color:var(--text-muted)!important;font:var(--type-caption)/1.5 var(--font-body)}
body.desktop-app footer .footer-identity{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-4);min-width:0}
body.desktop-app footer .footer-version{color:var(--text);font-size:var(--type-small);font-weight:600;white-space:nowrap}
body.desktop-app footer .footer-version strong{color:var(--amber-light);font-weight:650}
body.desktop-app footer .footer-meta{color:var(--text-muted);font-size:var(--type-caption);letter-spacing:.08em;text-align:right}
body.desktop-app footer .recent-releases{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);width:100%}
body.desktop-app footer .recent-releases p{max-width:none;margin:0;padding-top:var(--space-3);border-top:1px solid var(--line);color:var(--text-muted);font-size:var(--type-caption);line-height:1.5}
body.desktop-app footer .recent-releases p strong{display:block;margin-bottom:var(--space-1);color:var(--text);font-size:var(--type-small)}
body.desktop-app footer .version-history{grid-column:1/-1;min-width:0;margin:0;color:var(--text-muted);font-size:var(--type-caption)}
body.desktop-app footer .version-history>summary{width:max-content;color:var(--amber-light);font-size:var(--type-small);font-weight:600;cursor:pointer}
body.desktop-app footer .version-history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-6);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}
body.desktop-app footer .version-history-list p{max-width:none;margin:0;color:var(--text-muted);font-size:var(--type-caption);line-height:1.5}
body.desktop-app footer .version-history-list p strong{color:var(--text)}
body.desktop-app footer .legal-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:var(--space-5);margin:0;padding-top:var(--space-4);border-top:1px solid var(--line)}
body.desktop-app footer .legal-links a{color:var(--text-muted);font-size:var(--type-caption);text-decoration:none}
body.desktop-app footer .legal-links a:hover,body.desktop-app footer .version-history>summary:hover{color:var(--amber-light)}
@media(max-width:700px){body.desktop-app footer{grid-template-columns:minmax(0,1fr);gap:var(--space-4);padding-bottom:var(--space-5)}body.desktop-app footer .footer-identity{justify-content:space-between;gap:var(--space-2)}body.desktop-app footer .footer-meta{text-align:left}body.desktop-app footer .recent-releases{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}body.desktop-app footer .version-history-list{grid-template-columns:minmax(0,1fr)}body.desktop-app footer .legal-links{gap:var(--space-4)}}
body.desktop-app .recent-edit button{color:#d99aa4!important}

/* Step C · mobile layout and touch targets */
@media(max-width:700px){
 body.desktop-app button,body.desktop-app summary{min-block-size:44px;min-inline-size:44px}
 body.desktop-app input[type=range]{min-block-size:44px;height:44px!important}
 body.desktop-app #view-library select{min-block-size:44px}
 body.desktop-app #view-settings label:has(>input[type=checkbox]){display:flex;align-items:center;gap:10px;min-block-size:44px}
 body.desktop-app input[type=file]{min-block-size:44px}
 body.desktop-app .section-view a{min-inline-size:44px;min-block-size:44px;display:inline-flex;align-items:center}
 body.desktop-app #view-studio .source-disclosure:not([open])>.source{display:none!important}
 body.desktop-app .app-sidebar .brand,body.desktop-app header #help,body.desktop-app header .command-trigger,body.desktop-app header .quick-settings-trigger,body.desktop-app .app-sidebar [role=tab]{min-block-size:44px}
 body.desktop-app #view-studio .tabs button,body.desktop-app #view-studio #demo,body.desktop-app #view-studio .mini-presets button,body.desktop-app #view-studio .text-button,body.desktop-app #view-studio #set-loop-start,body.desktop-app #view-studio #set-loop-end,body.desktop-app #view-studio #preview-export,body.desktop-app #view-studio .compare-actions button,body.desktop-app #view-studio #bypass{min-block-size:44px}
 body.desktop-app #view-studio .effect-control input[type=range],body.desktop-app #view-studio #seek{min-block-size:44px;height:44px!important}
 body.desktop-app #view-studio .icon-button{min-inline-size:44px;min-block-size:44px;display:inline-grid;place-items:center}
 body.desktop-app #view-studio #trim-reset,body.desktop-app #view-studio #reset{min-block-size:44px;padding-inline:10px}
 body.desktop-app #view-studio .check{min-block-size:44px;align-items:center}
 body.desktop-app footer .legal-links a,body.desktop-app footer .version-history>summary,body.desktop-app .consent-banner a{min-inline-size:44px;min-block-size:44px;display:inline-flex;align-items:center}
 body.desktop-app .persistent-player .now-playing{min-block-size:44px}
 body.desktop-app .persistent-player .now-playing strong,body.desktop-app .persistent-player .now-playing small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;text-overflow:clip;line-height:1.25}
 body.desktop-app .persistent-player .mini-transport>button{min-inline-size:44px;min-block-size:44px;display:inline-grid;place-items:center;padding:0}
 body.desktop-app .persistent-player #nav-play{min-inline-size:68px;min-block-size:44px}
 body.desktop-app .persistent-player .mini-position input,body.desktop-app .persistent-player .volume input{min-block-size:44px;height:44px!important}
}

/* Opt-in, review-before-export postcard */
body.desktop-app .postcard-dialog{width:min(900px,calc(100vw - 32px));max-width:900px;max-height:92vh;max-height:min(92dvh,980px);overflow:auto;padding:clamp(18px,3vw,30px)}
body.desktop-app .postcard-dialog h2{margin:0 36px 8px 0;color:var(--text);font-size:var(--type-heading)}
body.desktop-app .postcard-privacy,body.desktop-app .postcard-artwork small{color:var(--text-muted);font-size:var(--type-caption);line-height:1.55}
body.desktop-app .postcard-review-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.75fr);gap:var(--space-5);margin:var(--space-5) 0}
body.desktop-app .postcard-title-label{display:grid;align-content:start;gap:var(--space-2);color:var(--text-muted);font-size:var(--type-small)}
body.desktop-app .postcard-title-label input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}
body.desktop-app .postcard-artwork{min-width:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--text-muted)}
body.desktop-app .postcard-artwork legend{padding:0 5px;color:var(--text);font-size:var(--type-small);font-weight:600}
body.desktop-app #postcard-cover-preview{display:block;width:100%;height:108px;object-fit:cover;border-radius:6px;background:var(--surface)}
body.desktop-app #postcard-no-art{display:grid;place-items:center;min-height:108px;margin:0;border-radius:6px;background:var(--surface);color:var(--text-muted);font-size:var(--type-caption)}
body.desktop-app .postcard-art-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}
body.desktop-app .postcard-art-actions button,body.desktop-app .postcard-file-label{position:relative;min-height:36px;padding:8px 11px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface-raised);color:var(--text);font-size:var(--type-caption);cursor:pointer}
body.desktop-app .postcard-file-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
body.desktop-app .postcard-art-actions button:disabled{opacity:.5;cursor:not-allowed}
body.desktop-app .postcard-canvas-wrap{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--bg)}
body.desktop-app #postcard-canvas{display:block;width:100%;height:auto;aspect-ratio:1200/630}
body.desktop-app .postcard-status{min-height:1.5em;margin:10px 0;color:var(--text-muted);font-size:var(--type-caption)}
body.desktop-app .postcard-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line);color:var(--text-muted);font-size:var(--type-caption)}
body.desktop-app .postcard-footer>div{display:flex;gap:8px}
body.desktop-app .postcard-footer button{min-height:40px;padding:9px 14px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface-raised);color:var(--text)}
body.desktop-app .postcard-footer #postcard-export{border-color:var(--amber);background:var(--amber);color:#191916;font-weight:650}
body.desktop-app .postcard-dialog button:focus-visible,body.desktop-app .postcard-dialog input:focus-visible{outline:2px solid var(--amber-light);outline-offset:3px}
@media(max-width:700px){body.desktop-app .postcard-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);padding:16px}body.desktop-app .postcard-review-grid{grid-template-columns:minmax(0,1fr);gap:12px}body.desktop-app #postcard-cover-preview,body.desktop-app #postcard-no-art{height:90px;min-height:90px}body.desktop-app .postcard-footer{align-items:flex-start}body.desktop-app .postcard-footer>div{width:100%}body.desktop-app .postcard-footer button{flex:1}}
@media(prefers-reduced-motion:reduce){body.desktop-app .postcard-dialog,body.desktop-app .postcard-dialog *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Draggable A/B seam for the Studio waveform. */
.wave-wrap{isolation:isolate;touch-action:pan-y}
.compare-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.wave-compare-labels{position:absolute;z-index:2;inset:8px 10px auto;display:flex;justify-content:space-between;pointer-events:none;font-size:10px;font-weight:700;letter-spacing:.12em;color:#f0e9dc;text-shadow:0 1px 5px #11110f,0 0 10px #11110f}
.wave-compare-labels span{padding:4px 7px;border:1px solid #7d6848;border-radius:999px;background:#181711dd}
.compare-seam{position:absolute;z-index:3;inset:0 auto 0 50%;width:44px;transform:translateX(-50%);padding:0;border:0;border-radius:0;background:transparent;cursor:ew-resize;touch-action:none}
.compare-seam::before{content:"";position:absolute;top:0;bottom:0;left:21px;width:2px;background:#fff1d3;outline:1px solid #17150f;outline-offset:0;box-shadow:none}
.compare-seam::after{content:"↔";position:absolute;left:10px;top:50%;display:grid;place-items:center;width:24px;height:24px;transform:translateY(-50%);border:2px solid #fff1d3;border-radius:50%;background:#ffb52e;color:#17130b;font-size:12px;font-weight:800;box-shadow:0 2px 8px #0009}
.compare-seam:focus-visible{outline:0}
.compare-seam:focus-visible::after{outline:3px solid #fff1d3;outline-offset:3px}
#bypass:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:560px){.compare-actions{gap:10px}.compare-actions .text-button{font-size:11px}.compare-seam{width:48px}.compare-seam::before{left:23px}.compare-seam::after{left:12px}}

/* Ordered Studio flow: source, mood, player, finishing, export. */
body.desktop-app #view-studio .workspace{grid-template-areas:"source mood" "player mood" "finishing export"}
body.desktop-app #view-studio .source-disclosure{grid-area:source}
body.desktop-app #view-studio .effects{grid-area:mood}
body.desktop-app #view-studio .player{grid-area:player}
body.desktop-app #view-studio .finishing{grid-area:finishing}
body.desktop-app #view-studio .export-panel{grid-area:export}
@media(max-width:1050px){body.desktop-app #view-studio .workspace{grid-template-areas:"source" "mood" "player" "finishing" "export"}}

body.desktop-app .step,body.desktop-app .timeline,body.desktop-app .effect-control output,body.desktop-app .footer-version strong,body.desktop-app .mini-position,body.desktop-app .finish-grid input[type=number],body.desktop-app #time-now,body.desktop-app #time-total,body.desktop-app #export-duration{font-family:var(--font-display)!important;font-variant-numeric:tabular-nums}

/* Header actions share one type style; secondary actions live in the popover. */
body.desktop-app header{justify-content:flex-end}
body.desktop-app header button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.35!important}
body.desktop-app header .command-trigger{justify-content:space-between}
body.desktop-app header button,body.desktop-app header button span,body.desktop-app header kbd,body.desktop-app header .app-location>span,body.desktop-app header .app-location strong,body.desktop-app .header-more-panel button{font-family:var(--font-body)!important;font-size:13px!important;font-weight:500!important}
body.desktop-app .header-more-trigger{min-width:44px;min-height:44px;padding:8px;color:var(--text-muted);background:transparent;border:0}
body.desktop-app .header-more-panel{position:fixed;inset:auto;margin:0;width:180px;max-width:calc(100vw - 16px);padding:6px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;z-index:100}
body.desktop-app .header-more-panel[hidden]{display:none!important}
body.desktop-app .header-more-panel button{display:block;width:100%;min-height:44px;margin:0;padding:10px 12px;text-align:left;background:transparent;border:0;color:var(--text)!important}
body.desktop-app .header-more-panel button:hover{background:var(--amber-wash)}
body.desktop-app #view-studio .source-disclosure{scroll-margin-top:90px}
body.desktop-app .sidebar-bottom{padding-inline:0}
body.desktop-app .sidebar-bottom .connection-state,body.desktop-app .sidebar-bottom small{padding-inline:12px}
body.desktop-app .sidebar-bottom .install-trigger{justify-self:stretch;width:100%;padding:11px 12px;text-align:left;background:transparent;border:0}
@media(max-width:1050px){body.desktop-app header .command-trigger{min-width:0;gap:8px}}
@media(max-width:700px){body.desktop-app header{height:auto;min-height:60px;gap:6px;flex-wrap:wrap;padding:8px 16px!important}body.desktop-app header .command-trigger,body.desktop-app header .quick-settings-trigger{padding-inline:8px}body.desktop-app header .command-trigger kbd{display:none}body.desktop-app #view-studio .source-disclosure{scroll-margin-top:16px}}

@media(max-width:700px){body.desktop-app #view-studio .advanced-editing{scroll-margin-block-start:16px}}

/* Public upload stays visible until successfully decoded audio is available. */
body.desktop-app #view-studio .source-disclosure>summary[hidden]{display:none!important}

/* Afterglow · one explicit final layer over the legacy shell. Grid arithmetic:
   1440 - 184 nav - 64 gutters - 24 gap - 304 console = 864px stage. */
body.desktop-app.afterglow{
 --espresso:#1A120E;--walnut:#3A2418;--copper:#6B4A2E;--tan:#A88462;--cream:#D5C4AE;--charcoal:#4A4A46;
 --bg:var(--espresso);--panel:var(--espresso);--surface:var(--walnut);--surface-raised:#30241c;
 --text:var(--cream);--text-muted:#C2AF99;--muted:var(--text-muted);--lime:var(--cream);
 --amber:var(--tan);--amber-light:var(--cream);--amber-wash:#4C3424;--line:var(--charcoal);--line-strong:#9F8D79;--slider-track:#A08E7B;
 background:var(--espresso)!important;color:var(--cream)!important;color-scheme:dark
}
body.desktop-app.afterglow main{margin-left:184px;padding:88px 32px 140px!important;max-width:1800px}
body.desktop-app.afterglow header{left:184px;height:64px;padding-inline:32px!important;border:0;background:var(--espresso)!important;backdrop-filter:none}
body.desktop-app.afterglow .app-sidebar{width:184px;padding:28px 16px;inset-block-end:84px;background:var(--espresso);border:0;gap:16px}
body.desktop-app.afterglow .app-sidebar .brand{font-size:22px;margin:0 0 28px;gap:8px}
body.desktop-app.afterglow .app-sidebar .brandmark{width:28px;height:28px;background:none;box-shadow:none}
body.desktop-app.afterglow .sidebar-caption,body.desktop-app.afterglow .app-location>span,body.desktop-app.afterglow .studio-intro .eyebrow{display:none}
body.desktop-app.afterglow .app-sidebar [role=tab]{border:0!important;border-radius:6px!important;color:var(--text-muted)!important;padding:14px 12px!important}
body.desktop-app.afterglow .app-sidebar [aria-selected=true]{background:#30241c!important;color:var(--cream)!important}
body.desktop-app.afterglow .nav-symbol{display:none}
body.desktop-app.afterglow .sidebar-collections{margin-top:20px}
body.desktop-app.afterglow .sidebar-bottom{padding:20px 0 0}
body.desktop-app.afterglow .connection-state,body.desktop-app.afterglow .sidebar-bottom small{font-size:12px}
body.desktop-app.afterglow .app-location strong{font-family:var(--font-display);font-size:16px}
body.desktop-app.afterglow #view-studio .workspace{grid-template-columns:minmax(0,1fr) 304px!important;gap:24px!important;align-items:start}
body.desktop-app.afterglow #listening-stage{grid-column:1;grid-row:1;position:relative;isolation:isolate;min-width:0;min-height:628px;padding:32px;background:var(--walnut);border:0;border-radius:16px;overflow:hidden}
body.desktop-app.afterglow #view-studio .studio-intro{display:block;position:relative;padding:0;margin:0 0 24px;min-height:154px}
body.desktop-app.afterglow #view-studio .studio-intro h1{font-size:clamp(32px,3.5vw,52px);line-height:1.04;letter-spacing:-.055em;font-weight:500;margin:0 0 14px;max-width:13ch}
body.desktop-app.afterglow #view-studio .studio-intro p{font-size:16px;color:var(--cream);margin-bottom:20px}
body.desktop-app.afterglow #view-studio .studio-intro-actions{gap:12px}
body.desktop-app.afterglow #view-studio .studio-intro-actions button{min-height:44px;padding:12px 20px;font-size:14px;border-radius:6px}
body.desktop-app.afterglow #view-studio .studio-intro-actions .add-track,body.desktop-app.afterglow #view-studio .play,body.desktop-app.afterglow #view-studio #export,body.desktop-app.afterglow #nav-play{background:var(--tan)!important;border-color:var(--tan)!important;color:var(--espresso)!important;box-shadow:none!important}
body.desktop-app.afterglow #view-studio .studio-intro-actions .demo-track{background:var(--espresso)!important;color:var(--cream)!important;border:0!important}
body.desktop-app.afterglow .stage-actions{display:flex;justify-content:flex-end;gap:8px;position:absolute;top:24px;right:24px;z-index:2}
body.desktop-app.afterglow .stage-actions button{background:var(--espresso);color:var(--cream);border:0;font-size:12px;padding:8px 12px;min-height:44px}
body.desktop-app.afterglow #open-effects{display:none}
body.desktop-app.afterglow #view-studio .player{position:relative!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.desktop-app.afterglow #view-studio .track-heading{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:20px;min-height:92px;align-items:center}
body.desktop-app.afterglow #view-studio .track-art{width:88px;height:88px;background:var(--espresso)!important;border:0!important;border-radius:6px;overflow:hidden;font-size:0}
body.desktop-app.afterglow .track-art img{display:block;width:100%;height:100%;object-fit:cover}
body.desktop-app.afterglow #view-studio .track-info{min-width:0}
body.desktop-app.afterglow #view-studio #track-name{font:500 24px/1.16 var(--font-display);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:56px;margin:0 0 6px}
body.desktop-app.afterglow #view-studio #track-meta{font-size:13px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:40px}
body.desktop-app.afterglow #view-studio .badge{border:0!important;background:var(--espresso)!important;color:var(--cream)!important;font-size:11px;padding:6px 8px;align-self:start}
body.desktop-app.afterglow #next-preview{margin-top:6px;font-size:12px}
body.desktop-app.afterglow #next-preview .next-label{font-size:11px;color:var(--text-muted);letter-spacing:0}
body.desktop-app.afterglow #view-studio .wave-wrap{height:200px!important;margin:20px 0 12px!important}
body.desktop-app.afterglow #empty-wave{font-size:13px;letter-spacing:0;color:var(--cream);background:var(--walnut);padding:6px 12px}
body.desktop-app.afterglow #view-studio .seek-control label{font-size:12px;color:var(--cream)}
body.desktop-app.afterglow #view-studio .transport{margin:12px 0;gap:12px}
body.desktop-app.afterglow #view-studio .player-foot{flex-wrap:wrap;gap:8px;padding-top:12px;border:0;font-size:12px}
body.desktop-app.afterglow #view-studio .compare-actions{display:flex;flex-wrap:wrap;gap:8px}
body.desktop-app.afterglow #view-studio .text-button,body.desktop-app.afterglow .stage-actions button{color:var(--cream)!important}
body.desktop-app.afterglow #view-studio .source-disclosure{grid-column:1;grid-row:2;border:0;background:transparent}
body.desktop-app.afterglow #view-studio .source-disclosure summary{font-size:14px;padding:12px 0}
body.desktop-app.afterglow #view-studio .source-disclosure .source{background:var(--walnut)!important;padding:24px!important;border-radius:12px!important}
body.desktop-app.afterglow #view-studio .dropzone{background:var(--espresso)!important;border:1px dashed var(--tan)!important}
body.desktop-app.afterglow #view-studio .dropzone strong span{color:var(--cream)!important}
body.desktop-app.afterglow #view-studio .effects{grid-column:2;grid-row:1 / span 4;background:var(--walnut)!important;border-radius:12px!important;padding:22px!important}
body.desktop-app.afterglow #view-studio .effects .section-heading h2{font-size:20px;font-weight:500}
body.desktop-app.afterglow #view-studio .presets .preset,body.desktop-app.afterglow .effects-sheet .presets .preset{background:var(--espresso)!important;border:0!important;color:var(--cream)!important;border-radius:6px;min-height:76px;padding:14px 36px 14px 14px!important}
body.desktop-app.afterglow .presets .preset-icon{display:none!important}
body.desktop-app.afterglow #view-studio .presets .preset.selected,body.desktop-app.afterglow .effects-sheet .presets .preset.selected{background:var(--amber-wash)!important;outline:1px solid var(--tan);outline-offset:-1px}
body.desktop-app.afterglow .presets .preset.selected strong,body.desktop-app.afterglow .presets .preset small,body.desktop-app.afterglow .presets .preset.selected>span{color:var(--cream)!important}
body.desktop-app.afterglow .presets .preset.selected .preset-marker{color:var(--espresso)!important;background:var(--tan)!important;border-color:var(--tan)!important}
body.desktop-app.afterglow #view-studio .mini-presets button,body.desktop-app.afterglow .effects-sheet .mini-presets button{background:var(--espresso);color:var(--cream);border:0;min-height:44px}
body.desktop-app.afterglow #view-studio .effect-control{margin-top:20px}
body.desktop-app.afterglow #view-studio .effect-control label{font-size:13px;margin-bottom:0}
body.desktop-app.afterglow #view-studio .effect-control output{color:var(--cream);font-size:14px}
body.desktop-app.afterglow .effects .range-labels,body.desktop-app.afterglow .effects #pitch-note{font-size:12px;color:var(--text-muted)}
body.desktop-app.afterglow #view-studio .finishing{grid-column:1;grid-row:3;background:transparent!important}
body.desktop-app.afterglow #view-studio .export-panel{grid-column:1;grid-row:4}
body.desktop-app.afterglow .persistent-player{background:var(--walnut)!important;border:0;backdrop-filter:none;height:84px}
body.desktop-app.afterglow .persistent-player .now-playing small,body.desktop-app.afterglow .mini-position{color:var(--cream)}
body.desktop-app.afterglow .persistent-player .now-playing img{border-radius:4px}
body.desktop-app.afterglow .brandmark,body.desktop-app.afterglow .track-art,body.desktop-app.afterglow button{box-shadow:none!important}
body.desktop-app.afterglow input[type=range]::-webkit-slider-thumb{background:var(--cream)!important;border:2px solid var(--espresso)!important}
body.desktop-app.afterglow input[type=range]::-moz-range-thumb{background:var(--cream)!important;border:2px solid var(--espresso)!important}
body.desktop-app.afterglow input[type=range]{accent-color:var(--tan)}
body.desktop-app.afterglow button:focus-visible,body.desktop-app.afterglow a:focus-visible,body.desktop-app.afterglow input:focus-visible,body.desktop-app.afterglow select:focus-visible,body.desktop-app.afterglow summary:focus-visible{outline:2px solid var(--cream)!important;outline-offset:4px}
body.desktop-app.afterglow #listening-stage.stage-dragover{outline:3px dashed var(--cream);outline-offset:-8px}
body.desktop-app.afterglow .effects-sheet{background:var(--walnut);color:var(--cream);border:0;border-radius:18px 18px 0 0;padding:24px;inset:auto 0 0;width:100%;max-width:600px;max-height:85dvh;margin:0 auto;overflow:auto;overscroll-behavior:contain}
body.desktop-app.afterglow .effects-sheet:not([open]){display:none}
body.desktop-app.afterglow .effects-sheet::backdrop{background:#1A120ECC}
body.desktop-app.afterglow .sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
body.desktop-app.afterglow .sheet-heading h2{font-size:24px;margin:0}
body.desktop-app.afterglow .sheet-heading button{background:var(--espresso);color:var(--cream);min-height:44px;border:0}
body.desktop-app.afterglow .effects-sheet .effects{padding:0!important;background:transparent!important;border:0!important}
body.desktop-app.afterglow .effects-sheet .effects>.section-heading{display:none}
body.desktop-app.afterglow .effects-sheet .effect-control{margin-top:22px}
body.desktop-app.afterglow .effects-sheet .effect-control label{font-size:14px;color:var(--cream)}
body.desktop-app.afterglow .effects-sheet .effect-control output{color:var(--cream);background:none}
body.desktop-app.afterglow footer,body.desktop-app.afterglow .legal-links a{color:var(--text-muted)!important}
@media(max-width:1100px){
 body.desktop-app.afterglow .app-sidebar{width:160px;padding-inline:12px}
 body.desktop-app.afterglow main{margin-left:160px;padding-inline:24px!important}
 body.desktop-app.afterglow header{left:160px;padding-inline:24px!important}
 body.desktop-app.afterglow #view-studio .workspace{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
 body.desktop-app.afterglow #view-studio .effects{display:none!important}
 body.desktop-app.afterglow #open-effects{display:inline-flex;align-items:center}
 body.desktop-app.afterglow #listening-stage{min-height:620px}
}
@media(max-width:700px){
 body.desktop-app.afterglow .app-sidebar{position:static;width:100%;padding:20px 20px 0;border:0}
 body.desktop-app.afterglow .app-sidebar .brand{margin:0 0 16px;font-size:22px}
 body.desktop-app.afterglow .section-nav [role=tablist]{display:flex!important;gap:8px}
 body.desktop-app.afterglow .app-sidebar [role=tab]{min-height:44px;flex:1;justify-content:center;padding:10px 12px!important;font-size:14px}
 body.desktop-app.afterglow header{left:auto;position:static;height:56px;padding:6px 20px!important}
 body.desktop-app.afterglow header .command-trigger{font-size:13px;min-width:0}
 body.desktop-app.afterglow header .command-trigger kbd{display:none}
 body.desktop-app.afterglow main{margin:0;padding:12px 16px 180px!important}
 body.desktop-app.afterglow #listening-stage{padding:24px 20px;min-height:680px;border-radius:12px}
 body.desktop-app.afterglow #view-studio .studio-intro{padding-top:52px;min-height:220px;margin:0 0 20px}
 body.desktop-app.afterglow #view-studio .studio-intro h1{font-size:36px;max-width:12ch;line-height:1.05}
 body.desktop-app.afterglow #view-studio .studio-intro p{font-size:14px}
 body.desktop-app.afterglow #view-studio .studio-intro-actions{gap:8px;flex-wrap:nowrap}
 body.desktop-app.afterglow #view-studio .studio-intro-actions button{font-size:13px;padding:12px 14px;flex:1;white-space:nowrap}
 body.desktop-app.afterglow .stage-actions{top:16px;left:20px;right:20px;justify-content:space-between}
 body.desktop-app.afterglow #view-studio .track-heading{grid-template-columns:64px minmax(0,1fr);min-height:88px;gap:12px}
 body.desktop-app.afterglow #view-studio .track-art{width:64px;height:64px}
 body.desktop-app.afterglow #view-studio #track-name{font-size:20px;max-height:48px}
 body.desktop-app.afterglow #view-studio .badge{display:none}
 body.desktop-app.afterglow #view-studio .wave-wrap{height:140px!important;margin-block:12px!important}
 body.desktop-app.afterglow #view-studio .player-foot>span{display:none}
 body.desktop-app.afterglow #view-studio .transport{flex-wrap:wrap;justify-content:center}
 body.desktop-app.afterglow #view-studio .compare-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
 body.desktop-app.afterglow #view-studio .compare-actions button{font-size:12px;padding:8px;min-height:44px}
 body.desktop-app.afterglow .persistent-player{height:calc(128px + env(safe-area-inset-bottom));padding:12px 16px calc(12px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;gap:8px}
 body.desktop-app.afterglow .persistent-player .mini-position{grid-column:1/-1}
 body.desktop-app.afterglow .persistent-player .volume{display:none}
 body.desktop-app.afterglow .source-disclosure .source{padding:18px!important}
}

/* Phase 1 critique: compact the stage and remove inherited blue/amber paint. */
body.desktop-app.afterglow #listening-stage{padding:24px;min-height:660px}
body.desktop-app.afterglow #view-studio .studio-intro h1{font-size:42px;line-height:1.04}
body.desktop-app.afterglow #view-studio .studio-intro{min-height:180px;margin-bottom:20px}
body.desktop-app.afterglow #view-studio .wave-wrap{height:144px!important}
body.desktop-app.afterglow :is(#view-studio,#effects-sheet) :is(.range-labels,#pitch-note,#track-meta,.next-preview,.subtle,.source-note,.unit,.upload-foot,.player-foot,.timeline){color:var(--text-muted)!important}
body.desktop-app.afterglow :is(#view-studio,#effects-sheet) :is(.effect-control output,.effect-control label,.text-button,.mini-presets button,.preset small,.preset strong,.badge){color:var(--cream)!important;background-color:transparent}
body.desktop-app.afterglow .effects-sheet .preset{position:relative}
body.desktop-app.afterglow .effects-sheet .preset-marker{position:absolute;right:12px;top:50%;transform:translateY(-50%);opacity:0;width:20px;height:20px;display:grid;place-items:center;border-radius:50%}
body.desktop-app.afterglow .effects-sheet .preset.selected .preset-marker{opacity:1}
body.desktop-app.afterglow .effects-sheet input[type=range]{min-height:44px;width:100%;background:linear-gradient(to right,var(--tan) 0 var(--range-progress),var(--slider-track) var(--range-progress) 100%);background-size:100% 4px;background-repeat:no-repeat;background-position:center}
body.desktop-app.afterglow :is(.app-dialog,.header-more-panel,.settings-card,.your-files,.organized-queue,.advanced-editing,.listening-grid>article){background:var(--walnut)!important;color:var(--cream)!important;border-color:var(--charcoal)!important;backdrop-filter:none!important}
body.desktop-app.afterglow :is(.app-dialog,.header-more-panel,.settings-card,.your-files,.organized-queue,.advanced-editing,.listening-grid>article) :is(p,small,label,button,a){color:var(--cream)!important}
body.desktop-app.afterglow :is(.consent-banner,.consent){background:var(--walnut)!important;color:var(--cream)!important;border-color:var(--tan)!important;backdrop-filter:none!important}
body.desktop-app.afterglow .consent-banner :is(button,a){background:var(--espresso)!important;color:var(--cream)!important;border-color:var(--text-muted)!important}
body.desktop-app.afterglow .consent-banner p{color:var(--cream)!important}
body.desktop-app.afterglow .app-dialog::backdrop{backdrop-filter:none!important;background:#1A120ECC}
@media(max-width:700px){
 body.desktop-app.afterglow #listening-stage{padding:20px;min-height:690px}
 body.desktop-app.afterglow #view-studio .studio-intro{min-height:230px;padding-top:52px;margin-bottom:16px}
 body.desktop-app.afterglow #view-studio .studio-intro h1{font-size:36px}
 body.desktop-app.afterglow #view-studio .wave-wrap{height:130px!important}
}

/* Atmosphere is a bounded decorative layer. Only transform/opacity animate. */
body.desktop-app.afterglow .afterglow-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit}
body.desktop-app.afterglow .artwork-field{opacity:1;transition:opacity 500ms ease}
body.desktop-app.afterglow .artwork-field img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(32px) brightness(.68) saturate(1.5);opacity:0;transition:opacity 500ms ease}
body.desktop-app.afterglow .artwork-field img.active{opacity:1}
body.desktop-app.afterglow .stage-cover-slot{position:relative;width:88px;height:88px;border-radius:6px;overflow:hidden;background:var(--espresso)}
body.desktop-app.afterglow .stage-cover-slot .track-art{position:absolute;inset:0;visibility:hidden}
body.desktop-app.afterglow .stage-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity 400ms ease}
body.desktop-app.afterglow .stage-cover.front{opacity:0}
body.desktop-app.afterglow .stage-cover.front.cover-entered{opacity:1}
body.desktop-app.afterglow #listening-stage .seek-control,body.desktop-app.afterglow #listening-stage .transport,body.desktop-app.afterglow #listening-stage .player-foot{background:var(--walnut);border-radius:6px}
body.desktop-app.afterglow #listening-stage[data-reduced-motion=true] :is(.stage-cover,.artwork-field,.artwork-field img){transition:none}
body.desktop-app.afterglow.listening-room #view-studio .workspace{grid-template-columns:minmax(0,1fr)!important}
body.desktop-app.afterglow.listening-room #view-studio :is(.source-disclosure,.finishing,.export-panel,.advanced-editing),body.desktop-app.afterglow.listening-room #view-studio .effects{display:none!important}
body.desktop-app.afterglow.listening-room #listening-stage{grid-column:1/-1;min-height:calc(100dvh - 196px)}
body.desktop-app.afterglow.listening-room #listening-stage .studio-intro{display:none}
body.desktop-app.afterglow.listening-room #view-studio .player{padding-top:52px!important}
body.desktop-app.afterglow.listening-room #view-studio .track-heading{grid-template-columns:160px minmax(0,1fr) auto;gap:28px}
body.desktop-app.afterglow.listening-room .stage-cover-slot{width:160px;height:160px}
body.desktop-app.afterglow.listening-room #view-studio #track-name{font-size:36px;max-height:88px}
body.desktop-app.afterglow.listening-room #view-studio .wave-wrap{height:220px!important;margin:32px 0!important}
body.desktop-app.afterglow.listening-room #view-studio :is(.player-foot,.play-options,.loop-reset-note){display:none!important}
body.desktop-app.afterglow #view-studio .listening-stage:not([data-loaded=true]) .stage-cover-slot{opacity:.4}
@media(prefers-reduced-motion:reduce){
 body.desktop-app.afterglow :is(.stage-cover,.artwork-field,.artwork-field img){transition:none!important}
}
@media(max-width:700px){
 body.desktop-app.afterglow .stage-cover-slot{width:64px;height:64px}
 body.desktop-app.afterglow .stage-actions{gap:6px;justify-content:flex-start}
 body.desktop-app.afterglow .stage-actions button{font-size:11px;padding:8px;min-width:44px}
 body.desktop-app.afterglow #open-effects{margin-left:auto}
 body.desktop-app.afterglow.listening-room #view-studio .track-heading{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center;gap:20px}
 body.desktop-app.afterglow.listening-room .stage-cover-slot{width:180px;height:180px}
 body.desktop-app.afterglow.listening-room #view-studio #track-name{font-size:24px;max-height:58px}
 body.desktop-app.afterglow.listening-room #view-studio .wave-wrap{height:140px!important;margin:24px 0!important}
 body.desktop-app.afterglow.listening-room #listening-stage{min-height:740px}
}

body.desktop-app.afterglow .effects-sheet::backdrop{backdrop-filter:none!important}

body.desktop-app.afterglow .mini-position{font-size:12px}
body.desktop-app.afterglow .footer-dot,body.desktop-app.afterglow #reset-looping{color:var(--cream)!important}
body.desktop-app.afterglow #wave-compare-labels span{font-size:12px;color:var(--cream)}
body.desktop-app.afterglow :is(.eyebrow,.sidebar-caption){letter-spacing:0;text-transform:none;font-size:12px}

/* Keep recovery and upload feedback from moving the listening stage. */
body.desktop-app.afterglow #stage-upload-status{position:relative;z-index:1;min-height:40px;margin:12px 0 0;color:var(--cream);font-size:12px;line-height:20px}
body.desktop-app.afterglow .resume-listening{grid-column:1;max-width:100%;min-width:0;flex-wrap:wrap}

body.desktop-app.afterglow #reset-looping{min-height:44px}
body.desktop-app.afterglow :is(.listening-preferences,.effects) label:has(input[type=checkbox]){min-height:44px;display:flex;align-items:center;gap:12px;cursor:pointer}

/* Consistent hit areas across library, tools, settings and native controls. */
body.desktop-app.afterglow :is(button,select,input[type=range],input[type=file]){min-height:44px!important;min-width:44px}
body.desktop-app.afterglow :is(footer a,.brand,.consent-banner a,.settings-card>a){display:inline-flex;align-items:center;min-height:44px;min-width:44px}
body.desktop-app.afterglow :is(.studio-tools,.tool-card,.consent-banner){box-shadow:none!important;border-color:var(--charcoal)!important}
body.desktop-app.afterglow :is(#track-badge,.footer-privacy){text-transform:none;letter-spacing:0}

body.desktop-app.afterglow summary{min-height:44px!important;align-content:center}

body.desktop-app.afterglow label:has(input[type=checkbox]){min-height:44px!important;display:flex;align-items:center;gap:12px;cursor:pointer}
body.desktop-app.afterglow .consent-banner button{background:var(--espresso)!important;color:var(--cream)!important;border-color:var(--charcoal)!important}
body.desktop-app.afterglow .consent-banner #consent-accept{background:var(--tan)!important;color:var(--espresso)!important;border-color:var(--tan)!important}

body.desktop-app.afterglow .spotify-library #spotify-import{background:var(--espresso)!important;color:var(--cream)!important;border-color:var(--charcoal)!important}

body.desktop-app.afterglow .artwork-field{position:absolute;inset:-12%;width:124%;height:124%;opacity:1}
body.desktop-app.afterglow .afterglow-atmosphere::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,#1a120e22,#1a120ecc)}
body.desktop-app.afterglow #listening-stage{background:#3a241850}
body.desktop-app.afterglow #listening-stage[data-reduced-motion=true] .artwork-field{animation:none}
@media(prefers-reduced-motion:reduce){body.desktop-app.afterglow .artwork-field{animation:none!important}}

/* v3.4 Liquid Glass: guaranteed dark tint even over pure white artwork. */
body.desktop-app.afterglow{--glass-tint:rgba(26,18,14,.9);--glass-dense:rgba(58,36,24,.94);--glass-blur:16px;--glass-edge:rgba(213,196,174,.22);--glass-depth:0 12px 32px rgba(8,4,2,.22);isolation:isolate}
body.desktop-app.afterglow .app{position:relative;z-index:1}
body.desktop-app.afterglow .afterglow-atmosphere{position:fixed;inset:0;z-index:0;border-radius:0}
body.desktop-app.afterglow .artwork-field{filter:blur(24px) saturate(1.4);opacity:1}
body.desktop-app.afterglow .artwork-field img{filter:brightness(.9) saturate(1.3)}
body.desktop-app.afterglow .afterglow-atmosphere::after{background:radial-gradient(ellipse at 45% 30%,#1a120e22,#1a120e99)}
body.desktop-app.afterglow :is(#listening-stage,#effects-console,.app-sidebar,.persistent-player,header,.app-dialog,.effects-sheet,.header-more-panel,dialog,[popover],.source-disclosure,.finishing,.export-panel,footer,.advanced-editing,.settings-card,.your-files,.studio-tools,.view-heading).glass-surface{background:var(--glass-tint)!important;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.25);backdrop-filter:blur(var(--glass-blur)) saturate(1.25);border:1px solid var(--glass-edge)!important;box-shadow:inset 1px 1px 0 #f7e7cf14,inset -1px -1px 0 #08040266,var(--glass-depth)!important;isolation:isolate}
body.desktop-app.afterglow .glass-surface::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 35% 25%,#d5c4ae08,transparent 58%);z-index:-1}
body.desktop-app.afterglow #view-studio .glass-dense,body.desktop-app.afterglow .effects-sheet .glass-dense{background:var(--glass-dense)!important;border:1px solid #d5c4ae16!important;box-shadow:inset 1px 1px 0 #d5c4ae0c!important;border-radius:8px}
body.desktop-app.afterglow :is(.effect-control,.seek-control){border-radius:8px;background:rgba(26,18,14,.5);padding:10px 12px}
body.desktop-app.afterglow #view-studio .presets .preset.selected,body.desktop-app.afterglow .effects-sheet .presets .preset.selected{background:#4c3424f5!important}
body.desktop-app.afterglow .persistent-player{border-radius:14px 14px 0 0}
body.desktop-app.afterglow .app-sidebar{border-radius:0 16px 16px 0}
body.desktop-app.afterglow #view-studio :is(.studio-intro-actions .add-track,.play,#export),body.desktop-app.afterglow #nav-play{background:var(--tan)!important;color:var(--espresso)!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.desktop-app.afterglow .glass-surface{--glass-tint:var(--walnut)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(prefers-reduced-transparency:reduce){body.desktop-app.afterglow .glass-surface{--glass-tint:var(--walnut)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.desktop-app.afterglow .glass-surface::before{display:none}}
body.desktop-app.afterglow.no-glass .glass-surface{--glass-tint:var(--walnut)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(max-width:700px){body.desktop-app.afterglow{--glass-blur:8px}body.desktop-app.afterglow .artwork-field{filter:blur(16px) saturate(1.3)}body.desktop-app.afterglow :is(.app-sidebar,header).glass-surface{backdrop-filter:none;-webkit-backdrop-filter:none;border:0!important;background:rgba(26,18,14,.94)!important;border-radius:0}}

body.desktop-app.afterglow #view-studio :is(.finishing,.export-panel,.source-disclosure,.advanced-editing).glass-surface,body.desktop-app.afterglow footer.glass-surface{background:var(--glass-tint)!important;padding:20px!important;border-radius:12px;position:relative}
body.desktop-app.afterglow :is(#view-library,#view-tools,#view-settings)>.glass-surface{background:var(--glass-tint)!important;border-radius:12px;padding:20px;position:relative}

body.desktop-app.afterglow .artwork-swatch{position:absolute;inset:0;opacity:0;transition:opacity 650ms ease}
body.desktop-app.afterglow .artwork-swatch.active{opacity:1}
@media(prefers-reduced-motion:reduce){body.desktop-app.afterglow .artwork-swatch{transition:none}}

/* One JS compositor loop drives ambient drift and damped thumb springs. */
body.desktop-app.afterglow .surface-shine{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:-1}
body.desktop-app.afterglow .surface-shine i{position:absolute;inset:-10%;background:linear-gradient(115deg,transparent 30%,#f6e6ce06 50%,transparent 70%);opacity:0;transform:translateX(-50%)}
body.desktop-app.afterglow .surface-shine.sweeping i{animation:glass-sweep 700ms ease-out both}
@keyframes glass-sweep{0%{opacity:0;transform:translateX(-50%)}35%{opacity:1}100%{opacity:0;transform:translateX(50%)}}
body.desktop-app.afterglow .glass-surface::before{transform:translate3d(calc((var(--light-x,50%) - 50%) * .025),calc((var(--light-y,50%) - 50%) * .025),0)}
body.desktop-app.afterglow button{transition:transform 220ms cubic-bezier(.2,1.6,.4,1),background-color 180ms,color 180ms!important}
body.desktop-app.afterglow button:active{transform:translateY(-1px) scale(.985)}
body.desktop-app.afterglow input[type=range]::-webkit-slider-thumb{transform:scale(var(--thumb-scale,1));transform-origin:center}
body.desktop-app.afterglow input[type=range]::-moz-range-thumb{transform:scale(var(--thumb-scale,1));transform-origin:center}
body.desktop-app.afterglow .visual-playhead{position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--cream);box-shadow:0 0 10px 2px #a8846255;opacity:.65;pointer-events:none}
body.desktop-app.afterglow #listening-stage{view-transition-name:listening-stage}
::view-transition-old(listening-stage),::view-transition-new(listening-stage){animation-duration:420ms;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
@media(max-width:700px){body.desktop-app.afterglow .surface-shine{display:none}}
@media(prefers-reduced-motion:reduce){body.desktop-app.afterglow .surface-shine,body.desktop-app.afterglow .visual-playhead{display:none}body.desktop-app.afterglow button{transition:none!important}body.desktop-app.afterglow .artwork-field{transform:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
body.desktop-app.afterglow #listening-stage[data-reduced-motion=true] .visual-playhead{display:none}

body.desktop-app.afterglow .presets{position:relative;isolation:isolate}
body.desktop-app.afterglow .preset-glider{position:absolute;left:0;top:0;border:1px solid var(--tan);border-radius:8px;pointer-events:none;z-index:2;transform-origin:top left;box-sizing:border-box}
body.desktop-app.afterglow .stage-cover.front.cover-entered{transform:scale(1)}
body.desktop-app.afterglow .stage-cover.front{transform:scale(1.035);transition:opacity 400ms ease,transform 550ms cubic-bezier(.2,.8,.2,1)}
@media(prefers-reduced-motion:reduce){body.desktop-app.afterglow .stage-cover.front{transform:none;transition:none}}

/* Give shared elements their own snapshots; avoid ghosted overlapping text. */
body.desktop-app.afterglow .stage-cover-slot{view-transition-name:stage-art}
body.desktop-app.afterglow #listening-stage .track-info{view-transition-name:stage-title}
body.desktop-app.afterglow #listening-stage .wave-wrap{view-transition-name:stage-wave}
::view-transition-old(root),::view-transition-old(listening-stage),::view-transition-old(stage-art),::view-transition-old(stage-title),::view-transition-old(stage-wave){animation:none;opacity:0}
::view-transition-new(root),::view-transition-new(listening-stage),::view-transition-new(stage-art),::view-transition-new(stage-title),::view-transition-new(stage-wave){animation:none}
::view-transition-group(stage-art),::view-transition-group(stage-title),::view-transition-group(stage-wave){animation-duration:420ms;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
body.desktop-app.afterglow #view-studio :is(.finishing,.export-panel,.source-disclosure,.advanced-editing).glass-surface{border-radius:12px!important}
body.desktop-app.afterglow .stage-cover.front{filter:blur(1px);transition:opacity 400ms ease,transform 550ms cubic-bezier(.2,.8,.2,1),filter 350ms ease}
body.desktop-app.afterglow .stage-cover.front.cover-entered{filter:blur(0)}
@media(prefers-reduced-motion:reduce){body.desktop-app.afterglow .stage-cover.front{filter:none;transition:none}}

body.desktop-app.afterglow #view-studio button.glass-dense,body.desktop-app.afterglow .effects-sheet button.glass-dense{box-shadow:none!important}
@media(prefers-reduced-transparency:reduce){body.desktop-app.afterglow .surface-shine{display:none}}
body.desktop-app.afterglow.listening-room #loop-reset-hint{display:none}

body.desktop-app.afterglow .stage-cover.front{z-index:2}
body.desktop-app.afterglow .stage-cover.back{z-index:1}

/* v3.4.1: let the stage read as one surface instead of brown inset blocks. */
body.desktop-app.afterglow #view-studio #listening-stage #empty-wave{background:transparent}
body.desktop-app.afterglow #listening-stage[data-loaded=false] #wave{opacity:.22}
body.desktop-app.afterglow #view-studio #listening-stage :is(.seek-control,.transport,.player-foot).glass-dense{background:rgba(213,196,174,.025)!important;border-color:rgba(213,196,174,.09)!important;box-shadow:none!important}

/* v3.4.2 — approved Deep Petrol palette. */
body.desktop-app.afterglow{--espresso:#080E10;--walnut:#101B1E;--copper:#3D666C;--tan:#8DAFAD;--cream:#D6E2DF;--text:#D6E2DF;--text-muted:#A2B6B3;--muted:#A2B6B3;--amber:#8DAFAD;--amber-light:#D6E2DF;--amber-wash:#18262A;--bg:#080E10;--panel:#101B1E;--surface:#101B1E;--surface-raised:#18262A;--line:#263A3E;--line-strong:#839E9B;--slider-track:#507B80;--glass-tint:rgba(16,27,30,.96);--glass-dense:rgba(24,38,42,.8);--glass-edge:rgba(214,226,223,.12);background:#080E10!important;color:#D6E2DF!important}
body.desktop-app.afterglow .afterglow-atmosphere{background:#080E10}
body.desktop-app.afterglow .artwork-field{opacity:.35;filter:blur(24px) saturate(.7) brightness(.65)}
body.desktop-app.afterglow .afterglow-atmosphere::after{background:radial-gradient(ellipse at 45% 30%,rgba(8,14,16,.4),rgba(8,14,16,.85))}
body.desktop-app.afterglow #view-studio #listening-stage #player{background:transparent!important}
body.desktop-app.afterglow #view-studio #listening-stage :is(.seek-control,.transport,.player-foot).glass-dense{background:rgba(24,38,42,.48)!important;border-color:rgba(214,226,223,.09)!important}
body.desktop-app.afterglow :is(.effect-control,.seek-control){background:rgba(8,14,16,.4)}
body.desktop-app.afterglow #view-studio .presets .preset.selected,body.desktop-app.afterglow .effects-sheet .presets .preset.selected{background:rgba(141,175,173,.14)!important;outline-color:#8DAFAD!important}
body.desktop-app.afterglow .app-sidebar [aria-selected=true]{background:#18262A!important}
body.desktop-app.afterglow input[type=range]{background:transparent!important}
body.desktop-app.afterglow input[type=range]::-webkit-slider-runnable-track{height:4px!important;background:linear-gradient(to right,#8DAFAD 0 var(--range-progress,0%),#507B80 var(--range-progress,0%) 100%)!important}
body.desktop-app.afterglow input[type=range]::-moz-range-track{height:4px!important;background:#507B80!important}
body.desktop-app.afterglow input[type=range]::-moz-range-progress{background:#8DAFAD!important}
body.desktop-app.afterglow .effect-control output{background:#18262A!important;color:#D6E2DF!important}
body.desktop-app.afterglow #reset-looping{background:rgba(141,175,173,.08)!important;border-color:rgba(141,175,173,.25)!important}
body.desktop-app.afterglow .brandmark img{filter:none;opacity:1}
body.desktop-app.afterglow .visual-playhead{box-shadow:0 0 10px 2px #8dafad55}
@media(max-width:700px){body.desktop-app.afterglow :is(.app-sidebar,header).glass-surface{background:rgba(16,27,30,.98)!important}body.desktop-app.afterglow .artwork-field{filter:blur(16px) saturate(.7) brightness(.65)}}