:root{--bg: #08101d;--bg-elevated: rgba(11, 20, 39, .82);--bg-soft: rgba(26, 39, 67, .6);--panel: rgba(9, 17, 31, .82);--panel-strong: #0f1a2f;--border: rgba(186, 199, 228, .12);--border-strong: rgba(214, 223, 243, .22);--text: #f3f6ff;--text-soft: #d4dff8;--text-muted: #98aace;--primary: #8b84ff;--primary-strong: #6258de;--primary-soft: rgba(139, 132, 255, .18);--accent: #efbe74;--accent-soft: rgba(239, 190, 116, .16);--accent-glow: rgba(239, 190, 116, .08);--danger: #f87171;--success: #34d399;--reader-bg: #f6efe3;--reader-text: #2f2418;--shadow-lg: 0 36px 100px rgba(2, 7, 18, .5);--shadow-md: 0 18px 44px rgba(2, 7, 18, .3);--radius-xl: 34px;--radius-lg: 26px;--radius-md: 20px;--radius-sm: 16px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif;--line-height-tight: 1.05;--line-height-snug: 1.3;--line-height-body: 1.76;--line-height-read: 1.95}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-body);background:radial-gradient(circle at top,rgba(139,132,255,.22),transparent 30%),radial-gradient(circle at 14% 18%,rgba(239,190,116,.16),transparent 24%),radial-gradient(circle at 82% 16%,rgba(101,199,255,.08),transparent 18%),linear-gradient(180deg,#11192d,#09111f 42%,#050a14);color:var(--text);overscroll-behavior-y:none;line-height:1.55;letter-spacing:.002em}*{box-sizing:border-box}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}fieldset{margin:0;padding:0;border:0;min-width:0}legend{padding:0}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:active,a:active,.interactive-press:active{transform:scale(.985)}:focus-visible{outline:3px solid rgba(125,122,252,.55);outline-offset:2px}.skip-link{position:absolute;left:16px;top:-48px;z-index:100;padding:.8rem 1rem;border-radius:14px;background:#fff;color:#111827;font-weight:800;transition:top .2s ease}.skip-link:focus{top:16px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}button:active,a:active,.interactive-press:active,.button:hover,.button-secondary:hover,.button-danger:hover,.button-ghost:hover,.story-card:hover,.theme-card:hover,.segmented-option:hover,.length-card:hover{transform:none!important}}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.button-row-centered{justify-content:center}.hero-title-library{max-width:13ch}.section-title-sm{font-size:1.45rem}.status-card-error{border-color:#f871714d!important;background:#7f1d1d1f}.app-shell{min-height:100vh;position:relative;overflow:clip;padding:clamp(1rem,2.5vw,1.75rem)}.app-shell-mobile-polish{padding-bottom:max(24px,env(safe-area-inset-bottom))}.app-shell-has-tabs{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.app-backdrop{position:fixed;inset:0;pointer-events:none;z-index:-1}.app-backdrop-orb{position:absolute;border-radius:999px;filter:blur(8px)}.app-backdrop-orb-left{top:72px;left:-140px;width:360px;height:360px;background:radial-gradient(circle,rgba(125,122,252,.22),transparent 68%)}.app-backdrop-orb-right{top:120px;right:-110px;width:320px;height:320px;background:radial-gradient(circle,rgba(240,180,93,.18),transparent 70%)}.app-backdrop-stars{position:absolute;inset:0;opacity:.38;background-image:radial-gradient(circle at 10% 18%,rgba(255,255,255,.7) 0 1px,transparent 1.5px),radial-gradient(circle at 24% 42%,rgba(255,255,255,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 56% 14%,rgba(255,255,255,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 34%,rgba(255,255,255,.48) 0 1px,transparent 1.5px),radial-gradient(circle at 88% 22%,rgba(255,255,255,.55) 0 1px,transparent 1.5px)}.app-frame,.app-content{width:min(1240px,100%);margin:0 auto}.app-frame{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-bottom:clamp(1rem,2vw,1.75rem);padding:.35rem 0}.app-content{position:relative}.page{width:min(100%,1180px);margin:0}.page-narrow{width:min(100%,1180px)}.hero-card,.panel,.story-card,.page-card,.empty-state,.status-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-card{border-radius:var(--radius-xl);padding:clamp(1.5rem,4vw,3rem);background:linear-gradient(180deg,#0f1a31e6,#091221f0),radial-gradient(circle at top right,rgba(125,122,252,.12),transparent 26%)}.panel,.status-card,.empty-state{border-radius:var(--radius-lg);padding:clamp(var(--space-5),3vw,var(--space-8))}.panel{background:linear-gradient(180deg,#0e182df0,#09101fe6),radial-gradient(circle at top right,rgba(125,122,252,.08),transparent 24%)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.topbar-compact{margin-bottom:var(--space-4)}.topbar-mobile-app{position:sticky;top:0;z-index:20;padding:.2rem 0 .6rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--text-soft);font-weight:700;letter-spacing:.01em}.brand-link{position:relative;z-index:1}.brand-copy{display:grid;gap:.1rem}.brand-copy strong{font-size:1.02rem;font-family:var(--font-display);font-weight:700;color:#fff}.brand-copy small{color:var(--text-muted);font-size:.8rem;font-weight:600}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#7d7afcf2,#f0b45de0);box-shadow:inset 0 1px #ffffff38,0 14px 30px #6358d852}.nav-link,.text-link{color:var(--text-soft);transition:color .2s ease,transform .2s ease}.nav-link:hover,.text-link:hover{color:#fff}.nav-link-pill{padding:.7rem 1rem;border-radius:999px;background:#1e293b80;border:1px solid rgba(148,163,184,.16)}.desktop-nav{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem;border-radius:999px;background:#0a122399;border:1px solid rgba(186,199,228,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.desktop-nav-link{padding:.8rem 1.1rem;border-radius:999px;color:var(--text-soft);font-weight:700;transition:background .2s ease,color .2s ease,transform .2s ease}.desktop-nav-link:hover,.desktop-nav-link.active{background:#7d7afc29;color:#fff}.page-fade-in{animation:pageFadeIn .32s ease}.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:var(--space-8);align-items:start}.create-shell{display:grid;gap:var(--space-6)}.create-shell-premium{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:clamp(1.5rem,4vw,3rem)}.visual-shell{overflow:hidden}.create-visual{position:relative}.create-visual-premium{display:grid;gap:var(--space-4)}.create-visual-frame{position:relative;padding:clamp(.6rem,1vw,.8rem);border-radius:30px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-lg)}.create-intro{display:grid;gap:var(--space-3)}.create-intro-premium{align-content:start;gap:var(--space-4)}.create-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-6);margin-top:var(--space-8);align-items:start}.create-form-panel,.panel-library-main{display:grid;gap:var(--space-6)}.create-side-rail{display:grid;gap:var(--space-4)}.create-sidecard{background:linear-gradient(180deg,#0e182de0,#0a111fd6)}.create-section-head,.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4)}.create-inline-link{flex-shrink:0}.mobile-sheet{border-radius:32px}.step-transition{animation-duration:.26s;animation-timing-function:ease}.step-enter-left{animation-name:stepEnterLeft}.step-enter-right{animation-name:stepEnterRight}.eyebrow,.section-label,.meta-chip{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content;border-radius:999px;padding:.45rem .8rem;background:#7d7afc1f;color:#ddd9ff;font-size:.84rem;font-weight:700;letter-spacing:.01em}.eyebrow{margin-bottom:var(--space-4)}.hero-title,.section-title,.page-title,.status-title,.story-title,.brand{font-family:var(--font-display)}.hero-title,.section-title{margin:0;letter-spacing:-.03em}.hero-title{font-size:clamp(2.4rem,5vw,4.3rem);line-height:var(--line-height-tight);max-width:12ch}.hero-title-compact{max-width:11ch;font-size:clamp(2.5rem,5vw,4.2rem)}.hero-copy,.section-copy,.helper-text,.story-summary,.page-text,.muted,.mini-gallery-text{color:var(--text-soft)}.hero-copy{margin:var(--space-4) 0 0;max-width:60ch;line-height:var(--line-height-body);font-size:1.08rem}.hero-copy-compact{margin-top:0;font-size:1.06rem;max-width:52ch}.hero-note-list{display:flex;flex-wrap:wrap;gap:.75rem}.hero-note{display:inline-flex;align-items:center;min-height:42px;padding:.65rem .95rem;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-soft);font-weight:700}.hero-points,.quick-tips,.detail-list{list-style:none;padding:0;margin:0}.quick-tips{display:grid;gap:var(--space-3)}.hero-points li,.quick-tips li{position:relative;padding-left:1.4rem;color:var(--text-soft);line-height:1.55}.hero-points li:before,.quick-tips li:before{content:"•";position:absolute;left:0;color:#c4b5fd}.feature-image,.cover-image,.story-card-thumb{width:100%;display:block;object-fit:cover;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-md)}.feature-image-hero{aspect-ratio:16 / 10}.feature-image-card,.feature-image-library,.feature-image-empty{aspect-ratio:4 / 3}.feature-image-empty{max-width:320px}.visual-badge{position:absolute;right:24px;bottom:24px;display:grid;gap:.35rem;max-width:240px;padding:.95rem 1.1rem;border-radius:18px;background:#090e1dcc;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 42px #01071361}.visual-badge-kicker,.preview-label{color:#d8caff;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.preview-strip{display:grid;gap:.35rem;padding:.95rem 1rem;border-radius:var(--radius-md);background:linear-gradient(135deg,#7d7afc24,#6358d81f);border:1px solid rgba(240,180,93,.18)}.preview-strip-floating{margin-top:0}.preview-text{color:#fff;font-size:1rem}.detail-list-stack{display:flex;flex-wrap:wrap;gap:var(--space-2)}.wizard-form-shell,.simple-form,.wizard-panel{display:grid;gap:var(--space-5)}.wizard-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.wizard-step-card{display:flex;align-items:center;gap:.9rem;text-align:left;padding:1rem 1.1rem;border-radius:var(--radius-md);border:1px solid rgba(186,199,228,.14);background:#18253f3d;color:var(--text-soft);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.wizard-step-card:hover{border-color:#ddd9ff47}.wizard-step-card.active{border-color:#ccc6ff5c;background:linear-gradient(180deg,#7d7afc24,#7d7afc14);color:#fff;transform:translateY(-1px)}.wizard-step-card:disabled{opacity:.55;cursor:not-allowed}.wizard-step-card span small{display:block;margin-top:.2rem;color:var(--text-muted)}.wizard-step-number{width:40px;height:40px;border-radius:999px;display:inline-grid;place-items:center;font-weight:800;background:#0b1020b3;color:#fff}.field-grid,.field,.field label{display:grid;gap:var(--space-3)}.compact-grid,.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.field-label{font-size:.95rem;font-weight:700;color:#f8fbff}.field-hint{color:var(--text-muted);font-size:.85rem;margin-top:var(--space-1);line-height:1.45}.input,.select{width:100%;min-height:56px;border-radius:var(--radius-sm);border:1px solid rgba(186,199,228,.16);background:#09101fe0;color:var(--text);padding:.9rem 1rem;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.input-large{min-height:60px;font-size:1.05rem}.input::placeholder{color:#7f91b5}.input:hover,.select:hover{border-color:#c4b5fd6b}.input:focus,.select:focus{border-color:#a78bfabf;box-shadow:0 0 0 4px #8b5cf624}.input-meta{display:flex;justify-content:flex-end;margin-top:2px}.char-count{font-size:.78rem;color:var(--text-muted)}.theme-card-grid,.length-card-grid,.segmented{display:grid}.theme-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.theme-card{padding:0;overflow:hidden;border-radius:var(--radius-lg);border:1px solid rgba(186,199,228,.12);background:#18253f42;cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;-webkit-user-select:none;user-select:none}.theme-card:hover{transform:translateY(-3px) scale(1.01);border-color:#c4b5fd6b;box-shadow:0 20px 36px #02061757,0 0 0 1px #c4b5fd2e}.theme-card.active{transform:translateY(-2px);border-color:#c4b5fd8f;box-shadow:0 16px 30px #02061747,0 0 0 2px #7c6df64d}.theme-card-image{width:100%;aspect-ratio:16 / 10;object-fit:cover}.theme-card-label{display:block;padding:.9rem 1rem 1rem;font-weight:800;color:#fff}.length-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.length-card{display:grid;gap:.3rem;text-align:left;padding:1rem;border-radius:var(--radius-md);border:1px solid rgba(186,199,228,.12);background:#18253f47;color:var(--text-soft);cursor:pointer}.length-card.active,.length-card:hover{border-color:#c4b5fd6b;background:#8b5cf61f;color:#fff}.length-card small{color:var(--text-muted)}.segmented{grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:var(--space-3)}.segmented-compact{gap:var(--space-2)}.segmented-option{border-radius:var(--radius-sm);border:1px solid rgba(186,199,228,.12);background:#18253f75;color:var(--text-soft);padding:.85rem .9rem;text-align:center;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.segmented-option:hover{transform:scale(1.02);border-color:#c4b5fd66;color:var(--text)}.segmented-option.active{background:linear-gradient(135deg,#8b5cf63d,#4f46e53d);border-color:#c4b5fd8f;color:#fff;box-shadow:inset 0 1px #ffffff1a}.details-panel{border:1px solid rgba(186,199,228,.12);border-radius:var(--radius-md);background:#18253f3d;overflow:hidden}.details-panel summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);font-weight:700;color:#f2c37b}.details-panel summary::-webkit-details-marker{display:none}.details-panel summary:before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:1rem;line-height:1;transition:transform .22s ease,background .2s ease;flex-shrink:0}.details-panel[open] summary:before{transform:rotate(45deg);background:#f5a62338}.details-body{display:grid;gap:var(--space-4);padding:0 1.1rem 1.1rem}.checkbox-card{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:var(--space-3);padding:1rem;border-radius:var(--radius-sm);background:#18253f75;border:1px solid rgba(186,199,228,.12)}.checkbox-card-compact{padding:.85rem 1rem}.checkbox-card input{width:20px;height:20px;margin-top:2px}.mini-gallery{display:grid;grid-template-columns:180px 1fr;gap:var(--space-4);align-items:center;padding:1rem;border-radius:var(--radius-md);background:#18253f47;border:1px solid rgba(186,199,228,.12)}.mini-gallery-vertical{grid-template-columns:1fr}.mini-gallery-copy{display:grid;gap:.35rem}.mini-gallery-preview-card{background:#111a31b3}.mobile-bottom-action{position:sticky;bottom:0;z-index:15;margin-top:var(--space-2);padding-top:var(--space-2);padding-bottom:max(.35rem,env(safe-area-inset-bottom));background:linear-gradient(180deg,#0b102000,#0b1020d1 22%,#0b1020f5)}.bottom-tabbar{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100% - 24px),520px);display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;padding:.65rem;border-radius:24px;background:#080e1bdb;border:1px solid rgba(186,199,228,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 40px #02061757;z-index:40}.tab-item{display:grid;justify-items:center;gap:.22rem;padding:.8rem .9rem;border-radius:18px;color:var(--text-soft);transition:background .2s ease,color .2s ease,transform .2s ease}.tab-item.active{background:#7d7afc2e;color:#fff}.tab-item:hover{transform:translateY(-1px);color:#fff}.tab-icon{font-size:1.1rem}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.button,.button-secondary,.button-danger,.button-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:54px;border-radius:999px;padding:.95rem 1.25rem;border:1px solid transparent;cursor:pointer;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease,filter .18s ease}.button:hover,.button-secondary:hover,.button-danger:hover,.button-ghost:hover{transform:translateY(-1px)}.button:disabled,.button-secondary:disabled,.button-danger:disabled,.button-ghost:disabled{cursor:not-allowed;opacity:.65;transform:none}.button{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;box-shadow:0 18px 34px #6358d857}.button-large,.button-inline{min-height:58px}.button-large{padding-inline:1.4rem;font-size:1rem}.button-secondary{background:#18253fb3;border-color:#bac7e429;color:var(--text)}.button-danger{background:#7f1d1dc7;border-color:#f871713d;color:#ffe4e6}.button-ghost{background:transparent;border-color:#bac7e42e;color:var(--text-soft)}.button-row-stackable{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(180px,.7fr);gap:var(--space-3)}.wizard-actions-reversed{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr)}.button-primary-hero{width:100%;min-height:62px;font-size:1.05rem}.panel-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-6);margin-top:var(--space-10)}.library-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:var(--space-6);align-items:center}.library-hero-copy,.library-hero-side,.story-main,.aside-stack,.story-cover-column,.story-hero-copy{display:grid;gap:var(--space-4)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-top:var(--space-5)}.stat-grid-hero{margin-top:0;padding:.25rem}.stat-grid-hero .stat-item{padding:1rem 1.1rem;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.stat-item{display:grid;gap:var(--space-1)}.stat-value{font-family:var(--font-display);font-size:2.4rem;font-weight:700;color:var(--accent);line-height:1}.stat-label{font-size:.82rem;color:var(--text-muted)}.section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:var(--line-height-snug)}.section-copy{line-height:var(--line-height-body);margin:.8rem 0 0}.section-copy-compact{max-width:30ch;margin:0}.story-list{display:grid;gap:var(--space-4)}.story-card{display:grid;gap:var(--space-4);border-radius:var(--radius-lg);padding:clamp(1.15rem,2vw,1.5rem);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.story-card:hover{transform:translateY(-3px);border-color:#c4b5fd57;background:#111a31f5;box-shadow:0 22px 40px #02061757}.story-card-rich{background:linear-gradient(180deg,#111a31e6,#0c1222f0)}.story-card-premium{border:1px solid rgba(186,199,228,.14)}.story-card-with-thumb{grid-template-columns:96px 1fr;align-items:start}.story-card-thumb{aspect-ratio:3 / 4;border-radius:var(--radius-md)}.story-card-body{display:grid;gap:var(--space-3)}.story-card-top,.story-meta,.story-header,.story-actions,.inline-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.story-card-top,.story-header{justify-content:space-between}.story-title{margin:0;font-size:clamp(1.2rem,2vw,1.45rem)}.story-summary,.page-text{margin:0;line-height:var(--line-height-body)}.library-sidecard,.story-detail-card{background:#111a31c7}.library-side-list{display:grid;gap:var(--space-3)}.library-side-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);color:var(--text-soft)}.library-side-row strong{color:#fff;font-size:.98rem;text-align:right}.meta-chip{background:#18253fb3;color:var(--text-soft)}.meta-chip.status-ready{color:#d1fae5;background:#10b98124}.meta-chip.status-pending{color:#fde68a;background:#f59e0b29}.meta-chip.status-failed{color:#fecaca;background:#ef444429}.empty-state{text-align:center;padding:clamp(1.6rem,4vw,2.4rem)}.empty-state-visual{display:grid;justify-items:center;gap:var(--space-3)}.empty-state h2,.empty-state h3,.status-title,.page-title{margin:0}.status-title,.page-title{font-size:clamp(1.7rem,3vw,2.8rem);letter-spacing:-.03em}.status-card{display:grid;gap:var(--space-3);align-content:start}.loading-shell,.message-shell{width:min(100%,720px);margin:10vh auto 0}.story-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:var(--space-8);align-items:start}.story-layout-premium{gap:var(--space-8)}.story-hero{display:grid;gap:var(--space-5);border-radius:var(--radius-xl);padding:clamp(1.5rem,4vw,2.5rem);background:linear-gradient(180deg,#111a31f0,#0b1020eb);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.story-hero-premium{overflow:hidden}.story-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:start}.story-meta-hero{margin-top:var(--space-5)}.story-cover-caption{display:grid;gap:.45rem;padding:1rem 1.1rem;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.page-card{border-radius:var(--radius-lg);padding:clamp(1.1rem,3vw,1.4rem)}.page-card-reader{background:var(--reader-bg);color:var(--reader-text);border:1px solid rgba(200,180,150,.25);box-shadow:0 22px 42px #140c041f;padding:clamp(1.5rem,4vw,2.5rem);position:relative}.story-pages{display:grid;gap:var(--space-6)}.page-card-head{display:flex;justify-content:flex-start;margin-bottom:.75rem}.page-number{display:inline-flex;margin-bottom:var(--space-3);color:#8b6914;background:#f5a6231f;border-radius:999px;padding:.4rem .75rem;font-size:.88rem;font-weight:700}.reader-page-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.page-card-reader-illustrated .reader-page-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start}.reader-page-copy{position:relative;padding-left:.9rem}.reader-page-copy:before{content:"";position:absolute;inset:-.35rem auto -.35rem 0;width:3px;border-radius:999px;background:linear-gradient(180deg,#f0b45d70,#7d7afc2e)}.page-text-reader{color:var(--reader-text);font-size:1.14rem;line-height:var(--line-height-read)}.cover-image{aspect-ratio:4 / 3}.cover-image-premium{aspect-ratio:5 / 4}.cover-image-reader{aspect-ratio:4 / 5}.aside-stack{position:sticky;top:24px}.divider{height:1px;background:#bac7e41f;margin:.25rem 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton-card{overflow:hidden}.skeleton{position:relative;background:#94a3b829;border-radius:999px;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:shimmer 1.4s infinite}.skeleton-pill{width:120px;height:32px}.skeleton-title{width:min(420px,100%);height:54px;border-radius:20px}.skeleton-line{width:100%;height:16px}.skeleton-line-lg{height:22px;width:68%}.skeleton-line-short{width:60%}.skeleton-image{width:100%;aspect-ratio:16 / 10;border-radius:var(--radius-lg)}.skeleton-chip-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.skeleton-chip{width:88px;height:30px}.creating-spinner{display:inline-flex;align-items:center;gap:var(--space-3)}.creating-spinner:before{content:"";width:18px;height:18px;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.confirm-dialog{border:1px solid rgba(214,223,243,.12);border-radius:var(--radius-lg);background:linear-gradient(180deg,#0f182dfa,#080f1cf5);color:var(--text);padding:0;max-width:400px;width:min(90vw,400px);box-shadow:var(--shadow-lg)}.confirm-dialog[open]{animation:pageFadeIn .22s ease}.confirm-dialog::backdrop{background:#0000009e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.confirm-dialog-content{display:grid;gap:var(--space-4);padding:var(--space-8)}.app-shell{padding:clamp(1rem,2.6vw,2rem)}.app-backdrop{overflow:hidden}.app-backdrop-haze{position:absolute;inset:auto 0 -12%;height:48vh;background:radial-gradient(circle at 50% 0%,rgba(239,190,116,.08),transparent 42%),linear-gradient(180deg,transparent,rgba(5,10,20,.52))}.app-backdrop-orb-left{top:44px;left:-100px;width:420px;height:420px}.app-backdrop-orb-right{top:78px;right:-80px;width:360px;height:360px}.app-backdrop-stars{opacity:.26}.app-frame,.app-content{width:min(1280px,100%)}.app-frame{margin-bottom:clamp(1.1rem,2.2vw,2rem);padding:0}.app-frame-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:.9rem 1.1rem;border-radius:999px;background:#070e1b8f;border:1px solid rgba(214,223,243,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 50px #02071238}.app-frame-right{display:flex;align-items:center;gap:.85rem}.locale-switcher{display:inline-flex;align-items:center}.locale-select{min-height:44px;min-width:150px;padding-right:2.3rem}.app-header-note{display:grid;gap:.15rem;min-width:116px;padding:.55rem .85rem;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.app-header-note-label,.story-card-kicker,.intro-metric-label,.story-hero-note-label{font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:800}.app-header-note strong{color:#fff;font-size:.95rem}.brand{gap:var(--space-4)}.brand-copy{gap:.2rem}.brand-copy strong{font-size:1.1rem}.brand-copy small{font-size:.82rem}.brand-mark{width:46px;height:46px;border-radius:16px}.desktop-nav{padding:.35rem;background:#080f1cc7}.desktop-nav-link{padding:.85rem 1.2rem}.page,.page-narrow{width:min(100%,1240px)}.hero-card,.panel,.story-card,.page-card,.empty-state,.status-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{position:relative;overflow:hidden;border-radius:clamp(28px,4vw,38px);padding:clamp(1.5rem,4.4vw,3.35rem);background:linear-gradient(180deg,#0f182df0,#080f1cf0),radial-gradient(circle at top right,rgba(139,132,255,.12),transparent 28%),radial-gradient(circle at bottom left,rgba(239,190,116,.08),transparent 24%)}.hero-card:after,.story-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 28%)}.panel,.status-card,.empty-state{border-radius:clamp(24px,3vw,30px);padding:clamp(1.25rem,2.5vw,2rem)}.panel{background:linear-gradient(180deg,#0d172cf5,#080f1deb),radial-gradient(circle at top right,rgba(139,132,255,.08),transparent 24%)}.create-shell-premium,.library-hero,.story-hero-grid{gap:clamp(1.5rem,3.8vw,3.4rem)}.create-intro-premium,.library-hero-copy,.story-hero-copy{gap:var(--space-5)}.hero-title{max-width:11.5ch;text-wrap:balance}.hero-title-compact{max-width:10ch;font-size:clamp(2.65rem,5.6vw,4.8rem)}.hero-title-library{max-width:11ch}.hero-copy{max-width:56ch;font-size:1.05rem}.hero-note-list-premium,.library-note-list{gap:.8rem}.hero-note{min-height:44px;padding:.7rem 1rem;background:#ffffff0b}.create-intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.intro-metric-card{display:grid;gap:.35rem;padding:1.05rem 1.1rem;border-radius:22px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}.intro-metric-card strong{font-family:var(--font-display);font-size:1.32rem;color:#fff}.intro-metric-card p{margin:0;color:var(--text-soft);line-height:1.6}.create-visual-frame{padding:clamp(.75rem,1vw,.95rem);border-radius:32px}.feature-image-hero{aspect-ratio:5 / 4}.visual-badge{right:28px;bottom:28px;max-width:280px;border-radius:20px;background:#080e1bd6}.preview-strip{border-radius:22px;padding:1rem 1.1rem}.create-workspace,.panel-grid{gap:clamp(1rem,2.2vw,1.75rem);margin-top:clamp(1.25rem,3vw,2.2rem)}.create-workspace{grid-template-columns:minmax(0,1fr) 340px}.panel-grid{grid-template-columns:minmax(0,1fr) 330px}.create-form-panel,.panel-library-main{gap:clamp(1rem,2vw,1.5rem)}.create-section-head,.section-header{align-items:start}.create-head-copy,.library-section-copy{max-width:52ch}.wizard-progress{gap:.9rem}.wizard-step-card{padding:1rem 1.1rem;border-radius:22px;background:#18253f33}.wizard-step-card span strong{display:block;margin-bottom:.2rem}.field-grid,.field,.field label,.wizard-form-shell,.simple-form,.wizard-panel{gap:.95rem}.field-hint-tight{margin-top:-.2rem}.input,.select{min-height:58px;border-radius:18px;padding:.95rem 1rem;background:#070e1be0}.theme-card-grid{gap:1rem}.theme-card{border-radius:22px}.theme-card-label{padding:1rem 1rem 1.05rem}.length-card-grid{gap:.85rem}.length-card,.segmented-option,.checkbox-card,.details-panel,.mini-gallery,.story-card{border-radius:22px}.details-panel summary{padding:1rem 1.1rem}.details-body{padding:0 1.1rem 1.1rem}.create-side-rail{gap:1rem}.create-sidecard,.library-sidecard,.story-detail-card{background:linear-gradient(180deg,#0d1528e6,#080e1be0),radial-gradient(circle at top right,rgba(139,132,255,.08),transparent 24%)}.mini-gallery{gap:1rem;padding:1rem}.mini-gallery-text{line-height:1.7}.button,.button-secondary,.button-danger,.button-ghost{min-height:56px;padding:.95rem 1.3rem}.button{box-shadow:0 22px 40px #6358d847}.button-secondary{background:#15213ab8}.library-hero{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:stretch}.library-hero-side{align-content:start}.feature-image-library{aspect-ratio:6 / 5}.stat-grid{gap:.9rem}.stat-grid-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid-hero .stat-item,.story-hero-note-card{padding:1rem 1.05rem;border-radius:20px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}.story-list{gap:1rem}.story-card{padding:clamp(1rem,1.6vw,1.35rem)}.story-card-with-thumb{grid-template-columns:112px 1fr;gap:1rem}.story-card-thumb{height:100%}.story-card-title-group{display:grid;gap:.25rem}.story-title{font-size:clamp(1.28rem,2vw,1.56rem)}.story-summary{max-width:66ch;color:#dce5fb}.story-meta-shelf{gap:.65rem}.story-card-footer{display:flex;justify-content:flex-end}.story-card-linktext{color:#f2d29c;font-weight:800}.story-card-linktext-ready{color:#d8f7e9}.story-card-linktext-pending{color:#fde68a}.story-card-linktext-failed{color:#fecaca}.story-layout{grid-template-columns:minmax(0,1fr) 320px;gap:clamp(1.2rem,2.6vw,2rem)}.story-hero{padding:clamp(1.4rem,3.8vw,2.8rem)}.story-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:stretch}.story-hero-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.story-hero-note-card{gap:.35rem;display:grid}.story-hero-note-card strong{color:#fff;line-height:1.45}.story-cover-column{align-content:start}.cover-image-premium{aspect-ratio:4 / 5}.story-cover-caption{padding:1rem 1.1rem}.story-pages{gap:1.1rem}.page-card-reader{padding:clamp(1.35rem,3.8vw,2.3rem);border-radius:30px}.page-card-head{align-items:center;justify-content:space-between;gap:1rem}.page-card-accent{flex:1;height:1px;background:linear-gradient(90deg,#f0b45d66,#7d7afc00)}.reader-page-layout{gap:1.3rem}.reader-page-copy{padding-left:1rem}.page-text-reader{font-size:clamp(1.08rem,1.6vw,1.22rem)}.meta-chip{padding:.48rem .82rem}.bottom-tabbar{width:min(calc(100% - 20px),560px);padding:.7rem;border-radius:26px;background:#070d19e6}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes stepEnterLeft{0%{opacity:0;transform:translate(-18px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes stepEnterRight{0%{opacity:0;transform:translate(18px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.story-list>*:nth-child(1){animation:staggerFadeIn .38s ease both;animation-delay:60ms}.story-list>*:nth-child(2){animation:staggerFadeIn .38s ease both;animation-delay:.12s}.story-list>*:nth-child(3){animation:staggerFadeIn .38s ease both;animation-delay:.18s}.story-list>*:nth-child(4){animation:staggerFadeIn .38s ease both;animation-delay:.24s}.story-list>*:nth-child(5){animation:staggerFadeIn .38s ease both;animation-delay:.3s}.story-list>*:nth-child(n+6){animation:staggerFadeIn .38s ease both;animation-delay:.36s}@media(max-width:960px){.hero-grid,.panel-grid,.story-layout,.library-hero,.create-workspace,.create-shell-premium,.story-hero-grid{grid-template-columns:1fr}.aside-stack{position:static}.create-side-rail{order:-1}.app-frame-row,.create-intro-grid,.story-hero-notes{grid-template-columns:1fr}.app-frame-row{display:grid;border-radius:30px}.app-frame-right{justify-content:space-between}}@media(max-width:720px){.app-shell{padding:.75rem}.app-frame{margin-bottom:.85rem}.app-frame-row{padding:.9rem;border-radius:24px}.app-header-note,.desktop-nav{display:none}.app-frame-right{display:flex;width:100%;justify-content:flex-end}.locale-select{min-width:100%}.brand-copy small{display:none}.story-card-with-thumb{grid-template-columns:72px 1fr}.topbar,.story-card-top,.story-header,.button-row,.story-actions{align-items:stretch}.field-row,.compact-grid,.mini-gallery,.button-row-stackable,.wizard-progress,.theme-card-grid,.length-card-grid,.wizard-actions-reversed,.page-card-reader-illustrated .reader-page-layout,.stat-grid,.create-intro-grid,.story-hero-notes{grid-template-columns:1fr}.hero-title{max-width:none}.hero-card,.panel,.status-card,.empty-state{padding:1.1rem}.theme-card-grid{gap:.85rem}.theme-card-image{aspect-ratio:16 / 9}.wizard-step-card{min-height:72px}.visual-badge{position:static;margin-top:0;max-width:none}.story-card{padding:1rem}.story-card-footer{justify-content:flex-start}.page-card-head{gap:.75rem}.reader-page-copy{padding-left:.8rem}.create-section-head,.section-header{align-items:stretch;flex-direction:column}.story-cover-caption{padding:.9rem 1rem}.button,.button-secondary,.button-danger,.button-ghost,.wizard-step-card{width:100%}}@media(min-width:721px){.bottom-tabbar{display:none}.app-shell-has-tabs{padding-bottom:2rem}.mobile-bottom-action{position:static;padding-bottom:0;background:none}}.reader-progress-card{margin-top:var(--space-5);padding:1rem 1.1rem;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff14,#ffffff08)}.reader-progress-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.reader-progress-bar{width:100%;height:10px;overflow:hidden;border-radius:999px;background:#ffffff14}.reader-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#efbe74f2,#8b84fff2)}.reader-page-jumps{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}.reader-page-jump{min-width:2.5rem;padding:.55rem .8rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0a;color:inherit;cursor:pointer}.reader-page-jump.active{border-color:#efbe7485;background:#efbe742e;color:#fff7ea}.page-card-reader-active{box-shadow:0 22px 54px #2f241829;transform:translateY(-2px)}.reader-page-kicker{margin-bottom:.9rem;color:#4c3a26b8;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-text-reader{display:grid;gap:1rem}.page-text-reader p{margin:0}.reader-page-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.story-guidance-card{margin-top:var(--space-4);padding:1rem 1.1rem;border-radius:22px;border:1px solid rgba(186,199,228,.12);background:#ffffff08}.story-guidance-card-soft{background:#8b84ff14}@media(max-width:720px){.reader-progress-head,.reader-page-actions{align-items:stretch;flex-direction:column}.reader-page-actions .button-inline,.reader-page-actions .button-secondary{width:100%;justify-content:center}}