@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-cyrillic-400-normal-BMzJvInZ.woff2)format("woff2"),url(/assets/manrope-cyrillic-400-normal-Dvx59UGC.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-cyrillic-500-normal-B1OEZity.woff2)format("woff2"),url(/assets/manrope-cyrillic-500-normal-CNwnNrRC.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-cyrillic-600-normal-DvRl3Mj-.woff2)format("woff2"),url(/assets/manrope-cyrillic-600-normal-It4mZcQk.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-cyrillic-700-normal-Dw_fZAg2.woff2)format("woff2"),url(/assets/manrope-cyrillic-700-normal-7JNVKxyl.woff)format("woff")}@font-face{font-family:"Brygada 1918";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/brygada-1918-cyrillic-600-normal-Ma3DefRX.woff2)format("woff2"),url(/assets/brygada-1918-cyrillic-600-normal-Y6G5HcgW.woff)format("woff")}@font-face{font-family:"Brygada 1918";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/brygada-1918-cyrillic-700-normal-Drp8wkrI.woff2)format("woff2"),url(/assets/brygada-1918-cyrillic-700-normal-CF-Ecq2r.woff)format("woff")}@font-face{font-family:"Brygada 1918";font-style:italic;font-display:swap;font-weight:600;src:url(/assets/brygada-1918-cyrillic-600-italic-D7m-o9jw.woff2)format("woff2"),url(/assets/brygada-1918-cyrillic-600-italic-D0hbpyLz.woff)format("woff")}@font-face{font-family:"Brygada 1918";font-style:italic;font-display:swap;font-weight:700;src:url(/assets/brygada-1918-cyrillic-700-italic-DifVLvOQ.woff2)format("woff2"),url(/assets/brygada-1918-cyrillic-700-italic-CFH8aACf.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Brygada 1918", Charter, "Iowan Old Style", Georgia, "Times New Roman", serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--leading-tight:1.08;--leading-snug:1.22;--leading-normal:1.5;--leading-loose:1.72;--weight-regular:400;--weight-medium:500;--weight-semibold:620;--weight-bold:720;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-full:999px;--color-ink:#1d2521;--color-ink-soft:#65716a;--color-ink-muted:#929a93;--color-paper:#faf8f2;--color-paper-strong:#fffdf8;--color-surface:#fffefa;--color-surface-strong:#fff;--color-surface-warm:#f2eadc;--color-line:#ded8cc;--color-line-strong:#cfc6b8;--color-primary:#275f4b;--color-primary-strong:#173f33;--color-primary-soft:#e4eee8;--color-primary-contrast:#fffefa;--color-accent:#b85f3f;--color-accent-strong:#8e3f2b;--color-accent-soft:#f4dfd6;--color-blue:#315f8f;--color-blue-soft:#e5edf5;--color-gold:#c99a42;--color-gold-soft:#f5ead1;--color-success:#6d8f4a;--color-danger:#b5483f;--gradient-page:linear-gradient(180deg, #fbfaf6 0%, #f7f3eb 54%, #f1eadf 100%);--gradient-surface:linear-gradient(180deg, #fffefafa 0%, #faf7eff5 100%);--gradient-surface-strong:linear-gradient(180deg, #fff 0%, #fbf7ee 100%);--gradient-primary:linear-gradient(135deg, #315f8f 0%, #275f4b 100%);--gradient-accent:linear-gradient(135deg, #c99a42 0%, #b85f3f 100%);--gradient-cover:linear-gradient(145deg, #ffffff29, #fff0 38%), linear-gradient(135deg, var(--tone-from), var(--tone-to));--texture-paper:repeating-linear-gradient(0deg, #1d252105 0 1px, transparent 1px 9px), repeating-linear-gradient(90deg, #1d252103 0 1px, transparent 1px 13px);--shadow-xs:0 1px 2px #1d25210f;--shadow-sm:0 8px 22px #1d252114;--shadow-md:0 18px 48px #1d25211c;--shadow-lg:0 30px 72px #1d252121;--duration-fast:.14s;--duration-base:.22s;--duration-slow:.42s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--layout-page:min(1180px, calc(100vw - 48px));--layout-narrow:min(760px, calc(100vw - 32px));--layout-reader:min(980px, calc(100vw - 32px));--button-height-sm:2.25rem;--button-height-md:2.75rem;--button-height-lg:3.125rem;--tone-forest-from:#315f4d;--tone-forest-to:#7d9855;--tone-forest-accent:#4f7c52;--tone-space-from:#243654;--tone-space-to:#577aa1;--tone-space-accent:#315f8f;--tone-royal-from:#8a6a35;--tone-royal-to:#d6b75b;--tone-royal-accent:#a87932;--tone-sea-from:#2d5d68;--tone-sea-to:#74a7ad;--tone-sea-accent:#437e89;--tone-ember-from:#774332;--tone-ember-to:#c47a44;--tone-ember-accent:#a15535;--tone-winter-from:#49627d;--tone-winter-to:#a7bbc9;--tone-winter-accent:#6d8498;--tone-rose-from:#85546a;--tone-rose-to:#d596aa;--tone-rose-accent:#a55f78;--tone-pirate-from:#5c4936;--tone-pirate-to:#b08a55;--tone-pirate-accent:#795b38}*{box-sizing:border-box}html{background:var(--color-paper);font-family:var(--font-sans);font-size:16px}body{min-width:320px;color:var(--color-ink);background:var(--gradient-page);margin:0}button,input,select,textarea{font:inherit}button{border:0}img{max-width:100%;display:block}textarea{resize:vertical}.app{min-height:100vh;position:relative;overflow-x:hidden}.app:before{content:"";pointer-events:none;opacity:1;z-index:0;background-image:radial-gradient(circle at 12% 18%,#2f7fbe24 0 2px,#0000 3px),radial-gradient(circle at 42% 8%,#f28a2e29 0 2px,#0000 3px),radial-gradient(circle at 70% 22%,#76b83f24 0 2px,#0000 3px),radial-gradient(circle at 84% 58%,#ffc74229 0 2px,#0000 3px),radial-gradient(circle at 24% 76%,#2f7fbe1a 0 2px,#0000 3px);background-size:260px 260px,340px 340px,420px 420px,310px 310px,380px 380px;position:fixed;inset:0}.app:after{content:"";z-index:0;pointer-events:none;background-image:var(--texture-paper);mix-blend-mode:multiply;opacity:.35;background-size:160px 160px,220px 220px,auto;position:fixed;inset:0}.app>*{z-index:1;position:relative}.page{width:var(--layout-page);padding:var(--space-8) 0 var(--space-20);margin:0 auto}.page--narrow{width:var(--layout-narrow)}.topbar{z-index:20;border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf0e6;position:sticky;top:0}.topbar__inner{width:var(--layout-page);justify-content:space-between;align-items:center;gap:var(--space-4);height:4.5rem;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-3);color:var(--color-ink);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none;display:inline-flex}.brand__mark{border-radius:var(--radius-md);width:2.25rem;height:2.25rem;color:var(--color-primary-contrast);background:var(--gradient-primary);place-items:center;display:grid;box-shadow:0 4px 14px #2f7fbe47}.nav-actions{align-items:center;gap:var(--space-3);display:flex}.hero{gap:var(--space-16);min-height:calc(100vh - 4.5rem);padding:var(--space-10) 0 var(--space-16);grid-template-columns:minmax(0,1fr) 420px;align-items:center;display:grid}.eyebrow{align-items:center;gap:var(--space-2);width:fit-content;margin:0 0 var(--space-5);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);color:var(--color-primary-strong);background:var(--color-primary-soft);font-size:var(--text-sm);font-weight:var(--weight-semibold);border:1px solid #2f7fbe33;display:inline-flex}.hero__title{max-width:11ch;font-family:var(--font-sans);letter-spacing:0;background:var(--gradient-hero-title);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3rem,7vw,5.25rem);font-weight:760;line-height:.98}.hero__title em{font-family:var(--font-serif);font-style:italic;font-weight:700}.hero__copy{max-width:29rem;margin:var(--space-5) 0 0;color:var(--color-ink-soft);font-size:var(--text-lg);line-height:var(--leading-loose)}.hero__actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.trust-row{gap:var(--space-3);margin-top:var(--space-6);color:var(--color-ink-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.trust-row span{align-items:center;gap:var(--space-2);display:inline-flex}.sample-card{border:1px solid var(--color-line-strong);border-radius:var(--radius-2xl);background:var(--gradient-surface);box-shadow:inset 0 1px 0 #ffffffb8, var(--shadow-lg);overflow:hidden}.sample-card__image{aspect-ratio:1;padding:var(--space-5);background:radial-gradient(circle at 18% 18%, #ffffff52 0 42px, transparent 43px), radial-gradient(circle at 86% 22%, #ffcf6738 0 76px, transparent 77px), var(--texture-paper), linear-gradient(150deg, #5aa5d8 0%, #2d75ad 48%, #1f5684 100%);background-size:auto,auto,150px 150px,auto;position:relative}.sample-card__image img{object-fit:cover;width:100%;height:100%;box-shadow:var(--shadow-md);border:10px solid #fff;border-radius:2.6rem 1rem}.sample-card__body{gap:var(--space-3);padding:var(--space-5);border-top:1px solid var(--color-line);background:var(--gradient-surface);display:grid}.sample-card__caption{color:var(--color-ink-soft);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.section__header{justify-content:space-between;align-items:end;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.section__title{font-family:var(--font-sans);font-size:clamp(var(--text-2xl), 4vw, var(--text-4xl));line-height:var(--leading-tight);letter-spacing:0;margin:0;font-weight:680}.section__copy{max-width:34rem;margin:var(--space-3) 0 0;color:var(--color-ink-soft);line-height:var(--leading-loose)}.grid{gap:var(--space-4);display:grid}.grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--templates{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.info-card{min-height:100%;padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--gradient-surface);box-shadow:inset 0 1px 0 #ffffffbd, var(--shadow-sm)}.info-card__icon{width:2.5rem;height:2.5rem;margin-bottom:var(--space-4);border-radius:var(--radius-md);color:#fff;background:var(--gradient-primary);place-items:center;display:grid}.info-card h3{margin:0 0 var(--space-2);font-size:var(--text-lg)}.info-card p{color:var(--color-ink-soft);line-height:var(--leading-normal);margin:0}.screen-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin:0 0 var(--space-8);display:flex}.screen-header__title{font-family:var(--font-serif);font-size:clamp(var(--text-2xl), 4vw, 3.25rem);line-height:var(--leading-tight);margin:0}.screen-header__copy{max-width:40rem;margin:var(--space-3) 0 0;color:var(--color-ink-soft);line-height:var(--leading-loose)}.filters{gap:var(--space-2);margin-top:var(--space-5);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:flex-end;padding-left:0;display:flex}.filter{min-height:3.05rem;padding:0 var(--space-5);border-radius:var(--radius-md) var(--radius-md) 0 0;color:#fff;background:var(--tab-gradient,var(--gradient-primary));box-shadow:none;cursor:pointer;font-weight:var(--weight-bold);transition:box-shadow var(--duration-base) var(--ease-standard), filter var(--duration-fast) var(--ease-standard);border:0;position:relative;overflow:hidden}.filter:before{content:"";pointer-events:none;background:var(--gradient-ink-gloss);position:absolute;inset:0}.filter:hover,.filter--active{box-shadow:inset 0 -5px 0 #ffffffb8, var(--shadow-sm);filter:saturate(1.06)}.storybook-tabs>:first-child{--tab-color:#2d75ad;--tab-gradient:var(--tab-blue)}.storybook-tabs>:nth-child(2){--tab-color:#e85a32;--tab-gradient:var(--tab-coral)}.storybook-tabs>:nth-child(3){--tab-color:#f39a2d;--tab-gradient:var(--tab-honey)}.storybook-tabs>:nth-child(4){--tab-color:#9fca3b;--tab-gradient:var(--tab-green)}.storybook-tabs>:nth-child(5){--tab-color:#2f90c7;--tab-gradient:var(--tab-sky)}.storybook-tabs>:nth-child(6){--tab-color:#3b73d9;--tab-gradient:var(--tab-indigo)}.storybook-tabs>:nth-child(n+7){--tab-color:#c94b7c;--tab-gradient:var(--tab-rose)}.story-card{border:1px solid var(--color-line-strong);border-radius:var(--radius-xl);background:var(--gradient-surface);min-height:0;box-shadow:inset 0 1px 0 #ffffffbd, var(--shadow-sm);cursor:pointer;transition:transform var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);display:grid;position:relative;overflow:hidden}.story-card__visual{background:radial-gradient(circle at 22% 24%, #ffffff4d 0 3px, transparent 4px), radial-gradient(circle at 62% 16%, #ffffff47 0 3px, transparent 4px), radial-gradient(circle at 82% 64%, #ffffff3d 0 3px, transparent 4px), radial-gradient(circle at 50% 32%, #ffffff2e 0 60px, transparent 61px), var(--texture-paper), linear-gradient(180deg, #ffffff14, #00000029 100%), linear-gradient(145deg, var(--tone-from), var(--tone-to));background-size:auto,auto,auto,auto,140px 140px,auto,auto;min-height:12.5rem;position:relative;overflow:hidden}.story-card__visual:after{content:"";pointer-events:none;background:linear-gradient(120deg,#fff3,#0000 40%),radial-gradient(circle at 50% 100%,#25302d29,#0000 58%);position:absolute;inset:0}.story-card__content{z-index:1;padding:var(--space-5);border-top:1px solid var(--color-line);color:var(--color-ink);background:var(--gradient-surface);position:relative}.story-card h3{font-family:var(--font-serif);font-size:var(--text-xl);line-height:var(--leading-snug);margin:0;font-weight:700}.story-card p{margin:var(--space-2) 0 0;color:var(--color-ink-soft);line-height:var(--leading-normal)}.story-card__footer{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-5);display:flex}.story-card__select{color:var(--tone-accent);font-size:var(--text-sm);font-weight:var(--weight-bold)}.pill{align-items:center;gap:var(--space-2);min-height:2rem;padding:0 var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-full);color:var(--color-ink-soft);background:var(--gradient-surface-strong);font-size:var(--text-sm);display:inline-flex}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--button-height-md);padding:0 var(--space-5);border-radius:var(--radius-full);font-weight:var(--weight-semibold);color:var(--color-primary-contrast);background:var(--gradient-primary);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), background var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard);border:1px solid #0000;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{color:var(--color-ink-muted);background:var(--color-line);cursor:not-allowed;transform:none}.button--secondary:hover{background:var(--color-primary-soft)}.button--accent{color:var(--color-primary-contrast);background:var(--gradient-accent);box-shadow:0 8px 24px #f28a2e42,0 2px 8px #50412a24}.button--accent:hover{box-shadow:0 12px 34px #f28a2e57,0 4px 12px #50412a29}.button--small{min-height:var(--button-height-sm);padding:0 var(--space-4);font-size:var(--text-sm)}.button--large{min-height:var(--button-height-lg);padding:0 var(--space-6)}.detail-layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}.panel{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--gradient-surface);box-shadow:inset 0 1px 0 #ffffffbd, var(--shadow-sm)}.panel__body{padding:var(--space-6)}.panel h2{margin:0 0 var(--space-4);font-size:var(--text-xl);line-height:var(--leading-snug)}.panel p{color:var(--color-ink-soft)}.tone-forest{--tone-from:var(--tone-forest-from);--tone-to:var(--tone-forest-to);--tone-accent:var(--tone-forest-accent)}.tone-space{--tone-from:var(--tone-space-from);--tone-to:var(--tone-space-to);--tone-accent:var(--tone-space-accent)}.tone-royal{--tone-from:var(--tone-royal-from);--tone-to:var(--tone-royal-to);--tone-accent:var(--tone-royal-accent)}.tone-sea{--tone-from:var(--tone-sea-from);--tone-to:var(--tone-sea-to);--tone-accent:var(--tone-sea-accent)}.tone-ember{--tone-from:var(--tone-ember-from);--tone-to:var(--tone-ember-to);--tone-accent:var(--tone-ember-accent)}.tone-winter{--tone-from:var(--tone-winter-from);--tone-to:var(--tone-winter-to);--tone-accent:var(--tone-winter-accent)}.tone-rose{--tone-from:var(--tone-rose-from);--tone-to:var(--tone-rose-to);--tone-accent:var(--tone-rose-accent)}.tone-pirate{--tone-from:var(--tone-pirate-from);--tone-to:var(--tone-pirate-to);--tone-accent:var(--tone-pirate-accent)}.cover-preview{border-radius:var(--radius-xl);background:radial-gradient(circle at 28% 24%, #ffffff57 0 3px, transparent 4px), radial-gradient(circle at 68% 38%, #ffffff42 0 3px, transparent 4px), linear-gradient(180deg, transparent 48%, #25302d29), linear-gradient(145deg, var(--tone-from), var(--tone-to));min-height:28rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.cover-preview:before,.cover-preview:after{content:"";left:var(--space-8);right:var(--space-8);border-radius:var(--radius-lg);background:#ffffff6b;border:1px solid #ffffff80;position:absolute}.cover-preview:before{top:var(--space-8);height:35%}.cover-preview:after{bottom:var(--space-8);height:28%}.stats{gap:var(--space-3);margin-top:var(--space-6);grid-template-columns:1fr;display:grid}.stat{padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--gradient-surface-strong)}.stat strong{font-size:var(--text-xl);display:block}.stat span{color:var(--color-ink-muted);font-size:var(--text-sm)}.check-list{gap:var(--space-3);margin:var(--space-5) 0 0;padding:0;list-style:none;display:grid}.check-list li{align-items:flex-start;gap:var(--space-3);color:var(--color-ink-soft);line-height:var(--leading-normal);display:flex}.check-list svg{color:var(--color-success);flex:none;margin-top:.1rem}.stepper{gap:var(--space-2);margin-bottom:var(--space-8);grid-template-columns:repeat(4,minmax(0,1fr));align-items:flex-end;display:grid}.stepper__item{min-height:3.15rem;padding:0 var(--space-4);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--color-ink-muted);font-size:var(--text-md);font-weight:var(--weight-bold);box-shadow:inset 0 0 0 1px var(--color-line);background:#fffdf6c2;border:0;place-items:center;display:grid;position:relative;overflow:hidden}.stepper__item--active:before{content:"";pointer-events:none;background:var(--gradient-ink-gloss);position:absolute;inset:0}.upload-zone{min-height:20rem;padding:var(--space-8);border:1px dashed var(--color-line-strong);border-radius:var(--radius-xl);background:radial-gradient(circle at 18% 24%, #2f7fbe14 0 28px, transparent 29px), var(--color-paper-strong);text-align:center;place-items:center;display:grid}.upload-zone__icon{width:3rem;height:3rem;margin:0 auto var(--space-4);border-radius:var(--radius-full);color:#fff;background:var(--gradient-primary);place-items:center;display:grid}.photo-preview{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-surface);max-width:22rem;box-shadow:var(--shadow-md);margin:0 auto;overflow:hidden}.photo-preview img{aspect-ratio:1;object-fit:cover;width:100%}.field{gap:var(--space-2);display:grid}.field label{color:var(--color-ink-soft);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.input-with-icon{position:relative}.input-with-icon svg{left:var(--space-4);color:var(--color-ink-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input{width:100%;min-height:var(--button-height-md);padding:0 var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-ink);background:var(--color-surface-strong);transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);outline:none}.input--with-icon{padding-left:var(--space-10)}.bottom-bar{z-index:15;margin-top:var(--space-10);padding:var(--space-4) 0;border-top:1px solid var(--color-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf0e6;position:sticky;bottom:0}.bottom-bar__inner{width:var(--layout-narrow);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.payment-methods{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.method{gap:var(--space-3);min-height:8.5rem;padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;text-align:left;display:grid}.method strong{font-size:var(--text-md)}.method span{color:var(--color-ink-soft);font-size:var(--text-sm);line-height:var(--leading-normal)}.summary-line{justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-line);color:var(--color-ink-soft);display:flex}.summary-line:last-child{color:var(--color-ink);font-weight:var(--weight-bold);border-bottom:0}.generation{text-align:center;place-items:center;min-height:calc(100vh - 4.5rem);display:grid}.generation__card{width:min(520px,100vw - 32px);padding:var(--space-8);border:1px solid var(--color-line);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-lg)}.progress{height:.7rem;margin-top:var(--space-6);border-radius:var(--radius-full);background:var(--color-line);overflow:hidden}.progress__bar{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-success), var(--color-accent));height:100%;transition:width var(--duration-base) linear}.reader{width:var(--layout-reader)}.reader-shell{gap:var(--space-6);grid-template-columns:1fr 320px;align-items:start;display:grid}.book-page{border:1px solid var(--color-line);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-lg);overflow:hidden}.book-page__art{min-height:31rem;padding:var(--space-6);background:radial-gradient(circle at 30% 18%, #ffffff4d 0 3px, transparent 4px), linear-gradient(180deg, transparent 48%, #25302d29), linear-gradient(145deg, var(--tone-from), var(--tone-to));place-items:center;display:grid;position:relative}.book-page__portrait{aspect-ratio:1;border-radius:var(--radius-full);width:min(66%,20rem);box-shadow:var(--shadow-md);border:8px solid #ffffffdb;overflow:hidden}.book-page__portrait img{object-fit:cover;width:100%;height:100%}.book-page__text{padding:var(--space-8)}.book-page__text h2{margin:0 0 var(--space-3);font-family:var(--font-serif);font-size:var(--text-2xl)}.book-page__text p{color:var(--color-ink-soft);font-size:var(--text-lg);line-height:var(--leading-loose);margin:0}.reader-controls{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);display:flex}.side-panel{gap:var(--space-4);display:grid;position:sticky;top:6rem}.regen-box{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-surface);display:grid}.regen-box p{color:var(--color-ink-soft);line-height:var(--leading-normal);margin:0}.stack-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.form-grid{gap:var(--space-5);margin-top:var(--space-6);display:grid}.notice{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-lg);color:var(--color-ink-soft);background:var(--color-primary-soft);line-height:var(--leading-normal);display:flex}.notice svg{color:var(--color-primary);flex:none}.upload-zone h2{font-size:var(--text-xl);margin:0}.admin-page{width:min(1440px,100vw - 48px);padding:var(--space-8) 0 var(--space-16);margin:0 auto}.admin-page--shell{gap:var(--space-5);grid-template-columns:260px minmax(0,1fr);align-items:start;display:grid}.admin-page--center{place-items:center;min-height:100vh;display:grid}.admin-auth-card{gap:var(--space-4);width:min(440px,100%);padding:var(--space-8);border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--gradient-surface);box-shadow:var(--shadow-md);display:grid}.admin-auth-card h1,.admin-header h1,.admin-editor h2,.admin-sidebar h2{color:var(--color-ink);margin:0}.admin-auth-card p,.admin-header p,.admin-editor p,.admin-muted{color:var(--color-ink-soft);line-height:var(--leading-normal);margin:0}.admin-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.admin-header h1{margin-top:var(--space-3);font-family:var(--font-serif);font-size:clamp(var(--text-2xl), 4vw, var(--text-4xl));line-height:var(--leading-tight)}.admin-layout{gap:var(--space-5);grid-template-columns:330px minmax(0,1fr);align-items:start;display:grid}.admin-nav,.admin-sidebar,.admin-editor{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--gradient-surface);box-shadow:inset 0 1px 0 #ffffffbd, var(--shadow-sm)}.admin-nav{top:var(--space-5);gap:var(--space-5);padding:var(--space-4);display:grid;position:sticky}.admin-nav__brand{align-items:center;gap:var(--space-3);padding:var(--space-2);display:flex}.admin-nav__brand div{gap:.1rem;display:grid}.admin-nav__brand span:last-child{color:var(--color-ink-muted);font-size:var(--text-sm)}.admin-nav__links{gap:var(--space-2);display:grid}.admin-nav__link{align-items:center;gap:var(--space-3);min-height:2.75rem;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-ink-soft);cursor:pointer;text-align:left;background:0 0;grid-template-columns:1.25rem 1fr auto;display:grid}.admin-nav__link:hover,.admin-nav__link--active{color:var(--color-primary-strong);background:var(--color-primary-soft)}.admin-nav__link em{border-radius:var(--radius-full);min-width:1.4rem;min-height:1.4rem;color:var(--color-primary-contrast);background:var(--color-primary);font-size:var(--text-xs);text-align:center;font-style:normal;line-height:1.4rem}.admin-workspace{min-width:0;padding:var(--space-5) 0 0}.admin-section-stack{gap:var(--space-4);display:grid}.admin-panel-card{gap:var(--space-4);padding:0;display:grid}.admin-flat-section{gap:var(--space-4);display:grid}.admin-panel-card__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.admin-panel-card__head h2,.admin-panel-card__head p{margin:0}.admin-panel-card__head p{margin-top:var(--space-2);color:var(--color-ink-soft)}.admin-metrics{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.admin-metric-card{gap:var(--space-2);padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:#fffefab8;display:grid}.admin-metric-card span,.admin-metric-card p{color:var(--color-ink-muted);font-size:var(--text-sm);margin:0}.admin-metric-card strong{font-family:var(--font-serif);font-size:var(--text-3xl);line-height:var(--leading-tight)}.admin-chart-placeholder{align-items:end;gap:var(--space-3);min-height:17rem;padding:var(--space-5);border:1px dashed var(--color-line-strong);border-radius:var(--radius-lg);background:var(--texture-paper), #fffefa9e;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.admin-chart-placeholder span{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:linear-gradient(180deg, var(--color-blue), var(--color-primary))}.admin-chart-placeholder span:first-child{height:34%}.admin-chart-placeholder span:nth-child(2){height:62%}.admin-chart-placeholder span:nth-child(3){height:48%}.admin-chart-placeholder span:nth-child(4){height:78%}.admin-chart-placeholder span:nth-child(5){height:56%}.admin-chart-placeholder span:nth-child(6){height:86%}.admin-cms-list{gap:var(--space-2);display:grid}.admin-cms-row{align-items:center;gap:var(--space-3);min-height:4.25rem;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-ink);cursor:pointer;text-align:left;background:#fffefaa3;grid-template-columns:auto minmax(0,1fr) auto auto auto;display:grid}.admin-cms-row:hover,.admin-cms-row--active{background:var(--color-primary-soft);border-color:#275f4b6b}.admin-cms-row:disabled{cursor:wait;opacity:.72}.admin-cms-row:not(button){cursor:default}.admin-cms-row__icon,.admin-story-thumb{border:1px solid var(--color-line);border-radius:var(--radius-sm);width:3rem;height:3rem;color:var(--color-primary-strong);background:var(--gradient-surface-strong);place-items:center;display:grid;overflow:hidden}.admin-story-thumb img{object-fit:cover;width:100%;height:100%}.admin-cms-row__main{gap:.2rem;min-width:0;display:grid}.admin-cms-row__main strong,.admin-cms-row__main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-cms-row__main small{color:var(--color-ink-muted)}.admin-cms-row__price{font-weight:var(--weight-bold)}.admin-category-row{grid-template-columns:auto minmax(0,1fr) auto}.admin-category-row:hover{border-color:var(--color-line);background:#fffefaa3}.admin-inline-form{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.admin-row-input{width:min(100%,28rem);height:2.5rem}.admin-row-actions,.admin-editor__actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.admin-tag-row{grid-template-columns:auto minmax(0,1fr) auto}.admin-tag-row:hover{border-color:var(--color-line);background:#fffefaa3}.admin-tag-row code{border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-ink-muted);font-size:var(--text-xs);background:#fffefab8;padding:.25rem .45rem}.admin-status{min-height:1.8rem;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-ink-soft);font-size:var(--text-xs);font-weight:var(--weight-semibold);background:#ded8cc80;line-height:1.8rem}.admin-status--published{color:var(--color-primary-strong);background:var(--color-primary-soft)}.admin-story-groups{gap:var(--space-5);display:grid}.admin-story-group{gap:var(--space-3);display:grid}.admin-story-group h3{color:var(--color-primary-strong);margin:0}.admin-filter-pills{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-filter-pill{min-height:2rem;padding:0 var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-ink-soft);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);background:#fffefab8}.admin-filter-pill--active,.admin-filter-pill:hover{color:var(--color-primary-strong);background:var(--color-primary-soft)}.admin-empty-editor,.admin-empty-state{gap:var(--space-3);padding:var(--space-10);text-align:center;place-items:center;display:grid}.admin-empty-editor h2,.admin-empty-editor p,.admin-empty-state h2,.admin-empty-state p{margin:0}.admin-empty-editor p,.admin-empty-state p{color:var(--color-ink-soft)}.admin-sidebar{top:var(--space-5);position:sticky;overflow:hidden}.admin-sidebar__head,.admin-editor__top,.admin-spread__head,.admin-side__head,.admin-version-tools{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.admin-sidebar__head{padding:var(--space-5);border-bottom:1px solid var(--color-line);align-items:center}.admin-sidebar__head span{border-radius:var(--radius-full);color:#fff;background:var(--gradient-primary);min-width:2rem;min-height:2rem;font-weight:var(--weight-bold);place-items:center;display:grid}.admin-sidebar__actions{padding:var(--space-4);border-bottom:1px solid var(--color-line)}.admin-sidebar__actions .button{width:100%}.admin-story-list{gap:var(--space-3);max-height:calc(100vh - 12rem);padding:var(--space-4);display:grid;overflow:auto}.admin-story-row{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:border-color var(--duration-base) var(--ease-standard), background var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);background:#ffffff7a;display:grid}.admin-story-row:hover,.admin-story-row:focus-visible{box-shadow:var(--shadow-xs);background:#fffefad6;border-color:#275f4b61;transform:translateY(-1px)}.admin-story-row--active{background:var(--color-primary-soft);box-shadow:inset 3px 0 0 var(--color-primary), var(--shadow-xs);border-color:#275f4b7a}.admin-story-row:disabled{cursor:wait;opacity:.72;transform:none}.admin-story-row span,.admin-story-row small,.admin-side small{color:var(--color-ink-muted);font-size:var(--text-sm)}.admin-editor{gap:var(--space-6);padding:var(--space-6);display:grid}.admin-editor__top{padding-bottom:var(--space-5);border-bottom:1px solid var(--color-line);align-items:center}.admin-story-basics{gap:var(--space-5);display:grid}.admin-form-grid{gap:var(--space-4);grid-template-columns:minmax(0,2fr) minmax(180px,1fr) 150px 130px 170px;display:grid}.admin-cover-spread{gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-line);display:grid}.admin-cover-spread>div:first-child{gap:.15rem;display:grid}.admin-cover-spread small{color:var(--color-ink-muted);font-size:var(--text-sm)}.admin-cover-sides{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-cover-side{gap:var(--space-3);display:grid}.admin-cover-side__head{gap:var(--space-3);justify-content:space-between;align-items:baseline;min-width:0;display:flex}.admin-cover-side__head small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-cover-side__drop{aspect-ratio:1;border:1px dashed var(--color-line-strong);border-radius:var(--radius-sm);color:var(--color-ink-soft);background:var(--gradient-surface-strong);cursor:pointer;place-items:center;display:grid;overflow:hidden}.admin-cover-side__drop img{object-fit:cover;width:100%;height:100%}.admin-cover-side__drop span{gap:var(--space-2);color:var(--color-ink-muted);font-weight:var(--weight-semibold);text-align:center;place-items:center;display:grid}.admin-cover-side__drop--filled{border-style:solid}.admin-tabs{gap:var(--space-2);border-bottom:4px solid var(--color-primary);align-items:flex-end;display:flex}.admin-tab{min-height:3rem;padding:0 var(--space-5);border-radius:var(--radius-md) var(--radius-md) 0 0;color:#fff;background:var(--gradient-primary);cursor:pointer;font-weight:var(--weight-bold);opacity:.7}.admin-tab--active{opacity:1;box-shadow:inset 0 -5px #ffffffb8}.admin-version-tools{align-items:flex-end}.admin-version-tools .field{flex:22rem}.admin-inline-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.admin-spreads{gap:var(--space-4);display:grid}.admin-spread{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:#fff6;display:grid}.admin-spread__head>div{gap:var(--space-2);flex:1;display:grid}.admin-spread__head span{color:var(--color-primary-strong);font-weight:var(--weight-bold)}.admin-sides{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-side{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);align-content:start;display:grid}.admin-side__head{align-items:center}.admin-side-preview{display:grid;position:relative}.admin-side-canvas{aspect-ratio:1;border-radius:var(--radius-lg);width:100%;display:grid;position:relative;overflow:hidden}.admin-side-canvas>.admin-upload,.admin-side-canvas>.admin-text-editor{grid-area:1/1}.admin-side-canvas>.admin-upload{aspect-ratio:auto;border-radius:inherit;height:100%}.admin-side-preview--editing-text .admin-upload{position:relative}.admin-side-preview--editing-text .admin-upload:after{content:"";pointer-events:none;background:linear-gradient(#1d252100 42%,#1d252129 100%);position:absolute;inset:0}.admin-upload{aspect-ratio:1;border:1px dashed var(--color-line-strong);border-radius:var(--radius-lg);width:100%;min-height:0;color:var(--color-ink-soft);background:radial-gradient(circle at 24% 20%, #2f7fbe14, transparent 8rem), var(--gradient-surface-strong);cursor:pointer;place-items:center;display:grid;overflow:hidden}.admin-upload span{place-items:center;gap:var(--space-2);text-align:center;font-weight:var(--weight-semibold);display:grid}.admin-upload img{object-fit:cover;width:100%;height:100%}.admin-upload--filled{border-style:solid}.admin-page-preview{aspect-ratio:1;border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);width:100%;color:var(--color-ink);background:radial-gradient(circle at 24% 20%, #2f7fbe14, transparent 8rem), var(--gradient-surface-strong);cursor:pointer;place-items:center;display:grid;position:relative;overflow:hidden}.admin-page-preview>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.admin-page-preview__paper{z-index:1;gap:var(--space-3);width:min(70%,24rem);max-height:64%;padding:var(--space-5) var(--space-4);text-align:center;display:grid;position:relative;overflow:auto}.admin-page-preview__paper strong{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--weight-bold)}.admin-page-preview__copy{gap:var(--space-1);color:var(--color-ink-soft);font-size:var(--text-md);line-height:var(--leading-normal);display:grid}.admin-page-preview__line{margin:0;display:block}.admin-page-preview__tag{font-weight:var(--weight-semibold)}.admin-page-preview__tag--title{margin-bottom:var(--space-1);color:var(--color-ink);font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);display:block}.admin-page-preview__tag--large{color:var(--color-ink);font-size:var(--text-lg)}.admin-page-preview__tag--small{color:var(--color-ink-muted);font-size:var(--text-sm)}.admin-page-preview__tag--accent{color:var(--color-accent-strong)}.admin-page-preview__tag--green{color:var(--color-primary-strong)}.admin-page-preview__tag--blue{color:var(--color-blue)}.admin-text-editor{z-index:2;max-height:calc(100% - var(--space-6));align-self:end;gap:var(--space-2);margin:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#fffefae6,#faf7efd6);border:1px solid #ded8cce6;display:grid;overflow:auto;box-shadow:0 14px 32px #1d25211f}.admin-tag-toolbar{gap:var(--space-1);flex-wrap:wrap;display:flex}.admin-tag{min-height:1.55rem;padding:0 var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-ink-soft);cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-semibold);background:#fffefab8;line-height:1}.admin-tag:hover{color:var(--color-primary-strong);background:var(--color-primary-soft)}.admin-tag--title,.admin-tag--large{font-family:var(--font-serif)}.admin-tag--accent{color:var(--color-accent-strong)}.admin-tag--green{color:var(--color-primary-strong)}.admin-tag--blue{color:var(--color-blue)}.admin-textarea{min-height:5.5rem;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal)}.admin-text-editor .button{min-height:2.15rem;padding:0 var(--space-3);font-size:var(--text-sm)}.admin-text-editor .button svg{width:.9rem;height:.9rem}@media (width<=1100px){.admin-page--shell{grid-template-columns:1fr}.admin-nav{position:static}.admin-nav__links{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-panel-card__head,.admin-version-tools,.admin-editor__top{flex-direction:column;align-items:stretch}.admin-filter-pills{justify-content:flex-start}.admin-metrics,.admin-form-grid{grid-template-columns:1fr}}@media (width<=720px){.admin-workspace{padding-top:var(--space-2)}.admin-nav__links{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-cms-row{grid-template-columns:auto minmax(0,1fr)}.admin-cms-row>svg,.admin-cms-row__price,.admin-status,.admin-tag-row code{justify-self:start}.admin-tag-row,.admin-cover-sides{grid-template-columns:1fr}}.admin-alert{padding:var(--space-4);border-radius:var(--radius-md);line-height:var(--leading-normal);margin:0}.admin-alert--error{color:#8b2020;background:#ffe6e1}.admin-alert--success{color:#37661f;background:#e8f6da}@media (width<=900px){.hero,.detail-layout,.reader-shell,.admin-layout,.admin-sides{grid-template-columns:1fr}.hero{min-height:auto}.grid--three,.grid--templates,.payment-methods{grid-template-columns:1fr 1fr}.side-panel,.admin-sidebar{position:static}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){:root{--layout-page:min(100vw - 24px, 1120px);--layout-narrow:min(100vw - 24px, 760px);--layout-reader:min(100vw - 24px, 980px)}.topbar__inner{height:4rem}.nav-actions .button--secondary{display:none}.hero{padding-top:var(--space-8);gap:var(--space-8)}.hero__title{max-width:12ch}.section__header,.screen-header,.bottom-bar__inner,.admin-header,.admin-editor__top,.admin-version-tools,.admin-spread__head,.admin-side__head{flex-direction:column;align-items:stretch}.grid--three,.grid--templates,.payment-methods,.stats,.admin-form-grid{grid-template-columns:1fr}.admin-page{width:min(100vw - 24px,1440px)}.admin-editor,.admin-auth-card{padding:var(--space-4)}.admin-tabs,.admin-inline-actions{flex-wrap:nowrap;overflow-x:auto}.admin-tab,.admin-inline-actions .button{flex:none}.admin-side__head .custom-select--compact{max-width:none}.filter{flex:33.333%}.stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.story-card,.book-page__art{min-height:22rem}}body{background:var(--texture-paper), var(--gradient-page)}.app:before{display:none}.app:after{background-image:var(--texture-paper);opacity:.22;mix-blend-mode:multiply;background-size:180px 180px,260px 260px}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf8f2db;border-bottom:1px solid #ded8ccb8}.brand__mark{border-radius:var(--radius-sm);background:var(--color-primary);width:2rem;height:2rem;box-shadow:var(--shadow-xs)}.brand__text{font-size:var(--text-md);font-weight:var(--weight-bold)}.page{padding-top:var(--space-10)}.hero{gap:var(--space-14);grid-template-columns:minmax(0,1fr) minmax(360px,448px);min-height:calc(100vh - 5rem)}.eyebrow{min-height:2.1rem;padding:0 var(--space-3);border-color:var(--color-line);border-radius:var(--radius-sm);color:var(--color-primary-strong);box-shadow:var(--shadow-xs);background:#fffefab8}.hero__title{max-width:12ch;font-family:var(--font-serif);font-feature-settings:"liga" 1, "kern" 1;color:var(--color-ink);background:0 0;font-size:4.9rem;font-weight:700;line-height:.94}.hero__title em{color:var(--color-primary);font-family:inherit;font-style:italic;font-weight:700}.hero__copy{max-width:33rem;color:var(--color-ink-soft);font-size:var(--text-lg)}.trust-row{color:var(--color-ink-soft)}.sample-card,.panel,.info-card,.book-page,.regen-box,.generation__card,.photo-preview,.admin-sidebar,.admin-editor,.admin-auth-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fffefac2}.sample-card{border-color:var(--color-line-strong)}.sample-card__image{aspect-ratio:.9;padding:var(--space-3);background:linear-gradient(180deg, #ffffff14, #1d25211f), var(--gradient-primary)}.sample-card__image img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:4px solid #fffefaeb}.sample-card__body{gap:var(--space-2);padding:var(--space-5);background:#fffefaeb}.sample-card__body h2{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;line-height:var(--leading-snug);margin:0}.sample-card__meta{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-ink-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0;display:flex}.section{padding:var(--space-16) 0}.section__title,.screen-header__title{font-family:var(--font-serif);font-size:2.75rem;font-weight:700;line-height:var(--leading-tight);font-feature-settings:"liga" 1, "kern" 1}.section__copy,.screen-header__copy{color:var(--color-ink-soft)}.showcase{gap:var(--space-5);padding:var(--space-8) 0;border-top:1px solid #ded8ccb8;border-bottom:1px solid #ded8ccb8;display:grid}.showcase__header{width:var(--layout-page);justify-content:space-between;align-items:end;gap:var(--space-5);max-width:100%;display:flex}.showcase__header span{color:var(--color-accent-strong);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase}.showcase__header h2{max-width:34rem;font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);margin:0}.marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%)}.marquee__track{gap:var(--space-4);width:max-content;animation:34s linear infinite editorial-marquee;display:flex}.marquee--reverse .marquee__track{animation-duration:42s;animation-direction:reverse}.marquee:hover .marquee__track{animation-play-state:paused}@keyframes editorial-marquee{0%{transform:translate(0,0)}to{transform:translate3d(calc(-50% - var(--space-2)), 0, 0)}}.character-tile,.book-tile{border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:#fffefac7;flex:none}.character-tile{width:176px;height:176px;padding:var(--space-3);place-items:center;display:grid}.character-tile__portrait{border-radius:var(--radius-sm);color:#fff;background:linear-gradient(145deg, #ffffff2e, #fff0 40%), linear-gradient(135deg, var(--tone-from), var(--tone-to));place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.character-tile__portrait:before{content:"";background:radial-gradient(circle at 38% 44%,#1d2521b8 0 4px,#0000 5px),radial-gradient(circle at 62% 44%,#1d2521b8 0 4px,#0000 5px),radial-gradient(at 50% 68%,#b85f3f80 0 9px,#0000 10px),#ffeed9eb;border:1px solid #ffffff70;border-radius:42% 58% 48% 52%;width:4.9rem;height:4.9rem;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #1d252129}.character-tile__portrait:after{content:"";background:#fffefa47;border:1px solid #ffffff42;border-radius:45% 45% 0 0;width:7.8rem;height:5.6rem;position:absolute;bottom:-1.25rem;left:50%;transform:translate(-50%)}.book-tile{width:222px;min-height:124px;padding:var(--space-4);color:#fff;background:linear-gradient(145deg, #ffffff29, #fff0 38%), linear-gradient(135deg, var(--tone-from), var(--tone-to));flex-direction:column;justify-content:space-between;display:flex}.book-tile span{color:#ffffffbd;font-size:var(--text-xs);text-transform:uppercase}.book-tile strong{max-width:10rem;font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;line-height:var(--leading-snug)}.filters{width:fit-content;max-width:100%;margin:var(--space-8) 0 var(--space-6);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:#fffefab8;align-items:stretch;gap:0;overflow-x:auto}.filter{min-height:2.6rem;padding:0 var(--space-4);border-right:1px solid var(--color-line);color:var(--color-ink-soft);box-shadow:none;font-size:var(--text-sm);font-weight:var(--weight-semibold);background:0 0;border-radius:0;flex:none}.filter:last-child{border-right:0}.filter:before{display:none}.filter:hover,.filter--active{color:var(--color-primary-strong);background:var(--color-primary-soft);box-shadow:inset 0 -2px 0 var(--color-primary);filter:none}.grid--templates{grid-template-columns:repeat(auto-fill,minmax(265px,1fr))}.story-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);background:#fffefadb}.story-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.story-card__visual{min-height:13.5rem;padding:var(--space-4);background:radial-gradient(circle at 26% 30%, #ffffff4d 0 3px, transparent 4px), radial-gradient(circle at 74% 24%, #ffffff38 0 2px, transparent 3px), radial-gradient(circle at 64% 76%, #fff3 0 3px, transparent 4px), linear-gradient(145deg, #ffffff29, #fff0 38%), linear-gradient(135deg, var(--tone-from), var(--tone-to));place-items:center;display:grid}.story-card__visual:after{background:linear-gradient(#ffffff1a,#0000 36%),linear-gradient(#0000 48%,#1d25212e)}.story-card__content{padding:var(--space-5);background:#fffefaf0}.story-card__graphic{z-index:1;aspect-ratio:1;border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 38%,#ffffff6b 0 22%,#0000 23%),radial-gradient(circle at 50% 66%,#ffffff2e 0 30%,#0000 31%),linear-gradient(145deg,#ffffff24,#ffffff05);border:1px solid #ffffff47;width:min(54%,11rem);position:relative;transform:rotate(-2deg);box-shadow:inset 0 1px #ffffff47,0 1.6rem 3rem #1d25211a}.story-card__graphic:before,.story-card__graphic:after{content:"";background:#ffffff38;border-radius:999px;position:absolute}.story-card__graphic:before{width:44%;height:44%;top:20%;left:28%}.story-card__graphic:after{width:62%;height:28%;bottom:16%;left:19%}.story-card__cover{z-index:1;object-fit:cover;border-radius:var(--radius-sm);border:1px solid #ffffff7a;width:100%;height:100%;position:relative;box-shadow:0 18px 34px #1d25212e}.story-card__meta{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.story-card__meta span{min-height:1.5rem;padding:0 var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-xs);color:var(--color-ink-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);align-items:center;display:inline-flex}.story-card h3{font-size:var(--text-xl)}.story-card__price{color:var(--color-ink);font-weight:var(--weight-bold)}.story-card__select{color:var(--color-primary)}.catalog-state{gap:var(--space-3);max-width:34rem;padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--texture-paper), #fffefac7;box-shadow:var(--shadow-xs);display:grid}.catalog-state h2{font-family:var(--font-serif);font-size:var(--text-2xl);line-height:var(--leading-tight);margin:0}.catalog-state p{color:var(--color-ink-soft);line-height:var(--leading-normal);margin:0}.button{border-radius:var(--radius-sm);background:var(--color-primary);box-shadow:none}.button:hover{background:var(--color-primary-strong);transform:translateY(-1px)}.button--secondary{color:var(--color-ink);border-color:var(--color-line-strong);background:#fffefabd}.button--secondary:hover{color:var(--color-primary-strong);background:var(--color-primary-soft)}.button--ghost{color:var(--color-primary-strong);background:0 0;border-color:#0000}.button--ghost:hover{color:var(--color-primary-strong);background:var(--color-primary-soft)}.button--accent{background:var(--gradient-accent);box-shadow:0 10px 26px #b85f3f2e}.button--accent:hover{background:linear-gradient(135deg,#b88739 0%,#9f4c34 100%);box-shadow:0 14px 34px #b85f3f33}.back-button,.back-button.button--ghost{color:var(--color-primary-strong);border-color:var(--color-line-strong);background:#fffefad1;box-shadow:0 1px 2px #1d25210f}.back-button:hover,.back-button.button--ghost:hover{color:var(--color-primary-strong);background:var(--color-primary-soft);border-color:#275f4b5c;box-shadow:0 4px 14px #1d252114}.back-button svg{color:currentColor}.pill{border-radius:var(--radius-sm);background:#fffefab8}.detail-layout{grid-template-columns:minmax(0,1fr) 360px}.cover-preview{min-height:32rem;padding:var(--space-6);border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:linear-gradient(145deg, #ffffff29, #fff0 38%), linear-gradient(135deg, var(--tone-from), var(--tone-to));box-shadow:var(--shadow-md);place-items:center;display:grid}.cover-preview:before,.cover-preview:after{display:none}.cover-preview__spread{gap:var(--space-3);width:min(100%,760px);padding:var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fffefaeb;grid-template-columns:1fr 1fr;display:grid}.cover-preview__page{aspect-ratio:1;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-strong);min-height:24rem;overflow:hidden}.cover-preview__page--art img,.cover-preview__page-image{object-fit:cover;width:100%;height:100%}.cover-preview__page--text{padding:var(--space-6);background:var(--texture-paper), var(--color-paper-strong);flex-direction:column;justify-content:center;display:flex}.cover-preview__page--text span{color:var(--color-accent-strong);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase}.cover-preview__page--text h2{margin:var(--space-3) 0;font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight)}.cover-preview__page--text p{color:var(--color-ink-soft);line-height:var(--leading-loose);margin:0}.stats{grid-template-columns:1fr}.stat{border-radius:var(--radius-sm)}.check-list svg,.notice svg{color:var(--color-primary)}.book-page--spread{gap:var(--space-3);padding:var(--space-3);background:#fffefaeb;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.book-page__side{aspect-ratio:1;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-strong);min-height:auto;padding:0;overflow:hidden}.book-page__image{object-fit:cover;width:100%;height:100%}.stepper{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:#fffefab8;gap:0;overflow:hidden}.stepper__item{border-right:1px solid var(--color-line);min-height:2.75rem;box-shadow:none;font-size:var(--text-sm);background:0 0;border-radius:0}.stepper__item:last-child{border-right:0}.stepper__item--active{color:var(--color-primary-strong);background:var(--color-primary-soft);box-shadow:inset 0 -2px 0 var(--color-primary)}.stepper__item--active:before{display:none}.upload-zone{border-radius:var(--radius-md);background:var(--texture-paper), #fffefa9e}.upload-zone__icon{border-radius:var(--radius-sm);background:var(--color-primary)}.input,.method,.notice,.admin-story-row,.admin-spread,.admin-side,.admin-upload{border-radius:var(--radius-sm)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #275f4b1f}.custom-select,.custom-combobox{width:100%;position:relative}.custom-select__trigger,.custom-combobox .input{width:100%;min-height:var(--button-height-md);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-ink);background:linear-gradient(180deg, #fffefaf5, #faf7efe0), var(--color-surface-strong);box-shadow:inset 0 1px #ffffffc7}.custom-select__trigger{justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-3) 0 var(--space-4);cursor:pointer;text-align:left;display:flex}.custom-select__trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.custom-select__trigger svg,.custom-combobox__button svg{color:var(--color-primary);transition:transform var(--duration-base) var(--ease-standard);flex:none}.custom-select__trigger[aria-expanded=true]{border-color:var(--color-primary);box-shadow:0 0 0 3px #275f4b1f,inset 0 1px #ffffffc7}:is(.custom-select__trigger[aria-expanded=true] svg,.custom-combobox:has(.custom-combobox__menu) .custom-combobox__button svg){transform:rotate(180deg)}.custom-select__menu{z-index:80;padding:var(--space-1);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--texture-paper), #fffefafa;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 14px 34px #1d252129,0 2px 8px #1d252114}.custom-select__option{width:100%;min-height:2.45rem;padding:0 var(--space-3);border-radius:var(--radius-xs);color:var(--color-ink-soft);cursor:pointer;text-align:left;background:0 0;align-items:center;display:flex}.custom-select__option:hover,.custom-select__option--active{color:var(--color-primary-strong);background:var(--color-primary-soft)}.custom-select__option--active:before{content:"";width:.45rem;height:.45rem;margin-right:var(--space-2);background:var(--color-primary);border-radius:999px}.custom-select--compact{max-width:18rem}.custom-select--compact .custom-select__trigger{min-height:2.35rem;padding-inline:var(--space-3);font-size:var(--text-sm)}.custom-combobox .input{padding-right:var(--space-10)}.custom-combobox .input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #275f4b1f,inset 0 1px #ffffffc7}.custom-combobox__button{right:var(--space-2);border-radius:var(--radius-xs);cursor:pointer;background:0 0;place-items:center;width:2rem;height:2rem;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.custom-combobox__button:hover{background:var(--color-primary-soft)}.custom-combobox__menu{top:calc(100% + 6px)}.bottom-bar{background:#faf8f2e0}.method--active{background:var(--color-primary-soft);border-color:#275f4b57}.generation__card{border-radius:var(--radius-lg)}.progress__bar{background:linear-gradient(90deg, var(--color-primary), var(--color-blue), var(--color-accent))}.admin-tabs{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);gap:0;overflow:hidden}.admin-tab{border-right:1px solid var(--color-line);color:var(--color-ink-soft);background:0 0;border-radius:0}.admin-tab--active{color:var(--color-primary-strong);background:var(--color-primary-soft);box-shadow:inset 0 -2px 0 var(--color-primary)}.admin-upload{background:var(--texture-paper), var(--gradient-surface-strong)}@media (prefers-reduced-motion:reduce){.marquee__track{animation:none}}@media (width<=900px){.hero{grid-template-columns:1fr;min-height:auto}.hero__title{font-size:4rem}.detail-layout,.cover-preview__spread{grid-template-columns:1fr}.cover-preview__page{min-height:18rem}.showcase__header{display:grid}}@media (width<=640px){.page{padding-top:var(--space-6)}.hero__title{max-width:11ch;font-size:3.25rem}.hero__copy{font-size:var(--text-md)}.hero__actions .button{width:100%}.section__title,.screen-header__title{font-size:2.15rem}.character-tile{width:148px;height:148px}.book-tile{width:198px}.filter{flex:none}.story-card{min-height:0}.stepper{grid-template-columns:repeat(2,minmax(0,1fr))}}