@import url("/api/v1/system/design-css.php");
:root{--bg:#060914;--panel:#0d1324dd;--text:#f8f9ff;--muted:#9ba8c4;--line:#26304a;--cyan:#19d9ff;--blue:#287dff;--violet:#7a49ff;--magenta:#bd2dff;--max:1240px;--r:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 8%,#14376a33,transparent 30%),radial-gradient(circle at 10% 70%,#7422a622,transparent 28%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.siteHeader{height:86px;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - var(--max))/2));background:#060914d9;backdrop-filter:blur(18px);border-bottom:1px solid #202941}.brand img{width:180px;display:block}.menuBtn,.closeBtn{width:46px;height:46px;border:1px solid var(--line);border-radius:14px;background:#ffffff08;color:#fff;display:grid;place-items:center;cursor:pointer}.drawerBg{position:fixed;inset:0;background:#0009;z-index:70;opacity:0;visibility:hidden;transition:.2s}.drawer{position:fixed;right:0;top:0;height:100dvh;width:min(420px,92vw);z-index:80;background:#090e1df7;border-left:1px solid var(--line);padding:26px;transform:translateX(102%);transition:.25s;display:flex;flex-direction:column}.menuOpen .drawerBg{opacity:1;visibility:visible}.menuOpen .drawer{transform:none}.drawerHead{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line);color:var(--cyan);font-size:11px;letter-spacing:.25em;font-weight:800}.drawer nav{display:grid;margin-top:18px}.drawer nav a{padding:20px 6px;border-bottom:1px solid var(--line);font-weight:700}.drawer nav a:hover{color:var(--cyan);padding-left:12px}.legalLinks{margin-top:auto;display:flex;gap:18px;color:var(--muted);font-size:13px}.shell{width:min(var(--max),calc(100% - 42px));margin:auto}.hero{min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}.eyebrow,.kicker{font-size:10px;letter-spacing:.25em;color:var(--cyan);font-weight:800;text-transform:uppercase}.hero h1,.pageHero h1,.artistHero h1,.eventHero h1{font-size:clamp(52px,7vw,96px);line-height:.94;letter-spacing:-.05em;margin:20px 0}.hero h1 span{background:linear-gradient(90deg,var(--violet),var(--cyan));background-clip:text;color:transparent}.lead{color:var(--muted);font-size:18px;line-height:1.65;max-width:680px}.heroBrand{display:grid;place-items:center;min-height:380px;position:relative}.heroBrand img{width:min(500px,90%);z-index:2;filter:drop-shadow(0 0 35px #315cff44)}.buttons{display:flex;gap:var(--yui-space-button-group-x,12px);flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;min-height:var(--yui-control-button-min-height,48px);padding:0 18px;border:1px solid var(--line);border-radius:13px;background:#ffffff08;font-weight:700;font-size:13px}.btn.primary{background:linear-gradient(105deg,#6e42ff,#b72cff);border:0}.portalGrid,.entityGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:20px 0 90px}.portalCard,.entityCard,.glass{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(145deg,#10172bdd,#090e1dcc);box-shadow:0 24px 70px #0005}.portalCard{padding:24px;min-height:190px}.portalCard h2{margin:45px 0 8px}.portalCard p,.glass p{color:var(--muted);line-height:1.65}.portalCard:hover,.entityCard:hover{border-color:#596cff77;transform:translateY(-3px)}.pageHero{padding:90px 0 55px;min-height:350px}.pageHero h1{font-size:clamp(48px,6vw,78px)}.content{padding:15px 0 90px}.sectionHead{margin-bottom:20px}.sectionHead h2{font-size:34px;margin:8px 0}.entityGrid{grid-template-columns:repeat(3,1fr);padding-top:0}.entityCard{padding:18px;display:flex;align-items:center;gap:15px}.entityAvatar{width:66px;height:66px;border-radius:18px;object-fit:cover;background:linear-gradient(145deg,var(--violet),var(--blue));display:grid;place-items:center;font-size:26px;font-weight:900}.entityCard h3{margin:5px 0}.artistHero{min-height:590px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.artistHero .copy{padding:70px 0;z-index:2}.artistVisual{height:550px;align-self:end;display:flex;align-items:end;justify-content:center}.artistVisual img{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 28px 50px #0008)}.artistVisual .fallback{width:310px;height:310px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#8056ff,#15214d 55%,#090d1c);display:grid;place-items:center;font-size:120px;font-weight:900}.tabs{display:flex;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tabs a{padding:17px 20px;color:var(--muted);white-space:nowrap}.tabs a.active{color:#fff;box-shadow:inset 0 -2px var(--cyan)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chip{border:1px solid #394561;border-radius:999px;padding:8px 12px;font-size:13px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.glass{padding:28px}.eventList{display:grid;gap:12px}.eventRow{padding:20px;border:1px solid var(--line);border-radius:17px;background:#0c1222cc;display:grid;grid-template-columns:140px 1fr auto;gap:18px;align-items:center}.eventRow .date{color:var(--cyan);font-weight:800}.eventRow h3{margin:0 0 5px}.eventRow p{margin:0;color:var(--muted)}.eventHero{min-height:520px;display:flex;align-items:end;padding-bottom:70px}.empty{min-height:240px;border:1px dashed #34405d;border-radius:var(--r);display:grid;place-items:center;text-align:center;padding:30px;color:var(--muted)}.legal{max-width:900px}.placeholder{border:1px dashed #19d9ff55;border-radius:16px;padding:28px}.footer{border-top:1px solid var(--line);padding:32px 0 42px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.footer nav{display:flex;gap:18px}.errorStage{min-height:calc(100vh - 86px);display:grid;place-items:center;align-content:center;text-align:center;padding:35px}.errorStage img{width:min(420px,75vw)}.errorStage .code{margin-top:25px;color:var(--cyan);letter-spacing:.2em;font-weight:800}.errorStage h1{font-size:clamp(32px,5vw,52px);margin:14px 0}.errorStage p{color:var(--muted)}@media(max-width:900px){.hero,.artistHero{grid-template-columns:1fr}.portalGrid{grid-template-columns:1fr 1fr}.entityGrid{grid-template-columns:1fr 1fr}.artistVisual{height:430px}.two{grid-template-columns:1fr}}@media(max-width:620px){.siteHeader{height:74px;padding-inline:16px}.brand img{width:145px}.shell{width:calc(100% - 30px)}.hero{padding-top:60px;min-height:auto}.heroBrand{min-height:280px}.portalGrid,.entityGrid{grid-template-columns:1fr}.pageHero{padding-top:65px}.artistHero .copy{padding-top:65px;padding-bottom:5px}.artistVisual{height:360px}.eventRow{grid-template-columns:1fr}.footer{flex-direction:column}.portalGrid{padding-bottom:60px}}
.headerInner{width:min(var(--max),calc(100% - 42px));margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:42px}.siteHeader{padding:0}.topNav{display:flex;align-items:center;gap:8px}.topNav a{padding:12px 15px;border-radius:11px;color:#c7d2e9;font-size:13px;font-weight:700}.topNav a:hover{background:#ffffff08;color:#fff}.homeFeatures{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;padding:12px 0 12px}.spotlightCard,.upcomingCard{position:relative;min-height:390px;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#10172b,#080d1b);box-shadow:0 24px 70px #0006}.spotlightCard{display:grid;grid-template-columns:.9fr 1.1fr}.spotlightCard:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,#6847ff30,transparent 42%);pointer-events:none}.featureCopy{position:relative;z-index:3;padding:34px;align-self:end}.featureCopy h2{font-size:clamp(34px,4vw,58px);line-height:.95;letter-spacing:-.04em;margin:12px 0}.featureCopy p,.featureCopy small{color:var(--muted)}.featureLink{display:block;margin-top:24px;font-weight:800;font-size:13px}.spotlightVisual{position:relative;z-index:2;display:flex;align-items:end;justify-content:center;min-width:0}.spotlightVisual img{max-height:390px;max-width:120%;object-fit:contain;filter:drop-shadow(0 20px 40px #0009)}.spotlightVisual span{width:210px;height:210px;margin:auto;border-radius:50%;display:grid;place-items:center;font-size:90px;font-weight:900;background:linear-gradient(145deg,var(--violet),var(--blue))}.upcomingCard{background-position:center;background-size:cover}.ribbonFallback{background-image:radial-gradient(circle at 70% 20%,#123f7d66,transparent 48%),url('/site/assets/yufyre-infinity-ribbon.png');background-size:auto,88% auto;background-repeat:no-repeat;background-position:center,center}.eventShade{position:absolute;inset:0;background:linear-gradient(90deg,#070b16f5 5%,#070b16b8 52%,#070b164d)}.eventCopy{max-width:78%}.eventCopy h2{font-size:clamp(32px,3.6vw,52px)}.homeLinks{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;padding:5px 4px 90px}.homeLinks a{color:var(--muted);font-size:13px;font-weight:700}.homeLinks a:hover{color:var(--cyan)}.btn.disabled{opacity:.55;cursor:default}.heroBrand:before,.heroBrand:after{display:none!important}
@media(max-width:900px){.topNav{display:none}.headerInner{grid-template-columns:auto 1fr auto}.homeFeatures,.homeLinks{grid-template-columns:1fr}.spotlightCard,.upcomingCard{min-height:350px}.homeLinks{padding-bottom:65px}}
@media(max-width:620px){.headerInner{width:calc(100% - 30px)}.spotlightCard{grid-template-columns:1fr;min-height:440px}.spotlightCard .featureCopy{grid-row:2}.spotlightVisual{position:absolute;inset:0 0 80px 35%;opacity:.9}.featureCopy{padding:24px}.eventCopy{max-width:100%}.ribbonFallback{background-size:auto,130% auto}}

/* Core 006: public catalog + viewport-aware refinements */
.footerBrand{display:inline-flex;align-items:center}.footerBrand img{display:block;width:112px;height:auto;opacity:.82}
.songGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.songCard{min-height:190px;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(145deg,#10172bdd,#090e1dcc);box-shadow:0 20px 55px #0004}.songCard h2{font-size:clamp(24px,2.2vw,34px);line-height:1.05;letter-spacing:-.025em;margin:12px 0}.songCard p{margin:0 0 18px;color:var(--muted)}.songCard time{display:inline-block;margin-top:auto;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.08em}
@media(min-width:1500px){:root{--max:1480px}.hero{min-height:min(640px,72vh)}.homeFeatures{grid-template-columns:1.12fr .88fr}.spotlightCard,.upcomingCard{min-height:430px}.spotlightVisual img{max-height:430px}}
@media(max-width:1100px){:root{--max:1040px}.hero h1,.artistHero h1,.eventHero h1{font-size:clamp(48px,7vw,76px)}.songGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.songGrid{grid-template-columns:1fr}.songCard{min-height:150px}.footerBrand img{width:100px}}

/* Core 007: Desktop-inspired public song cards + responsive hardening */
.compactHero{min-height:300px;padding-bottom:34px}
.spotlightRelease{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;margin-top:20px;padding:10px 12px;border:1px solid #33405d;border-radius:16px;background:#070c19b8;max-width:360px;backdrop-filter:blur(8px)}
.spotlightReleaseCover{width:56px;height:56px;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#1d2540,#101527);display:block}
.spotlightReleaseCover img,.spotlightReleaseCover i{width:100%;height:100%;object-fit:cover}.spotlightReleaseCover i{place-items:center;font-style:normal;font-size:24px;color:var(--cyan)}
.spotlightReleaseCopy{display:grid;min-width:0}.spotlightReleaseCopy small{font-size:9px;letter-spacing:.16em;color:var(--cyan);font-weight:800}.spotlightReleaseCopy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.spotlightReleaseCopy em{font-style:normal;color:var(--muted);font-size:11px;margin-top:3px}
.songGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.songCard{min-height:0;padding:14px;display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:center;overflow:hidden}
.songCover{width:132px;aspect-ratio:1;border-radius:17px;overflow:hidden;background:linear-gradient(145deg,#151d33,#0c1120);box-shadow:0 16px 36px #0005;position:relative}
.songCover img,.songCoverFallback{width:100%;height:100%;object-fit:cover}.songCoverFallback{place-items:center;font-size:44px;font-weight:900;color:#dce5ff;background:radial-gradient(circle at 30% 20%,#744cff,#17224a 56%,#0b1020)}
.songCardCopy{min-width:0}.songCard h2{margin:8px 0 7px;font-size:clamp(23px,2vw,31px);overflow-wrap:anywhere}.songAlbum{margin:0!important;color:#aebbe0!important;font-size:14px}.songFacts{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:17px;color:var(--muted);font-size:12px}.songFacts time{margin:0;color:var(--cyan);letter-spacing:0;font-weight:800}.songFacts span{border-left:1px solid var(--line);padding-left:10px}.songLinks{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.songLink{padding:7px 10px;border:1px solid #34405d;border-radius:999px;font-size:11px;font-weight:700;color:#cfdbf5;background:#ffffff05}.songLink:hover{border-color:#657cff;color:#fff}
/* Long translated labels, artist names and URLs must never force viewport overflow. */
body{overflow-x:hidden}.lead,.glass,.eventRow,.entityCard,.portalCard,.featureCopy,.songCardCopy{min-width:0}.lead,p,h1,h2,h3,.eventRow span,.featureLink{overflow-wrap:anywhere}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.buttons>*{max-width:100%}.glass img,.content img{max-width:100%;height:auto}
@media(max-width:1100px){.songGrid{grid-template-columns:1fr}.homeFeatures{gap:14px}.pageHero{min-height:280px}.eventHero{min-height:430px}}
@media(max-width:900px){.artistHero{min-height:0}.artistHero .copy{padding-bottom:15px}.artistVisual{align-self:auto}.eventRow{grid-template-columns:120px minmax(0,1fr) auto}.spotlightRelease{max-width:330px}.content{padding-bottom:70px}}
@media(max-width:700px){.compactHero{min-height:210px;padding-top:56px;padding-bottom:24px}.pageHero h1{font-size:clamp(42px,14vw,64px)}.songCard{grid-template-columns:104px minmax(0,1fr);gap:14px;padding:12px}.songCover{width:104px;border-radius:14px}.songCard h2{font-size:22px}.songFacts{margin-top:11px}.songLinks{margin-top:11px}.eventRow{grid-template-columns:1fr;gap:9px}.eventRow>span{justify-self:start}.glass{padding:22px}.tabs a{padding:15px 16px}.footer nav{flex-wrap:wrap}}
@media(max-width:520px){.songCard{grid-template-columns:82px minmax(0,1fr);align-items:start}.songCover{width:82px;border-radius:12px}.songCard .kicker{font-size:8px}.songCard h2{font-size:19px;margin-top:6px}.songAlbum{font-size:12px}.songFacts{font-size:11px;display:grid;gap:4px}.songFacts span{border:0;padding-left:0}.songLinks{grid-column:1/-1}.spotlightRelease{grid-template-columns:48px minmax(0,1fr);padding:9px}.spotlightReleaseCover{width:48px;height:48px}.artistVisual{height:300px}.eventHero{min-height:360px;padding-bottom:42px}.buttons{display:grid}.buttons .btn{justify-content:center;width:100%}}

/* Core 007: active section state */
.tabs a:first-child{color:var(--muted);box-shadow:none}
.tabs a.active{color:#fff;box-shadow:inset 0 -2px var(--cyan)}

/* Core 007: Artist Portal / Release Editor — responsive Desktop parity */
.portalBody{background:radial-gradient(circle at 84% 4%,#14376a28,transparent 28%),radial-gradient(circle at 5% 78%,#7422a61c,transparent 30%),var(--bg)}
.portalTopbar{position:sticky;top:0;z-index:45;border-bottom:1px solid #202941;background:#060914e8;backdrop-filter:blur(18px)}
.portalTopbarInner{width:min(1440px,calc(100% - 42px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.portalBrand img{display:block;width:172px;height:auto}.portalBack{color:var(--muted);font-size:13px;font-weight:750}.portalBack:hover{color:#fff}
.portalShell{width:min(1440px,calc(100% - 42px));margin:0 auto;padding:28px 0 80px}.portalPanel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#10172bee,#090e1de8);box-shadow:0 20px 60px #0004}.portalHero{padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.portalHero h1,.portalLogin h1{margin:6px 0 4px;font-size:clamp(26px,3vw,38px);letter-spacing:-.03em}.portalHeroActions,.portalActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.portalKicker{font-size:9px;letter-spacing:.2em;color:var(--cyan);font-weight:850}.portalMuted{color:var(--muted);line-height:1.5}.portalLogin{max-width:820px;margin:7vh auto 0;padding:28px}.portalLoginGrid{margin-top:24px}
.portalButton{appearance:none;border:1px solid transparent;border-radius:11px;min-height:42px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer;background:#202a3e}.portalButton.primary{background:linear-gradient(105deg,#6e42ff,#a735ff)}.portalButton.secondary{border-color:#34405b;background:#ffffff08}.portalButton.danger{border-color:#6d3342;background:#4b1e2a;color:#ffd8df}.portalButton:disabled{opacity:.45;cursor:not-allowed}.portalButton:hover:not(:disabled),.portalIconButton:hover{filter:brightness(1.12)}
.portalFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portalFull{grid-column:1/-1}.portalField{display:grid;gap:7px;min-width:0}.portalField>span,.portalLabel{color:#c6d1e8;font-size:11px;font-weight:750}.portalField em{font-style:normal;color:#75849f;font-weight:500}.portalField input,.platformUrl{width:100%;min-width:0;height:43px;border:1px solid #34405b;border-radius:10px;background:#080e1b;color:#f8f9ff;padding:0 12px;font:inherit;font-size:13px;outline:none}.portalField input:focus,.platformUrl:focus{border-color:#6f67ff;box-shadow:0 0 0 3px #6f67ff1e}.portalPassword{display:grid;grid-template-columns:minmax(0,1fr) auto}.portalPassword input{border-radius:10px 0 0 10px}.portalIconButton{border:1px solid #34405b;border-left:0;border-radius:0 10px 10px 0;background:#151c2b;color:#cbd6eb;padding:0 12px;cursor:pointer;font-size:11px;font-weight:800}.portalCheck{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.portalCheck input,.releaseChoice input,.platformToggle input{width:16px;height:16px;accent-color:#785aff}.portalStatus{font-size:12px;line-height:1.45}.portalStatus.ok,.portalBadge.ok,.releaseSongCopy em.ok{color:#74e8a4}.portalStatus.err{color:#ff9d9d}.portalStatus.info,.portalBadge.info,.releaseSongCopy em.info{color:#78dfff}.portalBadge.warn,.releaseSongCopy em.warn{color:#ffcf72}.portalBadge.neutral,.releaseSongCopy em.neutral{color:#9ba8c4}
.releaseWorkspace{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:18px;align-items:start}.releaseSidebar{padding:20px;position:sticky;top:100px;max-height:calc(100vh - 122px);display:flex;flex-direction:column;min-width:0}.releaseEditor{padding:24px;min-width:0}.portalSectionHead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.portalSectionHead h2{font-size:20px;margin:5px 0 0}.portalBadge{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid #34405b;border-radius:999px;background:#ffffff06;color:#c9d5ec;font-size:10px;font-weight:800;white-space:nowrap}.releaseSongList{display:grid;gap:8px;overflow:auto;padding-right:4px;min-height:0}.releaseSong{width:100%;display:grid;grid-template-columns:54px minmax(0,1fr);gap:11px;align-items:center;border:1px solid #2b3650;border-radius:13px;background:#0b1120;color:#fff;padding:8px;text-align:left;cursor:pointer}.releaseSong:hover{border-color:#526180;background:#10182a}.releaseSong.active{border-color:#735dff;box-shadow:0 0 0 2px #735dff1a;background:#11182c}.releaseSongThumb{width:54px;height:54px;border-radius:10px;overflow:hidden;position:relative;background:linear-gradient(145deg,#19213a,#0b1120)}.releaseSongThumb img,.releaseSongThumbFallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.releaseSongThumbFallback{display:grid;place-items:center;color:#9eaccc;font-size:22px}.releaseSongCopy{display:grid;gap:3px;min-width:0}.releaseSongCopy strong,.releaseSongCopy small,.releaseSongCopy em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.releaseSongCopy strong{font-size:12px}.releaseSongCopy small{font-size:10px;color:#9fadd0}.releaseSongCopy em{font-size:9px;font-style:normal;font-weight:750}.releaseEmpty{min-height:300px;border:1px dashed #35425e;border-radius:16px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:28px}.releaseEmpty.compact{min-height:100px}.portalErrorBox{padding:14px;border:1px solid #6b3340;border-radius:12px;background:#361620;color:#ffb0b8;font-size:12px}
.releaseIdentityGrid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;align-items:start}.releaseCoverEditor{display:grid;gap:10px;justify-items:start}.releaseCoverFrame{width:190px;aspect-ratio:1;border:1px solid #34405b;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 30% 20%,#6f4aff,#18234b 55%,#0a1020);box-shadow:0 18px 45px #0005;position:relative}.releaseCoverFrame img,.releaseCoverFrame span{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.releaseCoverFrame span{display:grid;place-items:center;font-size:62px;color:#e7edff}.coverChoose{width:190px}.visuallyHidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.releaseBaseFields{align-content:start}.releaseBlock{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.releaseBlockTitle h3{font-size:18px;margin:5px 0 0}.releaseBlockTitle p{font-size:12px;margin:6px 0 0}.releaseChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.releaseChoice{min-width:0;display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #2c3852;border-radius:12px;background:#0a1020;cursor:pointer}.releaseChoice input{flex:0 0 auto;margin-top:2px}.releaseChoice span{display:grid;min-width:0}.releaseChoice strong{font-size:12px}.releaseChoice small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}.releaseDateGrid{margin-top:14px}.platformEditorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.platformEditor{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:10px;padding:10px;border:1px solid #2c3852;border-radius:12px;background:#0a1020;min-width:0}.platformToggle{display:flex;align-items:center;gap:8px;min-width:0;color:#d9e1f2;font-size:11px;font-weight:750}.platformToggle span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platformUrl:disabled{opacity:.45}.releaseEditorFooter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.releaseEditorFooter .portalMuted{font-size:11px}.websitePanel{margin-top:18px;padding:24px}.portalReadout{padding:12px;border:1px solid #2c3852;border-radius:10px;background:#080e1b;color:#d8e2f6;font-size:13px;overflow-wrap:anywhere}.websiteRequest{padding:14px;border:1px solid #2c3852;border-radius:12px;background:#0a1020;margin-top:10px}.websiteRequest strong{display:block;font-size:12px;margin-bottom:7px}.websiteRequest .portalMuted{font-size:11px}.hidden{display:none!important}
@media(max-width:1180px){.releaseWorkspace{grid-template-columns:300px minmax(0,1fr)}.releaseIdentityGrid{grid-template-columns:160px minmax(0,1fr)}.releaseCoverFrame,.coverChoose{width:160px}.platformEditor{grid-template-columns:120px minmax(0,1fr)}}
@media(max-width:980px){.releaseWorkspace{grid-template-columns:1fr}.releaseSidebar{position:static;max-height:none}.releaseSongList{grid-template-columns:repeat(2,minmax(0,1fr));max-height:390px}.releaseIdentityGrid{grid-template-columns:180px minmax(0,1fr)}.releaseCoverFrame,.coverChoose{width:180px}}
@media(max-width:760px){.portalTopbarInner,.portalShell{width:calc(100% - 28px)}.portalTopbarInner{height:72px}.portalBrand img{width:145px}.portalShell{padding-top:16px}.portalHero{align-items:flex-start;flex-direction:column;padding:20px}.portalHeroActions{width:100%;justify-content:flex-start}.releaseSidebar,.releaseEditor,.websitePanel,.portalLogin{padding:18px}.portalFormGrid{grid-template-columns:1fr}.portalFull{grid-column:1}.releaseIdentityGrid{grid-template-columns:1fr}.releaseCoverEditor{grid-template-columns:120px minmax(0,1fr);align-items:center}.releaseCoverFrame{width:120px}.coverChoose{width:auto}.releaseCoverEditor small{grid-column:2}.releaseChoices{grid-template-columns:1fr}.platformEditorGrid{grid-template-columns:1fr}.platformEditor{grid-template-columns:130px minmax(0,1fr)}.releaseEditorFooter{grid-template-columns:1fr}.releaseEditorFooter .portalActions{justify-content:flex-start}.releaseSongList{grid-template-columns:1fr 1fr}.portalLogin{margin-top:3vh}}
@media(max-width:560px){.portalTopbarInner,.portalShell{width:calc(100% - 20px)}.portalBack{font-size:11px}.releaseSongList{grid-template-columns:1fr;max-height:360px}.releaseIdentityGrid{gap:14px}.releaseCoverEditor{grid-template-columns:96px minmax(0,1fr)}.releaseCoverFrame{width:96px;border-radius:13px}.releaseCoverFrame span{font-size:36px}.releaseCoverEditor small{font-size:9px}.platformEditor{grid-template-columns:1fr}.platformUrl{height:40px}.portalHeroActions,.portalActions{display:grid;grid-template-columns:1fr;width:100%}.portalActions .portalButton,.portalHeroActions .portalButton{width:100%}.releaseEditorFooter .portalActions{width:100%}.releaseEditorFooter{gap:14px}.portalSectionHead{align-items:flex-start}.portalBadge{white-space:normal;text-align:center}.portalLogin{padding:16px}.websitePanel{padding:18px}}

/* Core 008: real album view + active tab fix */
.albumGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.albumCard{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:linear-gradient(145deg,#10172bdd,#090e1dcc);box-shadow:0 20px 55px #0004;min-width:0}.albumCover{aspect-ratio:1;position:relative;background:linear-gradient(145deg,#18213a,#0a1020);overflow:hidden}.albumCover img,.albumCoverFallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.albumCoverFallback{display:grid;place-items:center;font-size:52px;color:#aab7d5}.albumCopy{padding:20px}.albumCopy h2{margin:8px 0 6px;font-size:clamp(22px,2vw,30px);line-height:1.05;letter-spacing:-.025em}.albumMeta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:11px}.albumStatus{color:var(--cyan);font-weight:800}.albumTracks{display:grid;gap:7px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.albumTrack{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:baseline;color:#dbe4f7;font-size:12px}.albumTrack b{color:#7586a7;text-align:right;font-variant-numeric:tabular-nums}.albumTrack span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px){.albumGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.albumGrid{grid-template-columns:1fr}.albumCard{display:grid;grid-template-columns:130px minmax(0,1fr)}.albumCover{aspect-ratio:1;height:100%;min-height:180px}.albumCopy{padding:17px}}
@media(max-width:480px){.albumCard{grid-template-columns:1fr}.albumCover{min-height:0}}


/* Core 009: Web controls mirror the centralized YUFYRE Desktop control language. */
.portalBody{
  --yui-bg:#090D14;--yui-surface:#101722;--yui-surface2:#151D2A;--yui-border:#263246;
  --yui-text:#F6F7FB;--yui-muted:#9AA8BE;--yui-purple:#8B35FF;--yui-purple2:#7139E8;
  --yui-blue:#3478FF;--yui-cyan:#13C8E5;--yui-input:#0C121C;
  background:radial-gradient(circle at 84% 4%,#14376a28,transparent 28%),radial-gradient(circle at 5% 78%,#7422a61c,transparent 30%),var(--yui-bg)
}
.portalBody .portalPanel{background:var(--yui-surface);border-color:var(--yui-border)}
.portalBody .portalMuted{color:var(--yui-muted)}
.portalBody .portalKicker{color:var(--yui-cyan)}
.portalBody .portalField>span,.portalBody .portalLabel{color:#C6D1E8;font-size:11px;font-weight:750}
.portalBody .portalField input,.portalBody .platformUrl,.portalBody .portalReadout{
  height:40px;border:1px solid var(--yui-border);border-radius:9px;background:var(--yui-input);color:var(--yui-text);
  padding:0 12px;font:inherit;font-size:12px;outline:none;transition:border-color .14s,box-shadow .14s,background .14s
}
.portalBody .portalField input:hover,.portalBody .platformUrl:hover{border-color:#45546C}
.portalBody .portalField input:focus,.portalBody .platformUrl:focus{border-color:var(--yui-purple);box-shadow:0 0 0 2px #8B35FF24}
.portalBody input[type=date]{color-scheme:dark;padding-right:44px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='2.5' y='4.5' width='15' height='13' rx='2' fill='none' stroke='%23E4DAFF' stroke-width='1.6'/%3E%3Cpath d='M6 2.5v4M14 2.5v4M3 8h14M6 11h2M10 11h2M14 11h1M6 14h2M10 14h2' fill='none' stroke='%23E4DAFF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px 20px}
.portalBody input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:32px;height:32px;margin-left:-32px}
.portalBody .portalButton,.portalBody .portalIconButton{
  min-height:40px;border:1px solid var(--yui-border);border-radius:7px;background:var(--yui-surface2);color:var(--yui-text);
  font-size:12px;font-weight:750;transition:background .14s,border-color .14s,transform .14s
}
.portalBody .portalButton:hover,.portalBody .portalIconButton:hover{background:#1C2636;border-color:#7047D8}
.portalBody .portalButton:active,.portalBody .portalIconButton:active{transform:translateY(1px)}
.portalBody .portalButton.primary{border-color:transparent;background:linear-gradient(100deg,#8B19FF 0%,#5362FF 52%,#10C9E4 100%);color:#fff}
.portalBody .portalButton.primary:hover{filter:brightness(1.08);border-color:transparent}
.portalBody .portalButton.danger{border-color:#6D3342;background:#4B1E2A;color:#FFD8DF}.portalBody .portalButton.danger:hover{border-color:#A94D63;background:#5C2634}
.portalBody .releaseChoice,.portalBody .platformEditor,.portalBody .websiteRequest{background:var(--yui-input);border-color:var(--yui-border)}
.portalBody .releaseChoice{transition:border-color .14s,background .14s,box-shadow .14s}
.portalBody .releaseChoice:hover{border-color:#45546C;background:#101827}
.portalBody .releaseChoice:has(input:checked){border-color:#7047D8;background:#15172A;box-shadow:inset 0 0 0 1px #8B35FF22}
.portalBody .portalCheck input[type=checkbox],.portalBody .releaseChoice input[type=checkbox],.portalBody .platformToggle input[type=checkbox]{
  appearance:none;-webkit-appearance:none;width:16px;height:16px;min-width:16px;border:1px solid #66758B;border-radius:4px;
  background:#0C121C center/12px 12px no-repeat;cursor:pointer;transition:background-color .12s,border-color .12s,box-shadow .12s
}
.portalBody .portalCheck input[type=checkbox]:checked,.portalBody .releaseChoice input[type=checkbox]:checked,.portalBody .platformToggle input[type=checkbox]:checked{
  background-color:#7139E8;border-color:#A77AFF;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.2 6.5 11l6-6.2' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}
.portalBody .portalCheck input[type=checkbox]:focus-visible,.portalBody .releaseChoice input[type=checkbox]:focus-visible,.portalBody .platformToggle input[type=checkbox]:focus-visible{outline:2px solid #8B35FF66;outline-offset:2px}
.portalBody .releaseCoverFrame{border-color:var(--yui-border);background:radial-gradient(circle at 30% 20%,#5438D0,#16213A 58%,#0C121C)}
.portalBody .releaseSong{border-color:var(--yui-border);background:var(--yui-surface2)}
.portalBody .releaseSong:hover{border-color:#45546C;background:#192334}
.portalBody .releaseSong.active{border-color:var(--yui-purple);box-shadow:0 0 0 1px #8B35FF22;background:#171C32}
.portalNumber{position:relative;display:grid;min-width:0}.portalNumber input[type=number]{appearance:textfield;-moz-appearance:textfield;padding-right:40px!important}.portalNumber input[type=number]::-webkit-inner-spin-button,.portalNumber input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.portalStepper{position:absolute;right:1px;top:1px;bottom:1px;width:30px;display:grid;grid-template-rows:1fr 1fr;border-left:1px solid var(--yui-border);overflow:hidden;border-radius:0 8px 8px 0;background:var(--yui-surface2)}
.portalStepper button{position:relative;border:0;background:transparent;color:#B9C6DC;padding:0;cursor:pointer}
.portalStepper button+button{border-top:1px solid var(--yui-border)}.portalStepper button:hover{background:#1C2636;color:#A77AFF}.portalStepper button:active{background:#252E40}
.portalStepper i{position:absolute;left:50%;top:50%;width:7px;height:7px;border-top:1.7px solid currentColor;border-left:1.7px solid currentColor;transform:translate(-50%,-28%) rotate(45deg)}
.portalStepper button:last-child i{transform:translate(-50%,-72%) rotate(225deg)}
.portalBody *{scrollbar-width:thin;scrollbar-color:#5362A5 #0C121C}.portalBody *::-webkit-scrollbar{width:10px;height:10px}.portalBody *::-webkit-scrollbar-track{background:#0C121C}.portalBody *::-webkit-scrollbar-thumb{background:#35415A;border:2px solid #0C121C;border-radius:999px}.portalBody *::-webkit-scrollbar-thumb:hover{background:#7047D8}