/* MUSIC FORGE v4.6 — actual-code design system derived from approved AFTER direction.
   No static concept illustration or fabricated media is used. All links and tools remain real. */
:root{--mf6-hot:#ff264a;--mf6-scarlet:#bf0d30;--mf6-edge:#8d1e39;--mf6-panel:#100a10;--mf6-silver:#e3e1e7}
#app{background:radial-gradient(ellipse 900px 500px at 82% 16%,#4b0a18 0,transparent 72%),repeating-linear-gradient(90deg,transparent 0,transparent 128px,#4c10200c 129px),#080508!important}
#app>.forge-topbar{height:70px;min-height:70px;background:linear-gradient(180deg,#161015,#070508);border-bottom:1px solid #dc3153;padding:5px 20px;box-shadow:0 3px 13px #080207,0 1px 0 #ff6e8522 inset}
.forge-topbar nav{gap:clamp(15px,2.35vw,41px)}.forge-topbar nav a{font-size:11px;font-weight:850;letter-spacing:.09em;padding:13px 3px}.forge-topbar nav a.is-current{color:#fff;border-bottom:3px solid var(--mf6-hot);text-shadow:0 0 15px #fd4462}
.forge-logo-img{height:55px;width:clamp(170px,18vw,244px);filter:drop-shadow(1px 2px 3px #000) drop-shadow(0 0 10px #e0184538)}
.forge-headtools{display:flex;align-items:center;gap:12px;margin-left:auto}.forge-header-search{height:37px;display:flex;align-items:center;gap:10px;padding:0 15px;color:#f4edf0;background:#151116;border:1px solid #65505b;border-radius:7px;font-size:21px;cursor:pointer;white-space:nowrap}.forge-header-search span{font-size:9px;letter-spacing:.12em;font-weight:800;color:#f8b9c5}.forge-header-search:hover,.forge-header-search:focus-visible{border-color:#ff4b6c;box-shadow:0 0 11px #f733552c}
.forge-brandtag{font-size:9px;padding:8px 9px}
.forge-sidebar{width:204px;top:70px;padding:14px 11px;background:linear-gradient(145deg,#10070c,#080609 63%,#1c0712);border-right:1px solid #af2e47;box-shadow:4px 0 16px #000b}
.forge-sidebrand{padding:0 2px 8px}.forge-sidebrand img{width:66px;height:66px}.forge-sidebrand b{font-size:12px}.forge-sidebrand small{font-size:8px;letter-spacing:.16em}.forge-sidebuttons{gap:3px}.forge-sidebuttons button{min-height:40px;padding:8px 10px;font-size:11px;font-weight:800;background:transparent;letter-spacing:.008em}.forge-sidebuttons button.sel{box-shadow:inset 4px 0 #ff2c4c,0 0 16px #e0143630;background:linear-gradient(105deg,#77112e,#230b15 90%)}.forge-sidecount{margin-top:9px;padding:10px}.forge-sidecount strong{font-size:30px}.forge-sidefooter{min-height:93px;margin-top:6px;font-size:12px;line-height:1.4}
#app>main{margin-left:204px;padding:12px clamp(10px,1.35vw,24px) 25px}
.forge-global-footer{margin-left:204px;min-height:57px;padding:12px 20px;background:linear-gradient(90deg,#13070e,#070609,#1a0710);font-size:9px}
.forge-hero{min-height:190px;height:clamp(190px,15.7vw,238px);padding:25px clamp(23px,3vw,46px);border-radius:3px;border-color:#a62942;background:linear-gradient(90deg,#070507f7 0%,#080506fa 12%,#100409c9 41%,#13050d38 67%,#0d061025 100%),url('art/hero-mask.webp') 84% 34%/auto 154% no-repeat,#16050a;box-shadow:0 0 0 2px #16060b,0 0 20px #bf10382b,inset 0 2px #f7596b22;gap:7px}
.forge-hero:before{content:"";pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(108deg,transparent 0,transparent 8px,#950b1707 9px);z-index:0}.forge-hero>*{position:relative;z-index:1}
.forge-hero-copy .forge-eyebrow{font-size:9px;color:#ffc4ce;letter-spacing:.27em;text-shadow:0 1px 3px #000}.forge-hero-copy .forge-eyebrow span{color:#ff274d}
.forge-hero-wordmark{position:relative;width:max-content;max-width:100%}
.forge-hero h1{font-family:Impact,'Arial Black',system-ui;font-weight:1000;font-style:italic;font-size:clamp(45px,5.35vw,90px);line-height:1;letter-spacing:-.025em;white-space:nowrap;margin:8px 0 2px;transform:skew(-9deg);filter:drop-shadow(5px 6px 1px #080206) drop-shadow(2px 2px 0 #6e1028)}
.forge-hero h1 span{background:linear-gradient(170deg,#fff 0%,#f6f7fa 26%,#a2a2aa 39%,#fafaff 52%,#67616c 76%,#e4dce4 90%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.5px #eae3e983}
.forge-hero h1 em{background:linear-gradient(155deg,#ff8c98,#f3284f 32%,#87021f 58%,#ff425c 72%,#8c0a22);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.5px #ff45698f}
.forge-hero-livemark{font-weight:950;letter-spacing:.35em;font-size:8px;color:#f1c0c8;display:block;text-shadow:0 2px 4px #000}
.forge-hero-copy>p:last-child{font-weight:900;font-size:clamp(10px,1.1vw,14px);letter-spacing:.245em;margin:10px 0 0;text-shadow:1px 2px 1px #000}
.forge-hero-meta{margin-top:7px;gap:5px}.forge-hero-meta span{font-size:8px;padding:5px 8px;letter-spacing:.08em;border-color:#891b32;background:#11080dba}
.forge-hero-legend{position:absolute;z-index:2;right:18px;top:16px;transform:rotate(-9deg);text-align:center;color:#f74261;font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-size:clamp(11px,1.3vw,17px);line-height:1.09;letter-spacing:.04em;text-shadow:2px 3px #070408,0 0 9px #da0d34}.forge-hero-legend b{color:#fff}
.forge-playerpanel{display:grid;grid-template-columns:minmax(120px,162px) minmax(260px,1fr) minmax(160px,225px);align-items:stretch;min-height:0;gap:14px;padding:12px;margin-top:11px;border:1px solid #9c243e;border-radius:6px;background:linear-gradient(100deg,#1b0912,#08070a 55%,#1a0810);box-shadow:0 11px 25px #0008,inset 0 1px #ff738722,0 0 16px #f4123823}
.forge-currentcover{width:100%;max-width:none;aspect-ratio:1;height:auto;object-fit:cover;border:1px solid #fd3958;border-radius:5px;box-shadow:0 0 0 3px #1a0611,0 0 21px #da174244}
.forge-playercore{gap:5px;min-width:0}.forge-nowlabel{font-size:10px;letter-spacing:.18em;color:#ff4768}.forge-nowlabel #forge-play-state{font-size:8px}.forge-name-row h2{font-size:clamp(20px,1.9vw,29px);line-height:1.1;margin:2px 0}.forge-name-row p{margin:2px 0;font-size:11px}.forge-name-row button{color:#ff3656;font-size:24px}.forge-time{margin:5px 0 0;min-height:20px;gap:9px}.forge-transport{justify-content:center;gap:clamp(9px,1.3vw,22px);margin:1px 0 0;min-height:60px}.forge-icon-btn{min-width:35px;min-height:37px;font-size:20px}.forge-main-play{width:50px;height:50px;font-size:18px;box-shadow:0 0 0 3px #510d26,0 0 22px #ff29598c,inset 0 1px 9px #ffadbb85}.forge-volume{display:flex;gap:5px;align-items:center}.forge-volume input{max-width:65px}
.forge-progressviz{display:flex;align-items:end;gap:7px;border-top:1px solid #4a1f2a;padding-top:2px;margin-top:-3px}.forge-progressviz-label{font-size:8px;color:#d39aa7;letter-spacing:.09em;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg);opacity:.65}.forge-bars{height:24px;flex:1;gap:2px;align-items:center;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,#000,#000 95%,transparent)}.forge-bars i{height:clamp(3px,calc(var(--bar)*.82),23px);filter:drop-shadow(0 0 2px #ff294b)}.forge-bars::after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,transparent var(--forge-progress,0%),#0c070ba6 var(--forge-progress,0%));mix-blend-mode:multiply}
.forge-playerstatus{font-size:9px;margin:0;min-height:16px;line-height:1.2}
.forge-queue{border-left:1px solid #8d2440;padding-left:12px;gap:3px}.forge-queue-head{padding-bottom:4px}.forge-queue-head b{font-size:10px;letter-spacing:.1em}.forge-queue-head label{font-size:9px}.forge-queue-head input{accent-color:#ff2949}.forge-qitem{min-height:38px;padding:4px 6px;border-radius:4px}.forge-qitem img{width:30px;height:30px;border-radius:3px}.forge-qitem b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forge-qitem small{font-size:9px}.forge-mini-link{font-size:9px;padding:4px 0}
.forge-shortcuts{gap:8px;margin:9px 0}.forge-shortcuts button{min-height:67px;border-radius:5px;padding:8px 10px;grid-template-columns:37px minmax(0,1fr);gap:2px 9px;background:linear-gradient(120deg,#260b18,#0a090c 75%)}.forge-shortcuts button>span{width:35px;height:38px;border-radius:6px;font-size:19px}.forge-shortcuts b{font-size:10px;letter-spacing:.04em}.forge-shortcuts small{font-size:9px}.forge-shortcuts button::after{font-size:20px;right:7px}
.forge-catalog{border-radius:5px;padding:12px 14px}.forge-catalog-head h2{font-family:Impact,'Arial Black',system-ui;letter-spacing:.035em;font-size:clamp(21px,1.8vw,29px);margin:2px 0 8px}.forge-catalog-head .forge-eyebrow{font-size:9px}.forge-catalog-glyph{color:#ff365e}.forge-filter-row{gap:7px;margin-bottom:8px}.forge-search{min-height:35px;height:36px;padding:3px 10px;flex:1 1 200px}.forge-search input{font-size:11px}.forge-filters{flex:3 1 320px;gap:4px}.forge-filters button{min-height:32px;border-radius:5px;padding:6px 9px;font-size:9px}.forge-filter-row select{height:35px;font-size:10px;padding:4px 7px}.forge-album-intro{display:none}
.forge-song-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:12px 9px}.forge-tile img{border-radius:3px;box-shadow:0 5px 13px #0009}.forge-tile-name{font-size:10px;line-height:1.2;margin-top:4px}.forge-tile-meta{font-size:9px}.forge-tile-more{height:23px;min-width:23px;font-size:13px;border-radius:4px}.forge-featurefoot{padding:13px 0;gap:10px}.forge-featurefoot strong{font-size:12px}.forge-featurefoot small{font-size:9px}
#app>.tabs{background:linear-gradient(0deg,#170610,#0d070b)}
@media (max-width:1500px){.forge-song-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.forge-brandtag{display:none}}
@media (max-width:1180px){.forge-song-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.forge-playerpanel{grid-template-columns:minmax(110px,142px) minmax(230px,1fr) minmax(145px,210px)}.forge-topbar nav{gap:12px}}
@media (max-width:980px){.forge-sidebar{width:166px;top:70px}.forge-sidebuttons button{font-size:10px}#app>main,.forge-global-footer{margin-left:166px}.forge-hero{height:190px;min-height:190px}.forge-playerpanel{grid-template-columns:minmax(110px,134px) minmax(220px,1fr)}.forge-queue{grid-column:1/-1;border-left:0;border-top:1px solid #661c34;padding:8px 0 0}.forge-queue>#forge-upnext{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.forge-queue .forge-mini-link{display:none}.forge-song-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.forge-shortcuts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){
 #app>.forge-topbar{height:auto;min-height:93px;padding:5px 9px 1px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:43px 35px;gap:0;position:sticky;top:0;background:linear-gradient(150deg,#10070d,#08080b);z-index:30}
 .forge-topbar .forge-wordmark{grid-row:1;grid-column:1;justify-content:flex-start;height:40px}.forge-logo-img{height:40px;width:clamp(166px,45vw,224px)}.forge-headtools{grid-row:1;grid-column:2;margin-left:0}.forge-header-search{height:34px;width:39px;padding:0;justify-content:center}.forge-header-search span{display:none}.forge-topbar nav{grid-row:2;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0}.forge-topbar nav a{white-space:nowrap;min-height:35px;display:flex;align-items:center;font-size:9px;padding:7px 2px;letter-spacing:.03em}.forge-sidebar{display:none}
 #app>main{margin:0;padding:8px 9px 100px}.forge-hero{height:205px;min-height:205px;padding:19px 14px 11px;background:linear-gradient(90deg,#070508f5 0%,#0b0508ef 17%,#14040ba5 47%,#10051033 100%),url('art/hero-mask.webp') 78% 42%/auto 132% no-repeat,#11050a;border-radius:4px}.forge-hero-copy .forge-eyebrow{font-size:9px;letter-spacing:.11em;max-width:200px}.forge-hero h1{font-size:clamp(46px,13.1vw,74px);white-space:normal;line-height:.88;margin:14px 0 9px;max-width:245px}.forge-hero-livemark{font-size:7px;letter-spacing:.17em;max-width:230px}.forge-hero-copy>p:last-child{font-size:9px;max-width:250px;letter-spacing:.11em;line-height:1.5}.forge-hero-legend{top:14px;right:11px;font-size:10px;opacity:.88}.forge-hero-meta{gap:4px;margin-top:9px}.forge-hero-meta span{font-size:7px;padding:5px}
 .forge-playerpanel{grid-template-columns:clamp(99px,30vw,142px) minmax(0,1fr);gap:8px 11px;padding:10px;border-radius:6px;margin-top:9px}.forge-currentcover{grid-column:1;grid-row:1;width:100%;aspect-ratio:1}.forge-playercore{display:contents}.forge-nowlabel{grid-column:2;grid-row:1;font-size:10px;align-self:start;margin:0}.forge-name-row{grid-column:2;grid-row:1;align-self:center;margin:15px 0 0}.forge-name-row h2{font-size:clamp(17px,5.2vw,23px);margin:2px 0}.forge-name-row p{font-size:10px;line-height:1.4}.forge-time{grid-row:2;grid-column:1/-1;margin:3px 0 0;gap:7px}.forge-transport{grid-row:3;grid-column:1/-1;justify-content:space-evenly;min-height:48px}.forge-main-play{height:49px;width:49px}.forge-icon-btn{min-width:39px;min-height:39px;font-size:20px}.forge-volume{display:none}.forge-progressviz{grid-row:4;grid-column:1/-1;min-width:0;margin:0}.forge-bars{height:25px;gap:1px}.forge-progressviz-label{font-size:7px}.forge-playerstatus{grid-row:5;grid-column:1/-1;font-size:9px}.forge-queue{grid-row:6;grid-column:1/-1;border:1px solid #7c1f39;border-radius:5px;background:linear-gradient(90deg,#180710,#0c080c);padding:9px;margin:2px 0 0}.forge-queue-head{margin:0 0 4px}.forge-queue>#forge-upnext{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.forge-qitem{padding:4px;height:43px;min-height:43px}.forge-qitem img{height:33px;width:33px}.forge-qitem b{font-size:9px}.forge-queue .forge-mini-link{display:block;align-self:flex-end;padding:5px 0}
 .forge-mobile-actions{display:none}.forge-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:9px 0}.forge-shortcuts button{min-height:62px;padding:8px;grid-template-columns:30px minmax(0,1fr);gap:2px 7px}.forge-shortcuts button>span{width:28px;height:33px;font-size:18px}.forge-shortcuts b{font-size:9px}.forge-shortcuts small{font-size:8px}.forge-shortcuts button::after{display:none}
 .forge-catalog{padding:10px}.forge-catalog-head h2{font-size:23px;margin:3px 0 7px}.forge-catalog-head h2 span{font-size:9px;display:block;margin:2px 0}.forge-filter-row{gap:6px}.forge-search{flex:1 1 100%;min-width:0}.forge-filters{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:3px}.forge-filters button{min-height:33px;flex:none}.forge-filter-row select{width:100%}.forge-song-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 7px}.forge-tile-name{font-size:10px}.forge-tile-meta{font-size:9px}#app>.tabs{grid-template-columns:repeat(6,minmax(0,1fr));height:77px;min-height:77px;box-shadow:0 -5px 22px #000e;background:linear-gradient(0deg,#0a0509,#250812);border-top:1px solid #ff34575c;z-index:28}#app>.tabs button{min-width:0;font-size:9px}#app>.tabs .nav-symbol{font-size:22px}#app>.tabs .central-tab .nav-symbol{box-shadow:0 0 0 3px #6d1027,0 0 19px #f92b51}
 .forge-global-footer{margin:0;padding:14px 14px 100px}.forge-hero .forge-hero-legend{display:block}
}
@media(max-width:360px){.forge-topbar nav{gap:5px}.forge-topbar nav a{font-size:8px}.forge-hero h1{font-size:42px}.forge-hero-legend{right:7px}.forge-shortcuts b{font-size:8px}.forge-qitem img{width:28px;height:28px}.forge-song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.forge-icon-btn,.forge-shortcuts button,.forge-main-play{transition:none!important}}
/* Final geometry gate: keep the cover square and player compact on desktop. */
@media(min-width:981px){
 .forge-hero{height:197px;min-height:197px;padding-top:18px;padding-bottom:12px}
 .forge-playerpanel{height:225px;min-height:225px;max-height:225px;grid-template-rows:minmax(0,1fr);overflow:hidden}
 .forge-currentcover{height:162px;max-height:162px;width:162px;max-width:100%;align-self:center;justify-self:center;object-fit:cover;aspect-ratio:1}
 .forge-playercore{height:100%;min-height:0;max-height:199px;overflow:hidden;justify-content:space-between}
 .forge-queue{max-height:199px;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#772037 transparent}
 .forge-queue .forge-qitem{min-height:33px;height:34px;margin:3px 0}
 .forge-queue .forge-qitem img{width:27px;height:27px}
 .forge-queue-head{padding-bottom:3px;margin-bottom:3px}
 .forge-transport{min-height:47px;margin:0;padding:0}
 .forge-main-play{height:47px;width:47px}
 .forge-progressviz{margin:0;max-height:30px}
 .forge-bars{height:22px}
 .forge-playerstatus{max-height:17px;overflow:hidden}
}