.story-hero{display:grid;grid-template-columns:1.12fr .88fr;gap:4rem;align-items:center;padding:2.7rem 0 4rem}.story-hero h1{font-size:clamp(3.3rem,5.5vw,5.8rem);line-height:1.04;letter-spacing:-.065em;margin:1.1rem 0 1.5rem;font-weight:650}.story-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#846145;letter-spacing:-.055em}.story-lead{font-size:1.12rem;line-height:1.8;max-width:37rem;color:#62636f}.story-small{font-size:.8rem!important;line-height:1.65!important;color:#747581}.story-hero-art{position:relative;max-width:390px;justify-self:center;transform:rotate(4deg);filter:drop-shadow(0 18px 35px #35334418)}.story-hero-art>svg{display:block;width:100%;height:auto;border-radius:13px}.story-example-label{position:absolute;top:-1.6rem;right:.4rem;font-size:.58rem;letter-spacing:.13em;color:#777;transform:rotate(-4deg)}.story-section-heading{max-width:650px;margin:0 0 1.7rem}.story-section-heading h2,.story-workspace h2,.story-how h2{font-size:clamp(1.7rem,2.5vw,2.35rem);letter-spacing:-.045em;line-height:1.22;margin:.7rem 0}.story-section-heading p,.story-workspace p,.story-how p{color:#6a6c77;line-height:1.75}.story-formats{padding:2.5rem 0 3.5rem;border-top:1px solid #e4e2e7}.story-formats fieldset{border:0;margin:0;padding:0;min-width:0}.story-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.story-format{position:relative;display:block!important;padding:0!important;overflow:hidden;background:white;border:2px solid transparent;border-radius:17px;cursor:pointer;box-shadow:0 2px 10px #29284407}.story-format:has(input:checked){border-color:#546cdd;box-shadow:0 0 0 3px #546cdd16}.story-format:has(input:focus-visible){outline:3px solid #253fab;outline-offset:3px}.story-format input{position:absolute;top:13px;right:13px;accent-color:#4b5cd1;width:17px;height:17px;z-index:1}.story-format-art{display:block;padding:20px 12px 12px;background:var(--story-color);color:var(--story-ink);height:133px}.story-format-art svg{width:100%;height:100%;overflow:visible}.story-format-copy{display:block;padding:1.05rem}.story-format-copy strong{display:block;font-size:.99rem;letter-spacing:-.02em;color:#283043}.story-format-copy small{display:block;font-size:.79rem;line-height:1.65;color:#747581;margin-top:.4rem}.story-workspace{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start;padding:2rem 0 4rem;border-top:1px solid #e4e2e7;scroll-margin-top:1rem}.story-workspace form{min-width:0}.story-workspace label:not(.story-invite-choice){display:block;margin:1.4rem 0 .6rem;font-size:.88rem;font-weight:600;color:#343c50}.story-workspace input:not([type=checkbox]),.story-workspace textarea{display:block;box-sizing:border-box;width:100%;font:inherit;font-size:.9rem;line-height:1.65;background:white;border:1px solid #dce0ea;border-radius:10px;padding:.82rem .9rem;margin:.5rem 0 0;resize:vertical;color:#30394a}.story-workspace input:focus-visible,.story-workspace textarea:focus-visible{outline:2px solid #6d80dc;outline-offset:2px}.story-workspace input[type=file]{font-size:.76rem}.story-workspace textarea::placeholder,.story-workspace input::placeholder{color:#8a8b98}.story-optional{font-size:.75rem;font-weight:400;color:#878894;margin-left:.35rem}.story-extra{margin:1.5rem 0;border-top:1px solid #e4e2e7;border-bottom:1px solid #e4e2e7;padding:1rem 0}.story-extra summary,.story-brief summary,.story-how summary{cursor:pointer;font-size:.87rem;font-weight:600;color:#44495e}.story-extra summary>span{float:right;font-size:.75rem;font-weight:400;color:#858692}.story-result{min-width:0;padding:1.6rem;border:1px solid #e2e1e8;background:#f0edf333;border-radius:19px}.story-card-preview{max-width:420px;margin:1.5rem auto}.story-card-preview>svg{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 5px 20px #24243210}.story-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1.25rem 0}.story-action-grid .button{font-size:.77rem;padding:.85rem .5rem;justify-content:center}.story-invite-choice{display:flex;align-items:flex-start;gap:.55rem;margin:1rem 0 .4rem;font-size:.78rem;line-height:1.5;color:#606474}.story-invite-choice input{flex:none;accent-color:#4b5cd1;margin-top:.2rem}.story-status{font-size:.84rem!important;color:#4659ad!important;min-height:1.3em;overflow-wrap:anywhere}.story-next{margin-top:1.7rem;padding-top:1.5rem;border-top:1px solid #dce0e9}.story-next h3{font-size:1.08rem;line-height:1.4;letter-spacing:-.02em}.story-next p{font-size:.85rem}.story-next .button{font-size:.82rem}.story-brief{border:1px solid #dce0e9;padding:1rem;border-radius:10px}.story-brief textarea{font-size:.75rem;max-height:300px}.story-how{padding:3rem 0 1rem;border-top:1px solid #e4e2e7;display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem}.story-how details{grid-column:1/-1;max-width:780px;font-size:.85rem}.story-how li{margin:.7rem 0}.story-join-teaser{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin:1rem 0 1.7rem!important;padding:1.25rem 1.5rem!important;background:#faf5ed!important}.story-join-teaser h2{font-size:1.15rem;margin:.35rem 0;letter-spacing:-.025em}.story-join-teaser p:not(.eyebrow){font-size:.85rem;margin:.35rem 0;max-width:570px;color:#71717d}.story-join-teaser .eyebrow{font-size:.6rem;margin:0;color:#8c725b}.story-join-teaser .button{white-space:nowrap;font-size:.8rem}.story-workspace [hidden]{display:none!important}.story-workspace button:disabled{opacity:.5;cursor:wait}.story-workspace a{overflow-wrap:anywhere}body[data-page="/create"]{background:#f8f7fa}body[data-page="/create"] main{max-width:1190px}.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}
@media(max-width:1100px){.story-hero{gap:2rem}.story-hero h1{font-size:4rem}.story-workspace{gap:1.5rem}.story-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-join-teaser{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.story-hero{grid-template-columns:1fr;gap:2.5rem;padding:1.5rem 0 3rem}.story-hero h1{font-size:3.5rem}.story-lead{font-size:1rem}.story-hero-art{max-width:265px;margin:.7rem auto 0;transform:rotate(3deg)}.story-format-grid{gap:.6rem}.story-format-art{height:102px;padding:15px 8px 8px}.story-format-copy{padding:.8rem}.story-format-copy strong{font-size:.84rem}.story-format-copy small{font-size:.72rem}.story-workspace{grid-template-columns:1fr;padding-top:1.7rem;gap:2rem}.story-result{padding:1rem}.story-how{grid-template-columns:1fr;gap:1rem}.story-action-grid .button{font-size:.75rem}.story-join-teaser{padding:1rem!important}.story-join-teaser .button{white-space:normal}.story-format input{width:15px;height:15px;top:10px;right:10px}}@media(prefers-reduced-motion:reduce){.story-hero-art{transform:none}}
.story-format-origin{--story-color:#e7a575;--story-ink:#382b2b}.story-format-portrait{--story-color:#99b7dd;--story-ink:#233653}.story-format-starter{--story-color:#b4bca0;--story-ink:#303b2a}.story-format-recap{--story-color:#b9a6d4;--story-ink:#362b48}.story-format-next{--story-color:#e4c985;--story-ink:#423822}.story-format-comic{--story-color:#db9f9f;--story-ink:#492e37}
.story-result{scroll-margin-top:1rem}