@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Fraunces:opsz,wght@9..144,400;9..144,600&family=Inter:wght@400;500;600&display=swap";:root{color:#2b2925;background:#f6f2eb;font-family:Inter,sans-serif}*{box-sizing:border-box}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}.wordmark{letter-spacing:.16em;font:600 15px DM Mono,monospace}.app{grid-template-columns:295px 1fr;min-height:100vh;display:grid}aside{color:#edf0e8;background:#232925;flex-direction:column;gap:16px;padding:26px 18px;display:flex}.brand-row,header,.actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.quiet{color:inherit;opacity:.75;font-size:12px}.new,.primary{color:#fff;background:#d96847;border-radius:6px;padding:11px 14px;font-weight:600}.create-types{grid-template-columns:1fr 1fr;gap:4px;display:grid}.create-types button{color:#d9e2d9;background:#344039;border-radius:4px;padding:8px;font-size:12px}aside input{color:#fff;background:#303832;border:1px solid #475247;border-radius:5px;width:100%;padding:10px}aside h2,.outline h2{text-transform:uppercase;letter-spacing:.12em;color:#aeb7ad;margin:8px 0;font-size:11px}.projects{flex-direction:column;gap:4px;display:flex}.project{border-radius:5px;display:flex}.project.active{background:#3b473d}.project>button:first-child{text-align:left;flex:1;min-width:0;padding:10px}.project strong,.project small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.project strong{font-size:13px}.project small,.empty{color:#abb4aa;margin-top:4px;font-size:11px}.trash{color:#abb4aa;padding:0 9px;font-size:18px}aside footer{border-top:1px solid #3d473e;justify-content:space-between;gap:8px;margin-top:auto;padding-top:14px;font-size:12px;display:flex}.workspace{background:#fbf9f5;min-width:0}.workspace header{border-bottom:1px solid #e6e0d6;height:72px;padding:0 32px}.title{background:0 0;border:0;max-width:400px;padding:5px;font:600 19px Fraunces,serif}.badge{color:#50604e;background:#e8eee6;border-radius:12px;padding:4px 7px;font-size:10px}.actions button{padding:8px 10px;font-size:12px}.actions .selected{border-bottom:2px solid #d96847}.writing-area{grid-template-columns:200px minmax(0,820px);justify-content:center;gap:25px;min-height:calc(100vh - 72px);padding:42px;display:grid}.outline{border-right:1px solid #e5dfd6;padding-right:16px}.outline button{text-align:left;color:#726d64;width:100%;padding:7px 0;font-size:12px;display:block}.editor{resize:none;color:#32302b;background:0 0;border:0;outline:0;width:100%;min-height:calc(100vh - 160px);padding:0;font:17px/1.85 DM Mono,monospace}.preview{color:#24221f;max-width:680px;font:17px/1.75 Courier New,monospace}.preview h2{margin:30px 0;font-size:16px}.preview h3{text-align:center;margin:26px 0 0;font-size:15px}.preview .dialogue,.preview .direction{max-width:360px;margin:0 auto}.preview .direction{display:block}.status{color:#fff;background:#243128;border-radius:5px;padding:10px 14px;font-size:12px;position:fixed;bottom:20px;right:24px}.empty-workspace,.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.empty-workspace h1,.welcome h1{max-width:760px;margin:15px 0;font:600 clamp(36px,7vw,75px)/1.05 Fraunces,serif}.empty-workspace p,.welcome section>p{color:#716a60;max-width:500px;line-height:1.6}.welcome{background:#e9e3d7;justify-content:flex-start;align-items:stretch}.welcome nav{justify-content:space-between;display:flex}.welcome section{text-align:center;max-width:850px;margin:auto;padding-bottom:10vh}.eyebrow{letter-spacing:.16em;color:#a75039;font:11px DM Mono,monospace}@media (width<=760px){.app{grid-template-columns:1fr}.app aside{min-height:42vh}.writing-area{grid-template-columns:1fr;padding:22px}.outline{display:none}.workspace header{padding:0 15px}.title{max-width:160px}.actions{gap:1px}.actions button{padding:7px}.editor{min-height:60vh}}