/* Studio / Library navigation and library experience. Kept separate from the core form styles. */
.primary-nav{display:grid;gap:5px;margin:0 0 16px}.primary-nav-item{width:100%;border:0;background:transparent;color:#8d8a84;border-radius:9px;padding:10px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;font:inherit;transition:.18s}.primary-nav-item:hover{color:#f5f2e9;background:#19191b}.primary-nav-item.active{color:#fff;background:#242426}.primary-nav-item .nav-icon{width:28px;height:28px;border:1px solid #39383b;border-radius:7px;display:grid;place-items:center;font-size:13px}.primary-nav-item.active .nav-icon{background:var(--acid);border-color:var(--acid);color:#111}.primary-nav-item strong{font-size:12px;display:block}.primary-nav-item small{display:block;color:#77746f;font-size:9px;margin-top:2px;letter-spacing:.04em}.primary-nav+.new-project-button{margin-bottom:23px}.page-view.hidden{display:none!important}.main.library-active{background:#efede7}.main.library-active .top-actions{display:none}.main.library-active .topbar{background:rgba(239,237,231,.92)}
.studio-song-identity{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:20px;background:#111113;color:#fff;border-radius:14px;padding:14px 18px;margin:0 0 26px;box-shadow:0 16px 38px #1112}.studio-song-identity.hidden{display:none}.studio-song-identity img{width:92px;height:92px;object-fit:cover;border-radius:9px;background:#27272a}.studio-song-identity small{display:block;color:var(--acid);font:500 9px var(--mono);letter-spacing:.13em;text-transform:uppercase}.studio-song-identity h2{margin:6px 0 7px;font:600 28px var(--serif)}.studio-song-identity span{color:#98959a;font:400 9px var(--mono)}.studio-song-identity .button{border-color:#47474b;color:#fff;background:#202023}
.library-view{padding:52px clamp(28px,5vw,82px) 90px;max-width:1540px;margin:0 auto}.library-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:15px 0 36px}.library-hero h1{font:600 clamp(52px,7vw,92px)/.95 var(--serif);letter-spacing:-.055em;margin:12px 0 16px}.library-hero p{margin:0;color:var(--muted);font-size:14px;max-width:560px;line-height:1.65}.library-create{margin-bottom:7px;min-width:150px}.library-toolbar{position:sticky;top:64px;z-index:4;display:grid;grid-template-columns:minmax(240px,1fr) auto auto auto auto;gap:10px;padding:12px;margin:0 -12px 26px;background:rgba(239,237,231,.92);backdrop-filter:blur(14px);border-radius:12px}.library-search{height:44px;background:var(--panel);border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 13px}.library-search span{font-size:20px;color:#8a867e}.library-search input{border:0;outline:0;background:transparent;width:100%;font:500 12px var(--sans);color:var(--ink)}.library-select{height:44px;background:var(--panel);border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:0 11px;gap:7px}.library-select span{font:500 9px var(--mono);color:#8a867e;text-transform:uppercase}.library-select select{border:0;outline:0;background:transparent;font:600 11px var(--sans);color:var(--ink)}.view-switch{display:flex;padding:3px;background:#dedbd3;border-radius:8px}.view-switch button{width:38px;border:0;border-radius:6px;background:transparent;cursor:pointer;color:#77736c;font-size:17px}.view-switch button.active{background:var(--panel);color:#111;box-shadow:0 1px 4px #0001}
.library-summary{display:grid;grid-template-columns:120px 160px 140px 1fr;border:1px solid var(--line);background:var(--panel);border-radius:12px;margin-bottom:48px;overflow:hidden}.library-summary>div{padding:18px 21px;border-right:1px solid var(--line)}.library-summary small{display:block;color:#8a867e;font:500 9px var(--mono);letter-spacing:.11em}.library-summary strong{display:block;font:600 28px var(--serif);margin-top:5px}.library-summary p{margin:0;padding:18px 22px;align-self:center;justify-self:end;display:flex;align-items:center;gap:9px;color:#76726b;font-size:10px;line-height:1.5}.library-summary p span{color:var(--acid-dark);font-size:18px}.library-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.library-section-head small{font:500 9px var(--mono);letter-spacing:.13em;color:#8d887f}.library-section-head h2{font:600 30px var(--serif);margin:6px 0 0}.library-section-head>span{font:500 10px var(--mono);color:#89857e}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.library-card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.library-card:hover{transform:translateY(-3px);border-color:#c5c0b5;box-shadow:0 14px 35px #2d2a2312}.cover-art{position:relative;aspect-ratio:1/1;overflow:hidden;background:#18181a}.cover-art.has-image:before,.cover-art.has-image:after{display:none}.cover-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .3s}.library-card:hover .cover-art>img{transform:scale(1.025)}.cover-art:before,.cover-art:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}.cover-art:before{width:75%;height:130%;left:-12%;top:-35%;background:var(--cover-a);opacity:.92}.cover-art:after{width:80%;height:100%;right:-24%;bottom:-42%;background:var(--cover-b);opacity:.8}.cover-art.variant-0{--cover-a:#e3634d;--cover-b:#d9f871}.cover-art.variant-1{--cover-a:#775fe4;--cover-b:#f1a85d}.cover-art.variant-2{--cover-a:#48a9a0;--cover-b:#ef6f8c}.cover-art.variant-3{--cover-a:#c7b2ff;--cover-b:#4852a7}.cover-art.variant-4{--cover-a:#efbc3e;--cover-b:#d85771}.cover-art .cover-grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:24px 24px;mix-blend-mode:overlay}.cover-art .cover-wave{position:absolute;left:17px;right:17px;bottom:19px;height:28px;display:flex;align-items:center;gap:3px;z-index:1}.cover-wave i{width:3px;height:var(--h);background:#fff;border-radius:2px;opacity:.78}.cover-index{position:absolute;z-index:2;top:15px;left:16px;color:#fff;font:500 9px var(--mono);letter-spacing:.13em}.cover-play{position:absolute;z-index:2;right:15px;bottom:14px;width:39px;height:39px;border-radius:50%;border:1px solid #fff5;background:#111d;color:white;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(5px);transition:.18s}.cover-play:hover{background:var(--acid);color:#111;transform:scale(1.05)}.library-card-body{padding:16px}.library-card-head{display:flex;justify-content:space-between;gap:12px}.library-card-head strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-card-head small{display:block;margin-top:5px;color:#89857f;font:400 9px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-chip{flex:0 0 auto;align-self:flex-start;border:1px solid #d5d1c8;border-radius:20px;padding:4px 7px;font:500 8px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#77736d}.status-chip.ready{background:#e8f3ba;border-color:#cfdf91;color:#57651c}.library-card-meta{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 13px}.library-card-meta span{min-width:0;overflow-wrap:anywhere}.library-card-meta span{background:#efede7;border-radius:5px;padding:5px 7px;color:#6f6b65;font-size:9px}.library-card-meta .source-badge{background:#222;color:#f6f3eb}.library-card-meta .source-badge.telegram{background:#d9f871;color:#263000}.library-card-meta .category-badge{background:#e1dcff;color:#3b3165;font-weight:700}.archive-origin{font:600 9px var(--sans);color:#6e7f22}.library-player{border-top:1px solid var(--line);padding-top:12px}.library-player audio{height:32px;width:100%;display:block}.library-no-audio{height:32px;display:flex;align-items:center;color:#9b978f;font-size:9px;font-family:var(--mono)}.library-card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.library-card-actions button{border:0;background:transparent;cursor:pointer;padding:0;font:600 10px var(--sans);color:#111}.library-card-actions button:hover{text-decoration:underline}.library-card-actions span{font:400 8px var(--mono);color:#99958d}.library-grid.list{display:block}.library-grid.list .library-card{display:grid;grid-template-columns:160px minmax(0,1fr);margin-bottom:10px}.library-grid.list .cover-art{aspect-ratio:auto;min-height:146px}.library-grid.list .library-card-body{display:grid;grid-template-columns:minmax(170px,1fr) minmax(250px,1.2fr) auto;align-items:center;gap:24px}.library-grid.list .library-card-meta{margin:10px 0 0}.library-grid.list .library-player{border:0;padding:0}.library-grid.list .library-card-actions{margin:0;display:grid;justify-items:end;gap:12px}.library-empty{text-align:center;padding:80px 20px;border:1px dashed #cbc6bb;border-radius:12px}.library-empty>div{font-size:34px;color:var(--acid-dark)}.library-empty h3{font:600 25px var(--serif);margin:12px 0 7px}.library-empty p{color:var(--muted);font-size:11px;margin:0 0 20px}
@media(max-width:980px){.library-view{padding:35px 25px 70px}.library-summary{grid-template-columns:repeat(3,1fr)}.library-summary p{grid-column:1/-1;border-top:1px solid var(--line);justify-self:stretch}.library-toolbar{grid-template-columns:1fr 1fr 1fr 1fr}.library-search{grid-column:1/-1}.view-switch{justify-content:center}.library-grid.list .library-card{grid-template-columns:120px minmax(0,1fr)}.library-grid.list .library-card-body{grid-template-columns:1fr}.library-grid.list .library-card-actions{display:flex;justify-items:initial}}
@media(max-width:720px){.primary-nav{grid-template-columns:1fr 1fr}.primary-nav-item{padding:8px}.primary-nav-item small{display:none}.main{min-width:0;width:100%;overflow-x:hidden}.studio-song-identity{grid-template-columns:68px minmax(0,1fr);padding:11px;gap:12px}.studio-song-identity img{width:68px;height:68px}.studio-song-identity h2{font-size:20px}.studio-song-identity .button{grid-column:1/-1;width:100%}.library-view{padding:23px 16px 60px;width:100%;max-width:100%;min-width:0;overflow-x:hidden}.library-view>*{min-width:0}.library-hero{align-items:flex-start}.library-hero h1{font-size:52px}.library-hero p{max-width:100%;overflow-wrap:anywhere}.library-hero .button{display:none}.library-toolbar{position:static;grid-template-columns:minmax(0,1fr);width:100%;max-width:100%}.library-search{grid-column:auto;min-width:0}.library-search input{min-width:0}.library-select{min-width:0;width:100%}.library-select select{min-width:0;width:100%;text-overflow:ellipsis}.view-switch{display:none}.library-summary{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:100%;margin-bottom:34px}.library-summary>div{min-width:0;padding:13px 10px}.library-summary small{white-space:normal;overflow-wrap:anywhere}.library-summary strong{font-size:21px}.library-summary p{min-width:0;padding:13px;overflow-wrap:anywhere}.library-grid{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%}.library-card,.library-card-body,.library-player{min-width:0;max-width:100%}.library-player audio{min-width:0;max-width:100%}.library-grid.list .library-card{display:block}.library-grid.list .cover-art{aspect-ratio:16/8}.library-grid.list .library-card-body{display:block}.library-grid.list .library-player{border-top:1px solid var(--line);padding-top:12px}.library-grid.list .library-card-actions{margin-top:13px}.main.library-active .topbar{display:flex}}
.studio-song-actions{display:flex;align-items:center;gap:8px}.button.danger{border-color:#c77f76!important;background:#301b1b!important;color:#ffd9d4!important}.button.danger:hover{background:#492323!important}.library-card-actions>div{display:flex;align-items:center;gap:10px;min-width:0}.library-card-actions .remove-song-button{color:#9b3d35}.library-card-actions .remove-song-button:hover{color:#681d17;text-decoration:underline}@media(max-width:720px){.studio-song-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr}.studio-song-actions .button{width:100%}.library-card-actions>div{flex-wrap:wrap}}

/* 2026 luminous Hermes Library: shares the Home surface instead of the legacy black shell. */
body.library-active{min-height:100vh;padding-bottom:104px;background:#fff7fc;color:var(--home-plum);overflow-x:hidden}
body.library-active .noise{opacity:.018}
body.library-active .app-shell{display:block;min-height:calc(100vh - 76px)}
body.library-active .sidebar{display:none}
body.library-active .main{display:block;grid-column:auto;min-height:calc(100vh - 76px);background:transparent}
body.library-active .main>.topbar{display:none}
body.library-active .toast{background:#3a1746;border-left-color:#ff75bb}
.main.library-active{position:relative;overflow:hidden;background:radial-gradient(circle at 7% 5%,rgba(255,132,194,.35),transparent 31%),radial-gradient(circle at 94% 12%,rgba(180,148,255,.44),transparent 34%),linear-gradient(145deg,#fffafd 0%,#fff3fa 48%,#f7f2ff 100%)}
.main.library-active:before,.main.library-active:after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(2px)}
.main.library-active:before{width:330px;height:330px;left:-150px;top:175px;background:radial-gradient(circle at 64% 38%,rgba(255,255,255,.72),rgba(255,86,170,.13) 48%,transparent 72%)}
.main.library-active:after{width:390px;height:390px;right:-190px;top:420px;background:radial-gradient(circle at 34% 38%,rgba(255,255,255,.8),rgba(139,91,235,.13) 50%,transparent 72%)}
body.library-active .library-view{position:relative;z-index:1;max-width:1260px;min-height:calc(100vh - 76px);padding:42px 40px 108px;color:var(--home-plum)}
body.library-active .library-hero{position:relative;align-items:center;padding:2px 0 22px}
body.library-active .library-hero:before{content:"YOUR MUSIC · HERMES COLLECTION";position:absolute;left:0;top:-8px;padding:7px 11px;border:1px solid var(--home-line);border-radius:999px;background:rgba(255,255,255,.52);color:#9f3276;font:600 8px var(--mono);letter-spacing:.12em;box-shadow:0 7px 22px rgba(96,36,108,.05)}
body.library-active .library-hero .eyebrow{display:none}
body.library-active .library-hero h1{margin:28px 0 11px;color:var(--home-plum);font:600 clamp(42px,4.6vw,58px)/.9 var(--serif);letter-spacing:-.055em}
body.library-active .library-hero h1 em{font-weight:600;color:transparent;background:linear-gradient(115deg,#d93391 8%,#8b54e9 84%);-webkit-background-clip:text;background-clip:text}
body.library-active .library-hero p{max-width:590px;color:#725d77;font-size:12px;line-height:1.55}
body.library-active .button.primary{border-radius:14px;background:linear-gradient(105deg,#f5419a,#9b5ef0);box-shadow:0 12px 30px rgba(203,55,156,.25);color:#fff}
body.library-active .button.primary:hover{background:linear-gradient(105deg,#e9368e,#8b4ee3);box-shadow:0 16px 34px rgba(203,55,156,.32)}
body.library-active .library-toolbar{top:88px;grid-template-columns:minmax(260px,1fr) auto auto auto auto;margin:0 -10px 16px;padding:9px;background:rgba(255,250,253,.72);border:1px solid rgba(105,42,118,.09);border-radius:18px;box-shadow:0 14px 42px rgba(79,25,91,.08);backdrop-filter:blur(22px)}
body.library-active .library-search,body.library-active .library-select{height:46px;border-color:var(--home-line);border-radius:12px;background:rgba(255,255,255,.72)}
body.library-active .library-search input,body.library-active .library-select select{color:var(--home-plum)}
body.library-active .view-switch{border-radius:11px;background:#f1e6f2}
body.library-active .view-switch button{border-radius:8px;color:#8b6f90}
body.library-active .view-switch button.active{background:#fff;color:#a42373;box-shadow:0 5px 14px rgba(81,27,92,.1)}
body.library-active .library-summary{border-color:var(--home-line);border-radius:18px;background:rgba(255,255,255,.59);margin-bottom:26px;box-shadow:0 18px 48px rgba(83,28,95,.07);backdrop-filter:blur(20px)}
body.library-active .library-summary>div{border-color:var(--home-line)}
body.library-active .library-summary>div{padding:13px 17px}
body.library-active .library-summary strong{font-size:24px;margin-top:3px}
body.library-active .library-summary small,body.library-active .library-section-head small{color:#a13a78}
body.library-active .library-summary strong,body.library-active .library-section-head h2{color:var(--home-plum)}
body.library-active .library-summary p{color:#7e6982}
body.library-active .library-summary p span{color:#d3378e}
body.library-active .library-section-head{margin-top:0;margin-bottom:14px}
body.library-active .library-section-head h2{font-size:30px;letter-spacing:-.03em}
body.library-active .library-grid{gap:22px}
body.library-active .library-card{border-color:rgba(105,42,118,.11);border-radius:19px;background:rgba(255,255,255,.72);box-shadow:0 14px 36px rgba(70,20,83,.08);backdrop-filter:blur(16px)}
body.library-active .library-card:hover{transform:translateY(-5px);border-color:rgba(211,55,142,.28);box-shadow:0 22px 48px rgba(79,24,92,.15)}
body.library-active .cover-art{background:linear-gradient(135deg,#f86fb5,#8f68ef)}
body.library-active .cover-art:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.11),transparent 36%,rgba(100,42,194,.1));border:1px solid rgba(255,255,255,.25);mix-blend-mode:screen}
body.library-active .cover-play{z-index:3;border-color:rgba(255,255,255,.65);background:rgba(255,255,255,.88);color:#682874;box-shadow:0 8px 24px rgba(45,10,56,.22);backdrop-filter:blur(10px)}
body.library-active .library-card-body{color:var(--home-plum)}
body.library-active .library-card-head small,body.library-active .library-card-meta,body.library-active .library-card-actions>span{color:#927d96}
body.library-active .status-chip,body.library-active .source-badge,body.library-active .category-badge{border-color:rgba(105,42,118,.12);background:#f7edf6;color:#825587}
body.library-active .library-player,body.library-active .library-card-actions{border-color:var(--home-line)}
body.library-active .library-card-actions button{color:#a42373}
body.library-active .library-card-actions .remove-song-button{color:#9b3d71}
body.library-active .library-empty{border-color:rgba(105,42,118,.18);background:rgba(255,255,255,.48)}
@media(max-width:980px){body.library-active .library-view{padding:42px 25px 100px}body.library-active .library-toolbar{grid-template-columns:1fr 1fr 1fr 1fr}.library-search{grid-column:1/-1}}
@media(max-width:720px){body.library-active{padding-bottom:88px}body.library-active .app-shell,body.library-active .main{min-height:calc(100vh - 64px)}body.library-active .library-view{min-height:calc(100vh - 64px);padding:34px 14px 92px}body.library-active .library-hero{padding-bottom:20px}body.library-active .library-hero:before{top:-7px;font-size:7px}body.library-active .library-hero h1{font-size:44px;margin-top:27px}body.library-active .library-toolbar{position:static;grid-template-columns:minmax(0,1fr);margin:0 0 16px;padding:8px}body.library-active .library-summary{border-radius:15px;margin-bottom:24px}body.library-active .library-grid{gap:19px}}

/* Luminous generative workspace: Suno-inspired hierarchy, Hermes visual identity. */
body.studio-active{min-height:100vh;padding-bottom:104px;background:#fff7fc;color:var(--home-plum);overflow-x:hidden}
body.studio-active .noise{opacity:.018}
body.studio-active .home-header{position:relative}
body.studio-active .app-shell{display:block;min-height:calc(100vh - 76px)}
body.studio-active .sidebar{display:none}
body.studio-active .main{display:block;grid-column:auto;min-height:calc(100vh - 76px);background:transparent}
body.studio-active .mobile-menu{display:none!important}
body.studio-active .toast{background:#3a1746;border-left-color:#ff75bb}
.main.studio-active{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 4% 3%,rgba(255,126,191,.28),transparent 27%),radial-gradient(circle at 96% 9%,rgba(176,144,255,.38),transparent 31%),linear-gradient(145deg,#fffafd 0%,#fff4fa 47%,#f6f2ff 100%)}
.main.studio-active:before,.main.studio-active:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.main.studio-active:before{width:340px;height:340px;left:-170px;top:330px;background:radial-gradient(circle,rgba(255,119,188,.18),transparent 69%)}.main.studio-active:after{width:420px;height:420px;right:-210px;top:690px;background:radial-gradient(circle,rgba(143,97,235,.16),transparent 69%)}
body.studio-active .topbar{top:0;height:64px;padding:0 clamp(20px,4vw,58px);border-color:rgba(105,42,118,.09);background:rgba(255,250,253,.78);box-shadow:0 8px 30px rgba(74,23,86,.05);backdrop-filter:blur(22px)}
body.studio-active .breadcrumb{color:#8a718f}body.studio-active .breadcrumb span{color:#a13a78}body.studio-active .breadcrumb strong{max-width:min(44vw,560px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--home-plum)}
body.studio-active .save-state{color:#9a849e}body.studio-active .button{border-radius:12px}body.studio-active .button.primary{background:linear-gradient(105deg,#f5419a,#9b5ef0);color:#fff;box-shadow:0 10px 24px rgba(203,55,156,.2)}body.studio-active .button.primary:hover{background:linear-gradient(105deg,#e9368e,#8b4ee3);box-shadow:0 14px 28px rgba(203,55,156,.29)}body.studio-active .button.secondary{border-color:rgba(105,42,118,.14);background:rgba(255,255,255,.66);color:#644a69}
body.studio-active .workspace{width:100%;max-width:1280px;padding:34px 40px 132px}
body.studio-active.has-studio-project .workspace>.hero{display:none}
body.studio-active .workspace>.hero{padding:30px 0 42px}body.studio-active .workspace>.hero h1{color:var(--home-plum)}body.studio-active .workspace>.hero h1 em{color:transparent;background:linear-gradient(115deg,#d93391,#8b54e9);-webkit-background-clip:text;background-clip:text}
body.studio-active .studio-song-identity{display:grid;grid-template-columns:210px minmax(0,1fr) auto;align-items:center;gap:30px;margin:0 0 18px;padding:18px;border:1px solid rgba(105,42,118,.12);border-radius:25px;background:rgba(255,255,255,.66);color:var(--home-plum);box-shadow:0 24px 64px rgba(79,24,92,.12);backdrop-filter:blur(22px)}
body.studio-active .studio-song-identity.hidden{display:none}
.studio-cover-frame{position:relative;aspect-ratio:1;overflow:hidden;border-radius:19px;background:linear-gradient(135deg,#f978bb,#8f68ef);box-shadow:0 16px 34px rgba(65,18,79,.19)}
body.studio-active .studio-cover-frame img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;background:#eadbf0}.studio-cover-frame>span{position:absolute;left:12px;top:12px;padding:6px 8px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(30,8,42,.34);color:#fff;font:500 7px var(--mono);letter-spacing:.11em;backdrop-filter:blur(8px)}
.studio-song-copy{min-width:0}.studio-song-kicker{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.studio-song-kicker small{color:#b12b7d!important}.studio-song-kicker>span{display:flex;align-items:center;gap:6px;color:#8d7591;font:500 8px var(--mono);text-transform:uppercase;letter-spacing:.08em}.studio-song-kicker i{width:6px;height:6px;border-radius:50%;background:#6ecb83;box-shadow:0 0 0 4px rgba(110,203,131,.13)}
body.studio-active .studio-song-identity h2{max-width:720px;margin:12px 0 8px;color:var(--home-plum);font:600 clamp(28px,3.6vw,50px)/1 var(--serif);letter-spacing:-.045em}.studio-song-id{display:block;max-width:680px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9a849e!important;font:400 8px var(--mono)!important}.studio-song-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.studio-song-tags span{padding:6px 9px;border:1px solid rgba(105,42,118,.1);border-radius:999px;background:#f6eaf5;color:#805586!important;font:600 8px var(--sans)!important;text-transform:none}.studio-song-copy>p{max-width:650px;margin:14px 0 0;color:#826d86;font-size:10px;line-height:1.65}
.studio-song-actions{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:9px;min-width:145px}.studio-song-actions .button{width:100%;min-height:42px}.studio-song-actions .button.danger{margin-top:auto;border-color:rgba(199,72,107,.17)!important;background:#fff0f4!important;color:#a13f5b!important}.studio-song-actions .button.danger:hover{background:#ffe3eb!important}
.studio-session{margin:0 0 20px;padding:17px;border:1px solid rgba(105,42,118,.11);border-radius:22px;background:rgba(255,255,255,.58);box-shadow:0 18px 48px rgba(77,23,89,.08);backdrop-filter:blur(20px)}.studio-session.hidden{display:none}.studio-session>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 3px 13px}.studio-session>header small,.studio-session>header strong{display:block}.studio-session>header small{color:#a13a78;font:600 7px var(--mono);letter-spacing:.13em}.studio-session>header strong{max-width:640px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--home-plum);font-size:11px}.studio-session-facts{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.studio-session-facts span{padding:5px 8px;border-radius:8px;background:#f4e8f3;color:#7f6883;font:500 8px var(--mono)}
.studio-session-workspace{display:grid;grid-template-columns:50px minmax(0,1fr) 88px;align-items:center;gap:12px}.studio-transport-play{width:48px;height:48px;border:0;border-radius:50%;background:linear-gradient(135deg,#ef469d,#9360e8);color:#fff;box-shadow:0 9px 24px rgba(193,52,149,.25);cursor:pointer}.studio-transport-play:hover,.studio-transport-play.active{transform:scale(1.04);box-shadow:0 12px 28px rgba(193,52,149,.34)}.studio-transport-play:disabled{opacity:.35;cursor:not-allowed;transform:none}.studio-timeline{min-width:0;border:1px solid rgba(103,43,116,.12);border-radius:14px;background:rgba(255,255,255,.7);overflow:hidden;outline:0;cursor:pointer}.studio-timeline:focus-visible{box-shadow:0 0 0 3px rgba(229,55,148,.22)}.studio-timeline.unavailable{cursor:default;opacity:.58}.studio-timeline-ruler{height:23px;display:grid;grid-template-columns:auto 1fr 1fr 1fr auto;align-items:center;gap:10px;padding:0 11px;border-bottom:1px solid rgba(103,43,116,.08);color:#a18ca4;font:500 7px var(--mono)}.studio-timeline-ruler i{height:1px;background:rgba(105,42,118,.1)}.studio-session-track{position:relative;display:grid;grid-template-columns:145px minmax(0,1fr);height:68px;overflow:hidden}.studio-track-label{position:relative;z-index:2;display:grid;grid-template-columns:8px 1fr;align-content:center;gap:2px 7px;padding:0 12px;border-right:1px solid rgba(103,43,116,.09);background:rgba(249,240,249,.72)}.studio-track-label i{grid-row:1/3;width:7px;height:28px;border-radius:5px;background:linear-gradient(#ef469d,#9360e8)}.studio-track-label span{color:var(--home-plum);font-size:9px;font-weight:700}.studio-track-label small{color:#9a859d;font-size:7px}.studio-wave{display:flex;align-items:center;gap:2px;padding:8px 12px;background:linear-gradient(90deg,rgba(245,65,154,.06),rgba(152,93,237,.09))}.studio-wave i{flex:1;height:var(--h);min-width:1px;border-radius:2px;background:linear-gradient(180deg,#e74497,#9663e8);opacity:var(--o)}.studio-playhead{position:absolute;z-index:1;left:145px;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(235,62,150,.18),rgba(146,94,230,.08));border-right:2px solid #e63b91;pointer-events:none}.studio-session-time{justify-self:end;color:#7f6983;font:500 8px var(--mono);white-space:nowrap}.studio-session>p{margin:11px 3px 0;color:#938097;font-size:8px;line-height:1.55}
body.studio-active .stage-tabs{position:sticky;top:72px;z-index:6;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0 0 16px;padding:6px;border:1px solid rgba(105,42,118,.1);border-radius:16px;background:rgba(255,250,253,.82);box-shadow:0 12px 34px rgba(73,22,85,.07);backdrop-filter:blur(20px);scrollbar-width:none}body.studio-active .stage-tabs::-webkit-scrollbar{display:none}body.studio-active .stage-tabs button{height:44px;border:0;border-radius:11px;color:#8b758f;font-size:9px}body.studio-active .stage-tabs button b{color:#c34a8e;font-size:7px}body.studio-active .stage-tabs button:after{display:none}body.studio-active .stage-tabs button:hover{background:#f7edf6;color:#6a4c70}body.studio-active .stage-tabs button.active{background:linear-gradient(105deg,#f5419a,#9b5ef0);color:#fff;box-shadow:0 8px 20px rgba(197,53,151,.2)}body.studio-active .stage-tabs button.active b{color:#ffe7f4}
body.studio-active .stage{padding:30px;border:1px solid rgba(105,42,118,.11);border-radius:22px;background:rgba(255,255,255,.63);box-shadow:0 18px 50px rgba(75,22,88,.08);backdrop-filter:blur(18px)}body.studio-active .section-heading small{color:#b12b7d}body.studio-active .section-heading h2{color:var(--home-plum);font-size:33px}body.studio-active .section-heading>p{color:#826f86}body.studio-active .field>span,body.studio-active .generation-settings label>span,body.studio-active .parameter-strip label>span{color:#7f6783}
body.studio-active .field input,body.studio-active .field textarea,body.studio-active .field select,body.studio-active .generation-settings input,body.studio-active .generation-settings select,body.studio-active .parameter-strip input,body.studio-active .parameter-strip select{border-color:rgba(105,42,118,.13);border-radius:11px;background:rgba(255,255,255,.78);color:var(--home-plum)}body.studio-active .field input:focus,body.studio-active .field textarea:focus,body.studio-active .field select:focus,body.studio-active .generation-settings input:focus,body.studio-active .generation-settings select:focus,body.studio-active .parameter-strip input:focus,body.studio-active .parameter-strip select:focus{border-color:rgba(217,51,145,.45);box-shadow:0 0 0 3px rgba(217,51,145,.1);background:#fff}body.studio-active .field-note{color:#9b879e}body.studio-active .next-row{border-color:rgba(105,42,118,.1)}
body.studio-active .parameter-strip{gap:0;border-color:rgba(105,42,118,.1);border-radius:14px;background:rgba(105,42,118,.1)}body.studio-active .parameter-strip label{background:rgba(255,255,255,.72)}body.studio-active .prompt-guide,body.studio-active .generation-card,body.studio-active .release-guard,body.studio-active .lyrics-editor,body.studio-active .craft-notes,body.studio-active .output-card,body.studio-active .qc-panel{border-color:rgba(105,42,118,.12);border-radius:15px;background:rgba(255,255,255,.72)}body.studio-active .editor-toolbar,body.studio-active .editor-footer{background:#f4e8f3;color:#806b84}body.studio-active .editor-toolbar button{border-color:rgba(105,42,118,.12);background:#fff;color:#78587e}body.studio-active .lyrics-editor textarea{background:rgba(255,255,255,.85);color:var(--home-plum)}body.studio-active .model-icon{border-radius:12px;background:linear-gradient(135deg,#ef469d,#9360e8);color:#fff}body.studio-active .generate-button{border-radius:14px;background:linear-gradient(105deg,#f5419a,#9b5ef0)}body.studio-active .output-kind{background:#f3e5f2;color:#8d548e}body.studio-active .qc-button{border-color:rgba(105,42,118,.14);color:#a12f77}
.cover-load-failed{background:linear-gradient(135deg,#f878b9,#9465eb)}
@media(max-width:900px){body.studio-active .workspace{padding:28px 24px 116px}body.studio-active .studio-song-identity{grid-template-columns:170px minmax(0,1fr)}body.studio-active .studio-song-actions{grid-column:1/-1;display:flex;flex-direction:row}body.studio-active .studio-song-actions .button{width:auto}.studio-session-workspace{grid-template-columns:48px minmax(0,1fr)}.studio-session-time{grid-column:2}.studio-session-track{grid-template-columns:115px minmax(0,1fr)}.studio-playhead{left:115px}}
@media(max-width:640px){body.studio-active{padding-bottom:88px}body.studio-active .app-shell,body.studio-active .main{min-height:calc(100vh - 64px)}body.studio-active .topbar{top:0;height:58px;padding:0 12px}body.studio-active .breadcrumb{display:none}body.studio-active .top-actions{width:100%;justify-content:flex-end}.save-state{margin-right:auto}body.studio-active .workspace{padding:14px 12px 104px}body.studio-active .studio-song-identity{grid-template-columns:104px minmax(0,1fr);gap:14px;padding:11px;border-radius:19px}body.studio-active .studio-song-identity h2{font-size:23px}.studio-cover-frame{border-radius:14px}.studio-cover-frame>span{display:none}.studio-song-kicker>span,.studio-song-copy>p,.studio-song-id{display:none}.studio-song-tags{margin-top:10px;gap:4px}.studio-song-tags span{padding:4px 6px;font-size:7px!important}.studio-song-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important}.studio-song-actions .button{width:100%!important}.studio-session{padding:11px;border-radius:18px}.studio-session>header{align-items:flex-start}.studio-session>header strong{max-width:190px}.studio-session-facts span:nth-child(2){display:none}.studio-session-workspace{grid-template-columns:42px minmax(0,1fr);gap:8px}.studio-transport-play{width:40px;height:40px}.studio-timeline-ruler{padding-inline:7px}.studio-session-track{grid-template-columns:90px minmax(0,1fr);height:61px}.studio-track-label{padding:0 7px}.studio-track-label small{display:none}.studio-wave{gap:1px;padding:7px}.studio-wave i:nth-child(2n){display:none}.studio-playhead{left:90px}.studio-session-time{grid-column:2}.studio-session>p{font-size:7px}body.studio-active .stage-tabs{top:66px;grid-template-columns:repeat(5,88px);overflow-x:auto;justify-content:start;margin-bottom:11px;border-radius:14px}body.studio-active .stage-tabs button{height:40px}body.studio-active .stage{padding:18px 13px;border-radius:18px}body.studio-active .section-heading h2{font-size:27px}body.studio-active .form-grid,body.studio-active .form-grid.two{grid-template-columns:minmax(0,1fr)}body.studio-active .field.wide{grid-column:auto}body.studio-active .parameter-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Suno-researched Discover shelves, translated into Hermes data and theme. */
body.discover-active{min-height:100vh;padding-bottom:104px;background:#fff7fc;color:var(--home-plum);overflow-x:hidden}
body.discover-active .noise{opacity:.018}
.discover-page{min-height:calc(100vh - 76px);overflow:hidden;background:radial-gradient(circle at 3% 10%,rgba(255,123,190,.26),transparent 27%),radial-gradient(circle at 96% 8%,rgba(174,143,255,.36),transparent 31%),linear-gradient(145deg,#fffafd,#fff4fa 49%,#f6f2ff)}
.discover-page.hidden{display:none!important}.discover-shell{width:min(1320px,100%);margin:0 auto;padding:38px 34px 132px}.discover-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:8px 0 26px}.discover-page-head>div>span{color:#a12f77;font:650 8px var(--mono);letter-spacing:.14em}.discover-page-head h1{margin:9px 0 8px;color:var(--home-plum);font:600 clamp(42px,4.8vw,62px)/.95 var(--serif);letter-spacing:-.05em}.discover-page-head p{max-width:680px;margin:0;color:#7e6982;font-size:11px;line-height:1.65}.discover-page-head>a{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;border-radius:14px;background:linear-gradient(105deg,#f5419a,#9b5ef0);color:#fff;box-shadow:0 12px 28px rgba(203,55,156,.22);font-size:10px;font-weight:750;text-decoration:none;white-space:nowrap}
.discover-command-bar{position:sticky;top:76px;z-index:8;display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1.3fr);align-items:center;gap:11px;margin:0 -10px 30px;padding:10px;border:1px solid rgba(105,42,118,.1);border-radius:18px;background:rgba(255,250,253,.84);box-shadow:0 14px 38px rgba(78,25,91,.08);backdrop-filter:blur(22px)}.discover-search{height:46px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid rgba(105,42,118,.12);border-radius:13px;background:rgba(255,255,255,.78)}.discover-search>span:first-child{color:#a0397c;font-size:19px}.discover-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--home-plum);font:500 11px var(--sans)}.discover-category-tabs{display:flex;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none}.discover-category-tabs::-webkit-scrollbar{display:none}.discover-category-tabs button{height:34px;flex:0 0 auto;padding:0 11px;border:1px solid rgba(105,42,118,.1);border-radius:10px;background:#f7edf6;color:#806b84;font:650 8px var(--sans);cursor:pointer}.discover-category-tabs button:hover,.discover-category-tabs button.active{border-color:rgba(216,54,145,.24);background:linear-gradient(105deg,#f5419a,#9b5ef0);color:#fff;box-shadow:0 6px 16px rgba(192,53,148,.16)}
.discover-shelves{display:grid;gap:34px}.discover-shelf{min-width:0}.discover-shelf>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.discover-shelf>header small{display:block;color:#a13a78;font:600 7px var(--mono);letter-spacing:.13em}.discover-shelf>header h2{margin:5px 0 0;color:var(--home-plum);font:600 27px var(--serif);letter-spacing:-.03em}.discover-shelf>header button{height:32px;padding:0 11px;border:1px solid rgba(105,42,118,.12);border-radius:999px;background:rgba(255,255,255,.66);color:#765a7b;font:650 8px var(--sans);cursor:pointer}.discover-shelf>header button:hover{border-color:rgba(216,54,145,.24);color:#a12f77}.discover-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);grid-template-rows:1fr;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 1px 10px;scroll-snap-type:x proximity;scrollbar-color:rgba(160,82,172,.28) transparent;scrollbar-width:thin}.discover-card{min-width:0;max-width:220px;scroll-snap-align:start;cursor:pointer;outline:0}.discover-card:focus-visible .discover-card-art{box-shadow:0 0 0 3px rgba(229,55,148,.33),0 18px 38px rgba(70,20,83,.15)}.discover-card-art{position:relative;aspect-ratio:1;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#f875b9,#9165eb);box-shadow:0 14px 32px rgba(71,20,83,.12);transition:transform .2s,box-shadow .2s}.discover-card:hover .discover-card-art{transform:translateY(-3px);box-shadow:0 20px 42px rgba(71,20,83,.18)}.discover-card-art img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s}.discover-card:hover .discover-card-art img{transform:scale(1.025)}.discover-card-badge{position:absolute;z-index:2;left:10px;top:10px;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 7px;border:1px solid rgba(255,255,255,.36);border-radius:999px;background:rgba(29,8,40,.38);color:#fff;font:500 6px var(--mono);letter-spacing:.08em;backdrop-filter:blur(8px)}.discover-card-play{position:absolute;z-index:3;right:10px;bottom:10px;width:39px;height:39px;border:1px solid rgba(255,255,255,.63);border-radius:50%;background:rgba(255,255,255,.9);color:#6b2b78;box-shadow:0 8px 20px rgba(45,11,56,.2);cursor:pointer}.discover-card-play:hover,.discover-card-play.active{transform:scale(1.06);background:#fff}.discover-card-copy{padding:10px 2px 0}.discover-card-copy>strong,.discover-card-copy>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-card-copy>strong{color:var(--home-plum);font-size:10px}.discover-card-copy>small{margin-top:4px;color:#8c7690;font-size:8px}.discover-card-copy>div{display:flex;gap:8px;min-width:0;margin-top:7px;color:#9b879e;font:500 7px var(--mono)}.discover-card-copy>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-card-copy>div span:last-child{color:#aa3b7d}.discover-card-skeleton{width:190px;aspect-ratio:.78;border-radius:18px;background:linear-gradient(110deg,#f2e5f1 8%,#fff8fc 18%,#f2e5f1 33%);background-size:200% 100%;animation:homeShimmer 1.2s linear infinite}.discover-empty{padding:70px 20px;border:1px dashed rgba(105,42,118,.19);border-radius:22px;background:rgba(255,255,255,.5);text-align:center}.discover-empty>span{display:grid;place-items:center;width:48px;height:48px;margin:auto;border-radius:50%;background:#f3e3f1;color:#ac2e7d;font-size:20px}.discover-empty h2{margin:15px 0 6px;font:600 24px var(--serif)}.discover-empty p{margin:0;color:#8b758f;font-size:9px}.discover-empty button{margin-top:16px;border:0;background:transparent;color:#a12f77;font:700 9px var(--sans);cursor:pointer}

/* Real preserved outputs presented as workstation-style take lanes. */
.studio-version-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:16px 3px 9px}.studio-version-header small,.studio-version-header strong{display:block}.studio-version-header small{color:#a13a78;font:600 7px var(--mono);letter-spacing:.13em}.studio-version-header strong{margin-top:3px;color:var(--home-plum);font-size:10px}.studio-version-header>span{color:#957f99;font:500 7px var(--mono)}.studio-version-lanes{display:grid;gap:5px;max-height:238px;overflow:auto;padding-right:3px;scrollbar-color:rgba(160,82,172,.3) transparent;scrollbar-width:thin}.studio-version-lane{--lane-hue:calc(322 - var(--lane) * 33);display:grid;grid-template-columns:36px 155px minmax(0,1fr);align-items:stretch;min-width:0;height:56px;border:1px solid rgba(105,42,118,.1);border-radius:11px;background:rgba(255,255,255,.66);overflow:hidden}.studio-version-play{width:36px;border:0;border-right:1px solid rgba(105,42,118,.08);background:hsl(var(--lane-hue) 74% 94%);color:hsl(var(--lane-hue) 58% 43%);cursor:pointer}.studio-version-play:hover,.studio-version-play.active{background:hsl(var(--lane-hue) 67% 52%);color:#fff}.studio-version-label{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:0 10px;border-right:1px solid rgba(105,42,118,.08)}.studio-version-label strong,.studio-version-label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-version-label strong{color:var(--home-plum);font-size:8px;text-transform:capitalize}.studio-version-label small{margin-top:3px;color:#9a859d;font:500 6px var(--mono)}.studio-version-clip{position:relative;min-width:0;display:flex;align-items:center;padding:6px 9px;background:linear-gradient(90deg,hsl(var(--lane-hue) 74% 94% / .8),rgba(255,255,255,.4))}.studio-version-wave{width:100%;height:100%;display:flex;align-items:center;gap:1px}.studio-version-wave i{flex:1;min-width:1px;height:var(--h);border-radius:2px;background:hsl(var(--lane-hue) 63% 49%);opacity:var(--o)}.studio-version-clip>span{position:absolute;right:7px;bottom:4px;padding:2px 4px;border-radius:4px;background:rgba(255,255,255,.72);color:#846e88;font:500 6px var(--mono)}.studio-version-empty{padding:18px;border:1px dashed rgba(105,42,118,.16);border-radius:11px;color:#948098;font-size:8px;text-align:center}.studio-collaborator{display:grid;grid-template-columns:36px 175px minmax(180px,1fr) auto;align-items:center;gap:10px;margin-top:13px;padding:9px;border:1px solid rgba(105,42,118,.11);border-radius:14px;background:linear-gradient(105deg,rgba(255,239,248,.86),rgba(245,239,255,.88))}.studio-collaborator-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#ef469d,#9360e8);color:#fff}.studio-collaborator label strong,.studio-collaborator label small{display:block}.studio-collaborator label strong{color:var(--home-plum);font-size:9px}.studio-collaborator label small{margin-top:3px;color:#927e96;font-size:6px;line-height:1.4}.studio-collaborator input{min-width:0;height:38px;border:1px solid rgba(105,42,118,.12);border-radius:10px;background:rgba(255,255,255,.82);color:var(--home-plum);padding:0 11px;font:500 9px var(--sans);outline:0}.studio-collaborator input:focus{border-color:rgba(217,51,145,.38);box-shadow:0 0 0 3px rgba(217,51,145,.09)}.studio-collaborator button{height:38px;border:0;border-radius:10px;background:linear-gradient(105deg,#f5419a,#9b5ef0);color:#fff;padding:0 12px;font:700 8px var(--sans);cursor:pointer}.studio-direction-chips{display:flex;flex-wrap:wrap;gap:5px;margin:7px 3px 0}.studio-direction-chips button{height:25px;padding:0 8px;border:1px solid rgba(105,42,118,.1);border-radius:999px;background:rgba(255,255,255,.62);color:#826d86;font:600 7px var(--sans);cursor:pointer}.studio-direction-chips button:hover{border-color:rgba(217,51,145,.24);color:#a12f77;background:#fff}
@media(max-width:900px){.discover-shell{padding:30px 24px 116px}.discover-command-bar{grid-template-columns:minmax(0,1fr)}.discover-card{width:182px}.studio-collaborator{grid-template-columns:34px minmax(0,1fr) auto}.studio-collaborator label{grid-column:2}.studio-collaborator input{grid-column:1/3}.studio-collaborator button{grid-column:3;grid-row:2}.studio-version-lane{grid-template-columns:34px 118px minmax(0,1fr)}}
@media(max-width:640px){body.discover-active{padding-bottom:88px}.discover-page{min-height:calc(100vh - 64px)}.discover-shell{padding:24px 12px 96px}.discover-page-head{display:block;padding-bottom:18px}.discover-page-head h1{font-size:42px}.discover-page-head p{font-size:9px}.discover-page-head>a{width:max-content;min-height:38px;margin-top:14px}.discover-command-bar{top:64px;margin:0 0 23px;padding:7px;border-radius:15px}.discover-search{height:42px}.discover-category-tabs button{height:31px}.discover-shelves{gap:28px}.discover-shelf>header h2{font-size:24px}.discover-rail{grid-auto-columns:158px;gap:12px}.discover-card{width:158px}.discover-card-art{border-radius:15px}.discover-card-play{width:36px;height:36px}.discover-card-copy>div{display:grid;gap:3px}.studio-version-lanes{max-height:190px}.studio-version-lane{grid-template-columns:32px 88px minmax(0,1fr);height:50px}.studio-version-play{width:32px}.studio-version-label{padding-inline:6px}.studio-version-wave i:nth-child(2n){display:none}.studio-collaborator{grid-template-columns:32px minmax(0,1fr);gap:7px}.studio-collaborator label{grid-column:2}.studio-collaborator input{grid-column:1/-1}.studio-collaborator button{grid-column:1/-1;grid-row:auto}.studio-direction-chips{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.studio-direction-chips::-webkit-scrollbar{display:none}.studio-direction-chips button{flex:0 0 auto}}

/* Higher contrast across Discover, Library and Studio. */
body.library-active,body.studio-active,body.discover-active{background:#f4e3ee;color:#230c2d}
.main.library-active,.main.studio-active,.discover-page{background:radial-gradient(circle at 6% 6%,rgba(236,72,151,.25),transparent 29%),radial-gradient(circle at 94% 10%,rgba(130,79,224,.28),transparent 33%),linear-gradient(145deg,#fceaf3,#f4e5f0 50%,#e9e2f8)}
body.library-active .library-toolbar,.discover-command-bar,body.studio-active .topbar{border-color:rgba(75,24,91,.2);background:rgba(255,251,253,.96);box-shadow:0 14px 42px rgba(62,14,75,.13)}
body.library-active .library-search,body.library-active .library-select,.discover-search{border-color:rgba(75,24,91,.21);background:#fff}.library-search input,.library-select select,.discover-search input{color:#28112f!important}
body.library-active .library-summary,body.library-active .library-card,.discover-card-copy,.studio-session,body.studio-active .studio-song-identity,body.studio-active .stage{border-color:rgba(75,24,91,.2);background:rgba(255,255,255,.93);box-shadow:0 16px 42px rgba(62,14,75,.12)}
body.library-active .library-hero p,body.library-active .library-summary p,body.library-active .library-card-head small,body.library-active .library-card-meta,body.library-active .library-card-actions>span{color:#5d4663}
body.library-active .status-chip,body.library-active .source-badge,body.library-active .category-badge{border-color:rgba(75,24,91,.18);background:#eadbea;color:#54375b}
.discover-page-head p,.discover-card-copy>small,.discover-card-copy>div{color:#5d4663}.discover-category-tabs button{border-color:rgba(75,24,91,.18);background:#eadbea;color:#523759}.discover-shelf>header button{border-color:rgba(75,24,91,.19);background:#fff;color:#523759}
body.studio-active .breadcrumb,body.studio-active .save-state,.studio-song-copy>p,.studio-session>p,.studio-session-facts span{color:#5d4663}.studio-song-tags span{border-color:rgba(75,24,91,.18);background:#eadbea;color:#523759!important}.studio-timeline,.studio-version-lane,.studio-collaborator{border-color:rgba(75,24,91,.2);background:rgba(255,255,255,.95)}
body.studio-active .field>span,body.studio-active .generation-settings label>span,body.studio-active .parameter-strip label>span{color:#503855}body.studio-active .field-note{color:#5f4965}body.studio-active .field input,body.studio-active .field textarea,body.studio-active .field select,body.studio-active .generation-settings input,body.studio-active .generation-settings select,body.studio-active .parameter-strip input,body.studio-active .parameter-strip select{border-color:#c9b5ce;background:#fff;color:#28112f}

/* Unified page heroes: headline only, with operational metadata moved below. */
.discover-page-head{align-items:center;padding:4px 0 22px}.discover-page-head h1{margin:0}.discover-page-head>div>span,.discover-page-head p{display:none}
body.library-active .library-hero{padding:4px 0 22px}body.library-active .library-hero:before{display:none}body.library-active .library-hero h1{margin:0;white-space:nowrap}
body.studio-active .workspace>.hero{display:grid;grid-template-columns:minmax(0,1fr);padding:8px 0 28px}body.studio-active .workspace>.hero>div{min-width:0}body.studio-active .workspace>.hero h1{white-space:nowrap;margin:0}body.studio-active .workspace>.hero p,body.studio-active .workspace>.hero .eyebrow{display:none}
body.studio-active .studio-song-identity h2{margin:0}.studio-song-copy{display:flex;align-items:center}.studio-version-meta{display:flex;align-items:center;gap:8px;min-width:0}.studio-version-meta code{max-width:440px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5d4663;font:500 6px var(--mono)}.studio-version-meta span{color:#5d4663;font:500 7px var(--mono)}
body.studio-active .workspace{padding-top:26px}.studio-song-actions{min-width:220px}.studio-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.studio-primary-actions .save-state{grid-column:1/-1;margin:0;color:#5d4663;text-align:right;font:600 7px var(--mono)}.studio-primary-actions .button{min-width:0}.studio-primary-actions .button.primary{background:linear-gradient(105deg,#f5419a,#9b5ef0);color:#fff;box-shadow:0 9px 20px rgba(190,48,144,.22)}.studio-session-facts .blueprint-ready{background:#dcefe3;color:#27653a}
body.studio-active .stage-tabs{top:12px}
@media(max-width:900px){body.studio-active .studio-song-actions{display:grid;grid-template-columns:1fr 1fr}body.studio-active .studio-primary-actions{grid-column:1/-1}body.studio-active .studio-song-actions>.button{width:100%}}
@media(max-width:640px){body.library-active .library-hero h1{margin:0;font-size:28px}.discover-page-head h1{font-size:28px}.discover-page-head{padding-bottom:18px}body.studio-active .workspace>.hero h1{font-size:28px}.studio-version-meta code{display:none}}
@media(max-width:640px){body.studio-active .workspace{padding-top:12px}.studio-primary-actions .save-state{text-align:left}.studio-song-actions{min-width:0}body.studio-active .stage-tabs{top:8px}}

/* Eight-step Studio mirrors the Custom Create blueprint. */
body.studio-active .stage-tabs{grid-template-columns:repeat(8,minmax(108px,1fr));overflow-x:auto;scrollbar-width:none}body.studio-active .stage-tabs::-webkit-scrollbar{display:none}body.studio-active .stage-tabs button{min-width:0;padding-inline:8px;white-space:nowrap}
.studio-arrangement-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:6px}.studio-arrangement-section{position:relative;min-height:76px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:8px;border:1px solid rgba(75,24,91,.18);border-radius:10px;background:linear-gradient(180deg,#fff,#eee2f4);cursor:pointer}.studio-arrangement-section:before{content:"";position:absolute;inset:auto 0 0;height:calc(var(--energy) * 10%);background:linear-gradient(180deg,rgba(245,65,154,.14),rgba(155,94,240,.28))}.studio-arrangement-section strong,.studio-arrangement-section small{position:relative;z-index:1;display:block}.studio-arrangement-section strong{color:#32183b;font-size:8px}.studio-arrangement-section small{margin-top:3px;color:#614a66;font:600 7px var(--mono)}
.studio-ingredient-toolbar{display:grid;grid-template-columns:150px 150px minmax(220px,1fr) auto;align-items:end;gap:8px;margin-bottom:14px;padding:10px;border:1px solid rgba(75,24,91,.18);border-radius:13px;background:#efe2ef}.studio-ingredient-toolbar label span{display:block;margin-bottom:5px;color:#503855;font:600 7px var(--mono);text-transform:uppercase}.studio-ingredient-toolbar input,.studio-ingredient-toolbar select{width:100%;height:38px;border:1px solid #c9b5ce;border-radius:9px;background:#fff;color:#28112f;padding:0 10px;font:500 9px var(--sans)}.studio-ingredient-toolbar button{height:38px;border:0;border-radius:9px;background:linear-gradient(105deg,#f5419a,#9b5ef0);color:#fff;padding:0 13px;font:700 8px var(--sans);cursor:pointer}.studio-ingredient-editor{display:grid;grid-template-columns:1fr 1fr;gap:9px}.studio-ingredient-editor>section{padding:11px;border:1px solid rgba(75,24,91,.18);border-radius:12px;background:#fff}.studio-ingredient-editor>section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.studio-ingredient-editor>section strong{color:#32183b;font-size:9px}.studio-ingredient-editor>section small{color:#67506d;font-size:7px}.studio-ingredient-editor>section>div{display:flex;flex-wrap:wrap;gap:5px}.studio-ingredient-editor button{min-height:29px;padding:4px 8px;border:1px solid rgba(75,24,91,.15);border-radius:8px;background:#f2e6f1;color:#543b59;font:600 7px/1.25 var(--sans);cursor:pointer}.studio-ingredient-editor button.active{border-color:rgba(217,51,145,.3);background:linear-gradient(105deg,rgba(245,65,154,.16),rgba(155,94,240,.18));color:#79215f}
.studio-lyric-controls{margin-bottom:16px}.studio-prompt-review{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:16px;margin-bottom:18px}.studio-prompt-review .prompt-guide{height:100%}.studio-prompt-review .prompt-guide ol{grid-template-columns:1fr 1fr}.studio-output-review{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:26px 0 14px;padding-top:22px;border-top:1px solid rgba(75,24,91,.16)}.studio-output-review small{color:#8d215f;font:600 7px var(--mono);letter-spacing:.13em}.studio-output-review h3{margin:5px 0 0;color:#230c2d;font:600 28px var(--serif)}.studio-output-review p{max-width:430px;margin:0;color:#5d4663;font-size:9px;line-height:1.6}
@media(max-width:900px){body.studio-active .stage-tabs{grid-template-columns:repeat(8,106px)}.studio-ingredient-toolbar{grid-template-columns:1fr 1fr}.studio-ingredient-toolbar label:nth-child(3){grid-column:1/-1}.studio-ingredient-editor{grid-template-columns:1fr}.studio-prompt-review{grid-template-columns:1fr}}
@media(max-width:640px){body.studio-active .stage-tabs{grid-template-columns:repeat(8,96px)}.studio-ingredient-toolbar{grid-template-columns:1fr}.studio-ingredient-toolbar label:nth-child(3){grid-column:auto}.studio-arrangement-map{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-prompt-review{gap:10px}.studio-output-review{display:block}.studio-output-review p{margin-top:7px}}