/* PlayForU Studio — 2026 visual system */
:root{--ink:#111114;--ink-2:#1b1b21;--ink-3:#26262f;--text:#f5f3ed;--muted:#a3a2af;--coin:#b8a2ff;--coin-ink:#191127;--glow:#b8a2ff;--r-md:20px;--r-lg:28px}
body{background:var(--ink);font-feature-settings:"ss01" on}button,a,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--coin);outline-offset:5px}::selection{background:var(--coin);color:var(--coin-ink)}.skip-link{position:fixed;top:-100px;left:16px;z-index:100000;padding:12px 22px;background:var(--coin);color:var(--coin-ink);border-radius:8px}.skip-link:focus{top:16px}.shell{max-width:1280px;padding-inline:40px}.site-header{background:color-mix(in srgb,var(--ink) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.site-header .shell{min-height:94px}.brand{font-size:23px;letter-spacing:-1px}.brand small{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;margin-top:5px}.brand-mark i{background:var(--coin)!important}.main-nav{gap:24px}.main-nav a{font-size:13px}.nav-home-link{display:none!important}.lang-select{max-width:100px}.btn{border-radius:100px;min-height:48px;font-size:13px;padding:14px 24px;gap:20px;box-shadow:none!important;font-weight:700}.btn-green{background:var(--coin);color:var(--coin-ink);border:1px solid var(--coin)}.btn-green:hover{background:color-mix(in srgb,var(--coin) 85%,var(--text));color:var(--coin-ink);transform:translateY(-2px)}.btn-ghost{border:1px solid var(--line-strong)}.btn-white{background:#f5f3ed;color:#191127}.studio-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:inline-flex;align-items:center;gap:9px}.studio-eyebrow i{width:6px;height:6px;border-radius:100%;background:var(--coin);box-shadow:0 0 0 4px color-mix(in srgb,var(--coin) 12%,transparent)}.studio-hero{padding-block:86px 78px;display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}.studio-home h1{font-size:clamp(52px,5.8vw,80px);line-height:1.06;letter-spacing:-5px;font-weight:600;margin:25px 0}.studio-home h1 em,.era-cta em{font-style:normal;color:var(--coin)}.studio-lead{max-width:460px;font-size:16px;line-height:1.85;color:var(--muted)}.studio-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.studio-text-link{font-size:12px;font-weight:700;display:inline-flex;gap:15px;align-items:center;padding:12px 0}.studio-promise{display:flex;gap:19px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:29px}.era-art{height:520px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 60% 45%,#413a57 0%,#24212c 42%,#1a191e 72%);border:1px solid #37333f;border-radius:var(--r-lg)}.orbit{position:absolute;width:620px;height:620px;border:1px solid #575064;border-radius:50%;top:-50px;left:-80px;opacity:.35}.orbit-two{width:490px;height:490px;top:20px;left:-12px}.art-caption{position:absolute;top:27px;left:28px;color:#d1c8dc;font-size:9px;letter-spacing:2px}.art-index{position:absolute;bottom:27px;left:28px;font-size:9px;letter-spacing:2px;color:#b3a7c5}.vinyl{position:absolute;width:335px;height:335px;top:78px;right:-28px;border-radius:50%;background:repeating-radial-gradient(circle,#0b0b0e 0 2px,#242429 3px,#101014 4px 6px);box-shadow:0 18px 35px #08080ab0;display:grid;place-items:center;transform:rotate(15deg)}.vinyl:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#ffffff10,transparent,#ffffff16,transparent)}.vinyl-label{height:116px;width:116px;background:#b8a2ff;border-radius:50%;color:#251940;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.vinyl-label span{font-size:25px;font-weight:900;letter-spacing:-2px}.vinyl-label i{width:11px;height:11px;border-radius:50%;background:#101014}.vinyl-label small{font-size:5px;letter-spacing:1px}.record-sleeve{width:296px;height:335px;position:absolute;top:90px;left:37px;transform:rotate(-9deg);background:#b8a2ff;color:#261c3c;padding:20px;box-shadow:0 24px 60px #0007;overflow:hidden}.sleeve-top{font-size:7px;font-weight:800;letter-spacing:1px;display:flex;justify-content:space-between;position:relative;z-index:2}.record-sleeve strong{position:absolute;bottom:34px;font-family:var(--display);font-size:45px;line-height:.9;letter-spacing:-3px}.sleeve-bottom{position:absolute;bottom:14px;font-size:6px;font-weight:700;letter-spacing:1.2px}.sleeve-sculpture{position:absolute;top:54px;right:-12px;width:180px;height:210px;transform:rotate(-28deg);display:flex;gap:9px;align-items:center}.sleeve-sculpture i{width:29px;height:170px;border-radius:40px;background:linear-gradient(90deg,#282032,#635181 55%,#291d40);box-shadow:4px 10px 12px #30214540}.sleeve-sculpture i:nth-child(2){height:230px}.sleeve-sculpture i:nth-child(3){height:260px}.sleeve-sculpture i:nth-child(4){height:210px}.release-float{position:absolute;bottom:69px;right:22px;border-radius:14px;background:#f5f3ed;color:#232129;box-shadow:0 14px 40px #0005;padding:16px 19px;display:flex;gap:13px;align-items:center;transform:rotate(3deg)}.release-float-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#dfd5f9;font-size:24px}.release-float div{display:grid;gap:3px}.release-float small{font-size:6px;letter-spacing:1.5px}.release-float strong{font-size:12px}.release-float div>span{font-size:8px;color:#615970}.platform-strip{border-block:1px solid var(--line);padding-block:28px}.platform-strip>.shell{display:flex;align-items:center;gap:60px}.platform-strip .shell>span{font-size:8px;letter-spacing:1.5px;line-height:1.8;color:var(--muted);min-width:130px}.platform-names{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;color:var(--text)}.platform-names b{font-size:17px;letter-spacing:-.5px;white-space:nowrap;font-weight:600}.studio-section{padding-block:86px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:35px}.studio-home h2{font-size:clamp(32px,3.7vw,48px);font-weight:500;line-height:1.15;letter-spacing:-2px;margin:18px 0 0}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:295px;margin:0 0 5px}.toolkit-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:18px}.toolkit-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:27px;position:relative;min-height:356px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.card-index{font-size:8px;letter-spacing:1.6px;color:var(--muted)}.toolkit-card h3{font-size:21px;letter-spacing:-.8px;font-weight:500;margin:20px 0 9px}.toolkit-card p{font-size:12px;line-height:1.8;color:var(--muted);max-width:245px}.toolkit-card>a{margin-top:auto;padding-top:22px;font-size:11px;color:var(--coin);font-weight:700}.toolkit-featured{background:color-mix(in srgb,var(--coin) 12%,var(--surface))}.toolkit-featured h3{font-size:30px;max-width:230px;line-height:1.2}.toolkit-featured p{max-width:240px}.store-orbit{position:absolute;width:150px;height:150px;border:1px solid var(--line-strong);border-radius:50%;right:-45px;bottom:25px;display:grid;place-items:center;transform:rotate(-15deg)}.store-orbit span{height:65px;width:65px;background:var(--coin);color:var(--coin-ink);font-size:34px;border-radius:20px;display:grid;place-items:center}.store-orbit i{position:absolute;width:27px;height:27px;border-radius:9px;background:var(--surface-2);font-size:9px;font-style:normal;display:grid;place-items:center;border:1px solid var(--line)}.store-orbit i:nth-of-type(1){top:-12px}.store-orbit i:nth-of-type(2){left:-12px}.store-orbit i:nth-of-type(3){bottom:-12px}.store-orbit i:nth-of-type(4){right:-12px}.royalty-visual{display:flex;align-items:center;gap:18px;margin-top:24px}.royalty-visual strong{font-size:69px;letter-spacing:-4px;font-weight:500;color:var(--coin);line-height:1.2}.royalty-visual small{font-size:25px}.royalty-visual>span{font-size:10px;color:var(--muted)}.workflow-visual{margin-top:27px;display:grid;gap:8px;width:100%}.workflow-visual>span{padding:7px 10px;background:var(--ink);border:1px solid var(--line);border-radius:9px;font-size:10px;display:flex;align-items:center;gap:10px}.workflow-visual i{color:var(--coin);font-style:normal}.journey-section{background:var(--surface);border-block:1px solid var(--line)}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.journey-grid article{border-top:1px solid var(--line-strong);padding-top:26px}.journey-grid article>span{font-size:13px;color:var(--coin);font-family:var(--mono)}.journey-grid h3{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:22px 0 12px}.journey-grid p{font-size:12px;line-height:1.85;color:var(--muted);max-width:290px}.workspace-banner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.workspace-banner p{font-size:13px;line-height:1.85;color:var(--muted);max-width:370px;margin:22px 0}.workspace-preview{padding:28px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-lg);transform:rotate(-2deg);box-shadow:0 20px 80px #0002}.preview-top{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1px}.preview-top .brand-mark{transform:scale(.65)}.preview-top>i{margin-left:auto;color:var(--coin);font-style:normal}.workspace-preview h3{font-size:21px;font-weight:500;margin-block:25px}.preview-stats{display:flex;gap:14px}.preview-stats>div{flex:1;padding:17px;background:var(--ink);border:1px solid var(--line);border-radius:12px;display:grid;gap:8px}.preview-stats small{font-size:7px;letter-spacing:1px;color:var(--muted)}.preview-stats b{font-size:12px;font-weight:500}.preview-release{display:flex;gap:14px;align-items:center;padding:23px 0}.preview-release>div{width:48px;height:48px;border-radius:8px;background:var(--coin);color:var(--coin-ink);display:grid;place-items:center;font-size:23px}.preview-release>span{display:grid;gap:4px}.preview-release strong{font-size:12px}.preview-release small{font-size:9px;color:var(--muted)}.preview-release>b{margin-left:auto;font-size:8px;background:var(--ink);border:1px solid var(--line);padding:4px 10px;border-radius:8px}.preview-progress{display:flex;gap:8px}.preview-progress i{height:3px;border-radius:3px;background:var(--line-strong);flex:1}.preview-progress i:first-child{background:var(--coin)}.preview-label{display:block;text-align:right;color:var(--muted);font-size:6px;letter-spacing:1px;margin-top:20px}.home-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-top:0}.home-faq .studio-text-link{margin-top:24px}.home-faq details{border-bottom:1px solid var(--line-strong);padding:21px 0}.home-faq summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:15px}.home-faq summary:after{content:"+";color:var(--coin)}.home-faq details[open] summary:after{content:"−"}.home-faq details p{color:var(--muted);font-size:12px;line-height:1.9;max-width:500px}.era-cta{background:var(--coin);color:var(--coin-ink);border-radius:var(--r-lg);padding:55px;position:relative;overflow:hidden;margin-bottom:80px}.era-cta h2{font-size:68px;position:relative;z-index:1;line-height:1.05;margin-bottom:30px}.era-cta em{color:var(--coin-ink);opacity:.65}.era-cta .studio-eyebrow{position:relative;z-index:1}.cta-watermark{position:absolute;right:-20px;bottom:-100px;font-size:320px;font-weight:800;letter-spacing:-35px;opacity:.09;line-height:1.3}.era-cta>a{position:relative;z-index:1}.site-footer{background:var(--ink);border-top:1px solid var(--line);padding-top:50px}.announcement-bar{padding:11px 20px;text-align:center;font-size:12px;background:var(--coin);color:var(--coin-ink)}.announcement-bar a{text-decoration:underline}.sidebar{background:var(--ink);border-color:var(--line);padding-top:26px}.sidebar .brand{font-size:21px}.nav-item{border-radius:10px;margin:3px 0;font-size:12px}.nav-item.active{background:color-mix(in srgb,var(--coin) 12%,transparent);color:var(--coin)}.topbar{background:color-mix(in srgb,var(--ink) 95%,transparent);min-height:82px;border-bottom:1px solid var(--line)}.topbar h1{font-size:20px;font-weight:600}.dash-body{max-width:1500px;padding:30px}.card,.stat-card{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);box-shadow:none}.data-table th{font-size:10px;text-transform:uppercase;letter-spacing:1px}.data-table td{padding-block:17px}.data-table tr:hover{background:color-mix(in srgb,var(--coin) 4%,transparent)}.card:has(.data-table){overflow-x:auto}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.editor-grid .card{padding:26px}.editor-grid h3{margin-top:0}.theme-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.theme-presets button{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:12px;padding:13px 6px;font-size:10px}.theme-presets button[aria-pressed=true]{border-color:var(--coin);outline:1px solid var(--coin)}.preset-dot{display:block;margin:0 auto 8px;width:26px;height:26px;border:3px solid #ffffff50;border-radius:50%}.color-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.color-fields label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.color-fields input{width:45px;height:36px;padding:2px;border:1px solid var(--line-strong);border-radius:8px;background:var(--ink);cursor:pointer}.editor-field{display:grid;gap:8px;margin-top:19px;font-size:12px}.editor-field input,.editor-field textarea,.editor-field select{width:100%;background:var(--ink);color:var(--text);border:1px solid var(--line-strong);border-radius:10px;padding:12px;font:inherit}.editor-field textarea{min-height:90px;resize:vertical}.editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.editor-status{color:var(--muted);font-size:12px;min-height:24px;margin-top:15px}.editor-preview{padding:26px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.editor-preview h2{font-size:38px;letter-spacing:-1px;line-height:1.2}.editor-preview p{color:var(--muted);font-size:13px}.search-preview{margin-top:26px;background:var(--surface);border:1px solid var(--line);padding:22px;border-radius:16px;overflow-wrap:anywhere}.search-preview h4{color:var(--coin);font-size:17px;margin:10px 0}.search-preview p{color:var(--muted);font-size:12px}.search-launch{display:flex;gap:12px;align-items:center;color:var(--muted);border:1px solid var(--line-strong);background:transparent;border-radius:50px;padding:8px 15px;font-size:11px}.search-launch kbd{font-size:9px}.ops-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.ops-heading h2{font-size:28px;letter-spacing:-1px;margin:0}.ops-heading p{font-size:12px;color:var(--muted)}.ops-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:24px}.ops-grid>.card{padding:23px}.ops-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}.ops-item:last-child{border:0}.ops-item strong{display:block;font-size:13px}.ops-item small{color:var(--muted);font-size:11px}.ops-item>span{font-size:11px;color:var(--coin)}.catalogue-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.catalogue-toolbar input{flex:1;min-width:180px}.catalogue-toolbar input,.catalogue-toolbar select{background:var(--surface);color:var(--text);border:1px solid var(--line-strong);padding:12px 16px;border-radius:12px;font:inherit;font-size:12px}.catalogue-count{font-size:12px;color:var(--muted);margin-bottom:16px}.command-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding:16vh 20px 20px}.command-box{width:min(620px,100%);background:var(--surface);border:1px solid var(--line-strong);border-radius:20px;box-shadow:0 30px 100px #0008;overflow:hidden}.command-head{display:flex;border-bottom:1px solid var(--line);padding:20px;gap:15px}.command-head input{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font:inherit;outline:none}.command-head button{border:none;background:none;color:var(--muted)}.command-results{max-height:45vh;overflow-y:auto;padding:10px}.command-results a{display:flex;align-items:center;justify-content:space-between;padding:14px;border-radius:10px;font-size:13px}.command-results a:hover,.command-results a:focus{background:var(--surface-2)}.command-results small{color:var(--muted);font-size:10px}.command-results p{padding:12px;color:var(--muted);font-size:12px}.network-status{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:11000;padding:10px 18px;background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:50px;font-size:12px;box-shadow:0 10px 25px #0004}.network-status[hidden]{display:none}.mobile-brand{min-width:44px;min-height:44px}.site-header .menu-toggle{min-width:44px;min-height:44px}.is-loading{opacity:.6;pointer-events:none}.error-message{color:var(--danger)}
@media(min-width:1600px){.studio-hero{padding-block:100px}.studio-home h1{font-size:86px}}
@media(max-width:1100px){.main-nav{gap:14px}.main-nav a{font-size:11px}.brand small{display:none}.site-header .lang-select{display:none}.studio-hero{gap:20px}.studio-home h1{font-size:62px;letter-spacing:-3px}.studio-actions{gap:16px;flex-wrap:wrap}.era-art{height:490px}.record-sleeve{left:22px;width:260px;height:320px}.vinyl{width:300px;height:300px}.platform-names{gap:18px;flex-wrap:wrap}.platform-names b{font-size:14px}.toolkit-card{padding:22px}.workspace-banner{gap:35px}.search-launch kbd{display:none}}
@media(max-width:780px){.shell{padding-inline:22px}.site-header .shell{min-height:76px}.site-header .header-actions{gap:12px}.studio-hero{grid-template-columns:1fr;padding-block:48px;gap:38px}.studio-home h1{font-size:62px;letter-spacing:-3px}.studio-eyebrow{font-size:8px;letter-spacing:1.4px}.studio-lead{font-size:14px;max-width:440px}.studio-promise{font-size:9px;gap:14px}.era-art{height:430px;max-width:540px;width:100%;justify-self:center}.record-sleeve{top:70px;left:45px;height:300px;width:265px}.vinyl{top:70px;right:0}.release-float{bottom:39px}.art-index{display:none}.platform-strip>.shell{display:block}.platform-strip .shell>span{display:block;margin-bottom:22px}.platform-strip .shell>span br{display:none}.platform-names{justify-content:flex-start;gap:22px 28px}.studio-section{padding-block:55px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.section-heading>p{max-width:100%}.toolkit-grid{grid-template-columns:1fr}.toolkit-card{min-height:300px}.toolkit-featured{min-height:330px}.toolkit-featured p{max-width:70%}.store-orbit{right:15px;bottom:55px}.journey-grid{grid-template-columns:1fr;gap:25px}.journey-grid h3{margin-top:12px}.journey-grid p{max-width:100%}.workspace-banner{grid-template-columns:1fr;gap:35px}.workspace-preview{transform:none}.home-faq{grid-template-columns:1fr;gap:20px;padding-top:0}.era-cta{padding:32px;margin-bottom:50px}.era-cta h2{font-size:50px}.cta-watermark{font-size:220px;bottom:-65px}.editor-grid,.ops-grid{grid-template-columns:1fr}.dash-body{padding:20px 16px 100px}.topbar{min-height:70px;gap:10px}.topbar h1{font-size:16px}.topbar .lang-select{max-width:70px;font-size:10px}.search-launch{padding:9px;font-size:0}.search-launch span{font-size:18px}.search-launch kbd{display:none}.ops-heading{align-items:flex-start;flex-direction:column}.editor-grid .card{padding:20px}.network-status{bottom:calc(85px + env(safe-area-inset-bottom));width:max-content;max-width:90%;text-align:center}.data-table{min-width:600px}.command-backdrop{padding-top:8vh}.theme-presets{gap:6px}.studio-home h2{font-size:35px}.site-header .login-link{display:none}}
@media(max-width:380px){.studio-home h1{font-size:52px}.studio-actions .btn{width:100%}.era-art{height:380px}.record-sleeve{left:20px;width:225px;height:265px}.record-sleeve strong{font-size:36px}.vinyl{width:255px;height:255px}.release-float{right:10px;padding:12px}.studio-promise{gap:10px}.theme-presets{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.workspace-preview,.record-sleeve,.release-float{transform:none}}
@media(display-mode:standalone){.site-header{padding-top:env(safe-area-inset-top)}.topbar{padding-top:env(safe-area-inset-top)}body{overscroll-behavior-y:none}}

.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.featured-art{aspect-ratio:1;background:color-mix(in srgb,var(--coin) 20%,var(--surface));border-radius:var(--r-md);overflow:hidden;display:grid;place-items:center}.featured-art img{width:100%;height:100%;object-fit:cover}.featured-art>span{font-size:65px;color:var(--coin)}.featured-grid h3{font-size:16px;margin:16px 0 4px}.featured-grid p{font-size:12px;color:var(--muted);margin:0}@media(max-width:780px){.featured-grid{grid-template-columns:repeat(2,1fr);gap:22px 14px}.featured-grid h3{font-size:14px}}