*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#050505;color:#f7f5ef}a{text-decoration:none;color:inherit}button{font:inherit}.site-header{height:84px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d1d1d;background:rgba(5,5,5,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}.logo,.footer-logo,.release-logo,.locked-logo{font-size:28px;font-weight:900;letter-spacing:.06em}.logo span,.footer-logo span,.release-logo span,.locked-logo span,.phone-top b span{color:#aaff32}.site-header nav{display:flex;gap:28px;align-items:center;font-size:14px}.nav-cta{padding:11px 17px;border:1px solid #555;border-radius:999px}.hero{min-height:760px;display:grid;grid-template-columns:1.02fr .98fr;gap:6vw;align-items:center;padding:70px 7vw 80px;overflow:hidden}.kicker{font-size:12px;letter-spacing:.22em;font-weight:900;color:#aaff32}.kicker.red{color:#ff332f}.hero h1,.section-heading h2,.player-copy h2,.final-cta h2{margin:14px 0 24px;font-size:clamp(64px,8vw,124px);letter-spacing:-.075em;line-height:.82}.hero h1 span,.final-cta h2 span{color:#aaff32}.hero-sub,.player-copy p,.intro{font-size:19px;line-height:1.65;color:#aaa;max-width:720px}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.hero-actions.center{justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 22px;font-weight:900;border:1px solid transparent;cursor:pointer}.light{background:#f4f0e6;color:#070707}.outline{border-color:#535353;background:transparent;color:#fff}.green-btn{background:#aaff32;color:#050505}.black-btn{background:#050505;color:#fff}.red-btn{background:#d71920;color:#fff}.mission{display:flex;gap:22px;flex-wrap:wrap;margin-top:38px;font-size:12px;font-weight:800;letter-spacing:.08em;color:#777}.mission .green{color:#aaff32}.hero-visual{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center}.gold-frame{width:min(480px,82vw);padding:11px;background:linear-gradient(145deg,#d8bd73,#6b5520);box-shadow:0 40px 120px rgba(0,0,0,.55);transform:rotate(2deg)}.gold-frame img{width:100%;display:block;aspect-ratio:1/1.1;object-fit:cover;filter:contrast(1.06) saturate(.9)}.float-card{position:absolute;background:#0e0e0e;border:1px solid #333;padding:16px 18px;box-shadow:0 18px 40px rgba(0,0,0,.38);max-width:220px}.float-card small{display:block;color:#c8a95a;letter-spacing:.12em;margin-bottom:8px}.float-card strong{display:block;font-size:22px}.float-card span{color:#8e8e8e;font-size:13px}.fc1{left:2%;bottom:7%}.fc2{right:0;top:12%}.impact{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #242424;border-bottom:1px solid #242424}.impact div{padding:26px 4vw;border-right:1px solid #242424;display:flex;gap:14px;align-items:flex-start}.impact div:last-child{border-right:0}.impact b{color:#c6a45d}.impact span{font-size:12px;line-height:1.4;letter-spacing:.12em;font-weight:800}.section{padding:100px 7vw}.light-section{background:#f1eee6;color:#090909}.section-heading{max-width:930px}.section-heading h2{font-size:clamp(58px,7vw,104px)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:50px}.steps article{padding:28px;border-top:1px solid #b7b1a7;background:rgba(255,255,255,.35);min-height:260px}.steps span{color:#83c423;font-weight:900}.steps h3{font-size:28px;margin:70px 0 10px}.steps p{color:#5e5a53;line-height:1.6}.player-section{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:100px 7vw}.player-copy h2{font-size:clamp(58px,7vw,100px)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.chips span{border:1px solid #343434;border-radius:999px;padding:10px 14px;color:#cfcfcf;font-size:13px}.text-link{font-weight:900;color:#aaff32}.phone-wrap{display:flex;justify-content:center}.phone{width:min(390px,88vw);border:9px solid #1a1a1a;border-radius:48px;background:#080808;padding:25px 18px 24px;box-shadow:0 30px 80px rgba(0,0,0,.55);position:relative}.notch{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:120px;height:20px;border-radius:20px;background:#111}.phone-top{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin:12px 0 18px}.phone-top small{font-size:10px;color:#ff332f;letter-spacing:.12em}.phone-top i{font-style:normal}.album-art{aspect-ratio:1;border:1px solid #222;background:radial-gradient(circle at 32% 25%,#3a0b0b,transparent 28%),radial-gradient(circle at 68% 64%,#9d1111,transparent 22%),linear-gradient(135deg,#060606,#171717);display:grid;place-items:center;position:relative;overflow:hidden}.album-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:#d71920;filter:blur(80px);opacity:.25}.album-art strong{z-index:2;font-size:44px;line-height:.9;letter-spacing:-.06em}.album-meta h3{font-size:21px;margin:17px 0 2px}.album-meta p{margin:0 0 12px;color:#858585;font-size:13px}.track-list{display:grid}.track-list button{display:grid;grid-template-columns:38px 1fr 40px;background:transparent;color:#fff;border:0;border-top:1px solid #1f1f1f;padding:11px 2px;text-align:left}.track-list button span,.track-list button em{font-style:normal;color:#777}.track-list button.active{background:#171717}.track-list button.active span{color:#ff332f}.bar{height:3px;background:#292929;margin:15px 0}.bar i{display:block;width:28%;height:100%;background:#d71920}.controls{display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.controls button{border:0;background:transparent;color:#fff;font-size:16px}.controls .play{width:58px;height:58px;border-radius:50%;background:#d71920;justify-self:center}.artist-section{background:#0b0b0b}.artist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:42px 0}.artist-grid article{border:1px solid #252525;padding:28px;min-height:230px;background:#0f0f0f}.artist-grid i{width:8px;height:8px;border-radius:50%;background:#c6a45d;display:inline-block}.artist-grid h3{font-size:27px;margin:45px 0 10px}.artist-grid p{color:#888;line-height:1.65}.drop-card{margin-top:40px;display:grid;grid-template-columns:1.1fr .9fr;border:1px solid #c8c0b3;background:#fff}.drop-card img{width:100%;height:100%;object-fit:cover;min-height:500px}.drop-info{padding:45px;display:flex;flex-direction:column;justify-content:center}.badge{font-size:11px;font-weight:900;letter-spacing:.16em;color:#83c423}.drop-info h3{font-size:50px;letter-spacing:-.04em;margin:12px 0}.drop-info p{color:#666;line-height:1.6}.price{font-size:36px;font-weight:900;margin:25px 0}.price small{font-size:12px;color:#777;font-weight:600}.final-cta{text-align:center;padding:120px 7vw;background:#050505}.final-cta h2{font-size:clamp(58px,7vw,110px)}.final-cta p{color:#888;font-size:18px}footer{padding:28px 6vw;border-top:1px solid #242424;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:12px;letter-spacing:.1em;color:#808080}.footer-logo{color:#fff}.player-page{background:#000;min-height:100vh}.player-shell{width:min(560px,100%);margin:0 auto;min-height:100vh;position:relative;background:#060606}.locked{min-height:100vh;padding:12vh 8vw;display:flex;flex-direction:column;justify-content:center}.locked h1{font-size:clamp(54px,12vw,86px);line-height:.88;letter-spacing:-.06em;margin:18px 0}.locked p{color:#888;line-height:1.6}.release{padding:24px 20px 60px}.release-header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px}.release-header button,.release-controls button{background:transparent;border:0;color:#fff}.release-exclusive{color:#ff332f;font-size:10px;letter-spacing:.16em}.release-art{margin-top:20px}.release-art-inner{aspect-ratio:1;background:radial-gradient(circle at 30% 20%,#2f0808,transparent 32%),radial-gradient(circle at 72% 70%,#8f1111,transparent 28%),linear-gradient(135deg,#050505,#171717);display:grid;place-items:center;border:1px solid #202020}.release-art-inner strong{font-size:56px;line-height:.82;letter-spacing:-.07em}.release-meta h1{font-size:32px;margin:18px 0 3px}.release-meta p{margin:0;color:#999;font-weight:700}.release-meta span{display:block;color:#ff332f;font-size:11px;letter-spacing:.12em;margin-top:8px}.release-tracks{display:grid;margin-top:24px}.track{display:grid;grid-template-columns:40px 1fr 44px;background:transparent;color:#fff;border:0;border-top:1px solid #191919;padding:15px 3px;text-align:left}.track span,.track em{color:#707070;font-style:normal}.track.current{background:#151515}.track.current span{color:#ff332f}.release-progress{display:grid;grid-template-columns:38px 1fr 38px;gap:10px;align-items:center;margin:19px 0}.release-progress span{font-size:11px;color:#717171}.release-progress>div{height:3px;background:#262626}.release-progress i{display:block;width:0;height:100%;background:#d71920}.release-controls{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;margin:14px 0 26px}.release-play{width:68px;height:68px;border-radius:50%!important;border:0!important;background:#d71920!important;color:#fff!important;font-size:24px!important;justify-self:center}.release-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #222;border-bottom:1px solid #222}.tab{padding:14px 4px;border:0;background:transparent;color:#777;font-size:11px;font-weight:900;letter-spacing:.08em}.tab.active{color:#fff;border-bottom:2px solid #d71920}.release-panel{padding:22px 3px;color:#898989;line-height:1.65}.exclusive-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exclusive-grid article{padding:17px;background:#101010;border:1px solid #202020}.exclusive-grid b{display:block;color:#fff}.exclusive-grid span{font-size:12px;color:#666}.support-card{padding:28px;background:#0f0f0f;border:1px solid #202020}.support-card h2{font-size:38px;color:#fff}.drawer{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(560px,100%);background:#111;border-top:1px solid #2b2b2b;padding:22px;z-index:80}.drawer button{position:absolute;right:18px;top:14px;background:transparent;color:#fff;border:0;font-size:28px}.drawer a{display:block;padding:16px 4px;border-bottom:1px solid #222}.hidden{display:none!important}@media(max-width:900px){.site-header nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding:58px 5vw 70px}.hero-visual{min-height:520px}.impact{grid-template-columns:1fr 1fr}.impact div:nth-child(2){border-right:0}.impact div:nth-child(-n+2){border-bottom:1px solid #242424}.steps{grid-template-columns:1fr 1fr}.player-section{grid-template-columns:1fr}.artist-grid{grid-template-columns:1fr}.drop-card{grid-template-columns:1fr}.drop-card img{min-height:360px}.section,.player-section{padding:80px 5vw}.fc1{left:0}.fc2{right:0}.hero h1{font-size:clamp(64px,18vw,96px)}}@media(max-width:600px){.site-header{padding:0 5vw}.logo{font-size:24px}.nav-cta{font-size:12px}.steps{grid-template-columns:1fr}.hero-visual{min-height:440px}.float-card{max-width:165px;padding:12px}.float-card strong{font-size:16px}.float-card span{font-size:11px}.fc2{top:2%}.gold-frame{width:88vw}.drop-info{padding:28px}.drop-info h3{font-size:38px}.final-cta{padding:90px 5vw}footer{grid-template-columns:1fr;gap:10px;text-align:center}.release-art-inner strong{font-size:46px}}
.store-head h2{font-size:34px;color:#fff;margin:8px 0}.store-head p{color:#888}.store-grid{display:grid;gap:12px;margin-top:20px}.store-item{display:grid;grid-template-columns:76px 1fr 58px;gap:13px;align-items:center;padding:10px;background:#0f0f0f;border:1px solid #202020}.store-thumb{width:76px;height:76px;display:grid;place-items:center;text-align:center;font-weight:900;font-size:13px;line-height:.9;background:#181818;color:#fff}.store-thumb.tee{background:linear-gradient(145deg,#121212,#252525);color:#aaff32}.store-thumb.disc-mini{border-radius:50%;background:radial-gradient(circle,#080808 0 12%,#aaff32 13% 16%,#111 17% 55%,#292929 56% 58%,#111 59%);font-size:11px}.store-thumb.signed{background:linear-gradient(135deg,#8b6c28,#d2b76f);color:#080808}.store-item div:nth-child(2){display:flex;flex-direction:column;gap:5px}.store-item div:nth-child(2) strong{color:#fff}.store-item div:nth-child(2) span{color:#8b8b8b;font-size:13px}.store-item button{border:0;border-radius:999px;background:#d71920;color:#fff;font-size:11px;font-weight:900;padding:10px 8px}.keyholder-note{margin-top:18px;padding:18px;border:1px solid #333;background:#0a0a0a}.keyholder-note strong{display:block;color:#aaff32;font-size:13px;letter-spacing:.08em}.keyholder-note span{display:block;color:#777;font-size:12px;line-height:1.5;margin-top:6px}
/* TAKEBK Artist Dashboard */
.dash-body{background:#eeece5;color:#0a0a0a}.dash-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.dash-sidebar{background:#080808;color:#fff;padding:30px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.dash-logo{font-size:27px;font-weight:900;letter-spacing:.08em}.dash-logo span{color:#aaff32}.artist-mini{display:flex;align-items:center;gap:11px;padding:28px 0;border-bottom:1px solid #222}.artist-avatar{width:38px;height:38px;border-radius:50%;background:#aaff32;color:#080808;display:grid;place-items:center;font-weight:900}.artist-mini strong,.artist-mini small{display:block}.artist-mini strong{font-size:12px}.artist-mini small{font-size:10px;color:#777;margin-top:3px}.dash-sidebar nav{display:grid;gap:5px;margin-top:22px}.dash-nav{border:0;background:transparent;color:#777;text-align:left;padding:13px 12px;border-radius:9px;font-weight:800;cursor:pointer}.dash-nav.active{background:#171717;color:#fff;border-left:3px solid #aaff32}.dash-exit{margin-top:auto;color:#666;font-size:12px}.dash-main{padding:38px 4vw 70px;min-width:0}.dash-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.dash-kicker{font-size:10px;letter-spacing:.18em;font-weight:900;color:#75a929}.dash-top h1{font-size:45px;letter-spacing:-.05em;margin:5px 0}.create-release{border:0;border-radius:999px;background:#080808;color:#fff;padding:14px 18px;font-weight:900;cursor:pointer}.release-select{background:#fff;border:1px solid #d7d2c8;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.release-select small,.release-select strong{display:block}.release-select small{font-size:9px;color:#888;letter-spacing:.13em;margin-bottom:4px}.release-select strong{font-size:14px}.release-select>span{font-size:10px;color:#4d7c0f;background:#e6f6c8;padding:7px 9px;border-radius:999px;font-weight:900}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-grid article,.dash-card{background:#fff;border:1px solid #d7d2c8}.metric-grid article{padding:21px}.metric-grid small{font-size:9px;letter-spacing:.12em;color:#7d786f;font-weight:900}.metric-grid strong{display:block;font-size:35px;letter-spacing:-.05em;margin:10px 0 5px}.metric-grid em{font-size:10px;color:#6c8f37;font-style:normal}.dash-two{display:grid;grid-template-columns:1.45fr .75fr;gap:12px;margin-top:12px}.dash-card{padding:22px}.card-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.card-head small{font-size:9px;color:#7d786f;letter-spacing:.13em;font-weight:900}.card-head h2{font-size:24px;margin:5px 0}.card-head>span{font-size:10px;color:#777}.chart{height:235px;position:relative;margin-top:15px;overflow:hidden}.chart svg{width:100%;height:100%;position:relative;z-index:2}.tap-line,.play-line{fill:none;stroke-width:3}.tap-line{stroke:#79b51f}.play-line{stroke:#d71920}.gridline{position:absolute;left:0;right:0;border-top:1px solid #e5e1d9}.g1{top:25%}.g2{top:50%}.g3{top:75%}.legend{display:flex;gap:20px;font-size:10px;color:#777}.legend i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.green-dot{background:#79b51f}.red-dot{background:#d71920}.top-tracks{display:grid;margin-top:10px}.top-tracks>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;border-top:1px solid #eeeae2;padding:15px 0}.top-tracks b{color:#aaa;font-size:11px}.top-tracks span strong,.top-tracks span small{display:block}.top-tracks span strong{font-size:13px}.top-tracks span small{font-size:10px;color:#999;margin-top:3px}.top-tracks em{font-size:11px;color:#777;font-style:normal}.map-row{grid-template-columns:1.45fr .75fr}.map-demo{height:320px;background:#111;position:relative;margin-top:15px;overflow:hidden;background-image:linear-gradient(30deg,#151515 12%,transparent 12.5%,transparent 87%,#151515 87.5%),linear-gradient(150deg,#151515 12%,transparent 12.5%,transparent 87%,#151515 87.5%);background-size:80px 140px}.map-demo:after{content:"UNITED STATES";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#292929;font-size:42px;font-weight:900;letter-spacing:.08em}.map-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#aaff32;box-shadow:0 0 0 6px rgba(170,255,50,.15);z-index:3}.map-dot.la{left:11%;top:56%}.map-dot.vegas{left:20%;top:48%}.map-dot.chi{left:59%;top:34%}.map-dot.atl{left:70%;top:60%}.map-dot.ny{left:87%;top:31%}.map-dot.mia{left:82%;top:83%}.map-label{position:absolute;z-index:4;color:#ddd;font-size:9px;line-height:1.4}.map-label b{color:#aaff32}.la-l{left:5%;top:64%}.atl-l{left:65%;top:67%}.ny-l{left:79%;top:17%}.privacy-note{font-size:10px;color:#999;margin-bottom:0}.market-list{display:grid;margin-top:12px}.market-list>div{display:grid;grid-template-columns:30px 1fr auto;gap:7px;padding:16px 0;border-top:1px solid #eeeae2;align-items:center}.market-list b{color:#aaa;font-size:10px}.market-list span{font-size:12px}.market-list strong{font-size:13px}.empty-demo{background:#fff;border:1px solid #d7d2c8;padding:60px;min-height:430px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.empty-demo h2{font-size:58px;letter-spacing:-.06em;margin:8px 0}.empty-demo>p:not(.dash-kicker){max-width:650px;color:#777;line-height:1.7}.empty-demo .create-release{margin-top:20px}
@media(max-width:900px){.dash-shell{grid-template-columns:1fr}.dash-sidebar{height:auto;position:static;padding:18px}.dash-sidebar nav{display:flex;overflow:auto;margin-top:15px}.dash-exit{display:none}.artist-mini{display:none}.dash-main{padding:25px 4vw 60px}.metric-grid{grid-template-columns:1fr 1fr}.dash-two,.map-row{grid-template-columns:1fr}.dash-top{align-items:center}.dash-top h1{font-size:34px}}@media(max-width:560px){.dash-main{padding:20px 14px 50px}.dash-top{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid strong{font-size:28px}.metric-grid article{padding:16px}.dash-card{padding:16px}.map-demo{height:280px}.empty-demo{padding:30px}.empty-demo h2{font-size:44px}.dash-nav{white-space:nowrap}}
/* Create Release */
.release-builder-body{background:#f2efe8;color:#0a0a0a}
.release-builder-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}
.builder-sidebar{background:#080808;color:#fff;padding:30px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.builder-label{font-size:10px;letter-spacing:.18em;color:#777;font-weight:900;margin:28px 0 14px}
.builder-steps{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.builder-steps li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:10px;border-radius:10px;color:#777;cursor:pointer}
.builder-steps li>span{width:30px;height:30px;border-radius:50%;border:1px solid #333;display:grid;place-items:center;font-size:11px;font-weight:900}
.builder-steps li strong,.builder-steps li small{display:block}
.builder-steps li strong{font-size:12px;color:#aaa}.builder-steps li small{font-size:9px;color:#555;margin-top:2px}
.builder-steps li.active{background:#161616}.builder-steps li.active>span{background:#aaff32;color:#080808;border-color:#aaff32}.builder-steps li.active strong{color:#fff}
.builder-back{margin-top:auto;color:#777;font-size:12px}
.builder-main{padding:38px 5vw 60px;min-width:0}
.builder-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:28px}
.builder-top h1{font-size:48px;letter-spacing:-.06em;margin:5px 0}.builder-top>div>p:last-child{color:#777}
.save-state{font-size:10px;color:#5c7e25;background:#e5f3cb;padding:8px 10px;border-radius:999px}
.builder-card{background:#fff;border:1px solid #d6d1c7;padding:34px;max-width:980px}
.builder-card h2{font-size:40px;letter-spacing:-.05em;margin:7px 0 25px}.builder-help{color:#777;line-height:1.6;margin-top:-10px}
.form-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:1fr 1fr}
.builder-card label{display:grid;gap:7px;font-size:11px;font-weight:900;letter-spacing:.04em;color:#4a4741}
.builder-card input,.builder-card textarea,.builder-card select{width:100%;padding:14px 13px;border:1px solid #cfc9bf;background:#fbfaf6;font:inherit;color:#111;border-radius:0}
.upload-zone{margin:20px 0}.upload-zone input,.audio-upload input{display:none}
.cover-preview{aspect-ratio:1;max-width:360px;border:1px dashed #aaa;background:#f7f4ed;display:grid;place-items:center;text-align:center;background-size:cover;background-position:center}
.cover-preview strong,.cover-preview span{display:block}.cover-preview span{font-size:10px;color:#999;margin-top:6px}.cover-preview.has-image{border-style:solid}
.track-builder,.store-link-builder{display:grid;gap:8px;margin-top:18px}
.track-row{display:grid;grid-template-columns:42px 1fr 40px;gap:8px;align-items:center}.track-row>span{font-size:11px;color:#999;text-align:center}
.track-row button,.store-link-row button{border:0;background:#111;color:#fff;width:40px;height:40px;font-size:18px}
.secondary-action,.primary-action,.publish-btn{border:0;border-radius:999px;padding:13px 18px;font-weight:900;cursor:pointer}
.secondary-action{background:#e7e2d8;color:#111}.primary-action,.publish-btn{background:#0a0a0a;color:#fff}
.audio-upload{border:1px dashed #aaa;background:#f8f6f0;padding:22px;margin-top:18px;display:block!important;text-align:center;cursor:pointer}
.audio-upload strong,.audio-upload span{display:block}.audio-upload span{font-size:10px;color:#999;margin-top:5px}
.exclusive-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.exclusive-options label{display:flex;gap:12px;align-items:flex-start;border:1px solid #ddd6cb;padding:16px;background:#faf8f3}
.exclusive-options input{width:auto;margin-top:2px}.exclusive-options strong,.exclusive-options small{display:block}.exclusive-options small{color:#888;margin-top:4px;font-weight:500}
.store-link-row{display:grid;grid-template-columns:.7fr 1.3fr 40px;gap:8px}
.keychain-summary{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center;margin-top:25px;padding:24px;background:#0b0b0b;color:#fff}
.disc-visual{width:150px;height:150px;border-radius:50%;background:repeating-radial-gradient(circle,#121212 0 3px,#262626 4px 6px);position:relative;display:grid;place-items:center}
.disc-visual .disc-hole{position:absolute;width:34px;height:34px;border-radius:50%;background:#080808;border:7px solid #aaff32}.disc-visual>span{font-size:12px;font-weight:900}
.keychain-summary strong,.keychain-summary span,.keychain-summary small{display:block}.keychain-summary span{color:#ccc;margin-top:7px}.keychain-summary small{color:#777;margin-top:7px}
.preview-card{max-width:1100px}.preview-phone{width:min(390px,100%);margin:25px auto;background:#070707;color:#fff;border:8px solid #1a1a1a;border-radius:42px;padding:22px}
.preview-top{display:grid;grid-template-columns:1fr auto;align-items:center}.preview-exclusive{font-size:9px;color:#ff332f;letter-spacing:.14em}
.preview-cover{aspect-ratio:1;margin-top:18px;background:radial-gradient(circle at 30% 20%,#2f0808,transparent 32%),radial-gradient(circle at 72% 70%,#8f1111,transparent 28%),linear-gradient(135deg,#050505,#171717);display:grid;place-items:center;background-size:cover;background-position:center}
.preview-cover>span{font-size:48px;font-weight:900;line-height:.85;letter-spacing:-.06em}.preview-meta h3{font-size:24px;margin:15px 0 2px}.preview-meta p{margin:0;color:#888}
.preview-tracks{display:grid;margin-top:18px}.preview-tracks>div{display:grid;grid-template-columns:35px 1fr 25px;padding:12px 2px;border-top:1px solid #1d1d1d}.preview-tracks span,.preview-tracks em{color:#777;font-style:normal}
.preview-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border-top:1px solid #222}.preview-tabs span{padding:14px 0;text-align:center;font-size:10px;color:#777}.preview-tabs .active{color:#fff;border-bottom:2px solid #d71920}
.publish-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.publish-summary>div{background:#f7f4ed;border:1px solid #ddd6cb;padding:16px}.publish-summary small,.publish-summary strong{display:block}.publish-summary small{font-size:9px;color:#999;letter-spacing:.12em}.publish-summary strong{margin-top:5px}
.publish-btn{width:100%;background:#aaff32;color:#080808;padding:16px}.publish-note{text-align:center;color:#999;font-size:10px}
.builder-actions{display:flex;justify-content:space-between;gap:12px;max-width:980px;margin-top:18px}.builder-actions button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:900px){.release-builder-shell{grid-template-columns:1fr}.builder-sidebar{height:auto;position:static;padding:18px}.builder-label{margin:15px 0 8px}.builder-steps{grid-template-columns:repeat(6,minmax(120px,1fr));overflow:auto;padding-bottom:6px}.builder-back{display:none}.builder-main{padding:24px 4vw 50px}.builder-top h1{font-size:36px}}
@media(max-width:620px){.builder-main{padding:20px 14px 45px}.builder-card{padding:22px}.builder-top{flex-direction:column}.form-grid.two,.exclusive-options{grid-template-columns:1fr}.store-link-row{grid-template-columns:1fr 1fr 40px}.keychain-summary{grid-template-columns:1fr}.publish-summary{grid-template-columns:1fr}.builder-card h2{font-size:34px}}
.mp3-upload{cursor:pointer;border:2px dashed #9b9488!important;background:#faf7f0!important;padding:26px!important}
.mp3-upload strong{font-size:15px;color:#111}.mp3-upload span{font-size:11px!important;color:#777!important;line-height:1.5}
.mp3-selected{display:grid;gap:10px;margin-top:12px}
.mp3-selected>small{color:#999;font-size:10px;letter-spacing:.08em}
.mp3-file-row{display:grid;grid-template-columns:1fr minmax(180px,280px);gap:12px;align-items:center;border:1px solid #ddd6cb;background:#fff;padding:12px}
.mp3-file-row strong,.mp3-file-row small{display:block}.mp3-file-row strong{font-size:12px}.mp3-file-row small{font-size:10px;color:#888;margin-top:4px}
.mp3-file-row audio{width:100%;height:34px}
@media(max-width:620px){.mp3-file-row{grid-template-columns:1fr}.mp3-file-row audio{width:100%}}
/* Simplified artist onboarding */
.onboard-body{background:#f1eee6;color:#0a0a0a;min-height:100vh}
.onboard-shell{width:min(900px,100%);margin:0 auto;padding:28px 24px 60px}
.onboard-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #d5d0c6}
.onboard-header>span{font-size:10px;letter-spacing:.15em;font-weight:900;color:#777}
.onboard-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0 42px}
.onboard-progress>div{display:flex;align-items:center;gap:9px;color:#aaa;border-bottom:3px solid #d8d3c9;padding-bottom:10px}
.onboard-progress>div.active{color:#111;border-color:#aaff32}
.onboard-progress span{width:28px;height:28px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-size:10px;font-weight:900}
.onboard-progress small{font-weight:800}
.onboard-step h1{font-size:clamp(46px,8vw,82px);letter-spacing:-.065em;line-height:.9;margin:8px 0 18px}
.onboard-lead{color:#777;font-size:17px;line-height:1.6;max-width:650px;margin-bottom:28px}
.onboard-card{background:#fff;border:1px solid #d6d1c7;padding:26px;display:grid;gap:16px}
.onboard-card label{display:grid;gap:7px;font-size:11px;font-weight:900}
.onboard-card input,.onboard-card textarea{padding:14px;border:1px solid #cec8bd;background:#fbfaf7;font:inherit}
.package-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.package-option{border:1px solid #cfc9be;background:#fff;padding:24px 12px;text-align:left;cursor:pointer}
.package-option strong,.package-option span,.package-option small{display:block}
.package-option strong{font-size:36px;letter-spacing:-.05em}
.package-option span{font-size:10px;font-weight:900;letter-spacing:.12em;margin-top:3px}
.package-option small{color:#999;margin-top:20px}
.package-option.active{background:#090909;color:#fff;border-color:#090909;box-shadow:inset 0 -5px 0 #aaff32}
.selected-package{margin-top:18px;padding:22px;background:#111;color:#fff}
.selected-package>span{font-size:9px;letter-spacing:.14em;color:#aaff32}.selected-package strong{display:block;font-size:28px;margin-top:6px}.selected-package p{color:#888}
.finish-box{margin-top:18px;background:#090909;color:#fff;padding:24px}.finish-box strong{color:#aaff32}.finish-box p{color:#888;line-height:1.6}
.onboard-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}
.onboard-actions button{min-width:130px}
.artist-home-body{background:#080808;color:#fff;min-height:100vh}
.artist-home-shell{width:min(1100px,100%);margin:0 auto;padding:26px 24px 70px}
.artist-home-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #232323}
.artist-home-dashboard-link{border:1px solid #3a3a3a;border-radius:999px;padding:11px 15px;font-size:12px}
.artist-welcome{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;padding:70px 0 40px}
.artist-welcome h1{font-size:clamp(58px,9vw,110px);letter-spacing:-.07em;margin:5px 0 18px}
.artist-welcome p{color:#888;font-size:18px;line-height:1.6;max-width:720px}
.artist-home-badge{width:150px;height:150px;border-radius:50%;border:1px solid #333;background:#111;display:grid;place-items:center;text-align:center;align-content:center}
.artist-home-badge span{font-size:44px;font-weight:900;color:#aaff32}.artist-home-badge small{font-size:9px;letter-spacing:.12em;color:#888}
.artist-home-actions{display:grid;gap:12px}
.artist-action-card{display:grid;grid-template-columns:55px 1fr 40px;gap:18px;align-items:center;border:1px solid #292929;background:#0e0e0e;padding:24px}
.artist-action-card>span{color:#666;font-size:12px}.artist-action-card small{font-size:9px;letter-spacing:.14em;color:#777}.artist-action-card h2{font-size:30px;margin:4px 0}.artist-action-card p{color:#777;margin:0;line-height:1.5}.artist-action-card>b{font-size:28px;color:#555}
.artist-action-card.primary-card{border-color:#5f871f;background:linear-gradient(90deg,#111,#0d1307)}.artist-action-card.primary-card h2,.artist-action-card.primary-card>b{color:#aaff32}
@media(max-width:760px){.package-grid{grid-template-columns:1fr 1fr}.package-option:last-child{grid-column:1/-1}.artist-welcome{grid-template-columns:1fr}.artist-home-badge{width:120px;height:120px}.artist-action-card{grid-template-columns:38px 1fr 26px}.artist-action-card h2{font-size:25px}}
/* ===== TAKEBK V8 ORIGINAL BRAND SYSTEM ===== */
.v8{margin:0;background:#050505;color:#f4f1e9;font-family:Arial,Helvetica,sans-serif}
.v8 *{box-sizing:border-box}.v8 a{text-decoration:none;color:inherit}
.v8-nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:22px clamp(22px,5vw,70px);background:rgba(5,5,5,.93);border-bottom:1px solid #202020;backdrop-filter:blur(10px)}
.v8-logo{font-size:31px;font-weight:1000;letter-spacing:-.07em}.v8-logo span,.v8 span{color:#9cff21}
.v8-join{font-size:11px;font-weight:900;letter-spacing:.08em;border:1px solid #444;padding:13px 17px;border-radius:999px}
.v8-hero{min-height:82vh;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:70px clamp(22px,5vw,70px);overflow:hidden}
.v8-eyebrow{color:#9cff21;font-size:11px;font-weight:900;letter-spacing:.19em}
.v8-hero h1,.v8-manifesto h2,.v8-pricing h2,.v8-data h2{font-size:clamp(56px,8.5vw,128px);line-height:.82;letter-spacing:-.075em;margin:18px 0 28px;font-weight:1000}
.v8-hero h1 em{font-style:normal;color:#9cff21}.v8-deck,.v8-wide,.v8-data p{max-width:650px;color:#8e8e8e;font-size:clamp(17px,2vw,23px);line-height:1.55}
.v8-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.v8-actions a{padding:17px 20px;border:1px solid #333;border-radius:999px;font-size:12px;font-weight:900}.v8-actions a:first-child{background:#f4f1e9;color:#050505;border-color:#f4f1e9}
.v8-key-visual{display:grid;justify-items:center;transform:rotate(5deg)}.v8-chain{letter-spacing:5px;color:#777;transform:rotate(-24deg);margin-bottom:-5px}
.v8-case{width:min(360px,72vw);aspect-ratio:.88;background:rgba(255,255,255,.11);border:8px solid rgba(255,255,255,.32);box-shadow:0 35px 80px #000;display:grid;grid-template-rows:1fr 38px;padding:17px;border-radius:8px}
.v8-art{background:radial-gradient(circle at 70% 25%,#9cff21 0 9%,transparent 10%),linear-gradient(135deg,#1b1b1b,#090909 45%,#9cff21 46% 49%,#111 50%);display:grid;place-content:center;text-align:center;border:1px solid #444}.v8-art span{font-size:22px;color:#fff;font-weight:900}.v8-art b{font-size:50px;letter-spacing:-.06em}.v8-spine{display:grid;place-items:center;color:#aaa;font-size:10px;letter-spacing:.15em}.v8-key-visual>small{margin-top:22px;color:#777;letter-spacing:.12em;font-weight:900}
.v8-manifesto,.v8-how,.v8-pricing,.v8-data{padding:90px clamp(22px,5vw,70px);border-top:1px solid #222}.v8-manifesto>p:first-child{letter-spacing:.2em;color:#777;font-size:11px}.v8-manifesto h2{max-width:1200px}
.v8-section-head{display:flex;justify-content:space-between;color:#777;font-size:10px;letter-spacing:.16em;margin-bottom:45px}
.v8-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #292929;border-left:1px solid #292929}.v8-steps article{min-height:230px;padding:26px;border-right:1px solid #292929;border-bottom:1px solid #292929}.v8-steps i{font-style:normal;color:#9cff21;font-size:11px}.v8-steps h3{font-size:25px;margin:50px 0 10px}.v8-steps p{color:#777;line-height:1.5}
.v8-pricing h2{font-size:clamp(52px,7vw,100px);max-width:1000px}.v8-drop-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.v8-drop{background:#0e0e0e;color:#fff;border:1px solid #292929;padding:20px 14px;text-align:left;cursor:pointer;min-height:170px}.v8-drop small,.v8-drop strong,.v8-drop span{display:block}.v8-drop small{color:#777;font-size:9px;letter-spacing:.14em}.v8-drop strong{font-size:50px;margin-top:35px}.v8-drop span{font-size:17px;color:#aaa}.v8-drop.active{border-color:#9cff21;background:#11170a}.v8-drop.active strong{color:#9cff21}
.v8-economics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border:1px solid #292929}.v8-economics>div{padding:22px;border-right:1px solid #292929}.v8-economics>div:last-child{border:0}.v8-economics small,.v8-economics strong,.v8-economics span{display:block}.v8-economics small{font-size:9px;color:#777;letter-spacing:.12em}.v8-economics strong{font-size:35px;margin:12px 0 5px}.v8-economics span{color:#777;font-size:12px}.v8-note{color:#555;font-size:10px;line-height:1.5}.v8-bigcta{display:block;text-align:center;background:#9cff21;color:#050505!important;padding:22px;font-size:16px;font-weight:1000;margin-top:25px}
.v8-data{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.v8-data h2{font-size:clamp(55px,7vw,95px)}.v8-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid #292929}.v8-stats article{padding:30px;border-right:1px solid #292929;border-bottom:1px solid #292929}.v8-stats small,.v8-stats strong{display:block}.v8-stats small{color:#777;font-size:9px;letter-spacing:.15em}.v8-stats strong{font-size:45px;margin-top:25px}.v8-footer{padding:60px clamp(22px,5vw,70px);border-top:1px solid #222;text-align:center}.v8-footer p{color:#666;font-size:10px;letter-spacing:.16em}
@media(max-width:760px){.v8-hero{grid-template-columns:1fr;padding-top:45px}.v8-key-visual{margin:35px 0 20px}.v8-steps{grid-template-columns:1fr 1fr}.v8-drop-grid{grid-template-columns:1fr 1fr}.v8-drop:last-child{grid-column:1/-1}.v8-economics{grid-template-columns:1fr}.v8-economics>div{border-right:0;border-bottom:1px solid #292929}.v8-data{grid-template-columns:1fr}.v8-hero h1{font-size:18vw}}
/* V9 Physical Artwork Studio */
.art-studio-card{max-width:1100px}.artwork-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0 35px}.art-upload-card{border:1px solid #d8d1c6;background:#faf8f2;padding:12px;cursor:pointer}.art-upload-card>input{display:none}.art-thumb{aspect-ratio:1;background:#111;display:grid;place-items:center;text-align:center;background-size:cover;background-position:center;color:#777;margin-bottom:12px}.art-thumb span{font-size:17px;font-weight:900;line-height:.9;letter-spacing:-.03em}.art-thumb.uploaded{border:3px solid #9cff21}.disc-art-thumb{border-radius:50%;margin:8px}.art-upload-card>strong,.art-upload-card>small,.art-upload-card>b{display:block}.art-upload-card>strong{font-size:13px;color:#111}.art-upload-card>small{font-size:10px;color:#888;margin-top:3px}.art-upload-card>b{font-size:9px;color:#659c13;margin-top:12px;letter-spacing:.12em}.physical-preview-title{border-top:1px solid #ddd6ca;padding-top:25px}.physical-preview-title small{font-size:9px;letter-spacing:.14em;color:#777}.physical-preview-title h3{font-size:28px;margin:5px 0 18px}.physical-preview{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;background:#090909;color:#fff;padding:28px}.mini-jewel{position:relative;min-height:330px;display:grid;place-items:center}.mini-jewel-front,.mini-jewel-back{position:absolute;width:220px;height:250px;border:7px solid rgba(255,255,255,.28);background:#161616;background-size:cover;background-position:center;display:grid;place-items:center;color:#666;font-size:11px;font-weight:900}.mini-jewel-front{transform:translateX(-70px) rotate(-6deg);z-index:3}.mini-jewel-back{transform:translateX(80px) rotate(7deg);z-index:1}.mini-disc{position:absolute;z-index:4;width:170px;height:170px;border-radius:50%;background:repeating-radial-gradient(circle,#161616 0 3px,#2a2a2a 4px 6px);background-size:cover;background-position:center;display:grid;place-items:center;transform:translate(65px,35px)}.mini-disc i{position:absolute;width:35px;height:35px;border-radius:50%;background:#090909;border:6px solid rgba(255,255,255,.35)}.mini-disc span{font-size:10px;color:#777}.physical-copy{display:flex;flex-direction:column;justify-content:center}.physical-copy>strong{font-size:25px;color:#9cff21}.physical-copy>p{color:#888;line-height:1.6}.art-checklist{display:grid;gap:8px;margin-top:12px}.art-checklist span{font-size:12px;color:#666}.art-checklist span.done{color:#9cff21}.template-panel{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid #d8d1c6;padding:20px;margin-top:18px}.template-panel strong{font-size:12px}.template-panel p{font-size:11px;color:#888;line-height:1.5;margin:5px 0 0}.release-info-block{margin-top:35px;border-top:1px solid #ddd6ca;padding-top:25px}.release-info-block h3{font-size:28px}.release-info-block>label{margin-top:16px}
@media(max-width:800px){.artwork-grid{grid-template-columns:1fr 1fr}.physical-preview{grid-template-columns:1fr}.template-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.artwork-grid{grid-template-columns:1fr 1fr}.art-upload-card{padding:8px}.mini-jewel{min-height:280px;transform:scale(.86)}.physical-preview{padding:18px}}
/* V10 track sequencing */
.track-row{grid-template-columns:38px 42px 1fr auto 40px!important;transition:transform .12s,opacity .12s}
.drag-handle{border:0!important;background:#ece8df!important;color:#555!important;width:38px!important;height:40px!important;cursor:grab!important;font-size:17px!important;touch-action:none}
.track-row.dragging{opacity:.45;outline:2px solid #9cff21}
.track-move{display:flex;gap:4px}
.track-move button{width:34px!important;height:40px!important;border:1px solid #d2ccc1!important;background:#faf8f3!important;color:#111!important;font-size:15px!important}
@media(min-width:760px){.track-move{display:none}.track-row{grid-template-columns:38px 42px 1fr 40px!important}}
@media(max-width:759px){.track-row{grid-template-columns:34px 32px minmax(0,1fr) 72px 36px!important;gap:5px!important}.drag-handle{width:34px!important}.track-move button{width:32px!important}.track-row input{min-width:0}}
/* ===== V11 TAKEBK ADMIN ===== */
.admin-body{margin:0;background:#ece9e2;color:#0a0a0a;font-family:Inter,Arial,sans-serif}.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.admin-sidebar{background:#070707;color:#fff;padding:28px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.admin-logo{font-size:28px;font-weight:1000;letter-spacing:-.06em}.admin-logo span{color:#9cff21}.admin-role{font-size:9px;letter-spacing:.18em;color:#666;margin:25px 0 16px}.admin-sidebar nav{display:grid;gap:5px}.admin-nav{border:0;background:transparent;color:#777;text-align:left;padding:13px;border-radius:8px;font-weight:900;cursor:pointer}.admin-nav.active{background:#161616;color:#fff;border-left:3px solid #9cff21}.admin-exit{margin-top:auto;color:#666;font-size:12px}.admin-main{padding:36px 4vw 70px;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.admin-kicker{font-size:10px;letter-spacing:.16em;color:#659c13;font-weight:900}.admin-top h1,.admin-section-head h2{font-size:46px;letter-spacing:-.055em;margin:4px 0}.admin-top>div>p:last-child{color:#777;max-width:720px}.admin-primary,.admin-secondary,.admin-link,.queue-action,.production-ticket button,.admin-list button{border:0;cursor:pointer;font-weight:900}.admin-primary{background:#0a0a0a;color:#fff;border-radius:999px;padding:14px 18px}.admin-secondary{background:#ddd7cc;color:#111;border-radius:999px;padding:13px 17px}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-metrics article,.admin-card{background:#fff;border:1px solid #d5d0c7}.admin-metrics article{padding:20px}.admin-metrics small{font-size:9px;color:#777;letter-spacing:.12em;font-weight:900}.admin-metrics strong{display:block;font-size:34px;margin:10px 0}.admin-metrics span{font-size:10px;color:#777}.admin-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:12px;margin-top:12px}.admin-card{padding:22px}.admin-card-head{display:flex;justify-content:space-between;align-items:flex-start}.admin-card-head small{font-size:9px;color:#777;letter-spacing:.13em;font-weight:900}.admin-card-head h2{font-size:24px;margin:5px 0}.admin-link{background:transparent;color:#666}.queue-list{display:grid;margin-top:10px}.queue-row{display:grid;grid-template-columns:90px 1fr 110px 72px;gap:12px;align-items:center;padding:15px 0;border-top:1px solid #eeeae2}.queue-id{font-size:11px;color:#999}.queue-row strong,.queue-row span{display:block}.queue-row span{font-size:10px;color:#888;margin-top:3px}.status{display:inline-flex;width:max-content;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:900;letter-spacing:.08em}.status.ready{background:#e3f4c5;color:#527b13}.status.review{background:#fff0c9;color:#8f6700}.status.production{background:#dbe7ff;color:#30528d}.queue-action{background:#111;color:#fff;padding:9px 11px;border-radius:999px;font-size:10px}.admin-activity{display:grid}.admin-activity>div{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid #eeeae2}.admin-activity span{color:#888;font-size:11px}.admin-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.admin-filters{display:flex;gap:6px;flex-wrap:wrap}.admin-filters button{border:1px solid #d0c9bf;background:#fff;padding:8px 10px;border-radius:999px;font-size:10px}.admin-filters button.active{background:#111;color:#fff}.orders-table-wrap{overflow:auto;background:#fff;border:1px solid #d5d0c7}.orders-table{width:100%;border-collapse:collapse;min-width:760px}.orders-table th,.orders-table td{padding:15px;text-align:left;border-bottom:1px solid #eeeae2;font-size:11px}.orders-table th{font-size:9px;color:#777;letter-spacing:.12em}.orders-table td strong,.orders-table td span{display:block}.orders-table td span{color:#888;margin-top:3px}.complete-dot,.warn-dot{font-weight:900!important}.complete-dot{color:#5f8b1b!important}.warn-dot{color:#9b6b00!important}.production-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.production-column{background:#e3dfd7;border:1px solid #d2cbc0;padding:12px;min-height:420px}.production-column h3{font-size:11px;letter-spacing:.08em}.production-column h3 span{float:right;background:#111;color:#fff;border-radius:999px;padding:3px 7px}.production-ticket{background:#fff;border:1px solid #d5d0c7;padding:14px;margin-top:10px}.production-ticket small,.production-ticket strong{display:block}.production-ticket small{color:#999;font-size:9px}.production-ticket strong{margin-top:7px}.production-ticket p{color:#777;font-size:11px;line-height:1.5}.production-ticket button{width:100%;background:#111;color:#fff;padding:10px;font-size:9px}.admin-list{display:grid;gap:8px}.admin-list>div{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid #d5d0c7;padding:14px}.avatar{width:42px;height:42px;border-radius:50%;background:#111;color:#9cff21;display:grid;place-items:center;font-weight:900}.admin-list strong,.admin-list small{display:block}.admin-list small{color:#888;margin-top:4px}.admin-list button{background:#111;color:#fff;border-radius:999px;padding:9px 13px}.release-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.release-admin-grid article{background:#fff;border:1px solid #d5d0c7;padding:12px}.release-art-block{aspect-ratio:1;background:linear-gradient(135deg,#070707,#111 50%,#9cff21 51% 54%,#111 55%);display:grid;place-items:center;color:#fff;font-size:32px;font-weight:900}.release-art-block.alt{background:linear-gradient(135deg,#191919,#532020)}.release-art-block.gold{background:linear-gradient(135deg,#0a0a0a,#8a6b28)}.release-admin-grid strong,.release-admin-grid span{display:block}.release-admin-grid strong{margin-top:10px}.release-admin-grid span{font-size:10px;color:#888;margin-top:3px}.key-generator{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.key-generator-copy,.key-result{background:#fff;border:1px solid #d5d0c7;padding:22px}.key-generator-copy small{display:block;font-size:9px;color:#777;letter-spacing:.12em;margin:15px 0 6px}.key-generator-copy select{width:100%;padding:13px;border:1px solid #ccc5ba;background:#faf8f3}.key-generator-copy .admin-primary{width:100%;margin-top:20px}.key-result h3{font-size:27px}.batch-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.batch-preview span{background:#111;color:#9cff21;padding:9px 6px;text-align:center;font-size:8px}.order-drawer{position:fixed;right:0;top:0;width:min(520px,100%);height:100vh;background:#0a0a0a;color:#fff;z-index:100;padding:30px;box-shadow:-20px 0 60px rgba(0,0,0,.35);overflow:auto}.drawer-close{position:absolute;right:20px;top:16px;background:transparent;border:0;color:#fff;font-size:30px}.order-drawer h2{font-size:46px;margin:5px 0 20px}.order-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.order-summary>div{border:1px solid #282828;padding:14px}.order-summary small,.order-summary strong{display:block}.order-summary small{font-size:9px;color:#777;letter-spacing:.12em}.order-summary strong{margin-top:5px}.order-drawer h3{margin-top:28px}.art-ready,.file-ready{display:grid;gap:8px}.art-ready span,.file-ready span{border:1px solid #282828;padding:12px;color:#9cff21;font-size:12px}.order-actions{display:grid;gap:8px;margin-top:28px}.order-actions .admin-primary{background:#9cff21;color:#050505}.hidden{display:none!important}
@media(max-width:980px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:static}.admin-sidebar nav{display:flex;overflow:auto}.admin-exit{display:none}.admin-main{padding:24px 4vw 60px}.admin-metrics{grid-template-columns:1fr 1fr}.admin-grid,.key-generator{grid-template-columns:1fr}.production-board{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.admin-main{padding:18px 14px 50px}.admin-top{align-items:flex-start;flex-direction:column}.admin-top h1{font-size:38px}.admin-metrics{grid-template-columns:1fr 1fr}.queue-row{grid-template-columns:1fr auto}.queue-row .queue-id,.queue-row .status{grid-column:auto}.production-board{grid-template-columns:1fr}.release-admin-grid{grid-template-columns:1fr}.order-summary{grid-template-columns:1fr}.batch-preview{grid-template-columns:repeat(3,1fr)}}
/* V12 real-backend setup */
.auth-body,.setup-body{margin:0;min-height:100vh;background:#080808;color:#fff;font-family:Inter,Arial,sans-serif}.auth-shell,.setup-shell{width:min(760px,100%);margin:0 auto;padding:35px 22px 70px}.auth-card{margin-top:10vh;border:1px solid #262626;background:#0e0e0e;padding:30px}.auth-card h1,.setup-shell h1{font-size:clamp(52px,9vw,82px);letter-spacing:-.06em;margin:7px 0 15px}.auth-card>p,.setup-lead{color:#888;line-height:1.6}.auth-card label{display:grid;gap:7px;margin:15px 0;font-size:11px;font-weight:900}.auth-card input{padding:14px;border:1px solid #333;background:#070707;color:#fff;font:inherit}.auth-primary{display:inline-block;border:0;background:#9cff21;color:#050505;padding:15px 20px;border-radius:999px;font-weight:1000;cursor:pointer}.auth-card .auth-primary{width:100%;margin:10px 0}.auth-message{min-height:22px;color:#ffcc67;font-size:12px}.auth-card>a{display:block;text-align:center;color:#777;font-size:12px;margin-top:18px}.setup-list{display:grid;margin:30px 0}.setup-list article{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:19px 0;border-top:1px solid #262626}.setup-list article>b{color:#9cff21}.setup-list strong,.setup-list span{display:block}.setup-list span{color:#777;font-size:12px;line-height:1.5;margin-top:4px}.setup-status{padding:20px;border:1px solid #2c2c2c;background:#0e0e0e}.setup-status strong,.setup-status span{display:block}.setup-status span{color:#9cff21;margin-top:8px}.setup-button{margin-top:18px;text-align:center}
/* V14 auth/navigation fixes */
.v14-nav-actions{display:flex;align-items:center;gap:12px}.v14-signin{color:#fff;text-decoration:none;font-weight:800;font-size:12px;letter-spacing:.08em;border:1px solid #333;border-radius:999px;padding:14px 18px;white-space:nowrap}.v14-signin:hover{border-color:#9cff00;color:#9cff00}@media(max-width:640px){.v8-nav{gap:10px}.v14-nav-actions{gap:7px}.v14-signin{font-size:9px;padding:11px 10px}.v8-join{font-size:9px;padding:11px 10px}.v8-logo{font-size:32px}}
/* ===== TAKEBK V15 PRODUCT REALISM + ARTIST LOGIN ===== */
.v15-key-visual{position:relative;min-height:560px;display:grid;place-items:center;isolation:isolate}.v15-product-glow{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(156,255,33,.14),transparent 65%);filter:blur(28px);z-index:-1}.v15-product-img{width:min(620px,100%);max-height:610px;object-fit:contain;filter:drop-shadow(0 35px 45px rgba(0,0,0,.8));transform:rotate(1deg)}.v15-demo-tag{position:absolute;left:4%;bottom:4%;display:grid;gap:4px;background:rgba(8,8,8,.88);border:1px solid #343434;padding:14px 16px;backdrop-filter:blur(10px)}.v15-demo-tag span{font-size:9px;letter-spacing:.18em;color:#9cff21;font-weight:900}.v15-demo-tag strong{font-size:15px}.v15-demo-tag small{color:#777;font-size:10px}.v15-product-showcase{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center;padding:90px clamp(22px,5vw,70px);border-top:1px solid #222;background:linear-gradient(180deg,#050505,#080808)}.v15-product-copy h2{font-size:clamp(50px,6vw,90px);line-height:.9;letter-spacing:-.065em;margin:16px 0 26px}.v15-product-copy h2 span{color:#9cff21}.v15-product-copy>p:not(.v8-eyebrow){color:#8e8e8e;max-width:620px;font-size:19px;line-height:1.55}.v15-product-points{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}.v15-product-points span{border:1px solid #292929;padding:13px;color:#b8b8b8;font-size:10px;letter-spacing:.11em}.v15-open-product{position:relative;border:1px solid #2b2b2b;background:#080808;padding:18px;box-shadow:0 30px 80px #000}.v15-open-product img{display:block;width:100%;aspect-ratio:1.55;object-fit:cover;object-position:left center}.v15-open-product small{display:block;margin-top:12px;color:#555;font-size:8px;letter-spacing:.14em}
.v15-login-body{background:radial-gradient(circle at 15% 20%,#111a0b 0,transparent 28%),#050505}.v15-login-nav{height:86px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(22px,5vw,70px);border-bottom:1px solid #202020}.v15-login-home{font-size:10px;letter-spacing:.12em;color:#777;text-decoration:none;font-weight:900}.v15-login-shell{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;width:min(1320px,100%);margin:auto;padding:60px clamp(22px,5vw,70px)}.v15-login-visual h1{font-size:clamp(66px,8vw,118px);line-height:.82;letter-spacing:-.075em;margin:14px 0 24px}.v15-login-visual>p:not(.admin-kicker){color:#838383;max-width:590px;font-size:19px;line-height:1.6}.v15-login-product{margin-top:34px;border:1px solid #262626;background:#090909;padding:14px}.v15-login-product img{display:block;width:100%;max-height:330px;object-fit:cover;object-position:left center}.v15-login-product span{display:block;color:#9cff21;font-size:9px;letter-spacing:.16em;margin-top:12px}.v15-auth-card{margin-top:0!important;padding:38px!important;background:rgba(12,12,12,.94)!important;border-color:#333!important;box-shadow:0 35px 90px rgba(0,0,0,.55)}.v15-auth-card h2{font-size:clamp(48px,6vw,76px);letter-spacing:-.06em;margin:7px 0 15px}.v15-auth-card label{font-size:10px;letter-spacing:.1em}.v15-auth-card input{padding:17px 15px!important;border-radius:4px}.v15-auth-card .auth-primary{padding:18px 20px}.v15-login-links{display:grid;gap:10px;margin-top:14px}.v15-login-links a{text-align:center;color:#777;font-size:10px;letter-spacing:.07em;text-decoration:none}.v15-login-links a:first-child{color:#9cff21;font-weight:900}
.v15-physical-preview{display:grid;grid-template-columns:1.45fr .55fr;gap:26px;background:radial-gradient(circle at 35% 35%,#171717,#060606 58%);color:#fff;padding:28px;border:1px solid #262626;overflow:hidden}.v15-preview-stage{position:relative;min-height:470px;display:grid;grid-template-columns:.82fr 1.18fr;gap:30px;align-items:center;perspective:1100px}.v15-chain{position:absolute;top:10px;right:5%;color:#bbb;font-size:12px;letter-spacing:5px;transform:rotate(-17deg);text-shadow:0 1px 1px #000}.v15-product-closed,.v15-product-open{position:relative;display:grid;justify-items:center}.v15-plastic-shell{position:relative;width:230px;aspect-ratio:.93;padding:18px 17px 34px;border:8px solid rgba(235,240,245,.34);border-radius:7px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.03));box-shadow:inset 0 0 0 2px rgba(255,255,255,.15),0 28px 45px rgba(0,0,0,.65);transform:rotate(-5deg)}.v15-plastic-shell:before,.v15-plastic-shell:after{content:"";position:absolute;left:10px;right:10px;height:4px;border-radius:4px;background:rgba(255,255,255,.32)}.v15-plastic-shell:before{top:7px}.v15-plastic-shell:after{bottom:8px}.v15-art-surface{width:100%;height:100%;min-height:175px;background:linear-gradient(145deg,#161616,#090909);background-size:cover;background-position:center;display:grid;place-items:center;color:#6f6f6f;font-size:10px;font-weight:900;border:1px solid rgba(255,255,255,.18)}.v15-case-spine{position:absolute;left:18px;right:18px;bottom:10px;text-align:center;color:#a8a8a8;font-size:7px;letter-spacing:.18em}.v15-product-closed>small,.v15-product-open>small{margin-top:14px;color:#696969;font-size:8px;letter-spacing:.17em}.v15-product-open{height:360px;grid-template-columns:1fr 12px 1fr;align-items:center;transform:rotateY(-4deg)}.v15-open-left,.v15-open-right{position:relative;width:210px;height:250px;border:7px solid rgba(235,240,245,.32);background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.025));box-shadow:inset 0 0 0 2px rgba(255,255,255,.14),0 25px 45px rgba(0,0,0,.55);padding:16px}.v15-open-left{transform:perspective(650px) rotateY(11deg);transform-origin:right center}.v15-open-right{transform:perspective(650px) rotateY(-9deg);transform-origin:left center;display:grid;place-items:center}.v15-open-hinge{width:10px;height:235px;background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.45),rgba(255,255,255,.12));border-radius:3px;z-index:4}.v15-disc-surface{width:175px;height:175px;border-radius:50%;background:repeating-radial-gradient(circle,#181818 0 2px,#242424 3px 5px);background-size:cover;background-position:center;display:grid;place-items:center;color:#666;font-size:9px;box-shadow:0 0 0 2px rgba(255,255,255,.25),inset 0 0 22px rgba(255,255,255,.08)}.v15-disc-surface i{position:absolute;width:35px;height:35px;border-radius:50%;background:#080808;border:7px solid rgba(255,255,255,.28)}.v15-back-chip{position:absolute;right:-6px;bottom:18px;width:92px;height:70px;border:3px solid rgba(255,255,255,.22);background:#151515;background-size:cover;background-position:center;display:grid;place-items:center;color:#606060;font-size:7px;transform:rotate(5deg);opacity:.9}.v15-physical-copy{justify-content:center}.v15-preview-note{margin-top:22px;border-top:1px solid #272727;padding-top:15px;color:#555;font-size:8px;line-height:1.6;letter-spacing:.12em}
@media(max-width:980px){.v15-product-showcase,.v15-login-shell{grid-template-columns:1fr}.v15-login-visual{order:2}.v15-auth-card{order:1}.v15-physical-preview{grid-template-columns:1fr}.v15-preview-stage{min-height:430px}}@media(max-width:760px){.v15-key-visual{min-height:390px}.v15-product-img{width:100%}.v15-demo-tag{left:0;bottom:0}.v15-product-showcase{padding-top:55px;padding-bottom:55px}.v15-product-points{grid-template-columns:1fr}.v15-open-product img{aspect-ratio:1.35}.v15-login-shell{padding-top:28px}.v15-login-visual h1{font-size:17vw}.v15-preview-stage{grid-template-columns:1fr;gap:8px;min-height:730px}.v15-product-open{margin-top:10px;transform:scale(.9)}.v15-product-closed{margin-top:30px}.v15-chain{top:360px}}@media(max-width:480px){.v15-auth-card{padding:24px!important}.v15-product-open{transform:scale(.74);margin-top:-18px}.v15-preview-stage{min-height:640px}.v15-plastic-shell{width:205px}.v15-chain{top:330px}}
/* V17 artist logout */
.artist-home-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.artist-logout-link{border-color:#3a3a3a!important;color:#d7d7d7!important}
.artist-logout-link:hover{border-color:#9cff00!important;color:#9cff00!important}
.dash-logout{margin-top:8px;color:#aaa!important}
.dash-logout:hover{color:#9cff00!important}
/* V19 Artist Home + Drop Library */
.artist-home-dashboard-link.active{border-color:#9cff00;color:#9cff00}.artist-home-quicknav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.artist-home-quicknav a{border:1px solid #2b2b2b;background:#101010;padding:20px 22px;display:flex;flex-direction:column;gap:5px}.artist-home-quicknav a:hover{border-color:#6f9b28}.artist-home-quicknav small{font-size:9px;letter-spacing:.14em;color:#777}.artist-home-quicknav strong{font-size:22px;color:#fff}.artist-home-quicknav span{font-size:12px;color:#777}.builder-account-nav{display:grid;gap:6px;margin:22px 0 0}.builder-account-nav a{padding:9px 10px;border:1px solid #242424;border-radius:8px;color:#aaa;font-size:11px;font-weight:800}.builder-account-nav a:hover{color:#aaff32;border-color:#44631a}.save-draft-button{cursor:pointer;border:1px solid #c8c1b6}.save-draft-button.saved{border-color:#79b51f;color:#4d7c0f}.dash-page-link{display:block;text-decoration:none}.library-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:58px 0 34px}.library-hero h1{font-size:clamp(52px,8vw,110px);line-height:.88;letter-spacing:-.06em;margin:6px 0 18px}.library-hero>div>p:last-child{color:#777;max-width:660px}.library-new{background:#aaff32;color:#050505;padding:15px 20px;border-radius:999px;font-weight:900;white-space:nowrap}.library-toolbar{border-top:1px solid #252525;border-bottom:1px solid #252525;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.library-toolbar strong,.library-toolbar small{display:block}.library-toolbar small{color:#666;margin-top:4px}.library-filter{display:flex;gap:7px}.library-filter button{border:1px solid #333;background:#0e0e0e;color:#777;padding:8px 13px;border-radius:999px;cursor:pointer}.library-filter button.active{border-color:#aaff32;color:#aaff32}.release-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:28px 0 70px}.release-library-card{background:#0d0d0d;border:1px solid #262626;padding:16px;display:grid;grid-template-columns:120px 1fr;gap:18px}.release-library-art{aspect-ratio:1;background:radial-gradient(circle at 25% 20%,#263615,#0a0a0a 52%,#020202);border:1px solid #323232;display:flex;flex-direction:column;justify-content:center;align-items:center}.release-library-art span{font-size:38px;font-weight:900;color:#aaff32}.release-library-art small{font-size:8px;letter-spacing:.18em;color:#777;margin-top:8px}.release-library-info h2{font-size:25px;margin:8px 0 4px}.release-library-info p{margin:0 0 12px;color:#8b8b8b}.release-library-info>small{color:#555}.release-library-meta{display:flex;align-items:center;gap:10px}.release-library-meta>small{color:#666}.release-status{text-transform:uppercase;font-size:8px;font-weight:900;letter-spacing:.12em;border:1px solid #555;border-radius:999px;padding:5px 8px}.release-status.live{border-color:#76ad1e;color:#aaff32}.release-status.draft{color:#aaa}.release-library-actions{grid-column:1/-1;display:flex;gap:8px;border-top:1px solid #222;padding-top:14px}.release-library-actions a{border:1px solid #333;padding:10px 14px;border-radius:999px;font-size:10px;font-weight:900}.release-library-actions a.primary{background:#aaff32;border-color:#aaff32;color:#050505}.library-empty,.library-loading{grid-column:1/-1;border:1px solid #292929;background:#0d0d0d;padding:70px 6vw}.library-empty h2{font-size:42px;margin:8px 0}.library-empty p{color:#777;max-width:620px;line-height:1.6}.library-empty a{display:inline-block;margin-top:18px;background:#aaff32;color:#050505;border-radius:999px;padding:13px 18px;font-weight:900}
@media(max-width:760px){.artist-home-quicknav,.release-library-grid{grid-template-columns:1fr}.library-hero{align-items:flex-start;flex-direction:column}.library-toolbar{align-items:flex-start;flex-direction:column}.release-library-card{grid-template-columns:90px 1fr}.builder-account-nav{grid-template-columns:repeat(3,1fr)}.builder-account-nav a{text-align:center;padding:8px 5px;font-size:9px}}
/* V20 realistic mini jewel-case renderer */
.v20-physical-preview{background:#080808;color:#fff;border:1px solid #202020;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.72fr);gap:24px;padding:28px;margin-top:18px;overflow:hidden}.v20-preview-stage{display:grid;grid-template-columns:.82fr 1.55fr .82fr;gap:24px;align-items:end;min-height:430px;padding:28px 18px 18px;background:radial-gradient(circle at 50% 38%,#222 0,#101010 37%,#070707 72%);position:relative}.v20-product-shot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0}.v20-product-shot>small{margin-top:18px;font-size:9px;letter-spacing:.2em;color:#777;font-weight:900}.v20-key-loop{position:absolute;width:48px;height:38px;border:8px solid rgba(235,235,235,.78);border-radius:50% 50% 12px 12px;top:-30px;left:50%;transform:translateX(-50%);z-index:1;box-shadow:inset 0 0 0 2px rgba(255,255,255,.4),0 2px 5px #000}.v20-ball-chain{position:absolute;top:-58px;left:50%;display:flex;gap:4px;transform:translateX(-20%);z-index:2;rotate:-12deg}.v20-ball-chain i{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#9b9b9b 55%,#3e3e3e);box-shadow:0 0 2px #000}.v20-ball-chain.back-chain{transform:translateX(-68%);rotate:9deg}.v20-jewel-case{position:relative;width:min(100%,235px);aspect-ratio:1.08/1;border:7px solid rgba(225,235,235,.68);border-radius:5px;background:rgba(235,245,245,.13);box-shadow:inset 0 0 0 2px rgba(255,255,255,.72),inset 0 0 14px rgba(255,255,255,.16),0 18px 28px rgba(0,0,0,.62);padding:11px 12px 11px 24px;filter:drop-shadow(0 2px 0 rgba(255,255,255,.1))}.v20-jewel-case:before,.v20-jewel-case:after{content:"";position:absolute;top:8%;bottom:8%;width:5px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.10)}.v20-jewel-case:before{left:5px}.v20-jewel-case:after{right:5px}.v20-front-insert,.v20-back-insert{width:100%;height:100%;background:#111 center/cover no-repeat;display:grid;place-items:center;color:#777;font-size:10px;font-weight:900;letter-spacing:.15em;overflow:hidden}.v20-spine{position:absolute;left:7px;top:12px;bottom:12px;width:12px;background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.03));border-right:1px solid rgba(255,255,255,.36)}.v20-case-gloss{position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.25),transparent 20%,transparent 72%,rgba(255,255,255,.08));mix-blend-mode:screen}.v20-open-case{width:min(100%,450px);display:grid;grid-template-columns:1fr 12px 1fr;align-items:stretch;filter:drop-shadow(0 18px 25px rgba(0,0,0,.64));transform:perspective(900px) rotateX(4deg)}.v20-case-panel{position:relative;aspect-ratio:1.05/1;border:7px solid rgba(225,235,235,.7);background:rgba(230,240,240,.12);padding:12px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.58)}.v20-left-panel{padding-left:18px}.v20-right-panel{display:grid;place-items:center}.v20-case-hinge{background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(210,220,220,.74),rgba(255,255,255,.12));border-top:6px solid rgba(230,235,235,.65);border-bottom:6px solid rgba(230,235,235,.65)}.v20-disc{position:relative;width:82%;aspect-ratio:1;border-radius:50%;background:#1a1a1a center/cover no-repeat;display:grid;place-items:center;color:#777;font-size:9px;font-weight:900;letter-spacing:.14em;box-shadow:0 0 0 3px rgba(255,255,255,.45),0 0 0 12px rgba(255,255,255,.08),inset 0 0 22px rgba(255,255,255,.12);overflow:hidden}.v20-disc:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 5px,rgba(255,255,255,.05) 6px 7px);pointer-events:none}.v20-disc b{position:absolute;width:24%;aspect-ratio:1;border-radius:50%;background:#0d0d0d;border:5px solid rgba(225,235,235,.7);box-shadow:0 0 0 5px rgba(255,255,255,.08)}.v20-disc span{z-index:2}.v20-back-case{padding:11px 24px 11px 12px}.v20-back-insert{font-size:9px}.v20-physical-copy strong{display:block;color:#9cff21;font-size:27px;line-height:1.02;letter-spacing:-.04em}.v20-physical-copy p{color:#aaa;line-height:1.65}.v20-preview-note{margin-top:22px;border-top:1px solid #292929;padding-top:14px;font-size:8px;line-height:1.5;color:#666;letter-spacing:.14em}.v20-front-insert.has-art,.v20-back-insert.has-art,.v20-disc.has-art{background-size:cover;background-position:center}.v20-disc.has-art{background-size:cover}
@media(max-width:900px){.v20-physical-preview{grid-template-columns:1fr}.v20-preview-stage{grid-template-columns:1fr;gap:70px}.v20-open-case{max-width:480px}.v20-product-shot{padding-top:20px}}
/* V20 artist profile hero */
.artist-profile-hero{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;margin-top:20px}.artist-profile-photo-wrap{position:relative;width:150px;height:150px}.artist-profile-photo{width:150px;height:150px;border-radius:50%;background:#111 center/cover no-repeat;border:3px solid #9cff21;box-shadow:0 0 0 8px rgba(156,255,33,.08);display:grid;place-items:center;color:#9cff21;font-size:42px;font-weight:1000;overflow:hidden}.artist-profile-upload{position:absolute;right:-2px;bottom:2px;width:44px;height:44px;border-radius:50%;background:#9cff21;color:#050505;display:grid;place-items:center;font-weight:1000;cursor:pointer;border:4px solid #0a0a0a}.artist-profile-upload input{display:none}.artist-profile-details h1{margin:0;font-size:clamp(42px,7vw,92px);line-height:.9;letter-spacing:-.065em}.artist-profile-details p{max-width:680px}.artist-profile-save-note{font-size:10px;color:#777;margin-top:8px}@media(max-width:650px){.artist-profile-hero{grid-template-columns:92px 1fr;gap:18px}.artist-profile-photo-wrap,.artist-profile-photo{width:92px;height:92px}.artist-profile-photo{font-size:28px}.artist-profile-upload{width:38px;height:38px}}
/* V24 synchronized MP3 song list */
.track-row{position:relative}
.track-row input{padding-bottom:18px!important}
.track-audio-status{position:absolute;left:88px;bottom:5px;font-size:8px;letter-spacing:.08em;color:#6f9f20;font-weight:800;pointer-events:none}
.track-audio-status.missing{color:#b07d55}
@media(max-width:759px){.track-audio-status{left:71px;bottom:4px}}
/* TAKEBK V25 — draft safety */
.draft-save-cluster{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.autosave-status{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#727272;white-space:nowrap}
/* TAKEBK V26 */
.v26-exclusive-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.v26-exclusive-types>span{border:1px solid rgba(0,0,0,.12);padding:18px;display:flex;flex-direction:column;gap:5px}.v26-exclusive-types small{opacity:.55}.v26-exclusive-row{position:relative;padding-right:52px}.v26-exclusive-row video{width:min(360px,100%);max-height:220px}.remove-exclusive{position:absolute;right:12px;top:12px;border:0;background:transparent;font-size:25px;cursor:pointer}.v26-single-store .store-link-row{grid-template-columns:minmax(180px,.45fr) minmax(260px,1fr)}.v26-store-note{display:block;margin-top:10px;opacity:.55}.autosave-status{min-width:160px}
@media(max-width:760px){.v26-exclusive-types{grid-template-columns:1fr 1fr}.v26-single-store .store-link-row{grid-template-columns:1fr}.autosave-status{min-width:0}}
/* TAKEBK V27 — real library cover art + delete action */
.release-library-art.has-cover{padding:0;overflow:hidden;background:#050505}
.release-library-art.has-cover img{width:100%;height:100%;display:block;object-fit:cover}
.release-library-actions .release-delete-button{border:1px solid #552525;background:transparent;color:#d98b8b;padding:10px 14px;border-radius:999px;font-size:10px;font-weight:900;cursor:pointer}
.release-library-actions .release-delete-button:hover{border-color:#ff5a5a;color:#ff7c7c}
.release-library-actions .release-delete-button:disabled{opacity:.45;cursor:wait}
/* V28 — library track previews */
.release-preview-button{border:1px solid #444;background:transparent;color:inherit;border-radius:999px;padding:10px 15px;font-weight:800;cursor:pointer}
.release-library-track-preview{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding:16px 0 0;margin-top:14px}
.release-library-track-preview[hidden]{display:none!important}
.library-track-row{display:grid;grid-template-columns:34px minmax(140px,1fr) minmax(220px,420px);align-items:center;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}
.library-track-row:first-child{border-top:0}.library-track-row>span{opacity:.55;font-size:12px}.library-track-row>strong{font-size:13px}.library-track-row audio{width:100%;height:34px}
@media(max-width:700px){.library-track-row{grid-template-columns:28px 1fr}.library-track-row audio,.library-track-row>small{grid-column:2}.release-library-actions{flex-wrap:wrap}}
/* TAKEBK V29 — manufacturer-ready keychain step */
.v29-manufacturer-note{margin:14px 0 0;color:#777;font-size:12px;line-height:1.5}
.v29-keychain-summary{grid-template-columns:minmax(280px,430px) 1fr;gap:38px;padding:32px;background:radial-gradient(circle at 28% 40%,#252525 0,#0c0c0c 42%,#050505 74%);border:1px solid #252525;overflow:hidden}
.v29-product-scene{position:relative;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:55px 20px 20px;perspective:1100px}
.v29-product-scene>small{margin-top:22px;color:#777;font-size:9px;letter-spacing:.18em;font-weight:900}
.v29-jewel-case{position:relative;width:min(82%,300px);aspect-ratio:1.08/1;border:9px solid rgba(231,240,242,.68);border-radius:7px;background:rgba(234,243,244,.13);box-shadow:inset 0 0 0 2px rgba(255,255,255,.72),inset 0 0 20px rgba(255,255,255,.13),0 28px 44px rgba(0,0,0,.72);padding:13px 14px 13px 31px;transform:rotate(-4deg) rotateY(-8deg);filter:drop-shadow(0 4px 0 rgba(255,255,255,.06))}
.v29-jewel-case:before,.v29-jewel-case:after{content:"";position:absolute;top:8%;bottom:8%;width:6px;border:1px solid rgba(255,255,255,.47);background:rgba(255,255,255,.09)}
.v29-jewel-case:before{left:6px}.v29-jewel-case:after{right:6px}
.v29-spine{position:absolute;left:9px;top:14px;bottom:14px;width:14px;background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,.02));border-right:1px solid rgba(255,255,255,.4)}
.v29-front-art{width:100%;height:100%;background:#111 center/cover no-repeat;display:grid;place-items:center;overflow:hidden;color:#696969;font-size:10px;letter-spacing:.14em;font-weight:900}
.v29-front-art.has-art{background-size:cover;background-position:center}
.v29-gloss{position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.28),transparent 22%,transparent 68%,rgba(255,255,255,.08));mix-blend-mode:screen}
.v29-key-loop{position:absolute;width:60px;height:45px;border:9px solid rgba(236,241,241,.8);border-radius:50% 50% 13px 13px;top:29px;left:50%;transform:translateX(-50%) rotate(-4deg);z-index:1;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45),0 4px 8px #000}
.v29-chain{position:absolute;top:12px;left:54%;display:flex;gap:4px;transform:rotate(-8deg);z-index:3}
.v29-chain i{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#a4a4a4 55%,#444);box-shadow:0 0 2px #000}
.v29-keychain-copy strong{font-size:34px;letter-spacing:-.03em;color:#fff}.v29-keychain-copy span{font-size:17px;line-height:1.55}.v29-keychain-copy small{font-size:12px;line-height:1.6}
@media(max-width:760px){.v29-keychain-summary{grid-template-columns:1fr;padding:22px}.v29-product-scene{min-height:330px}.v29-keychain-copy strong{font-size:29px}}
/* TAKEBK V30 — homepage-style photo-real artist keychain preview */
.v30-keychain-summary{grid-template-columns:minmax(330px,560px) 1fr;align-items:center;background:radial-gradient(circle at 29% 38%,#1b1b1b 0,#080808 47%,#040404 76%)}
.v30-product-stage{min-height:430px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px 0 0;overflow:hidden}
.v30-product-stage>small{margin-top:8px;color:#686868;font-size:9px;letter-spacing:.18em;font-weight:900}
.v30-photo-keychain{position:relative;width:min(100%,560px);aspect-ratio:1.05/1;isolation:isolate;filter:drop-shadow(0 34px 40px rgba(0,0,0,.72))}
.v30-keychain-shell{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;z-index:3;pointer-events:none}
.v30-front-art{position:absolute;inset:0;z-index:2;clip-path:polygon(15.1% 15.3%,64.3% 20.8%,55.1% 71.3%,7.1% 61.3%);background:#111 center/cover no-repeat;display:grid;place-items:center;overflow:hidden;color:#888;font-size:11px;font-weight:900;letter-spacing:.13em;text-align:center}
.v30-front-art:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.16),transparent 21%,transparent 69%,rgba(0,0,0,.18));pointer-events:none}
.v30-front-art.has-art{background-size:cover;background-position:center}
.v30-front-art.has-art span{display:none}
.v30-keychain-copy span{max-width:560px}
@media(max-width:900px){.v30-keychain-summary{grid-template-columns:1fr}.v30-product-stage{min-height:360px}.v30-photo-keychain{width:min(100%,520px)}}
@media(max-width:520px){.v30-product-stage{min-height:300px}.v30-photo-keychain{width:108%;margin-left:-4%}.v30-keychain-copy span{font-size:15px}}
/* TAKEBK V32 — ARTIST PAGE ONLY: straight-on jewel-case product preview.
Homepage assets/styles are intentionally untouched. */
.v30-keychain-summary .v30-photo-keychain{width:min(100%,470px);aspect-ratio:1/1;filter:drop-shadow(0 28px 34px rgba(0,0,0,.68));margin-top:55px}
.v30-keychain-summary .v30-front-art{inset:8.5%;clip-path:none;border-radius:1px;background:#111 center/contain no-repeat;z-index:2}
.v30-keychain-summary .v30-front-art.has-art{background-size:contain;background-repeat:no-repeat;background-position:center}
.v30-keychain-summary .v30-front-art:after{background:linear-gradient(125deg,rgba(255,255,255,.11),transparent 25%,transparent 72%,rgba(255,255,255,.04))}
.v32-jewel-shell{position:absolute;inset:3.8%;z-index:4;border:5px solid rgba(236,245,248,.72);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35),inset 0 0 18px rgba(255,255,255,.13),0 0 0 1px rgba(95,108,115,.6);border-radius:4px;pointer-events:none}
.v32-jewel-shell:before{content:"";position:absolute;inset:3px;border:2px solid rgba(151,167,174,.5);border-radius:2px}
.v32-edge{position:absolute;background:rgba(245,250,252,.62);box-shadow:0 0 3px rgba(255,255,255,.7)}
.v32-top{left:8%;right:8%;top:8px;height:3px}.v32-bottom{left:8%;right:8%;bottom:8px;height:3px}
.v32-left{top:8%;bottom:8%;left:8px;width:3px}.v32-right{top:8%;bottom:8%;right:8px;width:3px}
.v32-hinge{position:absolute;top:40%;width:12px;height:20%;border:2px solid rgba(235,245,248,.7);background:rgba(180,195,201,.16)}
.v32-hinge-left{left:-7px}.v32-hinge-right{right:-7px}
.v32-latch{position:absolute;bottom:-7px;width:42px;height:14px;border:3px solid rgba(235,245,248,.68);border-radius:50% 50% 0 0;background:rgba(170,185,191,.12)}
.v32-latch-left{left:17%}.v32-latch-right{right:17%}
.v32-chain{position:absolute;z-index:1;left:50%;top:-65px;width:126px;height:96px;transform:translateX(-50%);border:5px dotted rgba(214,218,218,.9);border-bottom:0;border-radius:70px 70px 0 0;filter:drop-shadow(0 2px 2px #000)}
.v32-chain:after{content:"";position:absolute;left:50%;bottom:-12px;width:18px;height:22px;transform:translateX(-50%);border:4px solid rgba(220,225,225,.9);border-radius:50%;background:rgba(120,130,132,.3)}
@media(max-width:520px){.v30-keychain-summary .v30-photo-keychain{width:96%;margin-left:0;margin-top:50px}}
/* TAKEBK V33 — ARTIST PAGE ONLY: real straight-on keychain base.
Homepage is untouched. Artist artwork remains a true 1:1 square insert. */
.v30-keychain-summary .v33-photo-keychain{width:min(100%,470px);aspect-ratio:1080/1440;margin-top:0;filter:drop-shadow(0 24px 32px rgba(0,0,0,.62));position:relative}
.v33-real-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}
.v30-keychain-summary .v33-front-art{position:absolute;left:31.3%;top:42.2%;width:36.8%;height:auto;aspect-ratio:1/1;inset:auto;clip-path:none;border-radius:0;background:#111 center/cover no-repeat;z-index:2;overflow:hidden;display:grid;place-items:center;color:#888;font-size:10px;font-weight:900;letter-spacing:.11em;text-align:center}
.v30-keychain-summary .v33-front-art.has-art{background-size:cover;background-position:center;background-repeat:no-repeat}
.v30-keychain-summary .v33-front-art:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.08),transparent 28%,transparent 75%,rgba(0,0,0,.05));pointer-events:none}
.v33-case-glass{position:absolute;left:29.5%;top:40.1%;width:40.5%;aspect-ratio:1.08/1;z-index:3;border:2px solid rgba(230,240,242,.18);box-shadow:inset 0 0 9px rgba(255,255,255,.08);pointer-events:none}
@media(max-width:520px){.v30-keychain-summary .v33-photo-keychain{width:min(100%,430px);margin-top:0}.v30-keychain-summary .v33-front-art{font-size:8px}}
/* TAKEBK V34 — ARTIST PAGE ONLY: use the clean straight-on jewel case as the fixed base.
The homepage remains untouched. The artist's uploaded front cover is the ONLY artwork
shown in this preview and is fitted as a true square CD insert. */
.v30-keychain-summary .v34-photo-keychain{
width:min(100%,560px);
aspect-ratio:1392/1130;
margin-top:0;
position:relative;
filter:drop-shadow(0 20px 28px rgba(0,0,0,.26));
background:#fff;
overflow:hidden;
}
.v34-real-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}
.v30-keychain-summary .v34-front-art{
position:absolute;
left:30.9%;
top:30.1%;
width:42.4%;
aspect-ratio:1/1;
height:auto;
inset:auto;
z-index:2;
border:0;
border-radius:0;
overflow:hidden;
background:#f3f3f3 center/cover no-repeat;
display:grid;
place-items:center;
color:#555;
font-size:10px;
font-weight:900;
letter-spacing:.10em;
text-align:center;
box-shadow:0 0 0 1px rgba(0,0,0,.06);
}
.v30-keychain-summary .v34-front-art.has-art{
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
.v30-keychain-summary .v34-front-art:after{
content:"";position:absolute;inset:0;
background:linear-gradient(125deg,rgba(255,255,255,.10),transparent 24%,transparent 75%,rgba(0,0,0,.03));
pointer-events:none;
}
.v30-keychain-summary .v34-case-glass{
position:absolute;
left:29.8%;
top:28.8%;
width:44.6%;
aspect-ratio:1/1;
height:auto;
z-index:3;
border:2px solid rgba(255,255,255,.38);
box-shadow:inset 0 0 12px rgba(255,255,255,.10);
pointer-events:none;
}
@media(max-width:520px){
.v30-keychain-summary .v34-photo-keychain{width:100%;}
.v30-keychain-summary .v34-front-art{font-size:8px}
}
/* TAKEBK V35 — ARTIST PAGE ONLY: precise dynamic front-cover overlay.
IMPORTANT: homepage preview is untouched.
The uploaded front cover is placed as a true square insert on the RIGHT/main panel
of the straight-on jewel case reference image. */
.v30-keychain-summary .v35-photo-keychain,
.v30-keychain-summary .v34-photo-keychain{
width:min(100%,560px);
aspect-ratio:1392/1130;
margin:0;
position:relative;
overflow:hidden;
background:#fff;
filter:drop-shadow(0 20px 28px rgba(0,0,0,.26));
}
.v30-keychain-summary .v35-real-base,
.v30-keychain-summary .v34-real-base{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:contain;
z-index:1;
pointer-events:none;
}
/* Main square cover insert: x≈438–1083, y≈318–963 in the 1392×1130 base image. */
.v30-keychain-summary .v35-front-art,
.v30-keychain-summary .v34-front-art{
position:absolute !important;
left:31.47% !important;
top:28.14% !important;
width:46.34% !important;
height:auto !important;
aspect-ratio:1 / 1 !important;
inset:auto !important;
clip-path:none !important;
z-index:2 !important;
border:0 !important;
border-radius:0 !important;
overflow:hidden !important;
background-color:#f4f4f4 !important;
background-position:center !important;
background-size:cover !important;
background-repeat:no-repeat !important;
display:grid !important;
place-items:center !important;
color:#555;
font-size:10px;
font-weight:900;
letter-spacing:.10em;
text-align:center;
box-shadow:none !important;
}
.v30-keychain-summary .v35-front-art.has-art,
.v30-keychain-summary .v34-front-art.has-art{
background-size:cover !important;
background-position:center !important;
background-repeat:no-repeat !important;
}
.v30-keychain-summary .v35-front-art.has-art span,
.v30-keychain-summary .v34-front-art.has-art span{display:none !important}
/* Subtle clear-plastic sheen, kept within the exact cover opening. */
.v30-keychain-summary .v35-front-art:after,
.v30-keychain-summary .v34-front-art:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(125deg,rgba(255,255,255,.08),transparent 25%,transparent 76%,rgba(255,255,255,.025));
pointer-events:none;
}
/* Do not draw a second box around the art; the photographed case already provides the frame. */
.v30-keychain-summary .v35-case-glass,
.v30-keychain-summary .v34-case-glass{display:none !important}
@media(max-width:520px){
.v30-keychain-summary .v35-photo-keychain,
.v30-keychain-summary .v34-photo-keychain{width:100%;}
.v30-keychain-summary .v35-front-art,
.v30-keychain-summary .v34-front-art{font-size:8px}
}
/* TAKEBK V36 — Step 6 playable track preview */
.preview-tracks .preview-track-row{grid-template-columns:35px minmax(0,1fr) 34px;align-items:center;gap:6px}
.preview-track-play{width:30px;height:30px;border:0;background:transparent;color:#eee;font:700 15px/1 system-ui;cursor:pointer;padding:0;border-radius:50%}
.preview-track-play:hover,.preview-track-play:focus-visible{color:#9cff00;outline:1px solid #9cff00;outline-offset:1px}
.preview-track-audio{display:none}
.preview-track-row.is-playable strong{color:#f5f5f5}
/* V38 — Keychain location activity */
.keychain-map-head{background:#fff;border:1px solid #d7d2c8;padding:34px 38px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:12px}.keychain-map-head h2{font-size:46px;letter-spacing:-.055em;margin:7px 0 8px}.keychain-map-head>div>p:not(.dash-kicker){max-width:700px;color:#777;line-height:1.6;margin:0}.keychain-map-badge{font-size:10px;letter-spacing:.15em;font-weight:900;border:1px solid #171717;border-radius:999px;padding:10px 13px;white-space:nowrap}.keychain-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.keychain-metrics article{background:#fff;border:1px solid #d7d2c8;padding:21px}.keychain-metrics small{font-size:9px;letter-spacing:.12em;color:#7d786f;font-weight:900}.keychain-metrics strong{display:block;font-size:34px;letter-spacing:-.05em;margin:10px 0 5px}.keychain-metrics em{font-size:10px;color:#6c8f37;font-style:normal}.keychain-map-layout{display:grid;grid-template-columns:1.55fr .65fr;gap:12px}.keychain-live-map{height:470px;background:#0c0c0c;position:relative;overflow:hidden;margin-top:15px;border:1px solid #232323}.usa-outline{position:absolute;inset:5% 3%;width:94%;height:90%;filter:drop-shadow(0 0 24px rgba(170,255,50,.03))}.usa-outline path{fill:#151515;stroke:#363636;stroke-width:3}.kc-map-point{position:absolute;transform:translate(-50%,-50%);z-index:4}.kc-map-point .pulse{width:13px;height:13px;border-radius:50%;background:#aaff32;box-shadow:0 0 0 7px rgba(170,255,50,.14),0 0 26px rgba(170,255,50,.45);display:block}.kc-map-point .map-tip{position:absolute;left:15px;top:-9px;background:#fff;color:#111;border-radius:7px;padding:7px 9px;min-width:112px;font-size:9px;line-height:1.35;box-shadow:0 8px 30px rgba(0,0,0,.28);pointer-events:none}.kc-map-point .map-tip b{display:block;font-size:10px}.kc-map-point .map-tip em{color:#6a8f30;font-style:normal;font-weight:900}.map-empty-state{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;text-align:center;color:#777;font-weight:800;font-size:14px}.map-empty-state small{font-weight:500;color:#555}.kc-market-list,.kc-recent-list{display:grid;margin-top:12px}.kc-market-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:16px 0;border-top:1px solid #eeeae2}.kc-market-row b{font-size:10px;color:#aaa}.kc-market-row span{font-size:12px}.kc-market-row strong{font-size:13px}.kc-empty-row{padding:26px 0;color:#999;font-size:12px}.keychain-recent-card{margin-top:12px}.kc-recent-row{display:grid;grid-template-columns:1.2fr .8fr .65fr .45fr;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #eeeae2;font-size:11px}.kc-recent-row strong{font-size:12px}.kc-recent-row small{color:#999}.kc-recent-key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#666}.kc-recent-taps{text-align:right;font-weight:900}.kc-recent-location{display:flex;gap:7px;align-items:center}.kc-recent-location:before{content:"●";color:#aaff32;font-size:9px}.privacy-note{line-height:1.5}
@media(max-width:900px){.keychain-map-head{align-items:flex-start}.keychain-map-layout{grid-template-columns:1fr}.keychain-metrics{grid-template-columns:1fr 1fr}.keychain-live-map{height:390px}.kc-recent-row{grid-template-columns:1fr 1fr}.kc-recent-taps{text-align:left}}
@media(max-width:560px){.keychain-map-head{padding:26px 22px;flex-direction:column}.keychain-map-head h2{font-size:38px}.keychain-metrics{grid-template-columns:1fr 1fr}.keychain-metrics strong{font-size:29px}.keychain-live-map{height:320px}.kc-map-point .map-tip{display:none}.kc-recent-row{grid-template-columns:1fr;padding:14px 0}.keychain-map-badge{align-self:flex-start}}
/* V39 — dashboard Releases tab */
.dashboard-releases-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.dashboard-releases-head h2{font-size:clamp(34px,5vw,64px);margin:8px 0 10px}
.dashboard-releases-head p{max-width:720px}
.dashboard-release-summary{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px}
.dashboard-release-summary span{border:1px solid rgba(20,20,20,.14);padding:12px 16px;font-size:12px;letter-spacing:.12em}
.dashboard-release-summary strong{font-size:18px;margin-right:6px;color:#111}
.dashboard-release-grid{margin-top:0}
.dashboard-release-card{background:#fff}
@media (max-width:760px){.dashboard-releases-head{align-items:flex-start;flex-direction:column}.dashboard-releases-head .create-release{width:100%}}
/* V43 additional keychain ordering */
.kc-reorder-card{margin-bottom:12px}.kc-reorder-copy{max-width:760px;color:#777;line-height:1.55;margin:8px 0 20px}.kc-reorder-grid{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(180px,.9fr) minmax(150px,.65fr) auto;gap:12px;align-items:end}.kc-reorder-grid label{display:grid;gap:8px;font-size:10px;font-weight:900;letter-spacing:.1em;color:#777}.kc-reorder-grid select{height:52px;border:1px solid #d9d5cc;background:#fff;padding:0 14px;font:inherit;font-size:13px;color:#111}.kc-order-price{min-height:52px;border:1px solid #d9d5cc;padding:9px 13px;display:grid;align-content:center}.kc-order-price small{font-size:8px;letter-spacing:.13em;color:#888;font-weight:900}.kc-order-price strong{font-size:19px;line-height:1}.kc-order-price span{font-size:9px;color:#6b8f36;margin-top:3px}.kc-add-order-btn{height:52px;border:0;border-radius:999px;background:#aaff32;color:#080808;padding:0 22px;font-size:11px;font-weight:950;letter-spacing:.05em;cursor:pointer;white-space:nowrap}.kc-add-order-btn:disabled{opacity:.45;cursor:not-allowed}.kc-order-status{min-height:20px;margin-top:14px;font-size:11px;color:#647e39}.kc-order-status strong{color:#111}.kc-existing-orders{margin-top:16px;border-top:1px solid #eeeae2}.kc-existing-title{display:flex;justify-content:space-between;gap:12px;padding:14px 0 8px}.kc-existing-title small{font-size:9px;letter-spacing:.13em;color:#888;font-weight:900}.kc-existing-title strong{font-size:11px}.kc-existing-row{display:grid;grid-template-columns:1fr auto auto;gap:18px;padding:11px 0;border-top:1px solid #f1eee8;align-items:center;font-size:11px}.kc-existing-row b{font-size:11px}.kc-existing-row em{font-size:9px;font-style:normal;color:#6f8f3a;font-weight:900}.kc-no-orders{font-size:11px;color:#999;padding:14px 0;margin:0}@media(max-width:900px){.kc-reorder-grid{grid-template-columns:1fr 1fr}.kc-add-order-btn{width:100%}}@media(max-width:600px){.kc-reorder-grid{grid-template-columns:1fr}.kc-existing-row{grid-template-columns:1fr auto}.kc-existing-row em{grid-column:1/-1}}
/* V44 checkout */
.artist-home-badge-link{cursor:pointer;position:relative;text-decoration:none}.artist-home-badge-link em{display:block;margin-top:6px;font-size:8px;letter-spacing:.16em;color:#aaff32;font-style:normal;font-weight:900}.checkout-main{background:#f4f1e9;min-height:100vh}.checkout-sub{max-width:760px;color:#777;line-height:1.55}.checkout-layout{display:grid;gap:14px}.checkout-card,.checkout-summary-card{background:#fff}.checkout-label{display:grid;gap:9px;font-size:10px;font-weight:900;letter-spacing:.12em;color:#777}.checkout-label select{height:54px;border:1px solid #d9d5cc;background:#fff;padding:0 14px;font:inherit;color:#111}.checkout-release-preview{margin-top:18px;display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center;padding:14px;border:1px solid #e8e3da}.checkout-release-preview img,.checkout-cover-placeholder{width:92px;height:92px;object-fit:cover;background:#111;color:#aaff32;display:grid;place-items:center;font-weight:950}.checkout-release-preview div:last-child{display:grid;gap:5px}.checkout-release-preview small{font-size:8px;letter-spacing:.14em;color:#999;font-weight:900}.checkout-release-preview strong{font-size:18px}.checkout-release-preview span{font-size:11px;color:#777}.checkout-qty-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.checkout-qty-grid button{min-height:112px;border:1px solid #ded8cf;background:#fff;display:grid;align-content:center;gap:5px;text-align:left;padding:16px;cursor:pointer}.checkout-qty-grid button.active{border-color:#90d900;box-shadow:inset 0 0 0 2px #aaff32;background:#f7ffe9}.checkout-qty-grid small{font-size:8px;letter-spacing:.12em;color:#888;font-weight:900}.checkout-qty-grid strong{font-size:28px}.checkout-qty-grid span{font-size:13px;font-weight:900}.checkout-summary-row,.checkout-total{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid #eeeae2}.checkout-summary-row span{font-size:11px;color:#777}.checkout-summary-row strong{font-size:13px}.checkout-total{margin-top:8px;align-items:end}.checkout-total span{font-size:10px;font-weight:900;letter-spacing:.15em}.checkout-total strong{font-size:40px;line-height:1}.checkout-pay-btn{width:100%;height:58px;margin-top:18px;border:0;border-radius:999px;background:#aaff32;color:#050505;font-weight:950;cursor:pointer}.checkout-status{min-height:24px;margin-top:12px;font-size:11px;color:#667b3b;line-height:1.45}.checkout-fineprint{font-size:9px;line-height:1.5;color:#999;margin-top:12px}@media(max-width:900px){.checkout-qty-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.checkout-qty-grid{grid-template-columns:1fr 1fr}.checkout-release-preview{grid-template-columns:70px 1fr}.checkout-release-preview img,.checkout-cover-placeholder{width:70px;height:70px}}
/* V45 — artist social links */
.artist-social-card{margin:0 0 22px;background:#111;border:1px solid #333;padding:28px;color:#fff}.artist-social-copy h2{font-size:32px;margin:5px 0 8px}.artist-social-copy>p:last-child{color:#929292;max-width:700px;line-height:1.55}.artist-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.artist-social-grid label{display:grid;gap:7px;font-size:10px;font-weight:900;letter-spacing:.1em;color:#aaa}.artist-social-grid input{height:48px;border:1px solid #3a3a3a;background:#090909;color:#fff;padding:0 13px;font:inherit}.artist-social-actions{display:flex;align-items:center;gap:14px;margin-top:16px}.artist-social-actions span{font-size:10px;color:#8c8c8c}.fan-social-links{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px 20px 18px}.fan-social-links>span{width:100%;text-align:center;font-size:8px;letter-spacing:.18em;color:#888;font-weight:900}.fan-social-links a{border:1px solid #303030;border-radius:999px;padding:8px 12px;color:#fff;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.06em}.fan-social-links a:hover,.fan-social-links a:focus-visible{border-color:#aaff32;color:#aaff32}@media(max-width:680px){.artist-social-grid{grid-template-columns:1fr}.artist-social-card{padding:22px}.artist-social-actions{align-items:flex-start;flex-direction:column}}
/* TAKEBK V46 checkout fixes */
.checkout-qty-grid button{cursor:pointer;pointer-events:auto;position:relative;z-index:2}
.checkout-qty-grid button.active{outline:3px solid currentColor;outline-offset:-3px;transform:translateY(-2px)}
.checkout-release-preview img{width:150px;height:150px;object-fit:cover;display:block}
/* TAKEBK V47 — release-level social links */
.release-social-block{margin-top:28px;padding-top:24px;border-top:1px solid rgba(0,0,0,.12)}
.release-social-block h3{margin:.35rem 0 .35rem}
.release-social-grid{margin-top:16px}
/* TAKEBK V49 — fan social buttons in Step 6 preview */
.preview-social-links{padding:0 22px 14px;text-align:left}.preview-social-links>span{display:block;margin-bottom:8px;font-size:8px;font-weight:900;letter-spacing:.16em;color:#858585}.preview-social-links>div{display:flex;gap:7px;flex-wrap:wrap}.preview-social-links a{display:inline-flex;align-items:center;min-height:28px;padding:6px 9px;border:1px solid #343434;border-radius:999px;color:#fff;text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.04em}.preview-social-links a:hover,.preview-social-links a:focus-visible{border-color:#aaff32;color:#aaff32}.preview-social-links.hidden{display:none!important}
/* TAKEBK V50 — reliable front-cover keychain preview.
Artist page only. The cover and case are separate layers so artwork can never drift
away from the case. The square insert is locked to the photographed case geometry. */
.v30-keychain-summary .v50-photo-keychain{
width:min(100%,560px);
aspect-ratio:1392/1130;
margin:0;
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 52% 56%,rgba(255,255,255,.07),transparent 38%),
linear-gradient(145deg,#151515,#060606 72%);
filter:drop-shadow(0 20px 28px rgba(0,0,0,.30));
}
/* The album art is the FIRST layer. 438×318 to 1083×963 in the source geometry. */
.v30-keychain-summary .v50-front-art{
position:absolute !important;
left:31.47% !important;
top:28.14% !important;
width:46.34% !important;
aspect-ratio:1/1 !important;
height:auto !important;
inset:auto !important;
z-index:2 !important;
overflow:hidden !important;
border:0 !important;
border-radius:0 !important;
clip-path:none !important;
background:#171717 center/cover no-repeat !important;
display:grid !important;
place-items:center !important;
color:#777;
font-size:10px;
font-weight:900;
letter-spacing:.10em;
text-align:center;
box-shadow:0 2px 14px rgba(0,0,0,.32) !important;
}
.v30-keychain-summary .v50-front-art.has-art{
background-size:cover !important;
background-position:center !important;
background-repeat:no-repeat !important;
}
.v30-keychain-summary .v50-front-art.has-art span{display:none!important}
.v30-keychain-summary .v50-front-art:after{display:none!important}
/* Transparent photographed case/chain sits OVER the artwork. */
.v30-keychain-summary .v50-case-overlay{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:contain;
z-index:4;
pointer-events:none;
}
/* Subtle front-plastic reflection inside the exact square opening. */
.v30-keychain-summary .v50-case-sheen{
position:absolute;
left:31.47%;
top:28.14%;
width:46.34%;
aspect-ratio:1/1;
z-index:5;
pointer-events:none;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),inset 0 0 16px rgba(255,255,255,.05);
background:linear-gradient(125deg,rgba(255,255,255,.13),transparent 20%,transparent 68%,rgba(255,255,255,.035));
}
@media(max-width:520px){
.v30-keychain-summary .v50-photo-keychain{width:100%}
.v30-keychain-summary .v50-front-art{font-size:8px}
}