:root{--bg: #0d0f1a;--bg-elevated: rgba(15, 23, 42, .72);--bg-soft: rgba(30, 41, 59, .62);--panel: rgba(15, 23, 42, .88);--panel-strong: #111a31;--border: rgba(148, 163, 184, .18);--border-strong: rgba(148, 163, 184, .28);--text: #e8eefc;--text-soft: #bfd0f2;--text-muted: #8fa3c9;--primary: #7c6df6;--primary-strong: #6a5be0;--primary-soft: rgba(124, 109, 246, .16);--accent: #f5a623;--accent-soft: rgba(245, 166, 35, .14);--accent-glow: rgba(245, 166, 35, .07);--danger: #f87171;--success: #34d399;--reader-bg: #faf6f0;--reader-text: #2a1f14;--shadow-lg: 0 24px 70px rgba(2, 6, 23, .42);--shadow-md: 0 10px 30px rgba(2, 6, 23, .26);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--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.72;--line-height-read: 1.88}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-body);background:radial-gradient(circle at top,rgba(124,109,246,.18),transparent 32%),radial-gradient(circle at 20% 20%,rgba(245,166,35,.14),transparent 24%),radial-gradient(ellipse at 80% 65%,var(--accent-glow),transparent 22%),linear-gradient(180deg,#12152a,#0d0f1a 45%,#0a0c16);color:var(--text);overscroll-behavior-y:none}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.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}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}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(139,92,246,.55);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!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:14ch}.section-title-sm{font-size:1.45rem}.status-card-error{border-color:#f871714d!important;background:#7f1d1d1a}.app-shell{min-height:100vh;padding:clamp(1rem,3vw,2rem)}.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-shell-animated{animation:pageFadeIn .28s ease}.page{width:min(100%,1120px);margin:0 auto}.page-narrow{width:min(100%,820px)}.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,2.75rem)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--text-soft);font-weight:700;letter-spacing:.01em}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:inset 0 1px #ffffff2e,0 12px 28px #7c6df652}.nav-link,.text-link{color:var(--text-soft);transition:color .2s ease,transform .2s ease}.nav-link:hover,.text-link:hover{color:#fff}.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)}.visual-shell{overflow:hidden}.create-visual{position:relative}.create-intro{display:grid;gap:var(--space-3)}.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)}.nav-link-pill{padding:.7rem 1rem;border-radius:999px;background:#1e293b80;border:1px solid rgba(148,163,184,.16)}.create-intro-tight{gap:var(--space-2)}.mobile-sheet{border-radius:32px}.page-fade-in{animation:pageFadeIn .32s ease}.wizard-form-shell{position:relative}.step-transition{animation-duration:.26s;animation-timing-function:ease}.step-enter-left{animation-name:stepEnterLeft}.step-enter-right{animation-name:stepEnterRight}.hero-title-compact{max-width:10ch;font-size:clamp(2.1rem,5vw,3.4rem)}.hero-copy-compact{margin-top:0;font-size:1rem}.feature-image{width:100%;display:block;object-fit:cover;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-lg)}.feature-image-hero{aspect-ratio:16 / 10}.feature-image-card,.feature-image-library,.feature-image-empty{aspect-ratio:4 / 3}.visual-badge{position:absolute;right:16px;bottom:16px;display:grid;gap:.2rem;padding:.85rem 1rem;border-radius:var(--radius-md);background:#0b1020c2;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.visual-badge-kicker{color:#d8caff;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.eyebrow,.section-label,.meta-chip{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:999px;padding:.45rem .8rem;background:var(--primary-soft);color:#ddd3ff;font-size:.88rem;font-weight:700}.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.2rem,5vw,4.1rem);line-height:var(--line-height-tight);max-width:12ch}.hero-copy,.section-copy,.helper-text,.story-summary,.page-text,.muted{color:var(--text-soft)}.hero-copy{margin:var(--space-4) 0 0;max-width:58ch;line-height:var(--line-height-body);font-size:1.08rem}.hero-points,.quick-tips,.detail-list{list-style:none;padding:0;margin:0}.hero-points{display:grid;gap:var(--space-3);margin-top:var(--space-6)}.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}.form-card{border-radius:var(--radius-lg);background:linear-gradient(180deg,#0f172af5,#0f172ad6);border:1px solid var(--border-strong);padding:clamp(1.2rem,3vw,1.6rem)}.form-grid,.simple-form{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(148,163,184,.16);background:#1e293b47;color:var(--text-soft);cursor:pointer}.wizard-step-card.active{border-color:#c4b5fd6b;background:#8b5cf61f;color:#fff}.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}.wizard-panel{display:grid;gap:var(--space-5)}.theme-card-grid{display: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(148,163,184,.16);background:#1e293b4d;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.015);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{display: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(148,163,184,.16);background:#1e293b52;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)}.create-primary-callout{display:inline-flex;align-items:center;gap:.7rem;width:fit-content;padding:.7rem .95rem;border-radius:999px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.18);color:var(--text-soft)}.create-primary-callout-soft{background:#f59e0b1a;border-color:#f59e0b2e}.create-step{display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:34px;padding:0 .75rem;border-radius:999px;background:#0b1020b8;color:#fff;font-size:.82rem;font-weight:800;letter-spacing:.04em}.field-grid{display:grid;gap:var(--space-4)}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.field label,.checkbox-card{display:grid;gap:var(--space-2)}.field-label{font-size:.95rem;font-weight:700;color:#f8fbff}.field-hint{color:var(--text-muted);font-size:.88rem;line-height:1.45}.input,.select{width:100%;min-height:54px;border-radius:var(--radius-sm);border:1px solid rgba(148,163,184,.22);background:#0f172ae6;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}.segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:var(--space-3)}.segmented-compact{gap:var(--space-2)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.quick-chip{border:1px solid rgba(148,163,184,.16);background:#1e293b8f;color:var(--text-soft);border-radius:999px;padding:.55rem .85rem;cursor:pointer}.quick-chip.active,.quick-chip:hover{color:#fff;border-color:#c4b5fd75;background:#8b5cf633}.segmented-option{border-radius:var(--radius-sm);border:1px solid rgba(148,163,184,.16);background:#1e293b9e;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.04);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}.checkbox-card{grid-template-columns:auto 1fr;align-items:start;gap:var(--space-3);padding:1rem;border-radius:var(--radius-sm);background:#1e293b75;border:1px solid rgba(148,163,184,.14)}.checkbox-card-compact{padding:.85rem 1rem}.details-panel{border:1px solid rgba(148,163,184,.14);border-radius:var(--radius-md);background:#1e293b4d;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:#e8bf6a;transition:color .2s ease}.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}.preview-strip{display:grid;gap:.35rem;padding:.95rem 1rem;border-radius:var(--radius-md);background:#8b5cf61a;border:1px solid rgba(245,166,35,.2)}.preview-strip-mobile{background:linear-gradient(135deg,#8b5cf624,#4f46e51f)}.preview-label{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#d8caff}.preview-text{color:#fff;font-size:1rem}.mini-gallery{display:grid;grid-template-columns:180px 1fr;gap:var(--space-4);align-items:center;padding:1rem;border-radius:var(--radius-md);background:#1e293b47;border:1px solid rgba(148,163,184,.14)}.mini-gallery-copy{display:grid;gap:.35rem}.mini-gallery-text{color:var(--text-soft);line-height:1.55}.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),560px);display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;padding:.65rem;border-radius:24px;background:#0b1020d6;border:1px solid rgba(148,163,184,.16);-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:#8b5cf62e;color:#fff}.tab-item:hover{transform:translateY(-1px);color:#fff}.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}.tab-icon{font-size:1.1rem}.library-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:var(--space-6);align-items:center}.empty-state-visual{display:grid;justify-items:center;gap:var(--space-3)}.feature-image-empty{max-width:320px}.checkbox-card input{width:20px;height:20px;margin-top:2px}.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:52px;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 14px 28px #7c3aed57}.button-large{min-height:58px;padding-inline:1.4rem;font-size:1rem}.button-inline{min-height:58px}.button-row-sticky{align-items:stretch}.button-row-stackable{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(180px,.7fr);gap:var(--space-3)}.wizard-actions{align-items:stretch}.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;box-shadow:0 18px 36px #7c3aed61}.button-secondary{background:#1e293bc2;border-color:#94a3b82e;color:var(--text)}.button-danger{background:#7f1d1dc7;border-color:#f871713d;color:#ffe4e6}.button-ghost{background:transparent;border-color:#94a3b82e;color:var(--text-soft)}.panel-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-6);margin-top:var(--space-10)}.panel,.status-card,.empty-state{border-radius:var(--radius-lg);padding:clamp(var(--space-5),3vw,var(--space-8))}.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}.story-list{display:grid;gap:var(--space-4)}.story-card{display:grid;gap:var(--space-4);border-radius:var(--radius-lg);padding:var(--space-5);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-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.15rem,2vw,1.4rem)}.story-summary,.page-text{margin:0;line-height:var(--line-height-body)}.page-text-reader{color:var(--reader-text);font-size:1.14rem;line-height:var(--line-height-read)}.story-card-rich{background:linear-gradient(180deg,#111a31e6,#0c1222f0)}.library-sidecard,.story-detail-card{background:#111a31c7}.meta-chip{background:#1e293bd1;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 h2,.empty-state h3,.status-title,.page-title{margin:0}.status-title,.page-title{font-size:clamp(1.5rem,3vw,2.5rem);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) 270px;gap:var(--space-8);align-items:start}.story-layout-premium{gap:var(--space-8)}.story-main{display:grid;gap:var(--space-6)}.story-hero{display:grid;gap:var(--space-5);border-radius:var(--radius-xl);padding:clamp(1.5rem,4vw,2.25rem);background:linear-gradient(180deg,#111a31f0,#0b1020eb);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.story-hero-premium{overflow:hidden}.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)}.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}.cover-image{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-md);border:1px solid rgba(148,163,184,.18);box-shadow:var(--shadow-md)}.cover-image-premium,.cover-image-reader{aspect-ratio:16 / 10}.aside-stack{display:grid;gap:var(--space-4);position:sticky;top:24px}.divider{height:1px;background:#94a3b824;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}@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}.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:none;border-radius:var(--radius-lg);background:var(--panel-strong);color:var(--text);padding:0;max-width:400px;width:90vw;box-shadow:var(--shadow-lg)}.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)}.story-card-with-thumb{grid-template-columns:90px 1fr;align-items:start}.story-card-thumb{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08)}.story-card-body{display:grid;gap:var(--space-3)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-top:var(--space-5)}.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)}.field-hint{color:var(--text-muted);font-size:.85rem;margin-top:var(--space-1);line-height:1.45}.input-meta{display:flex;justify-content:flex-end;margin-top:2px}.char-count{font-size:.78rem;color:var(--text-muted)}@media(max-width:960px){.hero-grid,.panel-grid,.story-layout,.library-hero{grid-template-columns:1fr}.aside-stack{position:static}}@media(max-width:720px){.app-shell{padding:.75rem}.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{grid-template-columns:1fr}.hero-title{max-width:none}.hero-card{padding: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:.75rem}.create-primary-callout{width:100%;justify-content:flex-start}.button,.button-secondary,.button-danger,.button-ghost,.wizard-step-card{width:100%}}