:root{--ink: #17201f;--muted: #5d6b68;--deep: #123a3f;--deep-2: #0e2b31;--panel: #fffdf9;--canvas: #f3fbf8;--line: #d7e5df;--line-strong: #b9d1ca;--teal: #0d7c78;--teal-soft: #dff3ee;--coral: #f06455;--coral-dark: #cf4e43;--citron: #f4d35e;--lavender: #e7e1ff;--lavender-ink: #3b3165;color:#1d1d1f;background:#f6f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f6f4ef}button,input,textarea,select{font:inherit}button{border:0}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:28px;padding:24px;background:#20201e;color:#f7f3e8}.brand-row{display:flex;align-items:center;gap:12px}.brand-row strong,.brand-row span{display:block}.brand-row strong{font-size:17px}.brand-row span{color:#b9c7b1;font-size:13px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#f2c66d;color:#20201e}.language-switch{display:inline-grid;grid-template-columns:repeat(2,42px);gap:3px;width:max-content;padding:4px;border:1px solid #d9d4c8;border-radius:8px;background:#fff}.language-switch button{min-height:30px;border-radius:6px;background:transparent;color:#4b4f47;cursor:pointer;font-size:12px;font-weight:850}.language-switch button.active{background:#20201e;color:#fff8ea}.language-switch.dark{border-color:#ffffff52;background:#0a21256b}.language-switch.dark button{color:#e4f6f1}.language-switch.dark button.active{background:#f9fffb;color:#123a3f}.nav-stack{display:grid;gap:8px}.nav-button,.icon-text,.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:7px;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.nav-button{justify-content:flex-start;width:100%;padding:0 12px;color:#e9e3d5;background:transparent}.nav-button:hover,.nav-button.active{background:#34342f;color:#fff8ea}.account-strip{margin-top:auto;display:grid;gap:7px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}.account-strip span{color:#cfd6c6;font-size:13px}.workspace{min-width:0;padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{margin:0 0 6px;color:#687365;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:34px;line-height:1.08}h2{font-size:20px;line-height:1.2}.status-pills,.story-meta,.keyword-row{display:flex;flex-wrap:wrap;gap:8px}.status-pills span,.story-meta span,.keyword-row span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 9px;border:1px solid #d9d4c8;border-radius:999px;background:#fffdf7;color:#3c4038;font-size:13px}.studio-grid{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:20px;align-items:start}.studio-panel,.reader-panel,.billing-summary,.payments-table,.login-panel,.feature-card{border:1px solid #ded8cc;border-radius:8px;background:#fffdf7;box-shadow:0 14px 34px #221f1814}.studio-panel{display:grid;gap:16px;padding:20px}.section-heading p,.muted{color:#687365}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;border:1px solid #ded8cc;border-radius:8px;background:#f3f0e8}.login-panel .segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented button{min-height:36px;border-radius:6px;background:transparent;color:#4b4f47;cursor:pointer}.segmented button.active{background:#fff;color:#1d1d1f;box-shadow:0 2px 8px #221f1814}label{display:grid;gap:7px;color:#383a34;font-size:13px;font-weight:700}input,textarea,select{width:100%;border:1px solid #cfc8ba;border-radius:7px;background:#fff;color:#1d1d1f;padding:10px 11px;outline:none}textarea{resize:vertical;min-height:108px;line-height:1.45}input:focus,textarea:focus,select:focus{border-color:#27846f;box-shadow:0 0 0 3px #27846f24}.field-row{display:grid;grid-template-columns:1fr .8fr .8fr;gap:10px}.fanfic-fields{display:grid;gap:12px;padding:14px;border:1px solid #d7e5df;border-radius:8px;background:#f5fbf8}.fanfic-fields h3{margin:0 0 6px;font-size:16px}.fanfic-row{grid-template-columns:repeat(2,minmax(0,1fr))}.fanfic-choice-field{display:grid;gap:7px}.field-label{color:#383a34;font-size:13px;font-weight:700}.field-hint{color:#687365;font-size:12px;line-height:1.35}.multi-choice-grid{display:flex;flex-wrap:wrap;gap:6px}.choice-chip{min-height:34px;padding:0 10px;border:1px solid #b9d1ca;border-radius:999px;background:#fff;color:#123a3f;cursor:pointer;font-size:12px;font-weight:800}.choice-chip.active{border-color:#27846f;background:#dff3ee;color:#0e2b31;box-shadow:inset 0 0 0 1px #27846f2e}.primary-action{width:100%;padding:0 16px;background:#27846f;color:#fff;font-weight:800}.primary-action:hover{background:#1f6e5d}.primary-action:disabled{cursor:wait;opacity:.65}.primary-action.compact{width:auto;min-width:180px}.cost-note{margin:-6px 0 0;color:#687365;font-size:13px}.advanced-panel{display:grid;gap:14px;padding:14px;border:1px solid #ded8cc;border-radius:8px;background:#fffdf7}.advanced-panel>summary{color:#383a34;cursor:pointer;font-size:14px;font-weight:800}.advanced-panel[open]>summary{margin-bottom:12px}.icon-text{padding:0 12px;border:1px solid #cfc8ba;background:#fff;color:#262923;font-weight:700}.icon-text.ghost{justify-content:flex-start;border-color:#ffffff2e;background:#ffffff0d;color:#f7f3e8}.reader-panel{min-height:620px;padding:24px}.reader-stage{display:grid}.story-reader{max-width:820px}.story-reader h2{margin:12px 0 14px;font-size:28px}.reader-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:18px 0 16px}.reader-header h2,.reader-header p{margin-bottom:6px}.reader-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.story-created,.library-selected,.next-chapter-box{display:grid;gap:16px}.story-preview{max-height:320px;overflow:hidden;color:#2c2d2a;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.66}.story-text{color:#2c2d2a;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.72}.story-text p{margin-bottom:18px}.next-chapter-box{margin-top:26px;padding-top:22px;border-top:1px solid #ebe4d8}.notice{border:1px solid #d7d0c2;border-radius:7px;background:#fffaf0;color:#4b4f47;padding:12px 14px}.notice.error{border-color:#e2a2a2;background:#fff1f1;color:#8a2f2f}.notice.success{border-color:#a9d4c6;background:#effaf5;color:#1f6e5d;margin-bottom:16px}.notice.guest-banner{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;background:#effaf5;color:#1f4f48}.auth-layout{display:grid;max-width:520px}.guest-save-box h3{margin:0 0 8px;font-size:20px}.guest-save-box p{margin-bottom:0;color:#687365;line-height:1.55}.reader-actions{display:flex;flex-wrap:wrap;gap:10px}.empty-state{display:grid;place-items:center;align-content:center;min-height:480px;gap:12px;color:#687365;text-align:center}.empty-state h2{margin-bottom:0;color:#1d1d1f}.library-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px}.story-list{display:grid;gap:8px;align-content:start}.story-row{display:grid;gap:5px;width:100%;padding:14px;border:1px solid #ded8cc;border-radius:8px;background:#fffdf7;color:#1d1d1f;text-align:left;cursor:pointer}.story-row span{color:#687365;font-size:13px}.story-row.active{border-color:#27846f;box-shadow:inset 3px 0 #27846f}.library-reader{min-height:580px}.billing-layout{display:grid;gap:18px}.billing-summary{display:flex;align-items:center;gap:18px;padding:20px}.billing-summary div{display:grid;gap:4px;flex:1}.billing-summary p,.billing-summary span{margin:0;color:#687365}.billing-summary strong{font-size:30px}.payments-table{padding:20px}.payment-row{display:grid;grid-template-columns:1fr 1fr 1fr .7fr;gap:10px;padding:12px 0;border-top:1px solid #ebe4d8}.login-panel{display:grid;gap:22px;padding:28px}.login-panel{align-content:start}@media(max-width:1040px){.app-shell,.studio-grid,.library-layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;flex-direction:row;align-items:center;flex-wrap:wrap;padding:14px}.nav-stack{grid-template-columns:repeat(5,minmax(0,1fr));flex:1 1 460px}.account-strip{margin-top:0;padding-top:0;border-top:0}}@media(max-width:720px){.workspace{padding:18px}.topbar,.reader-header,.billing-summary{align-items:flex-start;flex-direction:column}h1{font-size:30px}.nav-stack,.field-row,.fanfic-row,.payment-row{grid-template-columns:1fr}.sidebar{position:static}.reader-panel{min-height:420px;padding:18px}.story-text{font-size:17px}}body{background:linear-gradient(180deg,#f8fffc 0%,var(--canvas) 48%,#f9f7ff 100%),var(--canvas);color:var(--ink)}.sidebar{background:linear-gradient(180deg,var(--deep),var(--deep-2));color:#f9fffb}.brand-row span,.account-strip span{color:#bde1da}.brand-mark{background:linear-gradient(135deg,var(--citron),var(--coral));color:var(--deep-2)}.nav-button{color:#e4f5f1}.nav-button:hover,.nav-button.active{background:#ffffff1f;color:#fff}.eyebrow{color:var(--teal)}.studio-panel,.reader-panel,.billing-summary,.payments-table,.login-panel,.feature-card,.story-row{border-color:var(--line);background:var(--panel);box-shadow:0 18px 44px #123a3f1a}.status-pills span,.story-meta span,.keyword-row span{border-color:var(--line);background:#fff;color:var(--deep)}.section-heading p,.muted,.empty-state,.story-row span,.billing-summary p,.billing-summary span{color:var(--muted)}label{color:var(--deep)}input,textarea,select{border-color:var(--line-strong);color:var(--ink)}input:focus,textarea:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0d7c7829}.primary-action{background:var(--coral)}.primary-action:hover{background:var(--coral-dark)}.icon-text{border-color:var(--line-strong);color:var(--ink)}.cost-note{color:var(--muted)}.advanced-panel{border-color:var(--line);background:linear-gradient(180deg,#f8fffc,#f9f7ff)}.advanced-panel>summary{color:var(--deep)}.icon-text:disabled,.source-import:disabled{cursor:wait;opacity:.65}.reader-nav .icon-text:disabled{cursor:default;opacity:.45}.story-text{color:#243331}.story-preview{color:#2a3734}.next-chapter-box{border-top-color:var(--line)}.notice{border-color:var(--line);background:#fff9e1;color:var(--deep)}.notice.success{border-color:#a9d9cf;background:var(--teal-soft);color:var(--deep)}.notice.compact{margin-bottom:0;padding:9px 11px}.story-row.active{border-color:var(--coral);box-shadow:inset 3px 0 0 var(--coral)}.payment-row{border-top-color:var(--line)}.source-box{display:grid;gap:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#f8fffc,#f9f7ff)}.section-heading.compact h2,.section-heading.compact p{margin-bottom:0}.source-actions{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;gap:10px;align-items:end}.file-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:var(--ink);cursor:pointer}.file-control input{display:none}.url-control{gap:6px}.source-import{min-height:42px}@media(max-width:1040px){.source-actions{grid-template-columns:1fr}}.icon-text.light,.secondary-link{border-color:#ffffff6b;background:#ffffff1f;color:#f9fffb}.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:7px;color:inherit;font-weight:850;text-decoration:none;cursor:pointer}.primary-link{background:linear-gradient(135deg,var(--coral),var(--citron));color:var(--deep-2)}.landing-page{background:var(--canvas)}.landing-hero{--hero-image: url(../hero-fandom-signals.png);--hero-position: center right;position:relative;display:grid;align-content:space-between;min-height:86svh;padding:24px clamp(18px,4vw,64px) 54px;overflow:hidden;background:linear-gradient(90deg,#0e2b31f0,#123a3fd6 46%,#123a3f2e),var(--hero-image) var(--hero-position) / cover no-repeat;color:#f9fffb}.hero-signals{--hero-image: url(../hero-fandom-signals.png)}.hero-draft{--hero-image: url(../hero-first-draft.png)}.hero-memory{--hero-image: url(../hero-chapter-memory.png);--hero-position: center right}.landing-hero:after{content:"";position:absolute;inset:auto 0 0;height:88px;background:linear-gradient(180deg,rgba(243,251,248,0),var(--canvas));pointer-events:none}.landing-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px}.landing-nav-actions{display:flex;align-items:center;gap:10px}.hero-content{position:relative;z-index:1;max-width:820px;padding:92px 0 22px}.hero-content h1{max-width:780px;margin-bottom:18px;color:#fff;font-size:72px;line-height:.98}.hero-lede{max-width:680px;color:#dff3ee;font-size:20px;line-height:1.55}.hero-actions,.proof-row{display:flex;flex-wrap:wrap;gap:10px}.hero-actions{margin:28px 0 20px}.proof-row span{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#ffffff1f;color:#f9fffb;font-size:13px}.signal-strip{display:grid;grid-template-columns:repeat(4,minmax(116px,1fr));gap:8px;max-width:760px;margin-top:14px}.signal-strip span{display:grid;gap:3px;min-height:64px;padding:11px 12px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#0a21256b;color:#f4fffb;font-size:13px}.signal-strip strong{color:var(--citron);font-size:11px;letter-spacing:0;text-transform:uppercase}.hero-review-switcher{display:inline-flex;flex-wrap:wrap;gap:6px;margin-top:16px;padding:6px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#05181c75}.hero-review-switcher button{min-height:34px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#e4f6f1;font-weight:800;cursor:pointer}.hero-review-switcher button.active{background:#f9fffb;color:var(--deep)}.landing-band,.studio-entry{padding:70px clamp(18px,4vw,64px)}.landing-section-head{max-width:760px;margin-bottom:28px}.landing-section-head h2,.studio-entry h2{margin-bottom:12px;font-size:44px}.landing-section-head p,.studio-entry p,.feature-card p,.difference-row p{color:var(--muted);line-height:1.55}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-card{display:grid;gap:12px;padding:22px}.feature-card h3{margin:0;font-size:19px}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:var(--teal-soft);color:var(--teal)}.landing-band.contrast{background:linear-gradient(135deg,var(--deep),var(--lavender-ink));color:#f9fffb}.landing-band.contrast .eyebrow,.landing-band.contrast p{color:#e8f5f1}.difference-list{display:grid;gap:10px;max-width:900px}.difference-row{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;padding:16px 0;border-top:1px solid rgba(255,255,255,.18)}.difference-row svg{color:var(--citron)}.difference-row p{margin:0}.studio-entry{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;align-items:start}.landing-cta-panel{display:grid;gap:14px;padding:28px;border:1px solid #ded8cc;border-radius:8px;background:#fffdf7;box-shadow:0 14px 34px #221f1814}.landing-cta-panel h2{margin-bottom:0;font-size:28px}.landing-cta-panel p{margin-bottom:0;color:var(--muted);line-height:1.55}.privacy-note{display:inline-flex;align-items:center;gap:8px;max-width:680px;margin-top:18px;padding:12px 14px;border-radius:8px;background:var(--teal-soft);color:var(--deep);font-weight:700}@media(max-width:1040px){.studio-entry{grid-template-columns:1fr}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-content{padding-top:70px}.hero-content h1{font-size:58px}.landing-section-head h2,.studio-entry h2{font-size:38px}}@media(max-width:720px){.landing-band,.studio-entry{padding:18px}.landing-hero{min-height:88svh;padding:18px 18px 42px;background:linear-gradient(180deg,#0e2b31f5,#123a3fd1 62%,#123a3f61),var(--hero-image) center bottom / cover no-repeat}.landing-nav{align-items:flex-start;flex-direction:column}.landing-nav-actions{width:100%;justify-content:space-between}.landing-nav .icon-text.light{display:none}.hero-content{padding-top:42px}.hero-content h1{font-size:42px}.hero-lede{font-size:18px}.workflow-grid{grid-template-columns:1fr}.signal-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-section-head h2,.studio-entry h2{font-size:32px}}