.file-tools{display:flex;gap:8px}.header-note{color:var(--muted);font-size:13px}.workspace{width:min(1120px,calc(100% - 48px));margin:48px auto 0;display:grid;grid-template-columns:230px 1fr;gap:58px}
.drafts{min-width:0;padding-right:24px;border-right:1px solid var(--line)}.draft-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.draft-head h1{font-size:26px;margin:0}.local-note{font-size:12px;color:var(--muted);margin:17px 0 24px}.draft-item{width:100%;text-align:left;display:block;padding:16px 13px;border-radius:12px;margin:5px 0;background:transparent;font-weight:400}.draft-item strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.draft-item small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.draft-item[aria-current=true]{background:#edf3fc;color:#0055aa}.draft-item:hover{background:#f1f3f7}
.writing{min-width:0}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.modes{display:flex;gap:4px;padding:4px;border-radius:999px;background:#f1f2f5}.modes button{background:transparent;padding:8px 21px}.modes button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgb(20 30 50 / .08)}.not-published{font-size:12px;color:var(--muted)}.save-status{min-height:20px;margin:24px 0;color:var(--muted);font-size:12px;line-height:1.7}.save-status.error{color:#a62a22}
input,textarea{width:100%;border:0;border-radius:0;font:inherit;color:var(--ink);background:transparent;caret-color:var(--blue);outline-offset:5px}input{font-size:36px;font-weight:650;letter-spacing:-.025em;padding:9px 0;line-height:1.4}textarea{display:block;resize:vertical;min-height:430px;font-size:18px;line-height:1.95;padding:26px 0 10px}input::placeholder,textarea::placeholder{color:#70727b}input:focus-visible,textarea:focus-visible{outline:2px solid #c2d8f8;outline-offset:7px;border-radius:4px}
.editor-bottom{padding:22px 0;border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;gap:20px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.empty{color:var(--muted);font-size:13px;line-height:1.7}#preview-panel{min-height:520px;animation:enter .3s var(--ease)}#preview-title{font-size:36px;line-height:1.4;font-weight:650;letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 28px}#preview-body{overflow-wrap:anywhere}#preview-body p{white-space:pre-wrap}.noscript{text-align:center;padding:30px}
@media(max-width:750px){.workspace{width:calc(100% - 40px);margin-top:28px;grid-template-columns:1fr;gap:26px}.drafts{padding:0 0 20px;border-right:0;border-bottom:1px solid var(--line)}.draft-head h1{font-size:23px}.local-note{margin:12px 0}#draft-list{display:flex;overflow:auto;gap:8px}.draft-item{min-width:160px;width:180px;margin:0}.writing input,#preview-title{font-size:28px}.save-status{margin:20px 0}.writing textarea{min-height:350px;font-size:17px}.header-note{display:none}.editor-bottom{font-size:11px;gap:12px}#preview-panel{min-height:440px}}
@media(prefers-reduced-motion:reduce){#preview-panel{animation:none}}