:root{color-scheme:dark;--bg:#090b0e;--panel:rgba(23,27,31,.93);--muted:#aeb3bc;--line:#ffffff12;--accent:#c9f27a;--hero:url("/assets/club-hero.png");--reference:url("/assets/catalog-art.png")}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:#f7f7f8;font-family:Inter,Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(#090b0eee,#090b0ed9),var(--hero) center/cover}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background .2s,transform .2s}button:hover{filter:brightness(1.15)}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.5}input{min-width:0;color:white;background:#ffffff09;border:1px solid var(--line);border-radius:9px;padding:12px}h1,h2,h3,p{margin:0}h2{font-size:30px;letter-spacing:-1px;line-height:1.2}h3{font-size:18px;letter-spacing:-.5px}small,.muted{color:var(--muted)}.wrap{max-width:1450px;margin:auto;padding:0 38px}.brand{display:flex;gap:12px;align-items:center;font-weight:750;font-size:21px;letter-spacing:-.7px;white-space:nowrap}.mark{display:flex;align-items:center;gap:4px;height:36px}.mark i{width:3px;background:currentColor;border-radius:3px;height:16px}.mark i:nth-child(2){height:28px}.mark i:nth-child(3){height:38px}.mark i:nth-child(4){height:24px}.mark i:nth-child(5){height:12px}.topbar{position:absolute;top:0;left:0;width:100%;z-index:5;border-bottom:1px solid #ffffff0b;background:linear-gradient(#06080bd9,transparent)}.nav{display:flex;align-items:center;gap:32px;height:88px}.navlinks{display:flex;gap:25px;margin-left:35px}.navlinks a{font-size:13px;color:#e0e2e5}.search{display:flex;align-items:center;gap:10px;background:#0e1119b8;border:1px solid #ffffff13;border-radius:12px;padding:0 14px;margin-left:auto;max-width:310px;flex:1}.search input{background:none;border:0;padding:12px 0;width:100%;font-size:12px;outline-offset:0}.icon-btn{background:transparent;min-width:40px;min-height:40px;display:inline-grid;place-items:center}.cart-icon{position:relative}.cart-icon b{position:absolute;right:-3px;top:-1px;background:var(--accent);color:#12180a;border-radius:20px;font-size:10px;padding:1px 5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 22px;border-radius:9px;background:#f9fafb;color:#111;font-size:13px;font-weight:650;min-height:43px}.btn.secondary{color:white;background:#ffffff0c;border:1px solid #ffffff18}.login{white-space:nowrap;background:none;font-size:13px}.menu{display:none}.hero{height:565px;position:relative;display:grid;place-items:center;text-align:center;isolation:isolate;background:linear-gradient(180deg,#05070c40 0%,#080b1240 40%,#090b0e 100%),var(--hero) center 67%/cover}.hero:after{position:absolute;content:"";inset:0;background:radial-gradient(ellipse at center,#080a1080,transparent 65%);z-index:-1}.hero-copy{padding:75px 20px 25px}.hero h1{font-size:clamp(48px,5vw,72px);letter-spacing:-2.5px;line-height:1.04;font-weight:750;text-shadow:0 3px 35px #0009}.hero p{font-size:22px;font-weight:300;margin:15px 0 29px;color:#e0e2e7}.hero .btn{border-radius:30px;min-width:180px}.hero-note{position:absolute;bottom:90px;right:42px;text-align:left;font-size:10px;letter-spacing:3px;line-height:1.8}.main{margin-top:-45px;position:relative}.discovery{display:grid;grid-template-columns:1.08fr 1fr;padding:24px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(110deg,#24282eea,#14181bea);backdrop-filter:blur(16px);gap:24px}.discovery h2{font-size:21px;letter-spacing:-.7px;margin-bottom:22px}.artists{border-left:1px solid var(--line);padding-left:24px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-head h2{margin:0}.text-btn{background:none;color:#c9cdd4;padding:3px 0;font-size:12px;white-space:nowrap}.text-btn span{margin-left:8px}.categories{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.category{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#0a0c0ee6,#07090b);border:1px solid #ffffff08;border-radius:8px;gap:12px;padding:16px 2px 12px;min-height:107px}.category:hover{border-color:#ffffff60;background:#292e35}.category svg{width:36px;height:36px;stroke:#e3e5ea;filter:drop-shadow(0 2px 8px #fff4)}.category span{font-size:11px;white-space:nowrap}.artist-list{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.artist{text-align:center;min-width:0}.avatar{width:62px;height:62px;margin:0 auto 7px;border-radius:50%;position:relative;background:linear-gradient(135deg,#aec6da55,#17131d66),var(--hero) 78% 45%/400%;border:1px solid #ffffff18}.avatar.logo{display:grid;place-items:center;background:#050608}.rank{position:absolute;left:-5px;top:-3px;border-radius:100%;width:22px;height:22px;background:#d7dee7;color:#222;font-size:11px;display:grid;place-items:center}.rank.first{background:#efc68e}.artist strong{font-size:11px;display:block;white-space:nowrap}.artist small{font-size:10px;display:block;white-space:nowrap;margin:2px 0 10px}.follow{background:#ffffff0b;border:1px solid #ffffff0d;border-radius:7px;min-height:33px;width:100%;font-size:11px}.follow[aria-pressed=true]{color:var(--accent);border-color:#c9f27a44}.selling{padding-top:30px}.subhead{font-size:14px;color:#b4bac4;margin-top:6px}.top-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.sound-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 15px 12px}.sound-panel .section-head{margin-bottom:12px}.sound-panel h3{font-size:17px}.sound-list{display:flex;flex-direction:column;gap:3px}.sound{display:grid;grid-template-columns:10px 40px 28px minmax(0,1fr) 39px;align-items:center;gap:8px;min-height:72px;border-radius:5px}.sound .number{font-size:10px;color:#8b929e}.cover{background:linear-gradient(140deg,hsla(var(--hue,230),90%,55%,.28),#02030a55),var(--hero) 75% 45%/cover;border:1px solid #ffffff14;position:relative;overflow:hidden;border-radius:6px;isolation:isolate}.cover:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#05040be0,transparent 70%);z-index:-1}.cover:after{content:"PSS / RECORDS";position:absolute;bottom:5px;left:0;right:0;text-align:center;letter-spacing:1px;font-size:5px;color:#fffc}.thumb{width:40px;height:48px}.play{background:#ffffff12;border:1px solid #ffffff25;border-radius:100%;width:28px;height:28px;display:grid;place-items:center;font-size:10px;flex:none}.play.active{color:#141c09;background:var(--accent);border-color:var(--accent)}.sound-info{min-width:0}.sound-name{font-size:11px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-meta{font-size:10px;color:#979faa}.wave{height:20px;display:flex;gap:1px;align-items:center;overflow:hidden;width:100%;background:none;padding:0;margin-top:2px}.wave i{width:2px;flex:none;height:var(--height);background:#737b87;border-radius:2px}.playing .wave i{background:var(--accent)}.price{background:#ffffff0b;border:1px solid #ffffff08;border-radius:5px;font-size:10px;white-space:nowrap;min-height:32px;padding:5px}.price.added{color:var(--accent)}.release-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;margin-bottom:48px}.release-panel{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:22px}.release-panel h2{font-size:25px;letter-spacing:-.8px}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.album{min-width:0}.album-art{aspect-ratio:1;border-radius:7px;margin-bottom:8px;background-position:75% 45%;}.album-art .play{position:absolute;bottom:7px;left:7px;background:#fff;color:#131419;border:0;z-index:2}.album-art .play.active{background:var(--accent)}.album-title{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album small{font-size:10px;display:block;margin:2px 0 9px}.album .price{min-width:52px}.footer{border-top:1px solid var(--line);background:linear-gradient(#080a0eaa,#080a0eee),var(--hero) center 85%/cover;padding-top:34px}.footer-grid{display:grid;grid-template-columns:1.5fr .65fr .9fr 1fr 1.6fr;gap:35px;padding-bottom:32px}.footer .brand{font-size:20px}.footer small{font-size:11px}.footer h3{font-size:12px;font-weight:550;margin-bottom:8px;letter-spacing:0}.footer-links a,.footer-links button{font-size:12px;display:block;color:#aeb4bf;background:none;padding:0;margin:5px 0}.socials{display:flex;gap:15px}.socials button{background:none;font-weight:650;padding:0;font-size:17px}.subscribe{display:flex;gap:8px;margin-top:12px}.subscribe input{width:100%;font-size:11px}.subscribe .btn{font-size:11px;padding:10px 14px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:17px 0 25px;color:#abb1bb;font-size:10px}.player{position:fixed;bottom:0;left:0;right:0;z-index:15;background:#11151bf5;backdrop-filter:blur(25px);border-top:1px solid #ffffff25;transform:translateY(110%);transition:transform .25s;padding:12px 25px;display:flex;align-items:center;gap:16px;box-shadow:0 -10px 50px #0008}.player.visible{transform:translateY(0)}body.has-player{padding-bottom:82px}.player-info{min-width:150px}.player-info strong{font-size:12px}.player-info small{display:block;font-size:10px}.player input[type=range]{accent-color:var(--accent);padding:0;border:0;cursor:pointer;height:20px}.seek{flex:1}.volume{width:80px}.player time{font-size:11px;color:#b0b6c0;white-space:nowrap}.player .play{width:36px;height:36px}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:40;background:#e4f3d0;color:#18200d;padding:12px 22px;border-radius:9px;box-shadow:0 5px 25px #0006;font-size:13px;transition:.2s;max-width:90%;text-align:center}.toast.show{transform:translate(-50%,0);opacity:1}dialog{color:#f5f6f8;width:min(700px,calc(100% - 30px));max-height:85dvh;background:#171b21;border:1px solid #ffffff20;border-radius:16px;padding:25px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px}.dialog-head h2{font-size:25px}.dialog-body p{color:#b8c0cd;margin:10px 0 18px}.dialog-body .sound{grid-template-columns:18px 46px 34px minmax(0,1fr) 62px;min-height:78px}.dialog-body .sound-name{font-size:14px}.dialog-body .sound-meta{font-size:12px}.dialog-body .price{font-size:12px}.dialog-body .thumb{width:46px;height:55px}.cart-row{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.cart-row strong{flex:1}.cart-total{display:flex;justify-content:space-between;font-size:20px;margin:22px 0}.dialog-form{display:grid;gap:14px}.dialog-form label{display:grid;gap:5px;color:#bac2cc}.empty{padding:30px 0;text-align:center;color:#aeb4bf}.pill{font-size:11px;letter-spacing:1px;color:#cad1dc;border:1px solid #ffffff20;border-radius:30px;padding:5px 12px;display:inline-block;margin-bottom:12px}.mobile-search{display:none}@media(min-width:1500px){.hero{height:620px}.sound{min-height:79px}.sound-name{font-size:12px}.sound-meta{font-size:11px}.thumb{width:45px;height:54px}.sound{grid-template-columns:12px 45px 30px minmax(0,1fr) 42px}}
@media(max-width:1150px){.wrap{padding:0 24px}.nav{gap:20px}.navlinks{margin-left:10px;gap:16px}.search{max-width:240px}.discovery{grid-template-columns:1fr 1fr;gap:20px;padding:20px}.artists{padding-left:20px}.artist-list{gap:8px}.avatar{width:52px;height:52px}.artist strong{font-size:10px}.artist small{font-size:9px}.category span{font-size:9px}.category{min-height:96px}.sound-panel{padding:15px 10px}.sound-panel h3{font-size:15px}.sound{gap:5px;grid-template-columns:9px 32px 25px minmax(0,1fr) 33px}.thumb{width:32px;height:43px}.play{width:25px;height:25px}.sound-name{font-size:10px}.text-btn{font-size:10px}.price{font-size:9px;padding:4px}.release-panel{padding:17px}.release-panel h2{font-size:22px}.cards{gap:8px}.footer-grid{gap:22px}.brand{font-size:19px}}
@media(max-width:900px){.navlinks{display:none}.hero{height:510px}.hero h1{font-size:65px}.hero-note{display:none}.discovery{grid-template-columns:1fr}.artists{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.categories{gap:10px}.category span{font-size:12px}.artist-list{gap:20px}.avatar{width:64px;height:64px}.artist strong{font-size:12px}.artist small{font-size:11px}.follow{max-width:100px;font-size:12px}.top-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sound-panel{padding:18px}.sound-panel h3{font-size:18px}.sound{grid-template-columns:12px 44px 30px minmax(0,1fr) 43px;gap:9px}.thumb{width:44px;height:51px}.play{width:30px;height:30px}.sound-name{font-size:12px}.sound-meta{font-size:11px}.price{font-size:11px}.text-btn{font-size:12px}.release-grid{grid-template-columns:1fr}.release-panel{padding:22px}.album-title{font-size:13px}.album small{font-size:12px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.newsletter{grid-column:2/4}.footer-brand{grid-row:1/3}.nav .search{max-width:none}.nav .login{display:none}.footer-grid{gap:25px}}
@media(max-width:600px){.wrap{padding:0 16px}.nav{height:76px;gap:9px}.brand{font-size:18px;gap:9px}.mark{gap:3px;transform:scale(.83)}.nav .search{display:none}.nav .signup{margin-left:auto;padding:8px 13px;min-height:36px;font-size:11px}.cart-icon{order:2}.menu{display:grid;order:3}.hero{height:455px;background-position:64% center}.hero-copy{padding-top:55px}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero p{font-size:16px;margin:15px 0 25px}.hero .btn{font-size:12px}.main{margin-top:-26px}.discovery{padding:18px 14px;border-radius:10px;gap:18px}.discovery h2{font-size:20px;margin-bottom:16px}.categories{display:flex;overflow-x:auto;padding-bottom:8px;gap:7px;scrollbar-width:thin}.category{min-width:77px;min-height:94px}.category span{font-size:11px}.artists{padding-top:18px}.artists .section-head h2{margin:0}.artist-list{gap:8px;overflow:auto;padding:5px 1px}.artist{min-width:65px}.avatar{width:49px;height:49px}.artist strong{font-size:10px}.artist small{font-size:9px}.follow{font-size:10px;min-height:34px}.rank{width:19px;height:19px;font-size:10px}.selling{padding-top:27px}h2{font-size:27px}.subhead{font-size:13px}.top-grid{grid-template-columns:1fr;gap:12px}.sound-panel{padding:18px}.sound-panel h3{font-size:19px}.sound{grid-template-columns:13px 46px 34px minmax(0,1fr) 45px;gap:11px;min-height:73px}.thumb{width:46px;height:51px}.play{width:33px;height:33px}.sound-name{font-size:13px}.sound-meta{font-size:11px}.wave{max-width:145px}.price{font-size:12px;min-height:37px}.release-panel{padding:18px}.release-panel h2{font-size:23px}.release-panel .section-head{align-items:start}.cards{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.album{min-width:130px;max-width:130px;scroll-snap-align:start}.album-title{font-size:12px}.album small{font-size:11px}.release-grid{margin-bottom:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/3;grid-row:auto}.newsletter{grid-column:1/3}.footer-bottom{gap:20px;font-size:9px}.player{padding:11px 12px;gap:10px;flex-wrap:wrap}.player-info{min-width:0;flex:1}.player .volume,.player .volume-label{display:none}.seek{order:8;flex:1;min-width:60%}.player time{order:9}.player .close-player{margin-left:0}.dialog-body .sound{gap:8px}.mobile-search{display:flex;margin-bottom:16px}.mobile-search input{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.art-sprite{background-image:var(--reference)!important;background-size:var(--sprite-size)!important;background-position:var(--sprite-pos)!important;background-repeat:no-repeat!important}.art-sprite:before,.art-sprite:after{display:none}.category-art{width:55px;height:58px;display:block;border-radius:4px}.category{gap:4px;padding-top:8px}.avatar.art-sprite{filter:none!important}.hero{background-image:linear-gradient(180deg,#05070c15 0%,#080b1225 40%,#090b0e 100%),var(--hero)}.hero:after{background:radial-gradient(ellipse at center,#080a1030,transparent 60%)}

.discovery>div,.release-panel,.sound-panel{min-width:0}.player{display:none}.player.visible{display:flex}
[hidden]{display:none!important}.account-trigger{display:flex;align-items:center;gap:9px;background:#ffffff0a;border:1px solid #ffffff18;padding:5px 10px 5px 5px;border-radius:30px;max-width:200px;flex-shrink:0}.account-avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#b8c8e8,#5f6c8a);color:#101621;overflow:hidden;font-size:12px;font-weight:700;flex:none}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-nav-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.account-dialog{width:min(940px,calc(100% - 30px));padding:26px}.account-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:30px}.account-aside{background:linear-gradient(145deg,#252d39,#11151b);border:1px solid var(--line);border-radius:12px;padding:26px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.account-avatar.large{width:94px;height:94px;font-size:28px;box-shadow:0 0 0 5px #ffffff08;margin:5px 0 18px}.account-aside h3{font-size:20px;overflow-wrap:anywhere}.account-handle{font-size:12px;color:#abb8ce;overflow-wrap:anywhere}.account-aside p{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.account-aside .pill{margin:6px 0 20px;font-size:9px}.account-aside-bottom{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.account-aside-bottom span{font-size:10px;color:var(--muted)}.account-aside-bottom strong{font-size:11px;font-weight:400;overflow-wrap:anywhere;margin-bottom:8px}.profile-form{display:grid;gap:19px;min-width:0}.profile-form h3{font-size:21px}.dialog-body .account-description{margin:4px 0 0;font-size:13px}.avatar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.avatar-actions small{width:100%;font-size:11px;margin-top:-6px}.upload-label{position:relative;overflow:hidden;cursor:pointer}.upload-label:focus-within{outline:2px solid var(--accent);outline-offset:3px}.upload-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#d7dce5}.profile-form .upload-label{display:inline-flex;color:white}.profile-form input,.profile-form textarea{width:100%;font:inherit;font-size:13px;background:#090d1280;color:#f5f7fa;border:1px solid #ffffff1a;border-radius:8px;padding:11px 12px;min-width:0}.profile-form textarea{resize:vertical;min-height:87px}.profile-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.profile-form label small{text-align:right;font-size:10px}.dialog-body .account-storage-note{font-size:11px;line-height:1.6;margin:0;color:#8f9cad}.profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:18px}.profile-actions>span{margin-right:auto;color:var(--accent);font-size:11px}.profile-actions .btn{padding:10px 16px;font-size:12px}@media(max-width:900px){.account-nav-name{max-width:80px}}@media(max-width:600px){.account-trigger{margin-left:auto;padding:3px;gap:3px;max-width:105px}.account-trigger>span:last-child{padding-right:5px;font-size:10px}.account-nav-name{display:none}.account-dialog{padding:18px;max-height:90dvh}.account-layout{grid-template-columns:1fr;gap:22px}.account-aside{padding:20px}.account-avatar.large{width:68px;height:68px;font-size:23px;margin-bottom:12px}.account-aside-bottom{margin-top:8px;gap:6px}.account-aside-bottom .btn{align-self:center;min-height:36px;padding:6px 22px}.account-aside .pill{margin-bottom:0}.profile-grid{grid-template-columns:1fr}.profile-actions{flex-wrap:wrap}.profile-actions>span{width:100%;min-height:16px}.profile-form label{font-size:13px}.profile-form input,.profile-form textarea{font-size:16px}}


.form-error{color:#ffb1ac;font-size:13px;overflow-wrap:anywhere}.connection-error{position:relative;z-index:50;padding:14px 20px;background:#62332e;color:white}.profile-actions>span{max-width:55%;overflow-wrap:anywhere}
.account-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:-5px 0 23px;padding-bottom:12px}.account-tabs button{background:none;color:#959fac;border-radius:7px;padding:10px 15px;font-size:13px}.account-tabs .selected{background:#ffffff10;color:#fff}.account-tabs button span{background:#ffffff13;border-radius:5px;padding:1px 6px;margin-left:6px;font-size:11px}.library-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.library-heading h3{font-size:25px}.dialog-body .library-heading p{font-size:13px;margin:5px 0 0}.library-total{font-size:12px;color:var(--muted);white-space:nowrap}.library-filters{display:flex;gap:7px;overflow-x:auto;margin:23px 0 17px;padding-bottom:4px}.library-filters button{flex-shrink:0;padding:9px 13px;border:1px solid var(--line);border-radius:7px;color:#aeb6c3;background:#ffffff04;font-size:12px}.library-filters button span{margin-left:9px;font-size:10px;opacity:.65}.library-filters button.selected{background:#d1edac;color:#192012;border-color:#d1edac}.library-list{display:grid;gap:9px}.library-item{display:flex;align-items:center;gap:16px;background:#0b101660;border:1px solid var(--line);border-radius:10px;padding:18px}.library-file-icon{width:56px;height:63px;display:grid;place-items:center;flex:none;border-radius:8px;background:linear-gradient(135deg,#364255,#131b28);color:#c7d4e9;font-size:31px}.library-item-info{min-width:0;flex:1}.library-item-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.library-item h3{font-size:14px;letter-spacing:0;overflow-wrap:anywhere}.library-item .sample-badge{font-size:8px;letter-spacing:1px;border:1px solid #ceb28442;background:#bda27410;color:#cfb98c;padding:2px 6px;border-radius:4px}.dialog-body .library-item p{font-size:11px;margin:3px 0 6px}.library-item p span{padding:0 5px}.library-item small{font-size:10px;color:#8996a9;display:block}.library-download-count{margin-top:2px}.download-btn{min-width:148px;font-size:12px;padding:10px 13px;gap:9px}.library-empty{text-align:center;padding:35px 20px}.library-empty>span{font-size:30px;color:#bac4d4;display:inline-block;background:#ffffff09;width:65px;height:65px;border-radius:50%;line-height:65px;margin-bottom:18px}.library-empty h3{font-size:20px}.dialog-body .library-empty p{font-size:13px}.library-demo{display:flex;align-items:center;gap:25px;border:1px dashed #ffffff1c;border-radius:8px;padding:16px;margin-top:23px}.library-demo strong{font-size:12px}.dialog-body .library-demo p{font-size:11px;margin:4px 0 0;line-height:1.7}.library-demo .btn{flex:none;font-size:11px;padding:9px 13px}@media(max-width:600px){.library-heading h3{font-size:21px}.library-heading p{max-width:240px}.library-item{flex-wrap:wrap;gap:12px;padding:14px}.library-file-icon{width:43px;height:55px;font-size:25px}.library-item-info{width:calc(100% - 60px)}.download-btn{margin-left:55px;min-height:42px}.library-demo{display:block}.library-demo .btn{margin-top:12px}.account-tabs button{font-size:12px}.library-total{display:none}}

.wallet-balance{padding:28px;border:1px solid #ffffff20;border-radius:16px;background:linear-gradient(120deg,#272c35,#15181e);margin-bottom:28px}.wallet-balance strong{display:block;font-size:48px;letter-spacing:-2px;margin:12px 0}.wallet-balance strong small{font-size:20px;letter-spacing:0;color:#bbc2cd}.wallet-balance p{max-width:540px;color:#bcc3cf;line-height:1.6}.wallet-balance button{margin-top:12px}.account-tabs{flex-wrap:wrap}

.topup-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.bank-qr{display:block;width:100%;max-width:350px;height:auto;margin:0 auto 18px;border-radius:14px}.topup-amount{padding:18px;background:#ffffff10;border-radius:12px}.topup-amount strong{display:block;font-size:26px}.bank-confirm{display:flex!important;align-items:flex-start;gap:10px;line-height:1.5}.bank-confirm input{width:20px!important;flex-shrink:0;margin-top:4px}.payment-heading{margin-top:28px}.wallet-balance .btn{margin-right:10px}.library-item-info small{overflow-wrap:anywhere}@media(max-width:680px){.topup-layout{grid-template-columns:1fr}.bank-qr{max-width:290px}}

.nav-topup{flex-shrink:0;white-space:nowrap;min-height:40px;padding:8px 14px;border-radius:9px;background:#c9f27a;color:#17200d;font-size:13px;font-weight:700}.nav .cart-icon{margin-left:-18px}@media(max-width:1100px){.navlinks{display:none}}@media(max-width:600px){.nav-topup{order:1;padding:7px 10px;font-size:12px}.nav .cart-icon{margin-left:0}.nav .signup{display:none}.nav .brand{margin-right:auto}.nav .account-trigger{margin-left:0}.nav{gap:6px}}@media(max-width:420px){.nav.wrap{padding:0 12px;gap:4px}.nav .brand{font-size:15px;gap:4px}.nav .brand .mark{display:none}.nav .icon-btn{min-width:30px}.nav .account-avatar{width:28px;height:28px}.nav .account-trigger>span:last-child{display:none}.nav-topup{padding:7px 8px}}

.nav-credit-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-credit-balance{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:40px;padding:5px 12px;border:1px solid #c9f27a35;border-radius:9px;background:#11191be6;white-space:nowrap}.nav-credit-balance[hidden]{display:none}.nav-credit-balance span{font-size:10px;color:#aeb8b1;line-height:1.3}.nav-credit-balance strong{font-size:14px;color:#d8f7aa;font-variant-numeric:tabular-nums;line-height:1.4}.nav .search{min-width:100px}@media(max-width:600px){.nav-credit-controls{order:1;gap:5px}.nav-credit-balance{padding:4px 8px}.nav-credit-balance span{font-size:9px}.nav-credit-balance strong{font-size:12px}.nav{flex-wrap:wrap;height:auto;min-height:76px;padding-top:10px;padding-bottom:10px}.nav-credit-controls .nav-topup{order:0}}@media(max-width:420px){.nav.wrap{padding-top:8px;padding-bottom:8px}.nav .brand{flex-basis:calc(100% - 44px)}.nav-credit-controls{margin-right:auto}}

.admin-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}.admin-user-list{display:grid;gap:8px;margin:14px 0}.admin-user-list [hidden],.library-list [hidden]{display:none!important}.admin-audit{margin-top:28px;border-top:1px solid #ffffff20;padding-top:16px}.admin-audit p{overflow-wrap:anywhere}.dialog-form select{background:#161c23;color:white;padding:12px;border:1px solid #ffffff25;border-radius:9px}.dialog-body audio{display:block;width:100%;margin:16px 0}.dialog-body .danger{color:#ffadad;margin-top:20px}.dialog-form{margin-top:18px}#approved-shop{padding-bottom:35px}#admin-user-search{width:100%;margin-top:14px}

.product-description{white-space:pre-wrap;overflow-wrap:anywhere}
.artist-check{display:inline-flex;vertical-align:middle;width:19px;height:19px;color:#269dff;flex-shrink:0;margin-left:3px}.artist-check svg{width:100%;height:100%}.artist-profile-link{background:none;color:#d4e8ff;display:inline-flex;align-items:center;padding:0;font-size:12px}.community-artist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:18px}.community-artist-card{display:flex;align-items:center;text-align:left;gap:14px;background:var(--panel);border:1px solid #ffffff18;padding:20px;border-radius:14px}.community-artist-card strong{display:flex;align-items:center;gap:3px;overflow-wrap:anywhere}.community-artist-card small{display:block;margin-top:4px}.public-artist-avatar{display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#235582,#232839);font-size:22px;color:white}.public-artist-avatar img{width:100%;height:100%;object-fit:cover}.public-artist-header{display:flex;gap:24px;align-items:center;margin-bottom:22px}.public-artist-header .public-artist-avatar{width:100px;height:100px;font-size:32px}.public-artist-header h2{display:flex;gap:5px;align-items:center;overflow-wrap:anywhere}.public-artist-header .artist-check{width:24px;height:24px}.artist-social-links{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:#a8cffa}.artist-bio,.portfolio-description{white-space:pre-wrap;overflow-wrap:anywhere}.artist-bio{margin-bottom:28px!important}.portfolio-description{font-size:12px;max-width:580px}.account-nav-name .artist-check{width:16px;height:16px}@media(max-width:600px){.public-artist-header{gap:14px;align-items:flex-start}.public-artist-header h2{font-size:23px}.public-artist-header .public-artist-avatar{width:68px;height:68px}.public-artist-header .artist-check{width:20px;height:20px}}

/* Product metadata */
.instrument-picker{border:1px solid #41474e;border-radius:12px;padding:16px;min-width:0}.instrument-picker legend{padding:0 8px}.instrument-picker .muted{font-size:12px}.instrument-groups{max-height:270px;overflow:auto;margin:12px 0}.instrument-groups details{padding:8px 0}.instrument-groups summary{cursor:pointer;color:#cbd8e8}.instrument-options{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0}.dialog-form .instrument-options label{display:flex;align-items:center;gap:6px;font-size:12px;background:#252c34;border-radius:20px;padding:6px 10px}.instrument-options input{width:16px;height:16px;margin:0;accent-color:#72baff}.instrument-options label:has(:checked){background:#17466a;color:#d5ebff}.instrument-options [hidden],.instrument-groups [hidden]{display:none!important}.product-tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.product-tag,.key-tag{font-size:11px;line-height:1.5;padding:3px 8px;border-radius:20px;border:1px solid #405161;background:#202d39;color:#beddf7}.product-tag{cursor:pointer}.product-tag:hover,.product-tag:focus-visible{background:#2b5676;border-color:#8cd1ff}.key-tag{color:#d6c9fb;background:#302c40;border-color:#504367}

.profile-income{margin:22px 0;padding:20px 12px;border:1px solid #42505b;border-radius:14px;background:#151c23;text-align:center;width:100%}.profile-income>strong{display:block;font-size:30px;color:#d6f1ab;margin:12px 0;overflow-wrap:anywhere}.profile-income p,.profile-income small{font-size:12px;line-height:1.6;color:#b8c2cd}.profile-income button{display:block;width:100%;margin-top:8px}

.product-license{font-size:12px;margin:8px 0;color:#c5cdd5}.product-license summary{cursor:pointer}.product-license p{line-height:1.6}[hidden]#rights-proof-area{display:none}

.admin-count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 6px;border-radius:20px;background:#f06458;color:#fff;font-size:12px;font-weight:700;margin-left:5px;flex-shrink:0}.admin-count.empty{background:#343d46;color:#c5cdd5}.admin-count[hidden]{display:none}.admin-pending-summary{padding:18px;border:1px solid #424b56;border-radius:14px;margin-bottom:20px;background:#1b232c}.admin-pending-summary h3{margin:0 0 14px}.admin-pending-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.admin-pending-cards button{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#29333f;border:1px solid #485766;padding:14px 12px;color:#f4f7fa;border-radius:10px;text-align:left;cursor:pointer}.admin-pending-summary small{color:#a8b4c2}@media(max-width:600px){.admin-pending-cards{grid-template-columns:1fr}}

#latest-uploads{margin-top:24px;margin-bottom:24px}.latest-upload-panel .section-head{gap:8px}.latest-upload-panel h3{font-size:17px}.latest-upload-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:start;padding:15px 0;border-bottom:1px solid #ffffff0b}.latest-upload-row:last-child{border:0}.latest-file-icon{width:34px;height:42px;border-radius:7px;background:linear-gradient(145deg,#273b4e,#101820);display:grid;place-items:center;font-size:24px;color:#a9d5eb}.latest-upload-info{min-width:0}.latest-upload-info h4{font-size:13px;margin:0 0 4px;overflow-wrap:anywhere}.latest-upload-info>small{display:block;font-size:10px;color:#a8b4c1;margin:4px 0}.latest-upload-info .artist-profile-link{font-size:11px;text-align:left;overflow-wrap:anywhere}.latest-upload-info .artist-check{width:12px;height:12px}.latest-upload-action .btn{font-size:11px;padding:8px 9px;min-width:0;white-space:nowrap}.latest-upload-info .product-tags{gap:3px;margin:5px 0}.latest-upload-info .product-tag{font-size:9px;padding:2px 5px}.latest-upload-info .product-license{font-size:10px}.latest-empty{font-size:13px;color:#9ba6b1;min-height:100px;display:flex;align-items:center;justify-content:center;text-align:center}@media(max-width:600px){#latest-upload-grid{grid-template-columns:1fr}}
/* Shared sale audition controls, compact metadata and waveform artwork. */
.sale-audition{display:flex;align-items:center;gap:7px;min-width:90px}.real-play{flex:none;width:28px;height:28px}.real-wave{padding:0;border:0;background:linear-gradient(90deg,#ffffff30 var(--progress,0%),transparent 0);color:#9eacb9;width:90px;height:28px;cursor:pointer}.real-wave svg{display:block;width:100%;height:28px}.real-wave:disabled{opacity:.25;cursor:default}.sound-title{font:inherit;font-size:13px;font-weight:700;color:inherit;background:none;border:0;padding:0;text-align:left;cursor:pointer}.latest-upload-row{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:12px 0}.latest-file-icon{width:28px;height:32px;background:none;color:#aabcc9}.latest-upload-action{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:8px}.latest-upload-action .sale-audition{min-width:0;flex:1}.latest-upload-action .real-wave{width:100%;max-width:110px}.latest-upload-info>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-tags{gap:4px!important;margin:5px 0!important}.product-tag,.key-tag{font-size:10px!important;padding:2px 5px!important;line-height:1.4}.product-license{font-size:10px;margin-top:5px}.product-license p{font-size:12px;line-height:1.6}.library-item .sale-audition{flex-shrink:0}.play:disabled{opacity:.4;cursor:default}@media(max-width:650px){.library-item{flex-wrap:wrap}.library-item .sale-audition{margin-left:0}.library-item-info{flex-basis:100%}}

.wave-artwork{background:#202a32!important;display:grid;place-items:center;color:#bdceda}.wave-artwork:before,.wave-artwork:after{display:none!important}.extra-tags{font-size:10px}.extra-tags summary{cursor:pointer;padding:2px 5px}.extra-tags[open]{flex-basis:100%}.extra-tags .product-tag{margin:2px}
/* One sound row across browsing, portfolios and purchased files. */
.audio-row{display:grid;grid-template-columns:38px 26px minmax(110px,1fr) minmax(80px,165px) 40px 68px 38px auto 20px;gap:12px;align-items:center;border-bottom:1px solid #ffffff18;padding:12px 0;min-width:0;font-size:12px}.audio-row:hover{background:#ffffff04}.audio-cover{width:38px;height:38px;object-fit:cover;border-radius:3px}.audio-info{min-width:0}.audio-info .sound-title{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}.audio-tags{display:flex;gap:7px;white-space:nowrap;overflow:hidden;margin-top:4px;font-size:10px;color:#9ca1aa}.audio-tags button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}.audio-row .play{height:26px;width:26px;background:none;border:0;color:#b8bcc5}.audio-row .wave,.audio-row .real-wave{width:100%;height:30px;margin:0}.audio-row .wave{display:flex;align-items:center;overflow:hidden}.audio-duration,.audio-key,.audio-bpm{font-size:11px;color:#9399a2;white-space:nowrap}.audio-buy .btn{padding:5px 7px;font-size:11px;white-space:nowrap;background:none;border:0;color:#c4c9d2}.audio-more{color:#999;background:none;border:0;font-size:22px;cursor:pointer;padding:0}.sound-panel,.release-panel,.library-list,#approved-products,#modal-body{container-type:inline-size}.latest-upload-list{container-type:inline-size}.audio-row .sample-badge{font-size:9px}.release-grid .album-grid,#new-cards,#track-cards{display:block}.audio-row .real-wave svg{opacity:.75}.audio-row .play.active{color:#d1ed8a}.sound-panel .audio-row:last-child{border-bottom:0}
@container(max-width:700px){.audio-row{grid-template-columns:34px 24px minmax(80px,1fr) minmax(55px,100px) auto 18px;gap:8px}.audio-key,.audio-bpm,.audio-duration{display:none}.audio-cover{width:34px;height:34px}}
@container(max-width:390px){.audio-row{grid-template-columns:30px 22px minmax(50px,1fr) auto 16px;gap:6px;padding:12px 0}.audio-cover{width:30px;height:34px}.audio-info{grid-column:3/6}.audio-row>.wave,.audio-row>.real-wave{grid-column:3;grid-row:2}.audio-buy,.audio-row>.sample-badge{grid-column:4;grid-row:2}.audio-more{grid-column:5;grid-row:2}.audio-info .sound-title{font-size:12px}.audio-tags{font-size:9px}.audio-row .download-btn span{display:none}}
.audio-row{grid-template-columns:38px 26px minmax(80px,1fr) minmax(60px,165px) 36px 48px 32px auto 20px;gap:8px}
@container(min-width:541px){.audio-duration,.audio-key,.audio-bpm{display:block}}
@container(max-width:540px){.audio-row{grid-template-columns:34px 24px minmax(80px,1fr) minmax(55px,100px) auto 18px}.audio-duration,.audio-key,.audio-bpm{display:none}}
@container(max-width:390px){.audio-row{grid-template-columns:30px 22px minmax(50px,1fr) auto 16px;gap:6px}}
.catalog-browser{margin:30px 0 60px;background:#101113;border:1px solid #ffffff12;border-radius:8px;padding:20px;container-type:inline-size;min-height:460px}.catalog-tabs{display:flex;gap:24px;border-bottom:1px solid #ffffff20;margin-bottom:18px}.catalog-tabs button{border:0;background:none;color:#92969f;padding:8px 0 12px;font-size:13px;cursor:pointer}.catalog-tabs button.selected{color:#fff;border-bottom:2px solid #d9edb4}.catalog-filterbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.catalog-filterbar input,.catalog-filterbar select,.catalog-filterbar button,.catalog-results-bar select{background:#151619;color:#c7cad1;border:1px solid #36383e;border-radius:5px;font:inherit;font-size:12px;padding:8px;min-width:0}.catalog-filterbar select{max-width:175px}#catalog-query{flex:1 1 230px}#catalog-owned[aria-pressed=true]{border-color:#c4dd99;color:#e0f3ba}.bpm-filter{display:flex;gap:5px;align-items:center;font-size:11px;color:#a5aab1}.bpm-filter input{width:72px}.catalog-chips{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0 28px}.catalog-chips button{background:none;color:#a4a8af;font-size:10px;border:1px solid #33363d;border-radius:3px;padding:3px 6px;cursor:pointer}.catalog-chips button.selected{color:#d4ebb0;border-color:#98b971}.catalog-results-bar{display:flex;justify-content:space-between;align-items:center;color:#a6aab3;font-size:12px;margin-bottom:12px}.catalog-column-head{display:grid;grid-template-columns:38px 26px minmax(80px,1fr) minmax(60px,165px) 36px 48px 32px auto 20px;gap:8px;font-size:10px;color:#7d828b;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;padding:9px 0}.catalog-browser .audio-row{min-height:64px}.catalog-empty{text-align:center;padding:70px 15px;color:#8f959e}.catalog-empty h3{font-size:16px;color:#c5c9d0}.catalog-empty p{font-size:13px}@media(max-width:700px){.catalog-browser{padding:12px}.catalog-column-head{display:none}.catalog-tabs{gap:18px}.catalog-filterbar select{flex:1;max-width:100%}}
/* Gentle track lift; keep touch scrolling and reduced-motion preferences calm. */
.audio-row{position:relative;border-radius:6px;transition:transform 240ms cubic-bezier(.2,.8,.2,1),background-color 220ms ease,box-shadow 240ms ease,border-color 220ms ease}
@media(hover:hover) and (pointer:fine){.audio-row:hover{transform:translateY(-2px);background-color:#ffffff08;border-color:#d9edb42b;box-shadow:0 5px 16px #00000024;z-index:1}}
.audio-row:focus-within{background-color:#ffffff08}
@media(prefers-reduced-motion:reduce){.audio-row{transition:none}.audio-row:hover{transform:none}}

/* Artist identity beside every sound, linked to the existing portfolio. */
.audio-row,.catalog-column-head{grid-template-columns:38px 26px minmax(110px,1fr) minmax(110px,155px) minmax(80px,165px) 36px 80px 32px auto 20px}
.track-artist-cell{min-width:0}.track-artist{display:flex;align-items:center;gap:7px;width:100%;padding:4px 0;color:#adb4be;border:0;background:none;text-align:left;cursor:pointer;font-size:11px}.track-artist:hover{color:#e5f1d7}.track-artist img,.track-artist-avatar{width:25px;height:25px;flex:none;border-radius:50%;object-fit:cover}.track-artist-avatar{display:grid;place-items:center;background:#2e3740;color:#d9eac7}.track-artist-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist .artist-check{width:12px;height:12px;flex:none}.track-artist-static{cursor:default}.audio-key{overflow:hidden;text-overflow:ellipsis}
@container(max-width:820px){.audio-row{grid-template-columns:34px 24px minmax(90px,1fr) minmax(65px,130px) auto 20px}.audio-row .audio-info{grid-column:3;grid-row:1}.audio-row .track-artist-cell{grid-column:3;grid-row:2}.audio-row>.real-wave,.audio-row>.wave{grid-column:4;grid-row:1/3}.audio-row>.audio-buy{grid-column:5;grid-row:1/3}.audio-row>.audio-more{grid-column:6;grid-row:1/3}.audio-row>.audio-cover,.audio-row>.play{grid-row:1/3}.audio-row>.audio-key,.audio-row>.audio-bpm,.audio-row>.audio-duration{display:none}.catalog-column-head{display:none}.track-artist img,.track-artist-avatar{width:20px;height:20px}.track-artist{padding:0;font-size:10px}}
@container(max-width:390px){.audio-row{grid-template-columns:30px 22px minmax(50px,1fr) auto 16px}.audio-row .audio-info{grid-column:3/6}.audio-row .track-artist-cell{grid-column:3/6;grid-row:2}.audio-row>.real-wave,.audio-row>.wave{grid-column:3;grid-row:3}.audio-row>.audio-buy{grid-column:4;grid-row:3}.audio-row>.audio-more{grid-column:5;grid-row:3}}

/* Explicit file type in the spare space beside the track name. */
.audio-info{position:relative;padding-right:76px;min-height:33px}.audio-type-badge{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;max-width:72px;padding:3px 7px;border:1px solid #879ca342;border-radius:5px;background:#8cb8ca0b;color:#b9cdd5;font-size:10px;line-height:1.4;white-space:nowrap}.audio-type-badge[data-file-type="Loops"]{color:#c6ddb0;border-color:#adc98a45;background:#b4d4860b}.audio-type-badge[data-file-type="MIDI"]{color:#cabee7;border-color:#b8a0dc45}.audio-type-badge[data-file-type="Presets"]{color:#e2c6a6;border-color:#d2ae8545}@container(max-width:820px){.audio-info{padding-right:0}.audio-type-badge{position:static;transform:none;float:right;margin:0 0 4px 8px;font-size:9px;padding:2px 5px}}

/* Place the category filter above the file-type badges. */
.catalog-name-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.catalog-name-heading>span{white-space:nowrap}.catalog-name-heading #catalog-category{max-width:140px;min-width:0;width:140px;padding:4px 5px;font-size:10px;border:1px solid #36383e;border-radius:4px;background:#151619;color:#c7cad1}.catalog-column-head{align-items:center}@container(max-width:820px){.catalog-column-head{display:flex;justify-content:flex-end}.catalog-column-head>span{display:none}.catalog-name-heading{width:100%;justify-content:space-between}.catalog-name-heading #catalog-category{max-width:170px;width:170px}}

/* Identical tracks/header grid: variable button labels never shift columns. */
@container(min-width:821px){.audio-row,.catalog-column-head{grid-template-columns:38px 26px minmax(110px,1fr) 112px 100px 32px 72px 30px 62px 18px;gap:6px}.audio-row{height:68px;box-sizing:border-box}.audio-buy{min-width:0;overflow:hidden}.audio-buy .btn{max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.audio-buy .download-btn span{display:none}.audio-info{min-width:0}.audio-row>.audio-key,.audio-row>.audio-duration,.audio-row>.audio-bpm{display:block}.catalog-column-head{display:grid}}
@container(min-width:1100px){.audio-row,.catalog-column-head{grid-template-columns:38px 26px minmax(160px,1fr) 150px 160px 38px 84px 36px 68px 20px;gap:8px}}
.catalog-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;margin-top:8px;border-top:1px solid #ffffff18;font-size:12px;color:#aab0ba}.catalog-pagination>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.catalog-pagination button{border:1px solid #353b42;border-radius:5px;background:#171b1f;color:#cdd3dc;min-width:32px;height:32px;cursor:pointer}.catalog-pagination button[aria-current=page]{color:#e8f3d6;border-color:#b8d18f;background:#b8d18f1a}.catalog-pagination button:disabled{opacity:.3;cursor:default}.catalog-pagination:empty{display:none}.catalog-range{white-space:nowrap}#top-selling{scroll-margin-top:80px}@media(max-width:600px){.catalog-pagination{flex-direction:column;align-items:flex-start}}
/* Keep artist cards inside their panel at every viewport width. */
#artist-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;width:100%;min-width:0;max-width:100%;overflow:visible;padding:0;box-sizing:border-box}
#artist-list .community-artist-card{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:14px;gap:10px}
#artist-list .public-artist-avatar{width:48px;height:48px}
#artist-list .community-artist-card>span:last-child{min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.5}
#artist-list .community-artist-card small{font-size:11px;white-space:nowrap}
#artist-list .artist-check{width:14px;height:14px}

.trending-panel{margin:28px 0;padding:22px;background:linear-gradient(125deg,#1b211de8,#12161aef);border:1px solid #b9d48c26;border-radius:10px;container-type:inline-size}.trending-panel h2{font-size:23px;margin:0 0 5px}.trending-panel .subhead{font-size:12px;margin:0}.trending-period{color:#c9dfad;border:1px solid #bad58e33;border-radius:20px;padding:5px 10px;white-space:nowrap;font-size:11px}.trending-rank{display:flex;gap:10px;align-items:center;font-size:10px;color:#9ea99e;padding-top:10px}.trending-rank strong{color:#d5e8b6;font-size:12px}.trending-empty{color:#a2aaa5;font-size:13px;padding:12px 0 0}.trending-panel .section-head{gap:12px;align-items:start}@media(max-width:600px){.trending-panel{padding:15px}.trending-panel .section-head{flex-wrap:wrap}}

/* Browsing content with a contained vertical artist sidebar. */
.marketplace-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;align-items:start}.marketplace-content{min-width:0}.artists-sidebar{min-width:0;position:sticky;top:88px;margin-top:28px;padding:16px;background:linear-gradient(145deg,#20262bee,#14191eee);border:1px solid #ffffff19;border-radius:10px;scroll-margin-top:88px}.artists-sidebar .section-head{gap:8px;margin-bottom:16px;align-items:center}.artists-sidebar h2{margin:0;font-size:21px}.artists-sidebar .text-btn{font-size:11px;white-space:nowrap}.artists-sidebar :is(#artist-list,#monthly-artist-list){grid-template-columns:minmax(0,1fr);gap:10px}.artists-sidebar :is(#artist-list,#monthly-artist-list) .community-artist-card{padding:10px;gap:9px;border-radius:8px}.artists-sidebar :is(#artist-list,#monthly-artist-list) .public-artist-avatar{width:40px;height:40px}.artists-sidebar :is(#artist-list,#monthly-artist-list) .community-artist-card>span:last-child{font-size:12px}.marketplace-content .trending-panel{margin-top:28px}@media(max-width:1000px){.marketplace-layout{grid-template-columns:minmax(0,1fr) 195px;gap:14px}.artists-sidebar{padding:12px}}@media(max-width:760px){.marketplace-layout{grid-template-columns:minmax(0,1fr)}.artists-sidebar{position:static;margin-top:0;margin-bottom:28px}.artists-sidebar :is(#artist-list,#monthly-artist-list){grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}}

/* A single centered search field above the file results. */
.catalog-tabs[hidden],.catalog-chips[hidden]{display:none!important}.catalog-search-only{display:flex;justify-content:center;padding:18px 0 28px}.catalog-search-only>:not(#catalog-query){display:none!important}.catalog-search-only #catalog-query{flex:0 1 620px;width:100%;max-width:620px;min-height:48px;padding:12px 18px;border-radius:8px;font-size:14px}.catalog-search-only #catalog-query:focus{outline:2px solid #c5df9466;outline-offset:2px;border-color:#adc68b}@media(max-width:600px){.catalog-search-only{padding:10px 0 22px}.catalog-search-only #catalog-query{font-size:13px}}
/* Discovery: choose a file type, audition, then get the file. */
.discovery-intro{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:30px 0 18px}.discovery-eyebrow{font-size:10px;letter-spacing:2px;color:#b8ce98}.discovery-intro h2{font-size:27px;letter-spacing:-.6px;margin:8px 0}.discovery-intro p{color:#a5adb7;font-size:13px;margin:0}#discovery-sync{font-size:10px;color:#9cb29a;white-space:nowrap}#discovery-sync.sync-error{color:#d9b98b}.discovery-test-note{font-size:11px;color:#b6ac98;border-left:2px solid #8e8162;padding:6px 10px;margin:0 0 18px}.discovery-test-note[hidden]{display:none}.marketplace-content .trending-panel{margin-top:0;padding:18px;border-color:#ffffff16;background:#141a1c}.trending-panel h2{font-size:19px}.trending-panel .section-head{margin-bottom:16px}:is(#trending-files,#dj-pack-files,#project-files){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.discovery-pick{min-width:0;padding:12px;border:1px solid #ffffff16;border-radius:9px;background:linear-gradient(145deg,#222b29,#181d22)}.pick-top{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:#96a49a;margin-bottom:12px}.pick-top>span:first-child{color:#d8ebba;font-weight:700;font-size:14px}.pick-body{display:flex;align-items:center;gap:9px;min-width:0}.pick-body>img{width:42px;height:42px;object-fit:cover;border-radius:5px}.pick-body>div{min-width:0;flex:1}.pick-body .sound-title{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.pick-body .track-artist{font-size:10px;margin-top:4px}.pick-body .track-artist img,.pick-body .track-artist-avatar{width:16px;height:16px}.pick-bottom{display:flex;align-items:center;gap:8px;margin-top:14px}.pick-bottom>span{margin-right:auto;font-size:10px;color:#9ba5b0}.pick-bottom .btn{padding:5px;font-size:11px;border:0;background:transparent}.pick-bottom .play{width:27px;height:27px;font-size:11px}.catalog-browser{margin-top:22px;border-color:#ffffff16;background:#111619;padding:22px}.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.catalog-heading h2{font-size:22px;margin:0 0 5px}.catalog-heading p{font-size:12px;color:#929da9;margin:0}.catalog-heading .text-btn{font-size:12px;border:1px solid #ffffff20;border-radius:6px;padding:7px 10px}.catalog-heading .text-btn[aria-pressed=true]{border-color:#b9d390;color:#d8ebba}.discovery-types{display:flex;gap:7px;flex-wrap:wrap}.discovery-types button{background:#1b2227;color:#9da9b5;border:1px solid #ffffff12;border-radius:7px;padding:9px 15px;font-size:12px;cursor:pointer}.discovery-types button[aria-pressed=true]{background:#cee3aa;color:#152013;border-color:#cee3aa}.catalog-search-only{padding:18px 0 10px}.catalog-search-only #catalog-query{max-width:100%;flex-basis:100%;background:#0c1114;border-color:#3c484d;min-height:48px}.catalog-chips{margin:10px 0 20px;gap:6px}.catalog-chips button{border:0;background:#1b2429;color:#aebac4;padding:5px 8px;border-radius:4px}.catalog-chips button.selected{color:#d4ecb4;background:#2b3b2c}.discovery-active{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#bbceaa;margin:8px 0}.discovery-active:empty{display:none}.discovery-active .text-btn{font-size:11px;color:#9eacb6}.discovery-list-help{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#a5b696;font-size:11px;margin:20px 0 15px}.discovery-list-help span{color:#818e9a}.catalog-results-bar{padding-top:12px;border-top:1px solid #ffffff12}.artists-sidebar{margin-top:30px;background:#141a1edb}.artists-sidebar :is(#artist-list,#monthly-artist-list) .community-artist-card{background:transparent;border-color:#ffffff0b}.audio-row:hover{background-color:#ccdcb509}@container(max-width:680px){:is(#trending-files,#dj-pack-files,#project-files){grid-template-columns:minmax(0,1fr)}.pick-top{margin-bottom:7px}.discovery-pick{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 15px}.pick-top{grid-column:1/-1}.pick-bottom{margin-top:0}.pick-bottom>span{display:none}.trending-panel .section-head{flex-wrap:wrap}}@media(max-width:600px){.discovery-intro{align-items:flex-start;flex-direction:column;gap:7px}.discovery-intro h2{font-size:23px}.catalog-browser{padding:14px}.discovery-types button{padding:8px 11px}.catalog-heading{align-items:flex-start}.catalog-heading h2{font-size:20px}}

/* Producer and DJ share the same catalog, ownership and checkout. */
.discovery-mode{display:inline-flex;gap:4px;margin-bottom:16px;padding:4px;border:1px solid #394047;border-radius:10px;background:#12171b}.discovery-mode button{flex:none;min-height:36px;text-align:center;padding:7px 16px;background:transparent;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:600;color:#aab4bd}.discovery-mode small{display:none}.discovery-mode button[aria-pressed=true]{border-color:#d3e8aa66;background:#303b2c;color:#e4f2d0}.dj-discovery{padding:22px 0;margin-bottom:24px}.dj-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.discovery-types[hidden],#dj-discovery[hidden],#catalog-category[hidden]{display:none}@media(max-width:650px){.dj-picks{grid-template-columns:1fr}.discovery-mode button{padding:7px 14px;font-size:14px}}

/* PSS credit denomination: compact coin, readable at all price sizes. */
.p-credit-coin{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.35em;height:1.35em;box-sizing:border-box;border:1.5px solid #e9cd7b;border-radius:50%;background:linear-gradient(145deg,#59451d,#241e12);box-shadow:inset 0 0 0 2px #e9cd7b24;color:#f8dfa0;font-family:Arial,sans-serif;font-size:.82em;font-weight:800;line-height:1;vertical-align:-.08em;letter-spacing:0;text-indent:0}.wallet-balance .p-credit-coin{font-size:.55em}.btn .p-credit-coin{margin-left:2px}

.drum-trending{min-width:0;max-width:100%;overflow:hidden;margin:0 0 28px;padding:20px 18px;background:#12191beb;border:1px solid #ffffff20;border-radius:10px}.drum-trending[hidden]{display:none}.drum-trending .section-head{gap:12px;align-items:flex-start;margin-bottom:16px}.drum-trending h2{font-size:22px;margin:0 0 5px}.drum-trending .subhead{font-size:12px;margin:0}.drum-navigation{display:flex;gap:6px}.drum-navigation button{width:34px;height:34px;border:1px solid #ffffff25;border-radius:50%;background:#20282b;color:#d3e8aa}.drum-navigation button:disabled{opacity:.3;cursor:default}.drum-tabs{display:flex;flex-wrap:wrap;gap:7px}.drum-tabs button{padding:8px 12px;border:1px solid #ffffff20;border-radius:7px;background:#20282b;color:#d0d7db;font-size:12px}.drum-tabs button[aria-pressed=true]{background:#d3e8aa;color:#172019;border-color:#d3e8aa}.drum-status{font-size:11px;color:#a9b5bd;margin:14px 0 10px}.drum-trending-track{display:flex;gap:12px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#697955 #172022;padding:2px 0 12px}.drum-trending-track>.discovery-pick{display:block;flex:0 0 265px;min-width:0;box-sizing:border-box;scroll-snap-align:start}.drum-trending-track .pick-bottom{margin-top:18px}.drum-trending-track .pick-bottom>span{display:inline}.drum-empty{padding:22px 8px;color:#a9b5bd;font-size:13px}.drum-trending button:focus-visible,.drum-trending-track:focus-visible{outline:2px solid #d3e8aa;outline-offset:3px}@media(max-width:480px){.drum-trending{padding:16px 12px}.drum-trending h2{font-size:20px}.drum-trending-track>.discovery-pick{flex-basis:85%}}

/* Purchased items show ownership separately from the download action. */
.owned-download{display:inline-flex;flex-direction:column;align-items:center;gap:4px;max-width:100%;vertical-align:middle}.owned-indicator{display:inline-flex;align-items:center;gap:4px;color:#d3e8aa;font-size:10px;line-height:14px;white-space:nowrap}.owned-check{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#d3e8aa;color:#182116;font-size:10px;font-weight:800}.owned-download .owned-download-button,.audio-buy .owned-download-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:30px;margin:0;padding:6px 8px;background:#fff;color:#111;border:1px solid #fff;border-radius:6px;font-size:10px;font-weight:700;white-space:nowrap;box-sizing:border-box;line-height:1.2}.audio-row .owned-download-button span{display:inline}.owned-download-button svg{flex:none}.owned-download-button:hover{background:#e8eddf;border-color:#e8eddf}.owned-download-button:focus-visible{outline:2px solid #d3e8aa;outline-offset:3px}
@container(min-width:821px){.audio-row,.catalog-column-head{grid-template-columns:38px 26px minmax(110px,1fr) 112px 100px 32px 72px 30px 96px 18px}}

/* One purchase button contains both the amount and the P denomination. */
.credit-buy-button.btn,.audio-buy .credit-buy-button.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:58px;min-height:32px;padding:6px 10px;background:#fff;color:#111;border:1px solid #fff;border-radius:7px;font-size:12px;font-weight:750;line-height:1;white-space:nowrap;box-sizing:border-box}.credit-buy-button .credit-price{color:inherit}.credit-buy-button.btn .p-credit-coin{margin:0;flex:none;pointer-events:none}.credit-buy-button:hover{background:#e8eddf;border-color:#e8eddf}.credit-buy-button:focus-visible{outline:2px solid #d3e8aa;outline-offset:3px}

/* Keep the account shell stable when tabs contain different amounts of content. */
#modal.account-dialog{width:min(940px,calc(100vw - 32px));height:90dvh;max-height:1000px;max-width:calc(100vw - 32px);box-sizing:border-box;overflow:hidden;margin:auto}
#modal.account-dialog[open]{display:flex;flex-direction:column}
#modal.account-dialog .dialog-head{flex:0 0 auto;min-width:0}
#modal.account-dialog #modal-body{flex:1 1 0;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;padding-right:8px}
#modal.account-dialog .account-tabs{position:sticky;top:0;z-index:3;background:#171b21;margin-top:0;flex-shrink:0;overflow-x:auto}
#modal.account-dialog .account-tabs button{flex-shrink:0}
@media(max-width:600px){#modal.account-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);height:92dvh;max-height:92dvh;padding:18px}#modal.account-dialog #modal-body{padding-right:4px}}

/* Soft touch feedback without slowing playback, purchases or form input. */
:root{--ui-ease:cubic-bezier(.22,1,.36,1)}
button,a.btn,.upload-label{transition:transform 180ms var(--ui-ease),background-color 200ms ease,border-color 200ms ease,box-shadow 200ms ease,opacity 180ms ease}
button:active:not(:disabled),a.btn:active,.upload-label:active{transform:scale(.96)!important}
.account-tabs button,.discovery-types button,.drum-tabs button,.discovery-mode button,.library-filters button{transition:background-color 220ms ease,color 180ms ease,border-color 220ms ease,box-shadow 220ms ease,transform 180ms var(--ui-ease)}
#modal::backdrop{animation:pss-backdrop-in 220ms ease both}
@keyframes pss-backdrop-in{from{background-color:#0000;backdrop-filter:blur(0)}to{background-color:#000b;backdrop-filter:blur(6px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,a.btn,.upload-label,.account-tabs button,.discovery-types button,.drum-tabs button,.discovery-mode button,.library-filters button{transition:none!important}button:active:not(:disabled),a.btn:active,.upload-label:active{transform:none!important}#modal::backdrop{animation:none}}

/* Keep ownership and its compact action together inside each card. */
.owned-download .owned-download-button,.audio-buy .owned-download-button{min-height:26px;padding:4px 6px;gap:4px;font-size:9px;border-radius:5px}
.owned-download-button svg{width:12px;height:12px}
.pick-bottom>.owned-download,.drum-trending-track .pick-bottom>.owned-download{display:inline-flex;flex-direction:column;align-items:center;gap:3px;margin:0 0 0 auto;flex:0 0 auto;max-width:100%}
.pick-bottom .owned-indicator{font-size:9px;line-height:12px;gap:3px}
.pick-bottom .owned-check{width:12px;height:12px;font-size:9px}
.pick-bottom .play{flex-shrink:0}
.pick-bottom{min-width:0}

/* Audition sits on the cover; ownership and download share the footer line. */
.pick-body>.pick-cover-play{position:relative;flex:0 0 42px;width:42px;height:42px;margin-right:4px;margin-bottom:5px}
.pick-body .pick-cover-play img{display:block;width:42px;height:42px;object-fit:cover;border-radius:5px}
.pick-cover-play .play{position:absolute;right:-5px;bottom:-5px;width:24px;height:24px;min-width:24px;padding:0;display:grid;place-items:center;background:#f7f8f6;color:#151a1d;border:2px solid #222a2b;border-radius:50%;font-size:10px;line-height:1;box-shadow:0 2px 6px #0005;z-index:1}
.pick-cover-play .play.active{background:#d3e8aa;color:#152015}
.pick-cover-play .play:disabled{opacity:.55}
.pick-bottom>.owned-download,.drum-trending-track .pick-bottom>.owned-download{flex-direction:row;gap:6px;align-items:center;margin-left:auto}
.pick-bottom{gap:6px;flex-wrap:wrap}
.pick-bottom>.owned-download .owned-indicator{font-size:9px;white-space:nowrap}

/* Ten-card charts, with a separate paginated vertical catalog for View All. */
:is(#trending-files,#dj-pack-files,#project-files),#interest-files{display:flex;gap:12px;overflow-x:auto;max-width:100%;min-width:0;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:12px}
:is(#trending-files,#dj-pack-files,#project-files)>.discovery-pick,#interest-files>.discovery-pick{display:block;flex:0 0 265px;min-width:0;scroll-snap-align:start;box-sizing:border-box}
:is(#trending-files,#dj-pack-files,#project-files) .pick-bottom,#interest-files .pick-bottom{margin-top:14px}
:is(#trending-files,#dj-pack-files,#project-files) .pick-bottom>span,#interest-files .pick-bottom>span{display:inline}
:is(#trending-files,#dj-pack-files,#project-files) .pick-bottom>.owned-download,#interest-files .pick-bottom>.owned-download{display:inline-flex}
.chart-arrows{display:flex;justify-content:flex-end;gap:6px;margin:0 0 10px}.chart-arrows button{width:30px;height:30px;border-radius:50%;border:1px solid #ffffff25;color:#d3e8aa;background:#20282b}.chart-arrows button:disabled{opacity:.3}
.drum-navigation #drum-view-all{width:auto;border-radius:16px;white-space:nowrap;padding:4px 10px;font-size:11px}
.chart-row-rank{display:block;color:#cdddba;font-size:9px;line-height:13px;margin-top:3px}
@media(max-width:480px){:is(#trending-files,#dj-pack-files,#project-files)>.discovery-pick,#interest-files>.discovery-pick{flex-basis:85%}.drum-trending .section-head{flex-wrap:wrap}}

/* A real waveform beneath an accessible native seek slider. */
.player-transport{display:flex;align-items:center;gap:6px;flex-shrink:0}.skip-preview{position:relative;width:30px;height:32px;padding:0;background:transparent;color:#f3f5f7;font-size:27px;line-height:1}.skip-preview span{position:absolute;inset:14px 0 auto;font-size:8px;font-weight:700;text-align:center}.player-waveform{position:relative;flex:1;min-width:80px;height:38px;border-radius:4px}.player-waveform-drawing,.player-waveform-drawing svg{display:block;width:100%;height:100%;pointer-events:none}.player .player-waveform input#seek{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.player-waveform:focus-within{outline:2px solid #d3e8aa;outline-offset:3px}.player-info{max-width:260px}.player-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.player .player-waveform{order:8;flex:1 1 60%;min-width:60%}.player-transport{gap:4px}.player-info{max-width:calc(100vw - 230px)}}

/* Three individually framed transport controls with tactile feedback. */
.player-transport{gap:9px;padding:3px 0}
.player .player-transport .skip-preview,.player .player-transport #player-toggle{display:grid;place-items:center;position:relative;flex:none;width:38px;height:38px;min-width:38px;padding:0;border:1px solid #ffffff25;border-radius:12px;background:linear-gradient(155deg,#303840,#1b2229);color:#f4f6f8;box-shadow:inset 0 1px 0 #ffffff12,0 3px 8px #0003;transition:transform 160ms var(--ui-ease),box-shadow 180ms ease,border-color 180ms ease;filter:none}
.player .player-transport #player-toggle{width:44px;height:44px;min-width:44px;border-radius:14px;background:linear-gradient(145deg,#fff,#dfe6e8);border-color:#ffffffc0;color:#151b22;font-size:17px;box-shadow:inset 0 1px 0 #fff,0 4px 12px #0004}
.player-transport .skip-preview svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.player-transport .skip-preview span{position:absolute;inset:16px 0 auto;line-height:1;font-size:9px;font-weight:700;pointer-events:none}
.player .player-transport button:hover{border-color:#ffffff70;box-shadow:inset 0 1px 0 #ffffff20,0 4px 12px #0005}
.player .player-transport button:active{transform:scale(.91)!important}
.player .player-transport button:focus-visible{outline:2px solid #d3e8aa;outline-offset:4px}
@media(max-width:600px){.player-transport{gap:6px}.player .player-transport .skip-preview{width:34px;height:34px;min-width:34px;border-radius:10px}.player .player-transport #player-toggle{width:40px;height:40px;min-width:40px;border-radius:12px}.player-transport .skip-preview span{top:14px}}
@media(prefers-reduced-motion:reduce){.player .player-transport button{transition:none}.player .player-transport button:active{transform:none!important}}

/* Compact, understated circular playback controls. */
.player .player-transport{gap:5px;padding:2px 0}
.player .player-transport .skip-preview{width:30px;height:30px;min-width:30px;border-radius:50%;border:0;background:#ffffff09;box-shadow:none;color:#e8edf1}
.player .player-transport #player-toggle{width:34px;height:34px;min-width:34px;border-radius:50%;border:0;background:#f3f5f7;color:#171c22;box-shadow:0 1px 3px #0002;font-size:13px}
.player-transport .skip-preview svg{width:23px;height:23px;stroke-width:1.55}
.player-transport .skip-preview span{inset:12px 0 auto;font-size:7px;line-height:1;font-weight:600}
.player .player-transport .skip-preview:hover{background:#ffffff15;box-shadow:none}
.player .player-transport #player-toggle:hover{background:#fff;box-shadow:0 1px 4px #0003}
@media(max-width:600px){.player .player-transport{gap:4px}.player .player-transport .skip-preview{width:28px;height:28px;min-width:28px}.player .player-transport #player-toggle{width:32px;height:32px;min-width:32px}.player-transport .skip-preview span{top:11px}}

/* Use a fixed vector box instead of font glyph metrics for precise centering. */
button.play{display:inline-grid!important;place-items:center!important;padding:0!important;border-radius:50%!important;aspect-ratio:1;line-height:1!important;font-size:0!important;text-indent:0;vertical-align:middle}
button.play::before{content:"";display:block;grid-area:1 / 1;width:12px;height:12px;background:currentColor;pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4v16l13-8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4v16l13-8z'/%3E%3C/svg%3E") center/contain no-repeat}
button.play.active::before,button.play[aria-pressed="true"]::before,#player-toggle[aria-label="Pause preview"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 4h4v16H6zM14 4h4v16h-4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 4h4v16H6zM14 4h4v16h-4z'/%3E%3C/svg%3E")}
#player-toggle::before{width:16px;height:16px}

/* Absolute centering avoids the invisible text node creating an extra grid row. */
button.play{position:relative}
button.play::before{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);grid-area:auto}

/* Keep the resting appearance on focus: no extra click or keyboard rings. */
html body :is(:focus,:focus-visible,:focus-within),html body .player-waveform:has(input:focus-visible){outline:none!important;outline-offset:0!important}
html body :is(input,textarea,select):focus{box-shadow:none!important}
html body .catalog-search-only #catalog-query:focus{border-color:#3c484d!important}
html body *{-webkit-tap-highlight-color:transparent}

/* Very light pointer feedback, without shifting surrounding layout or adding rings. */
:is(button,a[href],summary,[role="button"],.upload-label,input:not([type="hidden"]),select,textarea){transition:scale 240ms cubic-bezier(.22,1,.36,1),transform 180ms cubic-bezier(.22,1,.36,1),background-color 200ms ease,border-color 200ms ease,box-shadow 200ms ease;transform-origin:center}
a[href]:not(.btn):not(.brand){display:inline-block}
@media(hover:hover) and (pointer:fine){
 :is(button,a[href],summary,[role="button"],.upload-label,input:not([type="hidden"]),select,textarea):not(:disabled):not([aria-disabled="true"]):hover{scale:1.018}
 :is(button,a[href],summary,[role="button"],.upload-label):active{scale:.985}
 .player-waveform{transition:scale 240ms cubic-bezier(.22,1,.36,1)}
 .player-waveform:hover{scale:1.008}
 .player-waveform input#seek:hover{scale:1}
 .upload-label:has(input:hover){scale:1.018}
 .upload-label input:hover{scale:1}
}
@media(prefers-reduced-motion:reduce){
 :is(button,a[href],summary,[role="button"],.upload-label,input,select,textarea),.player-waveform{scale:1!important;transition:none!important}
}

@media(prefers-reduced-motion:no-preference){body :is(button,a[href],summary,[role="button"],.upload-label,input,select,textarea){transition-property:scale,transform,background-color,border-color,box-shadow,opacity!important;transition-duration:240ms!important;transition-timing-function:cubic-bezier(.22,1,.36,1)!important}}

/* Upload action belongs in the account header, next to its close control. */
#modal .dialog-head .account-upload-action{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;min-height:34px;font-size:12px;border-radius:8px;white-space:nowrap}
#modal .dialog-head #close-modal{flex:none}
#modal .dialog-head #modal-title{min-width:0}
@media(max-width:480px){#modal .dialog-head{gap:8px}#modal .dialog-head .account-upload-action{padding:7px 9px;font-size:11px}#modal .dialog-head h2{font-size:21px}}

/* Center the account title independently of the actions on either side. */
#modal .account-back{display:none}
#modal.account-dialog .dialog-head{position:relative;min-height:50px;display:flex;align-items:center}
#modal.account-dialog .account-back{display:inline-grid;place-items:center;width:34px;height:34px;flex:0 0 34px;padding:0;border:1px solid #ffffff20;border-radius:9px;background:#ffffff08;color:#fff;margin-right:auto}
#modal.account-dialog .dialog-head #modal-title{position:absolute;left:50%;top:calc(50% - 7.5px);transform:translate(-50%,-50%);max-width:calc(100% - 340px);margin:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
#modal.account-dialog .dialog-head .account-upload-action{margin-left:0}
#modal.account-dialog .dialog-head #close-modal{margin-left:0}
@media(max-width:600px){#modal.account-dialog .dialog-head #modal-title{max-width:calc(100% - 240px);font-size:18px}}
@media(max-width:420px){#modal.account-dialog .dialog-head{flex-wrap:wrap;padding-bottom:12px;gap:8px}#modal.account-dialog .dialog-head #modal-title{top:17px;max-width:calc(100% - 100px);font-size:18px}#modal.account-dialog .dialog-head .account-upload-action{order:4;flex-basis:100%;justify-content:center}#modal.account-dialog .dialog-head #close-modal{order:3}}

.approval-status{display:inline;font-weight:650}.approval-status--approved{color:#80dc9b!important}.approval-status--rejected{color:#ff8585!important}.approval-status--pending{color:#c7ccd3}

.all-topups-button.btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin-top:16px;padding:9px 18px;border:1px solid #ffffff24;border-radius:9px;background:linear-gradient(145deg,#30373e,#242a30);color:#f5f7fa;font-size:12px;font-weight:650;line-height:1.2;box-shadow:inset 0 1px 0 #ffffff09}.all-topups-button.btn:hover{background:#353d45;border-color:#ffffff40}

.profile-income .payout-account-button{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;min-height:30px;margin:4px auto 0;padding:6px 10px;border-radius:8px;font-size:11px;line-height:1.4}

#modal .dialog-head .library-refresh{flex:none;gap:6px;min-height:32px;padding:6px 10px;border-radius:8px;font-size:11px}
#modal .library-refresh svg{flex:none}
#modal .library-refresh[aria-busy="true"] svg{animation:library-refresh-spin .8s linear infinite}
@keyframes library-refresh-spin{to{transform:rotate(360deg)}}
@media(max-width:420px){#modal .library-refresh span{display:none}#modal .dialog-head .library-refresh{width:32px;padding:6px}#modal.account-dialog .dialog-head:has(.library-refresh) #modal-title{max-width:calc(100% - 155px)}}
@media(prefers-reduced-motion:reduce){#modal .library-refresh[aria-busy="true"] svg{animation:none}}

#modal.public-content-dialog{width:min(940px,calc(100vw - 32px));height:auto;max-height:90dvh;overflow-y:auto}
#modal.public-content-dialog .account-back{display:none}
#modal.public-content-dialog .dialog-head #modal-title{position:static;transform:none;flex:1;max-width:none;font-size:22px;white-space:normal}
.track-detail-info,.track-detail-artist{padding-top:20px;margin-top:18px;border-top:1px solid #ffffff12}
.track-detail-info h3,.track-detail-artist h3{font-size:15px;margin-bottom:12px}
.track-detail-info>p{overflow-wrap:anywhere;font-size:12px}
.track-detail-artist{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.track-detail-artist h3{width:100%;margin:0}
.track-detail-artist>.track-artist{font-size:13px}
.track-detail-artist>.btn{margin-left:auto;min-height:32px;padding:7px 12px;font-size:12px}
.track-detail-dialog .track-detail-audio .audio-more{visibility:hidden;pointer-events:none}

#modal .dialog-head .dialog-refresh{flex:none;gap:6px;min-height:32px;padding:6px 10px;border-radius:8px;font-size:11px;margin-left:auto}
#modal .dialog-refresh svg{flex:none}
#modal .dialog-refresh[aria-busy="true"] svg{animation:library-refresh-spin .8s linear infinite}
#modal.account-dialog .dialog-head #modal-title{max-width:calc(100% - 400px)}
@media(max-width:700px){#modal .dialog-refresh span{display:none}#modal .dialog-head .dialog-refresh{width:32px;padding:6px}#modal.account-dialog .dialog-head #modal-title{max-width:calc(100% - 280px)}}
@media(max-width:420px){#modal.account-dialog .dialog-head #modal-title{max-width:calc(100% - 155px)}#modal .dialog-refresh{order:2}}
@media(prefers-reduced-motion:reduce){#modal .dialog-refresh[aria-busy="true"] svg{animation:none}}

.audio-row:has(.real-play:not(:disabled)){cursor:pointer}

.upload-type-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px 0}.upload-type-choices button{display:grid;justify-items:center;gap:14px;padding:30px 16px;border:1px solid #ffffff24;border-radius:14px;background:linear-gradient(145deg,#252c33,#1c2228);font-size:18px}.upload-type-icon{font-size:32px;color:#d3e8aa}.upload-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.upload-rights{display:grid;gap:16px;border-top:1px solid #ffffff20;margin-top:12px;padding-top:20px}.upload-rights h3{font-size:18px}.upload-pack-cover{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #ffffff20;border-radius:10px}.upload-pack-cover[hidden]{display:none}.upload-pack-cover img{width:64px;height:64px;object-fit:cover;border-radius:7px}.upload-release-review{padding:16px 0}.upload-release-review p{overflow-wrap:anywhere}@media(max-width:550px){.upload-type-choices{grid-template-columns:1fr}.upload-type-choices button{display:flex;align-items:center;padding:18px}.upload-field-grid{grid-template-columns:1fr}}

.similar-sounds{margin-top:24px;padding-top:20px;border-top:1px solid #ffffff12;min-width:0}.similar-sounds>h3{font-size:18px;margin-bottom:14px}.similar-sounds-status{font-size:12px;color:#aeb3bc}.similar-sounds-status:not(:empty){padding:14px 0}.similar-sounds-status .btn{min-height:30px;padding:6px 10px;font-size:11px}

/* Keep the preview player comfortably centered on wide browser windows. */
#player{left:0;right:0;width:calc(100% - 32px);max-width:1100px;margin:0 auto;bottom:max(12px,env(safe-area-inset-bottom));padding:10px 16px;gap:12px;min-height:68px;border:1px solid #ffffff25;border-radius:14px;box-shadow:0 8px 32px #0008;-webkit-backdrop-filter:blur(25px);transform:translateY(calc(100% + 32px))}
#player.visible{transform:translateY(0)}
#player .player-info{min-width:0;max-width:220px;flex:0 1 220px}
#player .player-waveform{min-width:80px;height:34px}
#player #player-cover{flex-shrink:0}
#player .volume{flex:0 0 70px;width:70px}
#player .close-player{flex-shrink:0}
body.has-player{padding-bottom:100px}
@media(max-width:700px){
 #player{width:calc(100% - 16px);padding:9px 10px;gap:8px;border-radius:12px;flex-wrap:wrap;bottom:max(8px,env(safe-area-inset-bottom))}
 #player .player-info{flex:1;max-width:none}
 #player .volume,#player .volume-label{display:none}
 #player .player-waveform{order:8;flex:1 1 60%;min-width:60%;height:30px}
 #player time{order:9}
 body.has-player{padding-bottom:132px}
}

#player .player-purchase{display:flex;align-items:center;flex:0 0 auto;min-width:0}
#player .player-purchase[hidden]{display:none}
#player .player-purchase .credit-buy-button{min-height:32px;padding:6px 10px;gap:7px;font-size:12px;border-radius:8px}
#player .player-purchase .owned-download{flex-direction:row;gap:7px;white-space:nowrap}
#player .player-purchase .owned-download-button{min-height:30px;padding:6px 8px;font-size:10px;border-radius:7px}
#player.has-purchase-action .player-info{flex-basis:180px;max-width:180px}
@media(max-width:850px) and (min-width:701px){#player.has-purchase-action .volume,#player.has-purchase-action .volume-label{display:none}}
@media(max-width:700px){#player.has-purchase-action .player-info{flex:1;max-width:none}#player .player-purchase{order:10;margin-left:auto}body.has-player:has(#player.has-purchase-action){padding-bottom:164px}}
.featuring-section{display:grid;gap:14px;border:1px solid #ffffff1c;padding:16px;border-radius:12px}.featuring-section h3{font-size:15px}.upload-main-artist{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.upload-main-artist .account-avatar{width:36px;height:36px}.upload-main-artist>span:last-child{font-size:12px;color:#aeb3bc}.revenue-owner,.featuring-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 16px 32px;align-items:center;gap:10px}.revenue-owner>strong{min-width:0;overflow-wrap:anywhere}.featuring-row{margin-top:12px}.featuring-row label{min-width:0}.featuring-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.featuring-toolbar .btn{min-height:32px;padding:7px 10px;font-size:12px}#split-total{color:#d3e8aa;white-space:nowrap}#split-total.split-invalid{color:#ff8585}#featuring-agreement[hidden]{display:none}.track-featured-artists{flex-basis:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.track-featured-artists .btn{min-height:28px;padding:4px 8px;font-size:11px}@media(max-width:500px){.featuring-section{padding:12px}.revenue-owner,.featuring-row{grid-template-columns:minmax(0,1fr) 70px 12px 26px;gap:6px}.featuring-toolbar{flex-wrap:wrap}}

.featuring-search-wrap{position:relative;min-width:0}.featuring-options{position:absolute;z-index:20;top:100%;left:0;right:0;margin-top:5px;max-height:260px;overflow:auto;border:1px solid #ffffff26;border-radius:10px;background:#20262c;box-shadow:0 12px 30px #0006;padding:5px}.featuring-options[hidden]{display:none}.featuring-options [role=option]{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:#f5f6f7;text-align:left;cursor:pointer}.featuring-options [role=option]:hover,.featuring-options [aria-selected=true]{background:#ffffff12}.featuring-options [role=option] span{font-size:12px;color:#aeb3bc}.featuring-no-results{padding:12px;color:#aeb3bc;font-size:13px}

.insufficient-credit-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}.insufficient-credit-actions .btn{position:static;flex:0 1 auto;min-height:42px;margin:0;padding:10px 18px;line-height:1.4;white-space:normal;text-align:center}@media(max-width:440px){.insufficient-credit-actions{gap:10px}.insufficient-credit-actions .btn{flex:1 1 100%;width:100%}}

.catalog-column-head .catalog-sort-heading{display:inline-flex;align-items:center;gap:4px;min-width:0;padding:5px 0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.catalog-column-head .catalog-sort-heading:hover,.catalog-column-head .catalog-sort-heading[aria-pressed=true]{color:#d3e8aa}.catalog-sort-heading[data-direction=asc]::after{content:'▴';font-size:9px}.catalog-sort-heading[data-direction=desc]::after{content:'▾';font-size:9px}.catalog-sort-heading[aria-busy=true]{opacity:.6}

@container(max-width:820px){.catalog-column-head{flex-wrap:wrap;justify-content:flex-start;gap:8px 16px}.catalog-name-heading{flex:1 1 100%}.catalog-column-head>.catalog-sort-heading{flex:0 0 auto}}

.header-library{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid #ffffff26;border-radius:8px;background:#ffffff08;color:#f5f6f7;font:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.header-library svg{flex:none}@media(max-width:600px){.header-library{padding:8px}.header-library span{display:none}}

.discovery-pick[data-audio-product]:has(.real-play:not(:disabled)){cursor:pointer}

/* Subtle whole-card feedback, with room inside the scrolling rails. */
:is(#trending-files,#dj-pack-files,#project-files),#interest-files,.drum-trending-track{padding:6px 4px 12px;scroll-padding-inline:4px}
.discovery-pick{position:relative;transform-origin:center;transition:transform 260ms cubic-bezier(.22,1,.36,1),filter 260ms ease;}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .discovery-pick:hover{transform:translateY(-2px) scale(1.015);filter:brightness(1.07);z-index:1}
 .discovery-pick:active:not(:has(button:active,a:active)){transform:translateY(-1px) scale(1.005)}
}
@media(prefers-reduced-motion:reduce){.discovery-pick{transition:none;transform:none}.discovery-pick:hover{filter:brightness(1.07)}}

/* Compact square discovery cards at every screen size. */
:is(#trending-files,#dj-pack-files,#project-files)>.discovery-pick,#interest-files>.discovery-pick,.drum-trending-track>.discovery-pick{display:flex;flex-direction:column;flex:0 0 180px;width:180px;height:180px;aspect-ratio:1;box-sizing:border-box;padding:11px;gap:0}
.discovery-pick .pick-top{flex:none;margin:0 0 12px}
.discovery-pick .pick-body{flex:1;min-height:0;align-items:flex-start;gap:7px}
.discovery-pick .pick-body>.pick-cover-play{flex-basis:36px;width:36px;height:36px;margin-right:3px}
.discovery-pick .pick-cover-play img{width:36px;height:36px}
.discovery-pick .pick-body .sound-title{font-size:11px;line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}
.discovery-pick .track-artist{max-width:100%;font-size:9px}
:is(#trending-files,#dj-pack-files,#project-files) .pick-bottom,#interest-files .pick-bottom,.drum-trending-track .pick-bottom{flex:none;margin-top:10px;gap:5px;align-items:center}
.discovery-pick .pick-bottom>span{flex-basis:100%;font-size:9px}
.discovery-pick .pick-bottom>.owned-download{margin-left:auto;gap:5px}

/* Tighter discovery rhythm; carousel controls share the heading row. */
.discovery-intro{margin:20px 0 12px}.discovery-intro h2{margin:6px 0}
.marketplace-content .trending-panel{padding:14px;margin-bottom:16px}
.dj-discovery{padding:0;margin:0 0 16px}
.trending-panel .section-head,.dj-discovery .section-head{align-items:center;gap:8px;margin-bottom:8px}
.trending-panel .section-head>div:first-child,.dj-discovery .section-head>div:first-child{flex:1;min-width:0}
.trending-panel .section-head .chart-arrows,.dj-discovery .section-head .chart-arrows{flex:0 0 auto;margin:0;gap:5px}
.dj-discovery .section-head h2{margin:0}.dj-discovery .section-head .subhead{margin:4px 0 0}
:is(#trending-files,#dj-pack-files,#project-files),#interest-files,.drum-trending-track{gap:10px;padding-bottom:8px}
.marketplace-content .catalog-browser{margin-top:16px}
@media(max-width:480px){.trending-panel .section-head,.dj-discovery .section-head{flex-wrap:wrap}.trending-panel .section-head>div:first-child,.dj-discovery .section-head>div:first-child{flex-basis:100%}.marketplace-content .trending-panel{padding:12px}}

.new-track-badge{display:inline-flex;align-items:center;flex:none;padding:2px 6px;border-radius:5px;background:#d4edac;color:#1b2b12;font-size:10px;font-weight:750;line-height:1.3;white-space:nowrap}.pick-top>.new-track-badge{font-size:10px;color:#1b2b12}.audio-tags>.new-track-badge{margin-right:3px;font-size:9px}

.chart-dialog-summary{margin:0 0 14px;font-size:12px;color:#aeb8c2}.ranked-track{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px}.ranked-track-position{display:flex;flex-direction:column;gap:4px}.ranked-track-position strong{font-size:14px;color:#d3e8aa}.ranked-track-position span{font-size:10px;color:#aeb8c2}.ranked-track>.audio-row{min-width:0}@media(max-width:600px){.ranked-track{grid-template-columns:42px minmax(0,1fr);gap:5px}.ranked-track-position span{font-size:9px}}

/* Seven compact squares per desktop carousel viewport. */
:is(#trending-files,#dj-pack-files,#project-files),#interest-files,.drum-trending-track{--cards-visible:7;display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 48px)/var(--cards-visible));gap:8px}
:is(#trending-files,#dj-pack-files,#project-files)>.discovery-pick,#interest-files>.discovery-pick,.drum-trending-track>.discovery-pick{width:100%;height:auto;min-width:0;aspect-ratio:1;padding:6px;overflow:hidden}
.discovery-pick .pick-top{margin-bottom:5px;align-items:center;line-height:14px}.discovery-pick .pick-top>span:first-child{font-size:11px}.discovery-pick .new-track-badge{font-size:8px;padding:1px 4px}
.discovery-pick .pick-body{gap:5px}.discovery-pick .pick-body>.pick-cover-play{flex:0 0 25px;width:25px;height:25px;margin-right:2px}.discovery-pick .pick-cover-play img{width:25px;height:25px}.discovery-pick .pick-cover-play .play{width:18px;height:18px;min-width:18px;font-size:8px;right:-3px;bottom:-3px}
.discovery-pick .pick-body .sound-title{font-size:10px;line-height:1.25}.discovery-pick .track-artist{font-size:8px;margin-top:3px}.discovery-pick .track-artist>img:first-child,.discovery-pick .track-artist-avatar{display:none}
:is(#trending-files,#dj-pack-files,#project-files) .pick-bottom,#interest-files .pick-bottom,.drum-trending-track .pick-bottom{margin-top:4px;gap:3px}.discovery-pick .pick-bottom>span{font-size:8px}.discovery-pick .pick-bottom>.owned-download{gap:3px;flex-wrap:wrap}.discovery-pick .pick-bottom .owned-indicator{font-size:8px}.discovery-pick .pick-bottom .owned-download-button{padding:3px 4px;font-size:8px;min-height:20px}.discovery-pick .pick-bottom>.btn{padding:3px 7px;min-height:22px;font-size:10px}
@media(max-width:760px){:is(#trending-files,#dj-pack-files,#project-files),#interest-files,.drum-trending-track{--cards-visible:4;grid-auto-columns:calc((100% - 24px)/var(--cards-visible))}}
@media(max-width:480px){:is(#trending-files,#dj-pack-files,#project-files),#interest-files,.drum-trending-track{--cards-visible:2;grid-auto-columns:calc((100% - 8px)/var(--cards-visible))}}

/* Full square artwork above the track information. */
:is(#trending-files,#dj-pack-files,#project-files)>.discovery-pick,#interest-files>.discovery-pick,.drum-trending-track>.discovery-pick{aspect-ratio:auto;height:auto;padding:0 0 7px;overflow:hidden;gap:0}
.discovery-pick>.pick-cover-play{position:relative;flex:none;width:100%;height:auto;aspect-ratio:1;margin:0;background:#101619;overflow:hidden;border-radius:7px}
.discovery-pick>.pick-cover-play img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0}
.discovery-pick>.pick-cover-play>.pick-top{position:absolute;inset:5px 5px auto;margin:0;display:flex;justify-content:space-between;pointer-events:none}
.discovery-pick>.pick-cover-play>.pick-top>span:first-child{background:#101619b8;border-radius:4px;padding:2px 4px;color:#e0efc8}
.discovery-pick>.pick-cover-play>.play{right:6px;bottom:6px;width:25px;height:25px;min-width:25px;font-size:10px}
.discovery-pick>.pick-body{flex:1;padding:8px 6px 0;min-height:48px;box-sizing:border-box}
.discovery-pick .pick-body .sound-title{font-size:10px;line-height:1.3;min-height:26px}
.discovery-pick .track-artist{margin-top:4px}
:is(#trending-files,#dj-pack-files,#project-files) .pick-bottom,#interest-files .pick-bottom,.drum-trending-track .pick-bottom{padding:0 6px;margin-top:7px;min-height:39px;box-sizing:border-box}

#dj-pack-trending[hidden]{display:none}

.dj-set-heading{display:flex;gap:20px;align-items:center;margin-bottom:22px}.dj-set-heading>img{width:140px;height:140px;object-fit:contain;border-radius:10px}.dj-set-heading h3{margin-bottom:8px}.dj-set-heading p{margin:10px 0}.dj-set-heading>div{min-width:0}@media(max-width:500px){.dj-set-heading{gap:12px}.dj-set-heading>img{width:95px;height:95px}}

/* All-time artist rankings */
.ranked-artist-card .artist-rank{flex:0 0 24px;color:#d3e9ae;font-size:12px;font-weight:700}.ranked-artist-card .artist-card-info{min-width:0;flex:1}.ranked-artist-card strong{font-size:12px;overflow-wrap:anywhere}.ranked-artist-card .public-artist-avatar{flex-shrink:0}.artist-ranking-list{display:grid;gap:10px}.artist-ranking-pages{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:20px}.artist-ranking-pages button{border:1px solid #ffffff25;border-radius:6px;padding:8px 12px;background:#22292d;color:#e6e9ec;cursor:pointer}.artist-ranking-pages [aria-current=page]{background:#d3e9ae;color:#182016}.artist-ranking-pages button:disabled{opacity:.4;cursor:default}.artists-sidebar .ranked-artist-card{gap:7px;padding:10px 8px}.artists-sidebar .ranked-artist-card .public-artist-avatar{width:34px;height:34px}.artists-sidebar .section-head{gap:8px}.artists-sidebar #sidebar-artists-title{font-size:20px}

.artist-sidebar-stack{min-width:0;align-self:start}.artist-sidebar-stack .artists-sidebar{position:static}.artist-sidebar-stack .artists-sidebar+.artists-sidebar{margin-top:16px}#monthly-artists-title{font-size:20px}#monthly-artists-title small{display:block;font-size:13px;margin-top:4px;color:#c5d4b7}#monthly-artist-period{font-size:12px;margin:-4px 0 14px}

.discovery-pick .track-artist{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-items:start;gap:3px;margin-top:5px;width:100%}.discovery-pick .track-artist>img:first-child,.discovery-pick .track-artist-avatar{display:flex;grid-column:1/-1;width:24px;height:24px;border-radius:50%;object-fit:cover;align-items:center;justify-content:center}.discovery-pick .track-artist-name{grid-column:1;max-width:100%}.discovery-pick .track-play-views{display:block;color:#9faab5;font-size:9px;margin-top:5px}
.social-heart{display:inline-flex;align-items:center;gap:5px;background:transparent;border:1px solid #ffffff20;border-radius:20px;color:#adb6c0;padding:4px 9px;cursor:pointer;margin-top:5px}.social-heart>span{font-size:19px;line-height:1}.social-heart small{font-size:11px}.social-heart.is-liked{color:#ff7399;border-color:#ff73994d;background:#ff739910}.heart-pop>span{animation:heart-pop .38s cubic-bezier(.2,.8,.3,1)}@keyframes heart-pop{0%{transform:scale(1)}45%{transform:scale(1.35)}75%{transform:scale(.94)}100%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.heart-pop>span{animation:none}}#track-social{border-top:1px solid #ffffff15;margin-top:20px;padding-top:20px}.social-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}#track-comment-form textarea{display:block;box-sizing:border-box;width:100%;resize:vertical;min-height:80px;background:#20262b;color:#eef1f4;border:1px solid #ffffff25;border-radius:8px;padding:12px;margin:8px 0}#track-comment-form .btn{padding:9px 16px}.track-comment{border-bottom:1px solid #ffffff15;padding:16px 0;overflow-wrap:anywhere}.track-comment.is-reply{margin-left:22px;border-left:2px solid #ffffff20;padding-left:12px}.track-comment time,.track-comment>small{display:block;color:#98a5b1;font-size:11px;margin-top:4px}.track-comment p{white-space:pre-wrap;color:#d6dce1}.track-comment .text-btn{margin-left:10px}

.discovery-pick .pick-social-stats{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px;min-width:0}.discovery-pick .pick-social-stats .social-heart{margin:0;padding:2px 0;border:0;background:transparent;gap:3px;min-height:20px}.discovery-pick .pick-social-stats .social-heart>span{font-size:14px}.discovery-pick .pick-social-stats .social-heart small{font-size:9px}.track-comment-count{display:inline-flex;align-items:center;gap:3px;padding:2px 0;min-height:20px;border:0;background:transparent;color:#a7b2bd;font-size:9px;cursor:pointer}.discovery-pick .pick-social-stats .track-play-views{margin:0;font-size:9px;white-space:nowrap}

#track-social{margin-top:12px;padding-top:12px}#track-social .social-heading h3{margin:0}#track-social .social-heading{margin-bottom:8px}#track-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;align-items:center}#track-comment-form>label,#comment-reply-target{grid-column:1/-1;font-size:12px}#track-comment-form textarea{min-height:48px;height:48px;margin:0;padding:8px 10px;line-height:1.4}#track-comment-form .btn{padding:8px 12px;font-size:11px;white-space:nowrap}#track-comment-form [role=alert]{grid-column:1/-1;margin:0}#track-comment-form [role=alert]:empty{display:none}.track-comment{padding:10px 0}.comment-author{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.comment-avatar{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#293138;font-size:11px}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-author strong{display:inline-flex;gap:4px;align-items:center;font-size:12px}.track-comment .comment-author time{display:inline;margin:0;font-size:10px;color:#95a1ac}.track-comment p{margin:5px 0 4px;line-height:1.45;font-size:12px}.track-comment .social-heart{margin:0;padding:2px 5px;border:0;gap:3px}.track-comment .social-heart>span{font-size:15px}.track-comment .social-heart small,.track-comment .text-btn{font-size:10px}.track-comment.is-reply{margin-left:16px;padding-left:10px}.track-comment>small{margin:3px 0;font-size:10px}@media(max-width:480px){.track-comment .comment-author time{margin-left:35px;flex-basis:100%}}
.comment-profile-link{display:inline-flex;align-items:center;gap:7px;background:transparent;border:0;padding:0;color:inherit;cursor:pointer;text-align:left}.comment-profile-link:hover strong{color:#d5eab7}.profile-follow-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0;font-size:12px;color:#acb8c4}.profile-follow-stats strong{color:#f0f3f6}.profile-follow-stats .btn{padding:6px 13px;font-size:12px}.profile-follow-stats [aria-pressed=true]{background:#d5eab7;color:#192319}.account-aside .profile-follow-stats{margin-bottom:16px}

.track-social-summary{display:inline-flex;align-items:center;gap:9px;vertical-align:middle;white-space:nowrap}.track-social-summary .social-heart{padding:2px 0;margin:0;border:0;background:none;gap:3px;min-height:20px}.track-social-summary .social-heart>span{font-size:14px}.track-social-summary .social-heart small{font-size:10px}.track-social-summary .track-comment-count{font-size:10px}.audio-info>.track-social-summary{margin-top:2px}.audio-info{min-width:0}#player-purchase .track-social-summary{flex-shrink:0;margin-right:4px}.pick-social-stats .track-social-summary{gap:7px}#modal-body>#track-social:first-child{border-top:0;margin-top:0;padding-top:0}

.library-search-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.library-search-tools #library-search{width:210px;max-width:100%;min-height:32px;padding:6px 10px;border:1px solid #ffffff25;background:#10161a;color:#e8edf1;border-radius:7px;font-size:12px}.library-search-tools .library-total{font-size:11px;white-space:nowrap}@media(max-width:600px){.library-dialog .library-heading{flex-wrap:wrap;gap:10px}.library-search-tools{width:100%;justify-content:flex-start}.library-search-tools #library-search{width:220px;flex:1;min-width:0}}

.project-programs{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.project-daw{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--muted,#b6c0ca)}.project-daw img{width:19px;height:19px;object-fit:contain}.pick-body .project-daw{margin-top:5px}.project-details .project-daw{font-size:14px}.project-instructions{white-space:pre-wrap}.project-fixed-price{padding:10px 12px;border:1px solid #65794b;border-radius:8px;color:#d8eeac}.project-fixed-price strong{margin-left:10px}#project-trending .section-head{align-items:flex-start}#project-trending .subhead{max-width:620px;line-height:1.6}#project-files:has(>.trending-empty){display:block}.upload-type-choices{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}

.project-daw img[src*="ableton-official"]{width:30px;height:19px;background:#fff;padding:3px;border-radius:2px;box-sizing:border-box}

.project-daw{max-width:100%;min-width:0}.project-daw img.project-daw-full-logo{display:block;width:87px;max-width:100%;height:auto;aspect-ratio:218/54;object-fit:contain;flex-shrink:0;border-radius:0}.pick-body .project-daw img.project-daw-full-logo{width:76px}




/* Instrument labels are live UI, independent of uploaded artwork. */
.labeled-cover{position:relative;display:block;overflow:hidden}
.labeled-cover>.cover-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.cover-instrument-watermark{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:1;padding:8px 5px;text-align:center;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;font-size:16px;font-weight:500;line-height:1.2;letter-spacing:.035em;text-shadow:0 1px 4px #000,0 0 12px #000c;background:linear-gradient(90deg,transparent,#0005 20%,#0005 80%,transparent);pointer-events:none;overflow-wrap:anywhere}
.audio-cover .cover-instrument-watermark{font-size:7px;letter-spacing:0;padding:2px 1px}
.pack-labeled-cover{width:120px;aspect-ratio:1;flex:none}.pack-labeled-cover>img{width:100%;height:100%;object-fit:cover}

/* Compact metadata follows the same container breakpoint as hidden desktop columns. */
.audio-mobile-meta{display:none}
@container(max-width:820px){.audio-mobile-meta{display:flex;flex-wrap:wrap;clear:both;gap:4px 12px;margin-top:6px;font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.audio-mobile-meta>span{min-width:0;max-width:100%}.catalog-column-head .catalog-sort-heading{min-height:40px;padding:6px 4px}.catalog-column-head .catalog-sort-heading:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}

/* Keep every mode switch reachable on narrow phones. */

/* Personal inbox: scoped to avoid changing account/admin layouts. */
.notification-bell{position:relative;display:inline-grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #ffffff26;border-radius:8px;background:#ffffff08}.notification-bell[hidden]{display:none}.notification-bell>span{position:absolute;right:-4px;top:-6px;min-width:18px;border-radius:20px;background:var(--accent);color:#17200d;font-size:10px;padding:1px 4px}.notification-bell>span[hidden]{display:none}.notification-dialog{width:min(720px,calc(100% - 24px))}.notification-toolbar,.notification-actions,.notification-time{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.notification-toolbar{padding-bottom:16px;border-bottom:1px solid var(--line)}.notification-toolbar label:not(.notification-check),.notification-time label{display:grid;gap:5px;min-width:0}.notification-toolbar select{min-height:40px;max-width:100%;background:#11161b;color:#fff;border:1px solid #ffffff30;border-radius:7px;padding:8px}.notification-check{display:flex;align-items:center;gap:9px;min-height:40px;font-size:13px;cursor:pointer}.notification-check input{width:18px;height:18px;accent-color:var(--accent);flex:none}.notification-item{padding:18px 12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.notification-item.unread{border-left:3px solid var(--accent);background:#ffffff03}.notification-item-heading{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.notification-item p{margin:7px 0!important;white-space:pre-wrap}.notification-item small{display:block;color:var(--muted);font-size:11px}.notification-unread-label{color:var(--accent);font-size:11px;white-space:nowrap}.notification-actions{margin-top:12px}.notification-actions .text-btn{min-height:40px}.notification-provenance{margin-top:5px}.notification-empty{padding:30px 12px;text-align:center}.notification-dialog #notification-status{min-height:24px;margin:12px 0}.notification-dialog fieldset{border:1px solid var(--line);border-radius:9px;margin:0 0 16px;padding:12px}.notification-dialog legend{padding:0 5px}.notification-hint,.notification-delivery small{font-size:12px;color:var(--muted)}.notification-delivery{padding:14px;border:1px solid var(--line);border-radius:9px;margin-top:16px}.notification-delivery h3{font-size:15px}.notification-dialog button:focus-visible,.notification-dialog select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.notification-dialog #notification-more{margin-top:16px}.notification-dialog #notification-more[hidden]{display:none}@media(max-width:420px){.notification-bell{width:36px;height:36px}.notification-dialog{padding:16px}.notification-toolbar{gap:8px}.notification-toolbar>label:first-child{width:100%}.notification-toolbar .btn{padding:8px 10px;font-size:12px}.notification-item{padding:15px 9px}.notification-time{align-items:flex-start}.notification-time label{flex:1 1 90px}.notification-time input{width:100%;padding:9px}}