/* Same upload surfaces and transport player; responsive layout only. Author: Lars Henning Zahl. */
.upload412-tabs{display:flex;gap:12px;flex-wrap:wrap;padding-top:28px;padding-bottom:0}
.upload412-tabs .btn{flex:1 1 180px;max-width:330px;text-align:center;min-height:44px}
[data-upload412-panel] .page-title small{font-size:.45em;white-space:nowrap}
[data-upload412-panel="vox-stem"] .single-mastering{display:grid;gap:24px}
[data-upload412-panel="vox-stem"] .single-upload-layout{display:block}
#vox412-drop{display:flex;flex-direction:column;gap:18px;align-items:center;padding:36px 20px;cursor:pointer}
#vox412-drop>svg{width:40px;height:40px}
#vox412-filename{overflow-wrap:anywhere;max-width:100%}
.vox412-rights{display:flex;align-items:flex-start;gap:12px;margin:20px 0}
.vox412-rights input{flex:0 0 auto;margin-top:4px}
.vox412-downloads{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.vox412-downloads .btn{flex:1 1 180px;text-align:center;white-space:normal}
#vox412-job,#split412-result{min-width:0;padding:24px;overflow-wrap:anywhere}
#vox412-job progress{width:100%;accent-color:#e64cb8}
.project-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}
@media(max-width:600px){.upload412-tabs .btn{max-width:none;font-size:.9rem}.projects-page .project-row-actions{max-width:48%}.projects-page h2{overflow-wrap:anywhere}.vox412-downloads{flex-direction:column}#vox412-job,#split412-result{padding:14px}}

@media(max-width:600px){.vox412-downloads .btn{flex:0 0 auto}.project-row-actions .btn{white-space:normal}}

/* Empty status stays hidden; selected product remains explicit in both themes. */
#vox412-job[hidden]{display:none!important}
.upload412-tabs .btn[aria-current="page"]{border:2px solid #e64cb8!important;box-shadow:0 0 0 2px #e64cb826,inset 0 0 18px #e64cb81a}

/* Vox-Split inherits the site theme without changing Mastering surfaces. */
[data-upload412-panel="vox-stem"],.split412-page{
 --vox-surface:#fff;--vox-text:#171b23;--vox-muted:#475364;--vox-border:#d4dce6;
 --vox-secondary:#f6f8fc;--vox-shadow:0 16px 48px #17223914;
}
html[data-theme="dark"] [data-upload412-panel="vox-stem"],html[data-theme="dark"] .split412-page{
 color-scheme:dark;--vox-surface:#1a202a;--vox-text:#f5f7fc;--vox-muted:#c1cada;--vox-border:#566176;
 --vox-secondary:#272f3d;--vox-shadow:0 16px 48px #0004;
}
[data-upload412-panel="vox-stem"] .single-upload-card,#vox412-job,#split412-result{
 background:var(--vox-surface);color:var(--vox-text);border:1px solid var(--vox-border);box-shadow:var(--vox-shadow);
}
[data-upload412-panel="vox-stem"] .page-title,[data-upload412-panel="vox-stem"] .single-upload-card h2,
#vox412-job>h2,#split412-result>h2{color:var(--vox-text)}
[data-upload412-panel="vox-stem"] .single-upload-card>p,[data-upload412-panel="vox-stem"] .single-upload-source>p.meta,
#vox412-job>p,#split412-result>p{color:var(--vox-muted)}
.vox412-rights{color:var(--vox-text)}
.vox412-rights input{accent-color:#bd25a7;width:18px;height:18px}
[data-upload412-panel="vox-stem"] .single-mastering>.btn-secondary,.split412-page>.btn-secondary{
 background:var(--vox-secondary);color:var(--vox-text);border:1px solid var(--vox-border);
}
html[data-theme="dark"] .upload412-tabs .btn-secondary{background:#272f3d!important;color:#f5f7fc!important;border:1px solid #566176!important}
.upload412-tabs .btn[aria-current="page"]{border-color:#e64cb8!important}
[data-upload412-panel="vox-stem"] :is(button,a,input):focus-visible,.split412-page :is(button,a,input):focus-visible{
 outline:3px solid #c237ae;outline-offset:4px;
}

/* Existing global card rules force black; keep this override product-scoped. */
#vox412-job>p,#split412-result>p,#vox412-status{color:var(--vox-muted)!important}
[data-upload412-panel="vox-stem"] .single-mastering>.btn-secondary,.split412-page>.btn-secondary{
 background:var(--vox-secondary)!important;color:var(--vox-text)!important;border-color:var(--vox-border)!important;
}
html[data-theme="light"] #main-view:has([data-upload412-panel="vox-stem"]),html[data-theme="light"] #main-view:has(.split412-page){background:#f1f4f8}
html[data-theme="dark"] #main-view:has([data-upload412-panel="vox-stem"]),html[data-theme="dark"] #main-view:has(.split412-page){background:#252932}

/* Three source choices, same touch-safe transport on phones and tablets. */
.vox412-player .ab-three-channel{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:560px}
.vox412-player .ab-three-channel .ab-switch-btn{min-width:0!important;min-height:44px;justify-content:center;padding:10px 8px!important;gap:6px;white-space:normal!important;overflow-wrap:normal;font-size:clamp(.75rem,2.9vw,.95rem)}
.vox412-player .ab-three-channel .ab-key-badge{flex-shrink:0}
.vox412-player .studio{min-width:0}
@media(max-width:480px){.vox412-player .studio{padding:18px 10px!important}.vox412-player .ab-three-channel{grid-template-columns:repeat(2,minmax(0,1fr))}.vox412-player #ab-btn-c{grid-column:1/-1}.vox412-player .ab-three-channel .ab-switch-btn>span{white-space:nowrap}.vox412-player .ab-three-channel .ab-key-badge{display:none!important}.vox412-player .player-transport-row{flex-wrap:wrap;gap:14px}.vox412-player .ab-volume-row{margin-left:auto}}