:root{--ink:#20201e;--muted:#77756e;--line:#dedbd3;--paper:#fffefa;--accent:#c65335;--accent-dark:#9d3f27;--wash:#f2f0ea;--green:#66806d}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;height:100vh;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}header{height:68px;border-bottom:1px solid var(--line);background:#f8f7f2;display:flex;align-items:center;padding:0 22px;gap:28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:Georgia,serif;font-size:21px;font-weight:bold}.mark{display:grid;place-items:center;width:31px;height:36px;background:var(--ink);color:white;border-radius:2px 2px 8px 2px;font-size:20px}.document-name{margin:auto;display:flex;flex-direction:column;align-items:center}.document-name input{border:0;background:transparent;text-align:center;font-family:Georgia,serif;font-weight:bold;font-size:15px;outline:none}.document-name span{font-size:10px;color:var(--muted);margin-top:3px}.header-actions{display:flex;gap:8px}.ghost,.primary{height:37px;border-radius:6px;padding:0 14px;border:1px solid var(--line);background:white;font-size:12px;font-weight:700}.primary{background:var(--accent);color:white;border-color:var(--accent);display:flex;gap:14px;align-items:center}.primary:hover{background:var(--accent-dark)}kbd{font:10px inherit;border:1px solid #e48b74;padding:2px 5px;border-radius:3px}main{height:calc(100vh - 68px);display:grid;grid-template-columns:minmax(440px,1fr) minmax(440px,1fr)}.workspace,.preview-pane{min-width:0;display:flex;flex-direction:column}.workspace{background:var(--paper);border-right:1px solid var(--line)}.panel-head,.preview-head{height:48px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 18px;background:#fbfaf6}.panel-head{justify-content:space-between}.tabs{height:100%;display:flex;gap:20px}.tab{border:0;background:none;font-size:12px;color:var(--muted);font-weight:700;position:relative}.tab.active{color:var(--ink)}.tab.active:after{content:"";height:2px;background:var(--accent);position:absolute;bottom:0;left:0;right:0}.tools{display:flex;align-items:center;gap:3px}.tools button,.tools label,.preview-head button{width:29px;height:29px;border:0;background:transparent;border-radius:4px;display:grid;place-items:center;font-size:12px}.tools button:hover,.tools label:hover,.preview-head button:hover{background:#ebe8df}.tools span{height:17px;width:1px;background:var(--line);margin:0 4px}.editor-shell{overflow:auto;flex:1}.editor,.source{max-width:760px;width:100%;min-height:100%;margin:0 auto;padding:58px 64px;outline:none;background:var(--paper);border:0;resize:none;color:#292825}.editor{font:17px/1.75 Georgia,serif}.editor h1{font-size:36px;line-height:1.15;margin:0 0 12px}.editor h2{font-size:24px;margin:30px 0 8px}.editor p{margin:0 0 18px}.editor blockquote{border-left:3px solid var(--accent);margin-left:0;padding-left:18px;color:var(--muted)}.editor img{max-width:100%;display:block;margin:24px auto;border-radius:2px}.editor .equation{font-family:Georgia,serif;background:#f4f2eb;padding:12px;text-align:center;border-radius:4px}.source{display:none;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre}.editor-foot{height:31px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:10px;color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px}.preview-head{justify-content:space-between}.preview-head>div{display:flex;align-items:center;gap:14px}.preview-head strong{font:15px Georgia,serif}.preview-head span{font-size:10px;color:var(--muted)}.preview-stage{flex:1;overflow:auto;padding:28px;display:grid;place-items:start center;background:#e8e6df}.empty-preview{align-self:center;text-align:center;max-width:300px;color:var(--muted)}.paper-icon{margin:auto;width:92px;height:120px;background:white;border:1px solid #d5d2c8;box-shadow:0 8px 22px #aaa8a155;display:grid;place-items:center;font:700 13px Georgia,serif;color:var(--accent)}.empty-preview h2{font:24px Georgia,serif;color:var(--ink);margin:22px 0 8px}.empty-preview p{font-size:13px;line-height:1.5}.empty-preview button{border:0;background:none;color:var(--accent);font-weight:bold}#pdf{display:none;width:100%;height:100%;min-height:700px;border:0;background:white;transform-origin:top center}.error{display:none;max-height:190px;overflow:auto;padding:14px 18px;background:#fff1ee;border-top:1px solid #e2b7ac;color:#7f2f20;font-size:12px}.error pre{white-space:pre-wrap;margin:8px 0 0;font-size:11px}.source.show{display:block}.editor.hide{display:none}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;background:#292825;color:white;padding:9px 14px;border-radius:5px;font-size:12px;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){body{overflow:auto;height:auto}header{position:sticky;top:0;z-index:5}.document-name{display:none}main{height:auto;display:block}.workspace,.preview-pane{height:calc(100vh - 68px)}.preview-pane{border-top:1px solid var(--line)}.editor,.source{padding:38px 28px}.tools button[data-block],.tools span{display:none}.ghost{display:none}}