@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;800;900&family=JetBrains+Mono:wght@500;700&display=swap");:root{--paper:#fbf9f8;--white:#fff;--ink:#000;--gray:#5e5e5e;--muted:#4c4546;--yellow:#f6e600}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Hanken Grotesk,sans-serif}button,input,textarea{font:inherit;border-radius:0}.desk{min-height:100vh}.topbar{justify-content:space-between;padding:16px 32px;border-bottom:4px solid var(--ink)}.topbar,.topbar>div{display:flex;align-items:center}.topbar>div{gap:20px}.wordmark{font-size:42px;line-height:42px;font-weight:900;letter-spacing:-.04em}.draft small,.editor-title small,.editor-title>span,.panel-title span,.tag,label{font:700 11px/16px JetBrains Mono,monospace;letter-spacing:.05em}.tag,.topbar button{padding:6px 9px;border:2px solid var(--ink);background:var(--yellow);font:700 11px/16px JetBrains Mono,monospace;cursor:pointer}.publish:hover,.topbar button:hover{color:var(--yellow);background:var(--ink)}.layout{display:grid;width:min(1400px,calc(100% - 64px));margin:32px auto;grid-template-columns:300px 1fr;grid-gap:24px;gap:24px;align-items:start}.drafts,.editor{border:4px solid var(--ink);background:var(--white)}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:4px solid var(--ink);background:var(--ink);color:var(--white)}.panel-title h1{margin:0;font-size:30px;line-height:34px;font-weight:900}.panel-title span{padding:2px 7px;border:2px solid var(--white);color:var(--yellow)}.draft{display:block;width:100%;padding:18px 16px;border:0;border-bottom:4px solid var(--ink);background:var(--white);text-align:left;cursor:pointer}.draft.selected,.draft:hover{background:var(--yellow)}.draft small,.draft strong{display:block}.draft small{margin-bottom:5px;color:var(--gray)}.draft strong{font-size:17px;line-height:22px;font-weight:900}.empty{padding:24px;color:var(--gray);font:500 12px/18px JetBrains Mono,monospace}.editor-title{display:flex;align-items:flex-end;justify-content:space-between;padding:20px 24px;border-bottom:4px solid var(--ink)}.editor-title small{color:var(--gray)}.editor-title h2{margin:7px 0 0;font-size:32px;line-height:36px;font-weight:900}.editor-title>span{color:var(--gray)}.editor form{gap:20px;padding:32px}.editor form,.editor label{display:flex;flex-direction:column}.editor label{gap:8px}.editor input,.editor textarea{width:100%;padding:14px;border:2px solid var(--ink);outline:0;background:var(--paper);font:500 14px/22px JetBrains Mono,monospace;resize:vertical}.editor input:focus,.editor textarea:focus{border-width:4px;padding:12px;background:var(--white)}.actions{display:flex;justify-content:flex-end;gap:16px}.actions button{padding:14px 18px;border:2px solid var(--ink);background:var(--white);cursor:pointer;font:700 12px/18px JetBrains Mono,monospace}.actions .publish{background:var(--yellow)}.actions button:disabled{cursor:wait;opacity:.55}.error,.notice{margin:0;padding:10px;border:2px solid var(--ink);background:var(--yellow);font:500 12px/18px JetBrains Mono,monospace}.error{background:#ffdad6;color:#93000a}@media(max-width:700px){.topbar{padding:16px;gap:12px}.wordmark{font-size:30px;line-height:32px}.topbar>div{gap:8px}.tag{display:none}.layout{width:calc(100% - 32px);margin:16px auto;grid-template-columns:1fr}.editor form{padding:24px}.actions{flex-direction:column}.actions button{width:100%}}