@import url('/css/fonts.css');
:root{color-scheme:dark;--cr-bg:#080a10;--cr-panel:#11151e;--cr-text:#f2f5f7;--cr-muted:#a9b3c2;--cr-line:#2a3443;--cr-accent:#efa6bf;--cr-error:#ffafb5}
*{box-sizing:border-box}body.creator-page{margin:0;background:var(--cr-bg);color:var(--cr-text);font-family:Inter,system-ui,sans-serif;line-height:1.6;min-height:100vh}
.creator-page a{color:inherit}.creator-page button,.creator-page input,.creator-page select,.creator-page textarea{font:inherit}
.creator-shell{max-width:1200px;margin:auto;padding:32px clamp(18px,4vw,56px) 96px}.creator-brand{display:inline-flex;gap:12px;align-items:center;text-decoration:none;font-weight:650;letter-spacing:.01em;min-height:44px}.creator-brand img{width:36px;height:36px;object-fit:contain}
.creator-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:0 0 32px}.creator-topbar nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.creator-topbar nav a{font-size:.9rem;text-decoration:none;color:var(--cr-muted)}
.creator-page h1,.creator-page h2,.creator-page h3{line-height:1.14;letter-spacing:-.035em;margin:0 0 20px;font-weight:650;overflow-wrap:anywhere}.creator-page h1{font-size:clamp(2.3rem,6vw,4.8rem);max-width:900px}.creator-page h2{font-size:clamp(1.5rem,3vw,2.4rem)}.creator-page h3{font-size:1.2rem;letter-spacing:-.01em;margin-bottom:12px}
.creator-eyebrow{color:var(--cr-accent);text-transform:uppercase;font-size:.75rem;letter-spacing:.14em;font-weight:650;margin:24px 0 18px}.creator-lead{font-size:1.1rem;color:var(--cr-muted);max-width:700px}.creator-muted{color:var(--cr-muted)}.creator-small{font-size:.85rem}.creator-section{margin:44px 0}.creator-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.creator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px}.creator-card{background:var(--cr-panel);padding:28px;border:1px solid var(--cr-line);border-radius:18px;min-width:0}.creator-card p{overflow-wrap:anywhere}.creator-card ul{padding-left:20px;color:var(--cr-muted)}
.creator-page .cr-button,.cr-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 20px;border:1px solid var(--cr-line);border-radius:9px;background:transparent;color:var(--cr-text);font-family:Inter,system-ui,sans-serif;font-size:.9rem;font-weight:650;letter-spacing:0;text-transform:none;white-space:normal;text-align:center;text-decoration:none;cursor:pointer;max-width:100%;overflow-wrap:anywhere;box-shadow:none}
.cr-button::before{display:none}.creator-page .cr-button-primary,.cr-button-primary{background:var(--cr-accent);border-color:var(--cr-accent);color:#06241d}.cr-button:hover{filter:brightness(1.08)}.cr-button:disabled{opacity:.45;cursor:wait}.creator-page :focus-visible{outline:2px solid var(--cr-accent);outline-offset:4px}
.creator-note{padding:16px 20px;border-left:3px solid var(--cr-accent);background:#10251f;margin:24px 0;border-radius:0 8px 8px 0}.creator-error{color:var(--cr-error)}.creator-price{font-size:2.5rem;letter-spacing:-.045em;font-weight:650}.creator-price small{font-size:.9rem;color:var(--cr-muted);letter-spacing:0}.creator-footer{border-top:1px solid var(--cr-line);padding:28px 0;color:var(--cr-muted);display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;margin-top:48px}.creator-footer nav{display:flex;gap:18px;flex-wrap:wrap}.creator-footer a{text-decoration:none;font-size:.85rem}
.creator-form{display:grid;gap:18px}.creator-form label{display:grid;gap:7px;font-size:.9rem}.creator-form input:not([type=checkbox]),.creator-form textarea,.creator-form select{width:100%;min-width:0;padding:12px;border-radius:8px;border:1px solid var(--cr-line);background:#080c13;color:var(--cr-text);font-size:1rem}.creator-form textarea{min-height:110px;resize:vertical}.creator-form .cr-check{display:flex;align-items:flex-start;gap:10px}.cr-check input{margin-top:7px}.creator-form input[type=checkbox]{width:18px;height:18px;accent-color:var(--cr-accent)}
.creator-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:start}.creator-cover{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;background:linear-gradient(135deg,#28574b,#253653,#512c46)}.creator-chip{display:inline-flex;padding:4px 10px;border:1px solid var(--cr-line);border-radius:99px;font-size:.75rem}.creator-empty{padding:30px;border:1px dashed var(--cr-line);border-radius:14px;color:var(--cr-muted)}.creator-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.creator-tabs a[aria-current=page]{background:var(--cr-accent);color:#06241d}.creator-metrics{display:flex;flex-wrap:wrap;gap:28px;margin:24px 0}.creator-metrics strong{display:block;font-size:2rem;line-height:1.3}.creator-metrics span{font-size:.85rem;color:var(--cr-muted)}
.creator-table{width:100%;border-collapse:collapse;font-size:.9rem}.creator-table th,.creator-table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--cr-line);overflow-wrap:anywhere}.creator-table-wrap{overflow-x:auto}.creator-hidden,[hidden]{display:none!important}.creator-status{min-height:24px;margin:10px 0;color:var(--cr-accent)}
@media(max-width:720px){.creator-split{grid-template-columns:1fr}.creator-card{padding:22px}.creator-shell{padding-top:20px}.creator-topbar{gap:12px}.creator-topbar nav{gap:14px}.creator-page h1{font-size:2.4rem}.creator-lead{font-size:1rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
.creator-skip{position:absolute;left:12px;top:-80px;background:var(--cr-accent);color:#06241d!important;padding:12px;z-index:900}.creator-skip:focus{top:12px}
.creator-form input:not([type=checkbox]),.creator-form textarea,.creator-form select{background:var(--cr-bg);color:var(--cr-text)}
[data-theme=violet]{--cr-accent:#c6adff;--cr-panel:#1b162b;--cr-bg:#110e19}[data-theme=amber]{--cr-accent:#f8ce82;--cr-panel:#211a13;--cr-bg:#110e0a}[data-theme=paper]{--cr-accent:#2d5c4e;--cr-panel:#f9f6ef;--cr-bg:#ede8dd;--cr-text:#232923;--cr-muted:#545d55;--cr-line:#c9c9bb;color-scheme:light;background:var(--cr-bg);color:var(--cr-text)}[data-theme=paper] .cr-button-primary{color:white}[data-theme=paper] .creator-note{background:#dee8df}
.release-stage{color:var(--cr-text)}.release-stage .creator-cover{border-radius:12px}.creator-art-placeholder{display:grid;place-items:center;overflow:hidden}.creator-art-placeholder>span{font-size:clamp(2.5rem,7vw,5rem);white-space:pre-line;line-height:1;font-weight:800;letter-spacing:-.07em;color:#b9ffe6;transform:rotate(-7deg)}.creator-live-preview{position:sticky;top:24px}.creator-release-description{white-space:pre-line;font-size:1.1rem;margin:28px 0;color:var(--cr-muted)}
.creator-timeline{display:grid;gap:24px;border-left:1px solid var(--cr-line);padding-left:26px}.creator-timeline article{position:relative}.creator-timeline article:before{content:'';position:absolute;left:-31px;top:10px;width:9px;height:9px;border-radius:50%;background:var(--cr-accent)}.creator-timeline h3{margin:7px 0 10px}.creator-spark{display:flex;align-items:flex-end;gap:12px;height:165px}.creator-spark>div{display:grid;justify-items:center;flex:1;gap:5px}.creator-spark span{width:100%;max-width:28px;border-radius:4px;background:var(--cr-accent)}.creator-spark small{font-size:.65rem;color:var(--cr-muted)}
.creator-tap-scene{min-height:340px;display:grid;align-content:center;perspective:800px;gap:35px}.creator-tap-card{margin:auto;width:min(100%,330px);aspect-ratio:1.58;border:1px solid #ac865a;border-radius:16px;padding:22px;text-align:left;color:#ffe4b6;background:repeating-linear-gradient(3deg,#4a3122,#4a3122 2px,#503627 4px,#503627 11px);box-shadow:0 25px 45px #0007;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transform:rotate(-7deg);transition:transform .5s}.creator-tap-card strong{font-size:1.7rem;line-height:1.1;letter-spacing:-.04em}.creator-tap-card span{font-size:.7rem}.creator-tap-card:hover{transform:rotate(-3deg) translateY(-6px)}.creator-tap-card.is-tapping{animation:creatorTap .7s ease}.creator-tap-result{text-align:center;padding:16px;border:1px solid var(--cr-line);border-radius:12px;color:var(--cr-accent)}
.creator-unlocked{animation:creatorUnlock .7s ease;border-color:var(--cr-accent)}.creator-wave{height:30px;display:flex;gap:5px;align-items:center;margin-top:15px}.creator-wave i{height:6px;width:4px;background:var(--cr-accent);animation:creatorWave .7s alternate infinite}.creator-wave i:nth-child(2n){animation-delay:.2s}.creator-wave i:nth-child(3n){animation-delay:.4s}audio{width:100%;margin-top:12px}@keyframes creatorWave{to{height:26px}}@keyframes creatorTap{50%{transform:rotate(0) translateY(-16px) rotateY(12deg)}}@keyframes creatorUnlock{50%{box-shadow:0 0 50px #80f3d333;transform:translateY(-4px)}}@media(max-width:720px){.creator-live-preview{position:static}.creator-tap-card{width:270px;max-width:100%}}
