.story-app{--accent:#807f2c;--accent-strong:#757314;--accent-soft:#f0f1d7;--accent-ink:#fff;--ground:#fbf7f0;--tile:#807f2c}:root[data-theme=dark] .story-app{--accent:#bbbb87;--accent-strong:#bbbb87;--accent-soft:#443;--accent-ink:#1a1a14;--ground:#1a1a14;--surface:#26261e;--surface-2:#33332c}.story-app{background:var(--ground);color:var(--ink);min-height:100%}:root{--bg:var(--ground);--paper:var(--surface);--soft:var(--surface-2);--muted:var(--ink-3);--spark:#c2410c;--warn:#a1620c;--warn-soft:#fbf1df;--good:#1d7a44}:root[data-theme=dark]{--spark:#f08a57;--warn:#e0a83a;--warn-soft:#2b2412;--good:#5cc07a}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--font-sans);margin:0}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.serif{font-family:var(--font-sans);font-weight:400}.bar{min-height:var(--header-app);border-bottom:1px solid var(--line);background:var(--paper);z-index:5;align-items:center;gap:12px;padding:8px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.brand{font:var(--text-title-3);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.bar .grow{flex:1}.bar small{color:var(--muted)}.btn{min-height:var(--control-md);padding:0 var(--space-16);border-radius:var(--radius-full);border:1px solid var(--line-strong);background:var(--paper);font:var(--text-label-lg);letter-spacing:var(--track-label-lg);cursor:pointer;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.btn--solid{background:var(--accent-strong);color:var(--accent-ink);border-color:var(--accent-strong)}.btn:disabled{opacity:.4;cursor:default}.wrap{max-width:1120px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}.studio{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:24px;padding-block:28px 64px;display:grid}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px}.panel h2{font:400 28px/1.1 var(--font-sans);margin:0 0 4px}.panel .sub{color:var(--muted);margin:0 0 14px;font-size:14px}.field{gap:4px;margin-bottom:12px;display:grid}.field label{font:var(--text-label-lg);color:var(--ink-2)}.field small{color:var(--muted);font:var(--text-body-sm)}.field input,.field textarea,.field select{width:100%;min-height:var(--input-height);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:0 var(--space-12);background:var(--paper);font-size:var(--input-text)}.field textarea{min-height:64px;padding-block:var(--space-8);resize:vertical}.checks{flex-wrap:wrap;gap:8px;display:flex}.checks label{border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;display:inline-flex}.checks input{accent-color:var(--accent-strong)}.err{background:var(--warn-soft);border:1px solid color-mix(in srgb, var(--warn) 40%, transparent);border-radius:var(--radius-sm);padding:9px 12px;font-size:14px}.piece{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.piece header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.piece h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px}.piece pre{white-space:pre-wrap;font:14px/1.6 var(--font-sans);margin:0}.draft-title{font:400 28px/36px var(--font-sans);margin:0}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.muted{color:var(--muted)}.saved{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.saved li{border:1px solid var(--line);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:flex}.saved button{cursor:pointer;color:var(--muted);background:0 0;border:0}.saved .open{text-align:left;color:var(--ink);flex:1;font-weight:500}.small{min-height:var(--control-sm);padding:0 var(--space-12);font:var(--text-label);letter-spacing:var(--track-label)}.signin{text-align:center;max-width:520px;margin:64px auto}.visitor-pill{z-index:50;background:var(--ink);color:var(--paper);border-radius:999px;padding:8px 14px;font-size:12px;text-decoration:none;position:fixed;bottom:16px;left:16px}@media (max-width:900px){.studio{grid-template-columns:minmax(0,1fr)}}