.story-starter { --story-ink:#293f34; --story-green:#345749; color:var(--story-ink); margin:0 auto; padding:80px 32px; max-width:1280px; scroll-margin-top:100px; }
.story-starter * { box-sizing:border-box; min-width:0; }
.story-starter-heading { margin-bottom:32px; }
.story-starter h2 { font-family:'Gowun Batang',serif; font-size:clamp(28px,3.5vw,40px); line-height:1.5; margin:12px 0 18px; }
.story-starter-heading > p:last-child { color:#617066; font-size:15px; line-height:1.9; }
.story-starter-grid { display:grid; grid-template-columns:1.1fr 1fr; border:1px solid #dce3da; border-radius:24px; overflow:hidden; }
.story-starter-write { padding:32px; background:#f2f5ef; }
.story-starter-read { padding:32px; background:#e9e4d9; }
.story-starter label { display:block; font-size:13px; font-weight:650; }
.story-starter input,.story-starter select,.story-starter textarea { width:100%; border:1px solid #bdc9be; border-radius:8px; padding:12px; color:#293f34; background:#fffefa; font:inherit; font-size:16px; margin-top:8px; }
.story-starter textarea { resize:vertical; line-height:1.9; }
.story-starter :is(button,input,select,textarea):focus-visible { outline:3px solid #96724b; outline-offset:3px; }
.story-starter button:disabled { opacity:.5; cursor:not-allowed; }
.story-starter-meta { display:grid; grid-template-columns:1.4fr 1fr; gap:12px; margin-top:18px; }
.story-steps { display:flex; gap:8px; margin:26px 0; }
.story-steps button { width:44px; height:44px; border-radius:50%; background:transparent; border:1px solid #96a596; font-size:15px; color:#345749; cursor:pointer; }
.story-steps button[aria-current="step"] { background:#345749; color:white; border-color:#345749; }
.story-steps button[data-written="true"]::after { content:'·'; margin-left:3px; font-weight:bold; }
.story-question > span { font-size:11px; letter-spacing:.14em; color:#6d7c6f; }
.story-question h3 { font-family:'Gowun Batang',serif; font-size:22px; line-height:1.6; margin:8px 0; }
.story-question p { font-size:13px; color:#617066; line-height:1.8; margin:0 0 12px; }
.story-answer-tools,.story-step-actions,.story-preview-toolbar,.story-export-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.story-answer-tools { margin-top:8px; font-size:12px; color:#617066; }
.story-step-actions { margin-top:20px; }
.story-small { font-size:12px!important; line-height:1.8!important; color:#59665c; margin:14px 0; }
.story-preview-toolbar { font-size:13px; margin-bottom:16px; }
.story-preview-toolbar label { display:flex; align-items:center; gap:8px; }
.story-preview-toolbar select { width:auto; font-size:13px; padding:8px; margin:0; }
.story-preview { padding:32px; background:#fffdf7; box-shadow:0 6px 22px #594b3620; height:450px; overflow:auto; font-family:'Gowun Batang',serif; line-height:2; }
.story-preview-kicker { color:#847359; font-family:sans-serif; font-size:10px; letter-spacing:.13em; }
.story-preview h3 { font-size:26px; line-height:1.6; overflow-wrap:anywhere; margin:14px 0; }
#story-preview-author { font-size:13px; padding-bottom:22px; border-bottom:1px solid #e7dfd0; }
#story-preview-content h4 { font-size:18px; margin:24px 0 8px; }
#story-preview-content p { font-size:15px; white-space:pre-wrap; overflow-wrap:anywhere; margin:8px 0; }
.story-preview[data-size="large"] #story-preview-content p { font-size:20px; }
.story-empty { color:#81786a; }
.story-progress { font-size:13px; font-weight:700; }
.story-export-actions { justify-content:flex-start; }
.story-export-actions .ebook-button { font-size:13px; padding:12px 16px; }
.story-status { font-size:13px; line-height:1.8; color:#345749; }
@media(max-width:800px) { .story-starter{padding:48px 20px}.story-starter-grid{grid-template-columns:1fr}.story-starter-write,.story-starter-read{padding:24px}.story-preview{height:370px} }
@media(max-width:400px) { .story-starter{padding:40px 14px}.story-starter-write,.story-starter-read{padding:18px}.story-starter-meta{grid-template-columns:1fr}.story-preview{padding:22px}.story-export-actions .ebook-button{width:100%} }