/* Shared spacious desktop and focused phone layout. */
[hidden]{display:none!important}
.studio-v3{--bg:#101117;--side:#15161e;--card:#1b1d28;--line:#303342;--accent:#d6bcff;--muted:#a2a4b6;--text:#f1eff8;background:radial-gradient(ellipse at 70% 0%,#29203e 0,transparent 45%),var(--bg)}
.studio-v3 aside{width:218px;padding:30px 20px}.studio-v3 main{margin-left:218px;padding:28px 40px 40px;max-width:1700px}.studio-v3 .brand{font-size:23px}.studio-v3 .brand b{background:#d6bcff;color:#342049}.studio-v3 nav button{font-size:15px}.account-link{padding:13px 18px;text-decoration:none;color:var(--muted)}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px;font-size:11px;letter-spacing:2px;color:var(--muted)}.workspace-top a{letter-spacing:0;text-decoration:none;border:1px solid var(--line);border-radius:24px;padding:9px 16px;font-size:13px}.studio-v3 .toolbar{background:#1b1d28;padding:12px;border:1px solid var(--line);border-radius:16px}.studio-v3 .toolbar>input{background:transparent;border:0}.studio-v3 .toolbar .file,.studio-v3 .toolbar button:not(.primary){background:transparent;border-color:transparent}.studio-v3 h1{font-weight:650;letter-spacing:-1px}.studio-v3 .headline{margin:36px 0 28px}.studio-v3 .card{border-radius:20px;padding:28px;background:linear-gradient(135deg,#20222e,#191b25)}.studio-v3 input,.studio-v3 textarea,.studio-v3 select{background:#13151e;border-color:#343747}.studio-v3 button,.studio-v3 .file{background:#2a2b3d;border-color:#3a3c50}.studio-v3 button.primary{background:#d6bcff;color:#29173e;border-color:#d6bcff;min-height:46px}.lyrics-layout{grid-template-columns:minmax(0,1fr)}.lyrics-layout>.card{max-width:1000px;width:100%;margin-inline:auto}.step-label{font-size:11px;letter-spacing:2px;color:var(--accent);margin:0 0 18px}.studio-v3 .lyrics-editor{min-height:360px}.studio-v3 #status{background:#191a24;border-left-color:#6e6089;border-radius:8px;color:#b8b6c9}.studio-v3 .listening{background:radial-gradient(ellipse at top right,#363044,transparent 75%),#1b1d28}.mobile-dock{display:none}.studio-v3 .player{margin-top:12px}.studio-v3 .flow{padding-left:4px}.studio-v3 #spectrum{height:65px}.track.reclaimed{opacity:.45;filter:grayscale(1)}
@media(min-width:901px){.studio-v3 .music-grid{grid-template-columns:minmax(320px,.85fr) minmax(380px,1.15fr)}}
@media(max-width:1100px){.studio-v3 main{padding:24px}.studio-v3 .toolbar{flex-wrap:wrap}.studio-v3 .split:not(.lyrics-layout){grid-template-columns:1fr}.studio-v3 .listening-inner{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.studio-v3 aside{position:static;width:100%;padding:18px 20px;background:transparent;border:0}.studio-v3 aside nav,.studio-v3 .tagline,.studio-v3 .overline,.studio-v3 .sidebar-note{display:none}.studio-v3 .brand b{width:38px;height:38px;font-size:25px}.studio-v3 .brand{font-size:21px}.studio-v3 main{margin:0;padding:0 16px calc(94px + env(safe-area-inset-bottom))}.workspace-top{margin:0 0 18px;justify-content:flex-end}.workspace-top>span{display:none}.workspace-top a{padding:8px 13px}.studio-v3 .toolbar{padding:8px;gap:4px}.studio-v3 .toolbar>input{flex-basis:calc(100% - 120px);padding:10px 6px;font-size:14px}.studio-v3 .toolbar #pipeline{font-size:13px;padding:9px 12px;min-height:42px}.studio-v3 .toolbar>button:not(.primary),.studio-v3 .toolbar>.file{font-size:12px;padding:7px 10px}.studio-v3 .flow{font-size:11px;margin:12px 0}.studio-v3 .headline{margin:26px 0 18px;display:block}.studio-v3 h1{font-size:29px;line-height:1.35}.studio-v3 .headline p{font-size:13px}.studio-v3 .project-label{width:100%;margin-top:16px}.studio-v3 .card{padding:20px 16px;border-radius:16px;margin-bottom:16px}.studio-v3 .split{display:block}.studio-v3 input,.studio-v3 textarea,.studio-v3 select{font-size:16px;padding:12px}.studio-v3 label{font-size:13px}.studio-v3 .row{gap:10px;flex-wrap:wrap}.studio-v3 .row>label{min-width:120px}.studio-v3 .lyrics-editor{min-height:320px}.studio-v3 .listening-inner{grid-template-columns:1fr;min-height:0;gap:12px}.studio-v3 .disc{width:145px;margin:20px auto}.studio-v3 .lyric-scroll{height:190px;font-size:15px}.studio-v3 .player{padding:16px}.studio-v3 #spectrum{height:46px}.studio-v3 .mobile-dock{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;position:fixed;z-index:20;bottom:0;left:0;right:0;padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:#181923f5;backdrop-filter:blur(16px);border-top:1px solid #343342;margin:0}.studio-v3 .mobile-dock button,.studio-v3 .mobile-dock a{padding:12px 0;border:0;background:transparent;text-align:center;color:var(--muted);font-size:13px;text-decoration:none;border-radius:10px}.studio-v3 .mobile-dock button.active{background:#342941;color:#e3ceff}.studio-v3 .queue .row{justify-content:flex-start}.studio-v3 .queue button{white-space:normal}.studio-v3 #status{font-size:12px}.studio-v3 .art-preview canvas{max-width:400px;margin:auto}}
.studio-v3[data-page=lyrics]>.player{display:none}
.studio-v3[data-page=lyrics] main>.player,.studio-v3[data-page=cover] main>.player{display:none}
@media(max-width:700px){.studio-v3 .workspace-top{position:absolute;right:16px;top:22px;margin:0}.studio-v3 .workspace-top a{font-size:11px;padding:7px 9px}.studio-v3 .brand small{font-size:7px}.studio-v3 .toolbar{margin-top:6px}.studio-v3 .lyrics-editor{min-height:280px;max-height:450px}}