:root{--mode-bg:#191426;--mode-panel:#261d35;--mode-panel2:#21192f;--mode-text:#fff8ff;--mode-muted:#c1aed5;--mode-border:#bb93d74d;--mode-field:#1a1327;--mode-accent:#e6c3ff;--mode-soft:#493453}
html[data-theme="light"]{color-scheme:light;--mode-bg:#f6f0fb;--mode-panel:#fffafd;--mode-panel2:#eee5f6;--mode-text:#382244;--mode-muted:#766080;--mode-border:#9266af3d;--mode-field:#ffffff;--mode-accent:#8650a5;--mode-soft:#e5d6ef}
html[data-theme="dark"]{color-scheme:dark}
body{background:var(--mode-bg);color:var(--mode-text)}body:before{background:radial-gradient(ellipse at 85% 10%,#8558ad2e,transparent 60%)}
.theme-toggle,.navigation-trigger{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid var(--mode-border);border-radius:50%;background:#b786d514;color:var(--mode-text);padding:0;margin-left:10px}.theme-toggle svg,.navigation-trigger svg{width:18px;height:18px}.theme-toggle:hover,.navigation-trigger:hover{background:var(--mode-soft)}.navigation-trigger{display:none}.top-actions{gap:12px}.topbar{border-color:var(--mode-border)}.luxury-brand>span{color:var(--mode-text)}.luxury-brand>span>span{color:var(--mode-muted)}.luxury-brand>svg{stroke:var(--mode-accent)}.desktop-nav a{color:var(--mode-muted)}.desktop-nav a:hover,.desktop-nav a.active,.desktop-nav .paid-nav-link{color:var(--mode-text)}.desktop-nav a.active:after{background:var(--mode-accent)}.header-create{color:var(--mode-text);border-color:var(--mode-border)}.topbar .preview-pill{color:var(--mode-muted)}
.hero-universe{opacity:.53;background-image:linear-gradient(90deg,var(--mode-bg),#19142610 65%,#19142644),linear-gradient(0deg,var(--mode-bg),transparent 30%,#19142620 60%,var(--mode-bg)),url('assets/original/cosmic.webp')}.luxury-hero:after{background:radial-gradient(ellipse,#a076c861,#8353b13c 40%,transparent 72%)}#hero-title{color:#fff6ff}#hero-title em{background-image:linear-gradient(100deg,#fff1d7,#f0c6ff 45%,#c193ec);-webkit-background-clip:text;background-clip:text}.hero-kicker,.hero-library-link,.hero-modes,.sculpture-caption>span:last-child,.sculpture-number{color:var(--mode-muted)}.hero-kicker>span{background:var(--mode-accent)}.hero-library-link{border-color:var(--mode-border)}.hero-library-link:hover{color:var(--mode-text)}.hero-modes a:hover{color:var(--mode-text)}.sculpture-caption>span:first-child{color:var(--mode-text)}.sculpture-back{filter:brightness(.9) saturate(.95)}.celestial-arc{border-color:#ddbeff3d}.arc-b{border-color:#a8e5f82b}.genre-rail,.creative-suite,.page-foot{border-color:var(--mode-border)}.rail-label,.suite-heading .eyebrow,.suite-number,.suite-link div>span,.section-heading .eyebrow,.book-meta>span,.page-foot,.page-foot span:last-child{color:var(--mode-muted)}.genre-rail>a{color:var(--mode-muted)}.genre-rail>a:hover{color:var(--mode-text)}.suite-heading h2,.suite-link h3,.section-heading h2,.book-meta h3{color:var(--mode-text)}.suite-heading h2 em,.section-heading h2 em{color:var(--mode-accent)}.suite-link{border-color:var(--mode-border)}.suite-link>svg,.section-heading a{color:var(--mode-accent)}
.page-heading h1,.paid-studio .page-heading h1{color:var(--mode-text)}.page-heading .eyebrow,.paid-studio .page-heading h1 em{color:var(--mode-accent)}.workspace-panel,.notebook,.paid-panel,.paid-scene-editor,.paid-summary,.timeline,.empty-drafts{background:var(--mode-panel);border-color:var(--mode-border)}.panel-top,.form-bottom,.paid-panel-heading,.paid-panel-footer,.paid-steps,.paid-bottom-actions,.paid-summary dl>div{border-color:var(--mode-border)}.panel-top,.notebook h2,.paid-panel-heading h2,.paid-source strong,.paid-book-spec h2,.paid-board-header h2,.paid-scene-select strong,.paid-summary>h2,.paid-saved-strip h3{color:var(--mode-text)}.model-tag,.field-label,.text-status,.notebook p,.timeline-top,.paid-mode,.paid-studio label,.paid-source small,.paid-book-spec>span,.paid-board-header span,.paid-scene-select small,.paid-scene-select em,.paid-scene-order button,.paid-playbar>span,.paid-save-status,.paid-summary dt,.paid-summary dd,.paid-bottom-actions>span,.paid-saved-strip span{color:var(--mode-muted)}.workspace-panel input,.workspace-panel textarea,.workspace-panel select,.paid-studio input:not([type="range"]):not([type="checkbox"]),.paid-studio select,.paid-studio textarea{background:var(--mode-field);border-color:var(--mode-border);color:var(--mode-text)}input::placeholder,textarea::placeholder{color:var(--mode-muted)}.notebook .empty-line{border-color:var(--mode-border)}.choice{background:var(--mode-panel2);border-color:var(--mode-border);color:var(--mode-muted)}.choice.selected,.filter-row .choice.selected{background:var(--mode-soft);color:var(--mode-text);border-color:var(--mode-accent)}.button{background:var(--mode-panel2);color:var(--mode-text);border-color:var(--mode-border)}.button:hover{background:var(--mode-soft)}.button.quiet{color:var(--mode-muted);background:transparent}.button.quiet:hover{background:var(--mode-soft);color:var(--mode-text)}.button.primary,.button.hero-button{background:linear-gradient(115deg,#fff0d8,#edceff);border-color:#ffeafa;color:#42234f;box-shadow:0 4px 24px #b78add22}.button.primary:hover,.button.hero-button:hover{background:#fff6ec;color:#392047}.paid-source.selected{background:var(--mode-soft);border-color:var(--mode-border)}.paid-scene-card{background:var(--mode-panel2);border-color:var(--mode-border)}.paid-scene-card.active{background:var(--mode-soft);border-color:var(--mode-accent);box-shadow:inset 2px 0 var(--mode-accent)}.paid-steps button,.paid-steps button>span{color:var(--mode-muted)}.paid-steps button.current,.paid-steps button.current>span{color:var(--mode-text)}.paid-steps button.complete{color:var(--mode-accent)}.paid-art-choices button{background:var(--mode-panel2);border-color:var(--mode-border)}.paid-art-choices span{color:var(--mode-muted)}.paid-art-choices button.selected{border-color:var(--mode-accent)}.paid-saved-strip{background:var(--mode-panel2);border-color:var(--mode-border)}.book-film,.paid-summary>.eyebrow{color:var(--mode-accent)}.paid-mode{border-color:var(--mode-border)}.paid-playbar>.icon-button{color:var(--mode-accent)}.reader-dark{background:#251a30;color:#f8eafa}.reader-dark .reader-pages p{color:#dcc8e7}.reader-dark .reader-top{color:#cdb5db}.reader-dark .reader-pagination .button{color:#edcdff}.reader-dark .reader-pagination .button:hover{background:#4c335c}.toast{background:#f0d8ff;color:#382144;border-color:#ffe8ff}.mobile-nav{background:#251b36f5;border-color:var(--mode-border)}.mobile-nav a{color:var(--mode-muted)}.mobile-nav a.active{color:var(--mode-text)}.paid-mobile-link{color:var(--mode-accent);border-color:var(--mode-border)}
.site-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(390px,92vw);height:100dvh;max-height:100dvh;padding:29px 25px;border:0;border-left:1px solid var(--mode-border);border-radius:0;background:var(--mode-panel);color:var(--mode-text);box-shadow:-20px 0 80px #0005;overflow:auto}.site-menu::backdrop{background:#120b246b;backdrop-filter:blur(10px)}.menu-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--mode-border)}.menu-heading h2{font:28px var(--serif);margin:0}.site-menu nav{display:flex;flex-direction:column;gap:8px;padding:21px 0}.site-menu nav>a{display:flex;align-items:center;gap:17px;min-height:59px;padding:13px 15px;border-radius:7px;font-size:16px;color:var(--mode-muted)}.site-menu nav>a.active{background:var(--mode-soft);color:var(--mode-text)}.site-menu nav>a:hover{background:var(--mode-soft);color:var(--mode-text)}.site-menu nav>a svg{width:21px;color:var(--mode-accent)}.menu-theme{border-top:1px solid var(--mode-border);padding-top:22px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--mode-muted)}
html[data-theme="light"] body:before{background:radial-gradient(ellipse at 80% 10%,#dcc4f05c,transparent 63%)}html[data-theme="light"] #hero-title{color:#3e284a;text-shadow:none}html[data-theme="light"] #hero-title em{background-image:linear-gradient(110deg,#a569aa,#8854af 50%,#673f93)}html[data-theme="light"] .hero-universe{opacity:.22;background-image:linear-gradient(90deg,#f6f0fb,#f6f0fb44 65%,#f6f0fb66),linear-gradient(0deg,#f6f0fb,transparent 35%,#f6f0fb42 65%,#f6f0fb),url('assets/original/cosmic.webp');filter:saturate(.6)}html[data-theme="light"] .luxury-hero:after{background:radial-gradient(ellipse,#ddc1f350,#e1c5ee35 40%,transparent 70%)}html[data-theme="light"] .sculpture-book .cover{box-shadow:20px 28px 38px #62427029,5px 4px 0 #b7a5bd44,8px 8px 0 #d7cad222}html[data-theme="light"] .cover{box-shadow:7px 15px 27px #76558b22;border-color:#8d719329}html[data-theme="light"] .book:hover .cover{box-shadow:10px 23px 35px #76558b38}html[data-theme="light"] .celestial-arc{border-color:#9b68b83a}html[data-theme="light"] .arc-b{border-color:#648fac2b}html[data-theme="light"] .button.primary,html[data-theme="light"] .button.hero-button{background:linear-gradient(115deg,#9664b5,#8055a2);border-color:#8055a2;color:#fff8ff;box-shadow:0 4px 22px #8558a22d}html[data-theme="light"] .button.primary:hover,html[data-theme="light"] .button.hero-button:hover{background:#75438f;color:white}html[data-theme="light"] .workspace-panel,html[data-theme="light"] .notebook,html[data-theme="light"] .paid-panel,html[data-theme="light"] .paid-summary{box-shadow:0 12px 40px #916aad0e}html[data-theme="light"] .image-stage,html[data-theme="light"] .video-stage,html[data-theme="light"] .paid-cinema{box-shadow:0 15px 40px #6f428426}html[data-theme="light"] .paid-source-glow{background:radial-gradient(ellipse,#d9afe63d,transparent 70%)}html[data-theme="light"] .paid-source.selected .paid-radio{background:#8952a7;border-color:#f7edfc;box-shadow:0 0 0 1px #986caf}html[data-theme="light"] .paid-radio{border-color:#97769e77}html[data-theme="light"] .mobile-nav{background:#f8f0fcf5;box-shadow:0 -4px 25px #77558414}html[data-theme="light"] .mobile-nav a.active{color:#724293;text-shadow:none}html[data-theme="light"] .mobile-nav a.active svg{filter:none}html[data-theme="light"] .paid-frame-title,html[data-theme="light"] .paid-frame-title h3,html[data-theme="light"] .paid-cinema-caption h2,html[data-theme="light"] .film-caption h2,html[data-theme="light"] .stage-caption h2{color:#fff5ff}html[data-theme="light"] .paid-cinema-caption p{color:#f0dfef}html[data-theme="light"] .output-badge,html[data-theme="light"] .paid-frame-badge{color:#f3deff;background:#311c46c9}html[data-theme="light"] .paid-display-book h2,html[data-theme="light"] .cover-type h3{color:#f3e4c7}html[data-theme="light"] .toast{background:#603c7e;color:#fff5ff;border-color:#8a5caa}html[data-theme="light"] .site-menu::backdrop{background:#6b527247}html[data-theme="light"] .paid-save-status{color:#725880}
@media(max-width:1200px){.desktop-nav{gap:22px}.top-actions{gap:7px}.theme-toggle{margin-left:0}}
@media(max-width:950px){.desktop-nav{gap:16px}.desktop-nav a{font-size:10px}.top-actions{gap:6px}.theme-toggle{width:35px;height:35px;flex-basis:35px}.luxury-brand{min-width:150px}}
@media(max-width:700px){.topbar{position:sticky;top:0;z-index:80;background:#191426ed;backdrop-filter:blur(18px);height:81px}.luxury-brand{min-width:0}.top-actions{gap:0}.header-create{display:none}.navigation-trigger{display:grid;margin-left:9px;width:35px;height:35px;flex-basis:35px}.theme-toggle{width:35px;height:35px;flex-basis:35px;margin-left:0}.paid-mobile-link{margin-right:10px;padding:7px 8px;font-size:9px}.mobile-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:90;isolation:isolate;padding:10px 7px max(12px,env(safe-area-inset-bottom));gap:1px;min-height:68px}.mobile-nav a{font-size:9px;min-width:0;min-height:45px;line-height:1.3;gap:6px}.mobile-nav a>span{white-space:nowrap;letter-spacing:-.1px}.mobile-nav a svg{width:18px;height:18px}.page-foot{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.site-menu{padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom))}.hero-universe{opacity:.49}html[data-theme="light"] .topbar{background:#f7f0fbea}html[data-theme="light"] .hero-universe{opacity:.2}.topbar .preview-pill{display:none}.luxury-hero:after{background:radial-gradient(ellipse,#a479c55c,#8352a638 40%,transparent 70%)}html[data-theme="light"] .luxury-hero:after{background:radial-gradient(ellipse,#d3a9ea43,#dcc7ec28 40%,transparent 70%)}.paid-studio .page-heading .eyebrow{color:var(--mode-accent)}}
@media(max-width:380px){.luxury-brand{gap:8px}.luxury-brand>span{font-size:20px}.luxury-brand>svg{width:27px}.luxury-brand>span>span{font-size:7px;letter-spacing:3px}.paid-mobile-link{font-size:8px;padding:6px 7px;margin-right:7px}.theme-toggle,.navigation-trigger{width:32px;height:32px;flex-basis:32px}.navigation-trigger{margin-left:7px}.theme-toggle svg,.navigation-trigger svg{width:16px;height:16px}.mobile-nav{padding-left:4px;padding-right:4px}.mobile-nav a{font-size:8px}.mobile-nav a>span{letter-spacing:-.2px}}