main{max-width:940px}header{display:flex;align-items:center;justify-content:space-between;gap:24px}section{margin:24px 0}h2{margin-top:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}.secondary:hover{background:#e5eee5}[aria-pressed=true]{background:#d7e4d8}textarea{display:block;width:100%;font:inherit;line-height:1.7;color:var(--ink);background:white;border:1px solid var(--line);border-radius:5px;padding:16px;margin:8px 0;resize:vertical;caret-color:var(--accent)}input{margin-bottom:24px}ul{padding:0;list-style:none}li{border-bottom:1px solid #ccd3c9;padding:16px 0}li button{max-width:100%;text-align:left;overflow-wrap:anywhere}#version-body{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}#version-title{overflow-wrap:anywhere}#version-preview{border-top:1px solid #ccd3c9;margin-top:24px}#saved{font-size:15px;color:var(--muted)}@media(max-width:540px){header{gap:12px}section{padding:20px}.actions{gap:10px}h1{font-size:32px}}

/* Keep asynchronous feedback visible while using a long story list/editor. */
#status{position:sticky;top:0;z-index:2;max-width:none;padding:12px 0;background:var(--paper);border-bottom:1px solid var(--line)}
#body{height:clamp(200px,38vh,400px)}