/* Creative Desk 4.2: self-contained enhancement over the preserved 3.0 release. */
:root{--amm-electric:#80e6fd;--amm-lilac:#bdabff;--amm-ink:#f5f7ff;--amm-stroke:rgba(181,206,249,.13);--amm-panel:#101725;--amm-muted:#a8b8ca}
html{scroll-padding-top:86px}
body{background:radial-gradient(65vw 40vw at 100% -8%,rgba(91,82,176,.18),transparent 75%),radial-gradient(68vw 60vw at 0% 32%,rgba(13,89,113,.15),transparent 65%),#080d16;color:var(--amm-ink)}
button{transition:background-color .15s ease,border-color .15s ease,transform .15s ease}button:active:not(:disabled){transform:scale(.985)}
button:focus-visible,a:focus-visible{outline:2px solid var(--amm-electric);outline-offset:3px}
.wrap{max-width:1660px;padding:15px clamp(16px,3vw,48px) 64px}
.top{gap:14px;border-color:var(--amm-stroke);padding:9px 0 13px}.top img{width:52px;height:52px}.top .pill{background:rgba(107,102,176,.15);border-color:var(--amm-stroke);color:#aeb7d3}.top h1{font-size:18px;font-weight:790;letter-spacing:.012em}.top small{font-size:12px;color:var(--amm-muted)}
#logout{border-radius:999px;padding:9px 17px;color:#dceafd;border-color:var(--amm-stroke)}
#app{position:relative}.amm-studio-heading{position:relative;margin:28px 0 0;display:flex;align-items:end;justify-content:space-between;gap:16px}.amm-studio-heading::before{content:'';pointer-events:none;position:absolute;inset:-20px -20px -15px -20px;background:radial-gradient(ellipse at 5% 40%,rgba(118,121,255,.12),transparent 65%);z-index:-1}.amm-studio-heading .amm-overline{color:#89ddf8;letter-spacing:.18em;font-size:10px;font-weight:800}.amm-studio-heading h2{font-size:clamp(31px,3.7vw,56px);line-height:1.06;letter-spacing:-.055em;margin:8px 0 5px;font-weight:850}.amm-title-glow{background:linear-gradient(98deg,#fff,#bdc4ff 42%,#7bdff0);background-clip:text;-webkit-background-clip:text;color:transparent}.amm-studio-heading p{font-size:14px;margin:0;color:var(--amm-muted)}
.amm-header-actions{align-self:center;display:flex;align-items:center;gap:7px}.amm-header-actions button{min-height:45px;border-radius:12px;background:#151f30;border-color:var(--amm-stroke)}#workspaceSearchShortcut{background:#1b2b3d;color:#d5eeff;display:flex;align-items:center;gap:7px}#workspaceSearchShortcut kbd{border:1px solid #53718b;border-radius:5px;padding:3px 6px;font-size:11px}
.amm-metrics{display:flex!important;align-items:stretch;flex-wrap:wrap;gap:9px;margin:20px 0 16px!important}.amm-metrics>.card{min-height:0;flex:1;min-width:155px;margin:0!important;display:flex;align-items:center;flex-wrap:wrap;gap:5px 13px;padding:10px 14px;background:#101827;border:1px solid var(--amm-stroke);border-radius:12px;box-shadow:none}.amm-metrics>.card small{font-size:11px;font-weight:750;color:var(--amm-muted)}.amm-metrics .card .score{font-size:18px;line-height:1.3;color:#f4f7ff;white-space:nowrap;font-weight:800}.amm-metrics .hint{font-size:10px;line-height:1.3;overflow-wrap:anywhere;color:#8fa7b9}.amm-metrics>.card:first-child{flex:1.3}
.tabs{position:sticky;z-index:30;top:0;display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;padding:7px 8px;margin:0 0 14px;background:rgba(11,18,29,.96);border:1px solid var(--amm-stroke);border-radius:15px;backdrop-filter:blur(20px);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{min-height:45px;font-size:13px;font-weight:790;padding:10px 18px;background:transparent;border-color:transparent;border-radius:10px;color:#a9bad0;white-space:nowrap}.tabs button.on{background:linear-gradient(120deg,#284a60,#36315d);color:white;border-color:rgba(161,206,243,.18);box-shadow:none}
#tab-tracks{grid-template-columns:minmax(370px,.96fr) minmax(420px,1.04fr);gap:14px;align-items:start}#tab-tracks>.card{margin:0;min-width:0;border-radius:19px;padding:23px;background:linear-gradient(155deg,#131c2b,#111726);border:1px solid var(--amm-stroke);box-shadow:0 18px 48px rgba(0,0,0,.15)}
.amm-discover-title{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:13px}.amm-discover-title .amm-overline,.amm-editor-title .amm-overline{color:#8fe6f7;font-size:10px;font-weight:800;letter-spacing:.17em}.amm-discover-title h2{font-size:clamp(23px,2.5vw,34px);line-height:1.1;letter-spacing:-.04em;margin:5px 0}.amm-discover-title p{font-size:13px;color:#a8b8ca;margin:3px 0 0}.amm-title-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:end}.amm-title-actions button{min-height:39px;padding:7px 11px;font-size:12px;white-space:nowrap;border-radius:10px;background:#1a2838;border-color:var(--amm-stroke)}
.amm-brief-bar{display:grid;gap:9px;padding:13px;margin:14px 0;border-radius:14px;border:1px solid var(--amm-stroke);background:linear-gradient(110deg,rgba(53,83,128,.24),rgba(62,49,104,.16))}.amm-brief-bar>span{font-size:10px;color:#8cbcd3;font-weight:800;letter-spacing:.17em}.amm-brief-chips{display:flex;gap:7px;flex-wrap:wrap}.amm-brief-chips button{min-height:34px;padding:5px 11px;border-radius:999px;background:#1b2a3d;border-color:#40556b;color:#dbe7fc;font-size:12px;font-weight:730}
.amm-search-label{height:58px;background:#080f1b;border:1px solid #435675;border-radius:14px;box-shadow:0 0 0 3px rgba(119,158,225,.055);margin:10px 0}.amm-search-label:focus-within{border-color:var(--amm-electric);box-shadow:0 0 0 3px rgba(118,217,249,.14)}.amm-search-label input{height:100%;font-size:15px;border:0;background:transparent;padding:11px 5px;color:white}.amm-search-label input:focus{box-shadow:none}.amm-search-glyph{color:#a1dafa;font-size:26px}.amm-search-clear{color:#c3d8e9}
.amm-filters,.amm-extra-filters{display:grid;gap:8px;margin:12px 0}.amm-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.amm-extra-filters{grid-template-columns:1.35fr minmax(0,1fr) minmax(0,1fr)}.amm-filters label,.amm-extra-filters label{min-width:0;color:#adc0d5;font-size:11px;font-weight:800;gap:6px}.amm-filters select,.amm-extra-filters input,.amm-extra-filters select{height:44px;min-height:44px;padding:9px 11px;background:#0d1725;border-color:#35465c;color:#edf6ff;font-size:13px;min-width:0;width:100%}
.amm-availability{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;margin:12px 0 6px;padding-bottom:4px}.amm-availability button{flex-shrink:0;border-radius:999px;background:transparent;border:1px solid #33445b;color:#b6c7d7;font-size:12px;font-weight:740;min-height:36px;padding:6px 12px}.amm-availability button.on{background:#2a425c;color:#fff;border-color:#6894b2}
.amm-filter-bottom{border-bottom:1px solid var(--amm-stroke);padding:9px 0 12px}.amm-toggle{color:#cbdaeb}.amm-toggle input{accent-color:#69d4f6}
.amm-browser-meta{color:#a8b8ca;border:0;padding:9px 0 12px}.amm-key-hint{font-size:11px}.amm-song,.amm-family-header{min-height:73px;border:1px solid var(--amm-stroke);border-radius:13px;background:#151f2e;padding:12px;color:#f5f9ff}.amm-song:hover,.amm-family-header:hover{background:#1b2d40;border-color:#648aab}.amm-song.active,.amm-song.selected{border-color:#8cbdff;background:#20354b;box-shadow:inset 3px 0 #86dffa}.amm-song-icon{background:#233f57;color:#84dff5;border-radius:11px;width:45px;height:45px}.amm-song-main strong,.amm-family-copy strong{font-size:14px;font-weight:800}.amm-song-main small,.amm-family-copy small{color:#a8b6ca;font-size:12px}.amm-chevron{color:#a5b9cf}.amm-family-header{background:linear-gradient(110deg,#1d2b41,#231d3a)}.amm-family-glyph{background:#2a3c5d;color:#a8cef4}.amm-family-toggle{background:#314359;color:#dfedff}.amm-family-tracks{border-color:#405e7b}.amm-row-badges{display:flex;gap:5px;flex-wrap:wrap}.amm-row-badges small{font-size:9px;font-weight:900;letter-spacing:.07em;border-radius:5px;padding:3px 6px}.amm-status-listen{color:#8eead5;background:#164b43}.amm-status-incomplete{color:#ffd5a2;background:#57432b}.amm-status-version{color:#c3b7fc;background:#40365f}
.amm-batch-bar{position:sticky;top:63px;z-index:25;display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#253550;border:1px solid #85a4ca;border-radius:13px;padding:12px;margin:12px 0;box-shadow:0 14px 30px #0007}.amm-batch-bar[hidden]{display:none}.amm-batch-bar>div{flex:1 1 170px}.amm-batch-bar strong{font-size:13px}.amm-batch-bar p{margin:3px 0;color:#bac6dd;font-size:11px}.amm-batch-bar select{flex:1 1 170px;min-width:150px;background:#0f1b2c;min-height:42px}.amm-batch-bar button{min-height:42px;white-space:nowrap;font-size:12px}.amm-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}
.amm-show-more{background:#1d3044;color:#c3edff;border:1px solid #49647c}
#tab-tracks .right-panel{position:sticky;top:72px;max-height:calc(100dvh - 85px);overflow:auto;scrollbar-color:#344f68 #151f2b;overscroll-behavior:contain}.amm-editor-title{display:flex;align-items:center;justify-content:space-between;gap:13px}.amm-editor-title h2{font-size:23px;letter-spacing:-.04em}.amm-editor-indicator{font-size:11px;color:#93c9dc}.amm-empty-editor{background:radial-gradient(circle at center,rgba(58,106,139,.20),transparent 70%);border-color:#37516c;min-height:335px;align-content:center}.amm-empty-editor .amm-giant-note{color:#88d8ee}.amm-selected-summary{background:linear-gradient(120deg,#25364d,#292443);border-color:#455f7a}.amm-selected-art{background:linear-gradient(120deg,#2b7387,#5b4c9a);color:white}.amm-tags span{background:#253e52;border-color:#507b8f}.amm-quick-actions{border-color:var(--amm-stroke)}.amm-quick-actions button{background:#223b52;border-color:#41637d}.amm-preview{background:linear-gradient(115deg,#14283d,#22213b);border-color:#405f7b}.amm-preview-controls button{background:#263d54;border-color:#46637c}
#tab-tracks input,#tab-tracks select,#tab-tracks textarea{font-size:16px}
.amm-back-music{display:none}
#tab-playlists .card,#tab-rights .card,#tab-people .card,#tab-upload{background:#131c2b;border:1px solid var(--amm-stroke);border-radius:19px}#tab-playlists .item,#tab-people .item{background:#1a2838}.uploadzone{background:#1a2838;border-color:#547993}
#login{border-color:var(--amm-stroke);background:#141f2f;max-width:590px;margin-inline:auto}
@media(max-width:1150px){#tab-tracks{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}#tab-tracks>.card{padding:17px}.amm-discover-title{flex-wrap:wrap}.amm-title-actions{justify-content:start}.amm-key-hint{display:none}}
@media(max-width:850px){.wrap{padding:12px 14px 38px}.top{display:flex;gap:8px;flex-wrap:nowrap}.top img{width:42px;height:42px}.top h1{font-size:16px}.top small{font-size:11px}.top>.spacer{flex:1;display:block}.top #logout{padding:8px 12px;white-space:nowrap;min-height:39px}.amm-studio-heading{margin:21px 0 8px;gap:10px;flex-direction:row;align-items:center}.amm-studio-heading h2{font-size:clamp(26px,5vw,40px)}.amm-studio-heading p{font-size:12px}.amm-header-actions{width:auto;justify-content:end;flex-shrink:0}.amm-header-actions button{min-height:42px;font-size:18px;padding:8px}.amm-header-actions #workspaceSearchShortcut{width:42px;min-width:42px;justify-content:center}.amm-search-shortcut-text,.amm-header-actions kbd{display:none!important}.amm-metrics{gap:7px;margin:13px 0 12px!important}.amm-metrics>.card{flex:1;min-width:125px;min-height:58px;padding:10px}.amm-metrics>.card:first-child{flex:1}.amm-metrics .card .score{font-size:16px}.amm-metrics .hint{font-size:10px}.tabs{border-radius:12px;margin:0 0 12px;padding:5px;gap:3px;top:0}.tabs button{min-height:44px;padding:8px 12px;font-size:12px}#tab-tracks{display:block}#tab-tracks>.card{padding:16px;border-radius:16px}#tab-tracks>.card+.card{margin:12px 0 0}#tab-tracks .right-panel{position:static;max-height:none;overflow:visible}.amm-discover-title h2{font-size:27px}.amm-brief-bar{margin-top:10px}.amm-studio-dock{display:none!important}.amm-back-music{display:none}.amm-song,.amm-family-header{min-height:73px}}
@media(max-width:650px){.top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center}.top>.spacer{display:none}.top #logout{grid-column:3;grid-row:1}.top .pill{display:none}.top small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.amm-studio-heading{align-items:start}.amm-studio-heading h2{font-size:clamp(24px,7vw,34px);margin:5px 0}.amm-studio-heading p{max-width:245px;line-height:1.3}.amm-header-actions .amm-icon-button{display:none}.amm-metrics>.card:first-child{display:none}.amm-metrics>.card{min-width:0;flex:1;gap:4px;padding:9px 11px}.amm-metrics>.card .score{font-size:18px}.amm-metrics>.card .hint{display:none}.amm-metrics>.card small{font-size:10px}.tabs{scroll-padding:12px}.amm-discover-title{gap:6px}.amm-discover-title h2{font-size:27px}.amm-discover-title p{font-size:12px}.amm-title-actions{width:100%;justify-content:space-between}.amm-title-actions button{font-size:12px;padding:7px 12px}.amm-filters{grid-template-columns:1fr 1fr}.amm-extra-filters{grid-template-columns:1.2fr .8fr .8fr}.amm-brief-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.amm-brief-chips button{flex-shrink:0}.amm-availability{margin-top:9px}.amm-key-hint{display:none}.amm-studio-dock{display:none!important}
 #app.amm-inspecting #tab-tracks>.card:first-child{display:none!important}#app.amm-inspecting #tab-tracks>.right-panel{display:block!important;margin-top:0}#app:not(.amm-inspecting) #tab-tracks>.right-panel{display:none!important}.amm-back-music{display:block;min-height:37px;padding:7px 11px;font-size:12px;border-radius:9px;background:#28435b;border-color:#476784;order:-1}.amm-editor-title{flex-wrap:wrap}.amm-editor-title>div{flex:1}.amm-empty-editor{min-height:220px}.amm-selected-summary{margin-top:12px}.amm-selected-art{width:55px;height:55px;font-size:25px}.amm-quick-actions button{flex:1}.amm-preview-controls button{min-width:90px}
}
@media(max-width:375px){.amm-studio-heading p{display:none}.amm-studio-heading .amm-overline{font-size:9px}.amm-extra-filters{grid-template-columns:1fr 1fr}.amm-extra-filters label:first-child{grid-column:1/-1}.amm-availability button{font-size:11px;padding:5px 10px}.amm-metrics .card .score{font-size:16px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
/* Contain fractional sticky/scrollable-tab overflow on tablet Safari. */
html,body{max-width:100%;overflow-x:clip}
.wrap,#app{min-width:0;max-width:100%}
/* 4.2.1 usability corrections: persistent desktop workspace, no nested inspector scroll. */
#tab-tracks .right-panel{position:static;max-height:none;overflow:visible;overscroll-behavior:auto}
@media(min-width:1061px){
 #app{display:grid;grid-template-columns:197px minmax(0,1fr);column-gap:20px;align-items:start;min-width:0}
 #app>.amm-studio-heading{grid-column:2;grid-row:1;margin-top:20px;margin-bottom:10px;padding:23px 26px;border:1px solid #496c9270;border-radius:22px;background:radial-gradient(ellipse 300px 200px at 90% 0,#52408260,transparent 80%),linear-gradient(125deg,#15243a,#101626 80%);isolation:isolate;min-width:0}
 #app>.amm-studio-heading h2{font-size:clamp(31px,3vw,46px)}
 #app>.amm-metrics{grid-column:2;grid-row:2;margin:0 0 15px!important}
 #app>.tabs{grid-column:1;grid-row:1/span 3;position:sticky;top:20px;display:flex;flex-direction:column;align-self:start;gap:7px;overflow:visible;margin:20px 0 0;padding:20px 10px;border-radius:18px;background:linear-gradient(160deg,#111c2c,#15182c);min-width:0;box-shadow:0 22px 44px #0005}
 #app>.tabs:before{content:'YOUR WORKSPACE';color:#9ecbe1;letter-spacing:.16em;font-size:10px;font-weight:850;margin:4px 9px 12px}
 #app>.tabs:after{content:'PRIVATE · APPROVED ACCESS';font-size:10px;color:#718fac;line-height:1.5;letter-spacing:.07em;margin:19px 9px 2px;padding-top:12px;border-top:1px solid #6689ad3d}
 #app>.tabs button{display:flex;align-items:center;gap:10px;white-space:normal;text-align:left;min-height:54px;width:100%;padding:12px 11px;font-size:12px}
 #app>.tabs button span{min-width:22px;font-size:19px;margin-right:0}
 #app>.tabs button.on{box-shadow:inset 3px 0 #8bddfa;background:linear-gradient(100deg,#284b69,#333456)}
 #app>section{grid-column:2;grid-row:3;min-width:0}
 #tab-tracks{grid-template-columns:minmax(310px,1.05fr) minmax(330px,.95fr);gap:14px}
 #tab-tracks>.card{padding:19px}
}
@media(max-width:1060px){#app>.tabs{display:flex;flex-direction:row;overflow-x:auto;max-width:100%}}
@media(max-width:850px){
 #tab-tracks{display:block!important}
 #app.amm-inspecting #tab-tracks>.card:first-child{display:none!important}
 #app.amm-inspecting #tab-tracks>.right-panel{display:block!important;margin-top:0}
 #app:not(.amm-inspecting) #tab-tracks>.right-panel{display:none!important}
 #app .amm-back-music{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:8px 11px;font-size:12px;border:1px solid #587796;border-radius:11px;background:#243950;order:-1}
 #app .amm-editor-title{flex-wrap:wrap}
 #app .amm-editor-title>div{flex:1}
}
/* Back and forward remain accessible on phones, not silently hidden. */
@media(max-width:650px){
 .amm-studio-heading{flex-wrap:wrap}
 .amm-studio-heading>div:first-child{flex:1 1 185px;min-width:0}
 .amm-header-actions .amm-icon-button{display:inline-flex!important;align-items:center;justify-content:center;min-width:36px;width:36px;min-height:40px;padding:5px;font-size:18px}
 .amm-header-actions #workspaceSearchShortcut{min-width:40px;width:40px}
}
/* Keep app navigation controls discoverable on narrow phones. */
@media(max-width:650px){
 .amm-studio-heading{flex-direction:column;align-items:stretch;gap:12px}
 .amm-header-actions{width:100%;justify-content:flex-start}
 .amm-header-actions .amm-icon-button{display:grid!important;place-items:center;flex:none;width:42px;min-height:42px}
 .amm-header-actions #workspaceSearchShortcut{width:auto;min-width:44px;flex:1;justify-content:center}
 .amm-header-actions #workspaceSearchShortcut .amm-search-shortcut-text{display:inline!important;font-size:12px}
 .amm-header-actions #workspaceSearchShortcut .amm-search-shortcut-icon{font-size:17px}
 .amm-header-actions .amm-icon-button:disabled{opacity:.35}
}
/* Final small-screen layout polish: prevent phantom 185px flex gap. */
@media(max-width:650px){
 .amm-studio-heading{flex-wrap:nowrap!important}
 .amm-studio-heading>div:first-child{flex:none!important;min-height:0!important;height:auto!important}
 .amm-header-actions{align-self:stretch}
}
html,body{overflow-x:clip}
/* HTML hidden semantics override legacy form display rules. */
[hidden]{display:none!important}
.amm-search-label input{padding-left:47px;padding-right:43px}
.amm-search-glyph{left:15px;top:13px;font-size:23px;line-height:1.2;color:#91cee8}