:root{--bg:#030a19;--panel:#08152d;--panel2:#0d1d3d;--line:#29456f;--cyan:#35d9ff;--violet:#8f4dff;--pink:#e641db;--gold:#ffc43d;--green:#49eba0;--text:#f7f9ff;--muted:#aebbd3}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% 0,#17245d 0,transparent 34%),linear-gradient(135deg,#020817,#071229 48%,#09051d);color:var(--text);font-family:Inter,sans-serif;letter-spacing:0}.publish-topbar{min-height:76px;display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:22px;padding:10px 22px;border-bottom:1px solid #21335a;background:#020817e8;position:sticky;top:0;z-index:20}.publish-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.publish-brand span{width:30px;height:30px;display:block;transform:rotate(45deg);border-radius:7px;background:linear-gradient(135deg,var(--violet),var(--cyan));box-shadow:inset 0 0 0 8px #18205a}.back-link,.account-link{color:#dce7fb;text-decoration:none;font-weight:700;font-size:.82rem}.publish-title{text-align:center}.publish-title p,.eyebrow{margin:0;color:#9fefff;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:1.5px}.publish-title h1{margin:0;font:800 1.65rem "Baloo 2",sans-serif;background:linear-gradient(90deg,#fff,var(--cyan),#e369ff);color:transparent;background-clip:text}.publish-title span{color:var(--muted);font-size:.75rem}.credit-pill{padding:10px 15px;border:1px solid #43527f;border-radius:8px;background:#0c1530;font-weight:900}.creator-flow-nav{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-bottom:1px solid #182d50;background:#071126;overflow:auto;white-space:nowrap}.creator-flow-nav a{padding:5px 8px;color:#92a2bf;text-decoration:none;font-size:.68rem;font-weight:800}.creator-flow-nav a[aria-current=page]{color:#fff;border:1px solid #8e4cff;border-radius:6px;background:#5221a166}.creator-flow-nav span{color:#526582}.publishing-shell{display:grid;grid-template-columns:238px minmax(0,1fr);gap:18px;max-width:1540px;margin:auto;padding:18px}.book-summary{position:sticky;top:126px;align-self:start;padding:16px;border:1px solid var(--line);border-radius:8px;background:#07142a}.mini-book{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #263c61}.mini-book img{width:72px;aspect-ratio:2/3;object-fit:cover;border-radius:5px;background:#101f3c}.mini-book h2{margin:0;font-size:.92rem}.mini-book span{display:block;margin-top:6px;color:#b89cff;font-size:.72rem}.book-summary ul{list-style:none;padding:7px 0;margin:0}.book-summary li{display:flex;justify-content:space-between;padding:8px 0;color:#dce7fa;font-size:.72rem;border-bottom:1px solid #162948}.book-summary li b{color:var(--green);font-size:.65rem}.quality-ring{padding:15px 0}.quality-ring>div{width:112px;height:112px;display:grid;place-content:center;margin:0 auto 12px;border-radius:50%;text-align:center;background:radial-gradient(circle,#08142b 58%,transparent 60%),conic-gradient(var(--violet) 0 95%,#253653 95%);box-shadow:0 0 22px #843fff55}.quality-ring strong{font-size:1.65rem}.quality-ring span{display:block;font-size:.62rem}.quality-ring p{margin:6px 0;color:#b6c5dd;font-size:.68rem}.quality-ring p:before{content:"✓";color:var(--green);margin-right:7px}.orbit-tip{position:relative;padding:12px 78px 12px 12px;border:1px solid #493478;border-radius:7px;background:#140c31}.orbit-tip img{position:absolute;right:4px;bottom:0;width:72px}.orbit-tip strong{font-size:.72rem;color:#d3b7ff}.orbit-tip p{font-size:.65rem;color:#c5cce0}.publishing-workspace{min-width:0}.publish-progress{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin:0 0 16px;padding:14px 10px;list-style:none;border:1px solid var(--line);border-radius:8px;background:#08142b}.publish-progress li{display:flex;align-items:center;gap:8px;position:relative}.publish-progress li:not(:last-child):after{content:"";position:absolute;left:35px;right:3px;top:14px;height:2px;background:#27395c}.publish-progress b{width:30px;height:30px;z-index:1;display:grid;place-items:center;border:1px solid #46577c;border-radius:50%;background:#0a1730;font-size:.72rem}.publish-progress span{font-size:.68rem;font-weight:800}.publish-progress small{display:block;margin-top:2px;color:#7889a9;font-size:.55rem}.publish-progress li.is-complete b{border-color:var(--green);color:var(--green)}.publish-progress li.is-complete small{color:var(--green)}.publish-progress li.is-current b{border-color:#e268ff;color:#fff;box-shadow:0 0 18px #c83cffaa}.publish-progress li.is-current small{color:#f192ff}.studio-step,.launch-success{display:none;padding:22px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#08162f,#071126)}.studio-step.is-active{display:block}.celebration-step.is-active{display:grid;grid-template-columns:1fr 250px;align-items:center;min-height:490px;overflow:hidden;background:radial-gradient(circle at 85% 45%,#3d1a74 0,transparent 36%),linear-gradient(145deg,#07162f,#090d28)}.celebration-step>img{width:240px;filter:drop-shadow(0 0 30px #5ecfff66)}.celebration-copy{padding:30px}.celebration-copy h2,.step-heading h2,.final-publish-step h2,.launch-success h2{margin:8px 0;font:800 2.1rem "Baloo 2",sans-serif}.celebration-copy>p{max-width:720px;color:#c2cee2;line-height:1.7}.achievement-row{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.achievement-row span{padding:9px 12px;border:1px solid #3a5985;border-radius:6px;background:#0e2143;color:#bfeeff;font-size:.72rem;font-weight:800}.step-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.step-heading h2{font-size:1.6rem}.step-heading p{margin:3px 0;color:var(--muted);font-size:.8rem}.primary-button,.secondary-button,.launch-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:7px;color:#fff;text-decoration:none;font-weight:900;cursor:pointer}.primary-button{background:linear-gradient(100deg,#278cff,#ab43f3)}.secondary-button{border-color:#3a527b;background:#101e39}.launch-button{min-width:300px;min-height:58px;background:linear-gradient(100deg,#e78d00,#ffc928);color:#281600;box-shadow:0 0 24px #ffb30088;font-size:1.05rem}.launch-button:disabled{filter:grayscale(1);opacity:.45}.step-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.cover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cover-card{position:relative;padding:8px;border:2px solid transparent;border-radius:8px;background:#0d1d3b;cursor:pointer}.cover-card.is-selected{border-color:#da53ff;box-shadow:0 0 22px #ad3bff77}.cover-card img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:5px;background:#13264a}.cover-card div{padding:10px 5px}.cover-card strong{display:block}.cover-card span{color:#aebbd3;font-size:.7rem}.cover-card em{position:absolute;right:14px;top:14px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#7836dc;font-style:normal}.cover-loading{display:flex;align-items:center;justify-content:center;gap:20px;min-height:400px}.loading-ring{--progress:10deg;width:112px;height:112px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#07142c 59%,transparent 61%),conic-gradient(var(--cyan) var(--progress),#21324e 0)}.cover-editor{display:grid;grid-template-columns:minmax(280px,430px) 1fr;gap:24px}.cover-canvas{position:relative;aspect-ratio:2/3;overflow:hidden;border:1px solid #5c4d89;border-radius:7px;background:#0b1931}.cover-canvas img{width:100%;height:100%;object-fit:cover}.cover-text{position:absolute;inset:auto 0 0;padding:18% 8% 8%;text-align:center;background:linear-gradient(transparent,#020613e8)}.cover-position-top{inset:0 0 auto;padding:8% 8% 18%;background:linear-gradient(#020613e8,transparent)}.cover-text h3{margin:0;color:var(--cover-colour,#fff4d6);font:800 clamp(1.5rem,3vw,2.6rem) "Baloo 2",sans-serif;line-height:.94;text-transform:uppercase;text-shadow:0 0 14px #8b45ff}.cover-text p{margin:8px;color:#fff;font-weight:700}.cover-text span{font-size:.72rem}.cover-effect-shadow h3{text-shadow:4px 4px 0 #000}.cover-effect-none h3{text-shadow:none}.cover-font-cinematic h3{font-family:Georgia,serif}.cover-font-playful h3{font-family:"Baloo 2",sans-serif;transform:rotate(-2deg)}.cover-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}.cover-controls label,.metadata-form label,.scene-editor-panel label{display:grid;gap:7px;color:#b9c6dc;font-size:.72rem;font-weight:800}.cover-controls input,.cover-controls select,.metadata-form input,.metadata-form select,.metadata-form textarea,.scene-editor-panel input,.scene-editor-panel textarea{width:100%;border:1px solid #344d75;border-radius:6px;background:#07142b;color:#fff;padding:11px;font:inherit}.cover-controls fieldset{margin:0;padding:10px;border:1px solid #294266;border-radius:7px}.cover-controls legend{color:#aebbd3;font-size:.7rem}.swatch{width:34px;height:34px;border:2px solid transparent;border-radius:7px;background:var(--swatch);cursor:pointer}.swatch.is-selected{border-color:var(--cyan)}.option-button{padding:8px 11px;border:1px solid #344e78;border-radius:6px;background:#0d1b37;color:#fff;cursor:pointer}.option-button.is-selected{border-color:#b650ff;background:#4e248a}.publish-scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.publish-scene-card{padding:6px;border:1px solid #28446e;border-radius:7px;background:#0c1b36;color:#fff;text-align:left;cursor:pointer}.publish-scene-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px}.publish-scene-card strong{display:block;padding:7px 3px 3px;font-size:.68rem}.publish-scene-card.is-selected{border-color:var(--cyan);box-shadow:0 0 16px #35d9ff44}.scene-editor-panel{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;margin-top:16px;padding:15px;border:1px solid #4b5f86;border-radius:8px;background:#050e20}.scene-editor-panel img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#020817;border-radius:6px}.scene-editor-panel div{display:grid;gap:12px}.metadata-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metadata-form .wide{grid-column:1/-1}.metadata-form label{position:relative}.metadata-form small{position:absolute;right:8px;bottom:7px;color:#8292ad}.reader-card-preview{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:28px;max-width:920px;margin:20px auto;padding:18px;border:1px solid #6c4fa4;border-radius:8px;background:radial-gradient(circle at 90% 10%,#4e2089,transparent 38%),#08152d}.reader-card-cover{position:relative}.reader-card-cover img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:7px}.reader-card-cover span{position:absolute;left:10px;top:10px;padding:6px 9px;border-radius:5px;background:#792be2;font-size:.65rem;font-weight:900}.reader-card-preview>div:last-child{align-self:center}.reader-card-preview h2{font:800 2rem "Baloo 2";line-height:1}.reader-card-preview p{color:#bdc9dd;line-height:1.55}.card-meta{display:flex;gap:8px;flex-wrap:wrap}.card-meta span{padding:7px 9px;border-radius:5px;background:#12274a;color:#bcefff;font-size:.68rem}.reader-card-preview button{margin-top:18px;padding:12px 20px;border:0;border-radius:6px;background:linear-gradient(100deg,#467cff,#b53de5);color:#fff;font-weight:900}.final-publish-step{text-align:center;padding-block:65px}.final-publish-step>p{max-width:700px;margin:10px auto 25px;color:#bcc8dc;line-height:1.6}.launch-emblem{font-size:4rem;color:var(--gold);text-shadow:0 0 30px #ffae00}.publish-check{display:flex;justify-content:center;gap:10px;margin:25px auto;color:#dbe5f7;font-size:.8rem}.publish-status{min-height:24px;color:#ffafc8}.launch-success{text-align:center;padding:60px}.launch-success[hidden]{display:none}.launch-success:not([hidden]){display:block}.launch-success img{width:180px}.launch-success>p{color:#c2cee0}.launch-success div{display:flex;justify-content:center;gap:10px;margin-top:25px}
@media(max-width:1000px){.publishing-shell{grid-template-columns:1fr}.book-summary{position:static}.publish-progress{overflow:auto}.publish-progress li{min-width:115px}.publish-topbar{grid-template-columns:auto 1fr auto}.back-link,.account-link{display:none}.cover-editor,.reader-card-preview{grid-template-columns:1fr}.cover-canvas{max-width:420px;margin:auto}}
@media(max-width:700px){.publish-topbar{padding:8px 12px}.publish-title span{display:none}.publishing-shell{padding:10px}.studio-step{padding:14px}.celebration-step.is-active{grid-template-columns:1fr}.celebration-step>img{width:150px;margin:auto}.celebration-copy{padding:10px}.cover-grid{grid-template-columns:1fr}.cover-controls,.metadata-form,.scene-editor-panel{grid-template-columns:1fr}.metadata-form .wide{grid-column:auto}.step-heading{align-items:flex-start;flex-direction:column}.creator-flow-nav{justify-content:flex-start}}
.publish-scene-card>button{width:100%;padding:8px;border:1px solid #42618e;border-radius:5px;background:#12274b;color:#fff;font-size:.65rem;font-weight:900;cursor:pointer}