:root{color-scheme:light;--paper: #e4e8ea;--paper-2: #edf0f1;--raised: #f7f9f9;--ink: #0f1518;--ink-2: #3d4a50;--ink-3: #6e7c83;--rule: rgba(15, 21, 24, .14);--rule-2: rgba(15, 21, 24, .28);--accent: #cf3a1b;--accent-ink: #fff;--accent-wash: rgba(207, 58, 27, .09);--danger: #a62d1d;--shell: 1360px;--pad-x: clamp(1.2rem, 5vw, 4.5rem);--nav-h: 4rem;--display: "Newsreader Variable", Georgia, "Times New Roman", serif;--ui: "Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif;--mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, monospace}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--paper: #0d1315;--paper-2: #111819;--raised: #171f22;--ink: #e6ebec;--ink-2: #a9b6bb;--ink-3: #75838a;--rule: rgba(230, 235, 236, .15);--rule-2: rgba(230, 235, 236, .3);--accent: #f2542d;--accent-ink: #12181a;--accent-wash: rgba(242, 84, 45, .13);--danger: #ff9078}}*,*:before,*:after{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;background:var(--paper);color:var(--ink)}body,button,input,select{font-family:var(--ui);font-synthesis:none}body{font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}button,input,select{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--accent);text-underline-offset:.18em}a:hover{color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.05;text-wrap:balance}h1{font-size:clamp(3rem,7vw,6.4rem);letter-spacing:-.05em}h2{font-size:clamp(1.9rem,4vw,3.1rem);letter-spacing:-.035em}h3{font-size:1.35rem}#app{min-height:100vh;overflow-x:hidden}.app-nav{position:sticky;top:0;z-index:10;min-height:var(--nav-h);border-bottom:1px solid var(--rule);background:var(--paper)}.app-nav-inner{display:flex;align-items:stretch;width:min(100%,var(--shell));min-height:var(--nav-h);margin:0 auto;padding:0 var(--pad-x)}.brand{display:inline-flex;flex:0 0 auto;align-items:center;gap:.7rem;color:var(--ink);text-decoration:none}.brand:hover{color:var(--ink)}.brand-mark{display:grid;width:1.75rem;height:1.75rem;place-items:center;border:1px solid var(--accent);color:var(--accent);font-family:var(--mono);font-size:.65rem;font-weight:700;letter-spacing:-.1em}.brand-copy{display:flex;align-items:baseline;gap:.6rem;white-space:nowrap}.brand-name,.brand-sub,.nav-link,.nav-meta,.eyebrow,.micro,.button,.field-label,.page-rail,.story-meta,.image-status,.auth-mode{font-family:var(--mono);text-transform:uppercase}.brand-name{font-size:.74rem;font-weight:700;letter-spacing:.1em}.brand-sub{color:var(--ink-3);font-size:.59rem;letter-spacing:.1em}.nav-spacer{flex:1}.nav-meta{display:flex;align-items:center;gap:1rem;color:var(--ink-3);font-size:.59rem;letter-spacing:.08em}.nav-button,.text-button{border:0;background:transparent;color:var(--accent);font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.nav-button:hover,.text-button:hover{color:var(--ink)}.workspace{width:min(100%,var(--shell));margin:0 auto;padding:3.5rem var(--pad-x) 5rem}.workspace-head{display:grid;grid-template-columns:9.5rem minmax(0,1fr) minmax(13rem,18rem);gap:2.75rem;align-items:end;padding-bottom:2.5rem;border-bottom:1px solid var(--rule-2)}.section-index,.eyebrow,.micro{color:var(--ink-3);font-size:.63rem;letter-spacing:.13em;line-height:1.5}.section-index{display:inline-flex;align-items:center;gap:.55rem;white-space:nowrap}.section-index:after{width:2.5rem;height:1px;background:var(--rule-2);content:""}.workspace-head h1{max-width:11ch;margin-top:.55rem}.accent{color:var(--accent)}.workspace-lede{max-width:39rem;margin-top:1rem;color:var(--ink-2);font-family:var(--display);font-size:1.15rem;line-height:1.45}.margin-note{align-self:end;padding-left:1rem;border-left:1px solid var(--accent);color:var(--ink-2);font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;line-height:1.75;text-transform:uppercase}.studio-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(18rem,.8fr);gap:clamp(2.5rem,6vw,5.5rem);padding-top:3rem}.studio-aside{min-width:0}.panel{border:1px solid var(--rule);background:var(--paper-2)}.story-form,.auth-panel{padding:clamp(1.2rem,3vw,2rem)}.panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--rule-2)}.panel-header h2{font-size:clamp(1.8rem,3.5vw,2.6rem)}.panel-intro{margin-top:1rem;color:var(--ink-2);font-family:var(--display);font-size:1.05rem;line-height:1.45}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.field{display:flex;flex-direction:column;gap:.35rem}.field-wide{grid-column:1 / -1}.field-label{color:var(--ink-2);font-size:.62rem;letter-spacing:.08em}.field-control{width:100%;min-height:2.7rem;padding:.65rem .75rem;border:1px solid var(--rule-2);border-radius:0;outline:0;background:var(--raised);color:var(--ink);font-size:.9rem}.field-control:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.traits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.3rem}.trait-option{display:flex;align-items:flex-start;gap:.55rem;padding:.55rem .65rem;border:1px solid var(--rule);color:var(--ink-2);font-size:.82rem;line-height:1.35}.trait-option:has(input:checked){border-color:var(--accent);background:var(--accent-wash);color:var(--ink)}.trait-option input{flex:0 0 auto;margin:.12rem 0 0;accent-color:var(--accent)}.field-help{margin-top:.25rem;color:var(--ink-3);font-family:var(--mono);font-size:.61rem;letter-spacing:.03em}.form-footer,.story-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1.1rem;border-top:1px solid var(--rule)}.form-note,.auth-note{max-width:28rem;color:var(--ink-3);font-size:.76rem;line-height:1.5}.button{display:inline-flex;min-height:2.65rem;align-items:center;justify-content:center;padding:.7rem 1.1rem;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-size:.64rem;font-weight:700;letter-spacing:.1em;line-height:1;text-decoration:none;text-transform:uppercase}.button:hover{background:transparent;color:var(--accent)}.button-secondary{border-color:var(--rule-2);background:transparent;color:var(--ink)}.button-secondary:hover{border-color:var(--accent);background:var(--accent-wash);color:var(--ink)}.button-danger{border-color:var(--danger);background:transparent;color:var(--danger)}.button-danger:hover{background:var(--danger);color:var(--accent-ink)}.side-panel+.side-panel{margin-top:2rem}.side-panel{padding:1.25rem}.side-panel h3{padding-bottom:.75rem;border-bottom:1px solid var(--rule-2);font-size:1.55rem}.steps{margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:2rem 1fr;gap:.8rem;padding:1rem 0;border-bottom:1px solid var(--rule)}.steps li:last-child{border-bottom:0}.step-number{color:var(--accent);font-family:var(--mono);font-size:.68rem}.step-copy strong{display:block;font-family:var(--display);font-size:1.1rem;font-weight:600}.step-copy span{display:block;margin-top:.2rem;color:var(--ink-2);font-size:.8rem;line-height:1.45}.state-panel{padding:1.2rem 1.3rem;border:1px solid var(--rule);color:var(--ink-2);font-family:var(--mono);font-size:.68rem}.error-message{margin-top:1rem;color:var(--accent);font-family:var(--mono);font-size:.68rem;line-height:1.5}.auth-layout{display:grid;grid-template-columns:minmax(8rem,.8fr) minmax(18rem,31rem) minmax(8rem,.8fr);gap:2rem;align-items:center;min-height:calc(100vh - var(--nav-h))}.auth-rail{padding-top:2rem;border-top:1px solid var(--rule-2)}.auth-rail p+p{margin-top:.5rem}.auth-mode{display:flex;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--rule)}.auth-mode button{padding:0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-3);font:inherit;font-size:.62rem;letter-spacing:.1em}.auth-mode button.is-active{border-bottom-color:var(--accent);color:var(--ink)}.auth-panel h2{margin-top:1.25rem}.auth-form{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.auth-form .button{width:100%;margin-top:.25rem}.story-book{min-width:0}.story-header{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--rule-2)}.story-header h2{max-width:17ch;margin-top:.5rem}.story-meta{margin-top:.8rem;color:var(--ink-3);font-size:.61rem;letter-spacing:.06em}.story-note{margin:1.25rem 0;padding:.8rem 1rem;border-left:2px solid var(--accent);color:var(--ink-2);font-size:.8rem}.book-pages{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem}.book-page{display:grid;grid-template-columns:4rem minmax(14rem,.9fr) minmax(16rem,1.1fr);min-height:20rem;border:1px solid var(--rule);background:var(--paper-2)}.page-rail{display:flex;flex-direction:column;gap:.4rem;padding:1rem .7rem;border-right:1px solid var(--rule);color:var(--ink-3);font-size:.58rem;letter-spacing:.08em}.page-number{color:var(--accent);font-size:1rem}.page-image{display:flex;min-height:20rem;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;padding:1rem;border-right:1px solid var(--rule);background:var(--raised)}.page-image img{display:block;width:100%;max-height:19rem;object-fit:contain}.image-status{color:var(--ink-3);font-size:.57rem;letter-spacing:.05em;text-align:center}.image-status.is-generated{color:var(--accent)}.image-status.is-fallback,.image-status.is-error{color:var(--ink-3)}.page-text{display:flex;align-items:center;padding:clamp(1.2rem,4vw,2.5rem)}.page-text p{max-width:33ch;color:var(--ink);font-family:var(--display);font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1.45}.story-footer{justify-content:flex-end}@media (max-width: 980px){.workspace-head{grid-template-columns:9.5rem minmax(0,1fr)}.margin-note{grid-column:2;max-width:24rem}.studio-grid{grid-template-columns:minmax(0,1fr)}.studio-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.side-panel+.side-panel{margin-top:0}}@media (max-width: 720px){:root{--pad-x: 1.1rem}.brand-copy{display:none}.nav-meta{font-size:.55rem}.workspace{padding-top:2.5rem}.workspace-head{display:block}.workspace-head .section-index{margin-bottom:2rem}.margin-note{margin-top:1.5rem}.studio-grid{padding-top:2rem}.studio-aside{display:block}.side-panel+.side-panel{margin-top:1.5rem}.form-grid,.traits{grid-template-columns:minmax(0,1fr)}.form-footer,.story-footer{align-items:stretch;flex-direction:column}.form-footer .button,.story-footer .button{width:100%}.auth-layout{display:block;min-height:auto}.auth-rail{margin-bottom:1.5rem}.auth-layout>.auth-rail:last-child{display:none}.book-page{display:grid;grid-template-columns:3rem minmax(0,1fr)}.page-image,.page-text{grid-column:2}.page-image{min-height:auto;border-right:0;border-bottom:1px solid var(--rule)}.page-text{min-height:12rem}.page-rail{grid-row:1 / span 2}.story-header{align-items:flex-start;flex-direction:column}}