:root{color-scheme:light dark;--ink: #33261c;--muted: #6e594a;--canvas: #f2ede0;--surface: #fffefa;--surface-subtle: #fcfaf2;--rule: #d1c4b0;--rule-strong: #baa88f;--accent: #5c3824;--accent-soft: #ede6d6;--danger: #9b3d32;--code: #2b1c14;--shadow: rgb(65 41 25 / .14);--radius-control: 8px;--radius-surface: 12px;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas)}button{font:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar{position:sticky;top:0;z-index:5;height:56px;display:flex;align-items:center;gap:20px;padding:8px max(20px,env(safe-area-inset-right)) 8px max(20px,env(safe-area-inset-left));border-bottom:1px solid var(--rule);background:color-mix(in srgb,var(--canvas) 92%,transparent);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-weight:650;letter-spacing:-.035em;text-decoration:none;white-space:nowrap}.brand-mark{width:28px;height:28px;flex:none;border-radius:var(--radius-control);object-fit:cover}.brand small{margin-left:2px;color:var(--muted);font-size:.68rem;font-weight:560;letter-spacing:.02em}.document-name{flex:1;min-width:0;overflow:hidden;color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem}.actions{display:flex;align-items:center;gap:7px}.export-menu{position:relative}.export-menu summary{display:inline-flex;align-items:center;gap:7px;list-style:none;user-select:none}.export-menu summary::-webkit-details-marker{display:none}.export-menu summary span{font-size:.8rem;transition:transform .15s ease}.export-menu[open] summary span{transform:rotate(180deg)}.export-menu[open] summary{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.export-menu.is-exporting summary{cursor:progress;opacity:.68;pointer-events:none}.export-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:8;display:grid;width:250px;padding:5px;border:1px solid var(--rule-strong);border-radius:9px;background:var(--surface);box-shadow:0 14px 32px #2b1c1424}.export-popover button{display:grid;gap:2px;width:100%;padding:9px 10px;border:0;border-radius:6px;color:var(--ink);background:transparent;text-align:left;cursor:pointer}.export-popover button:hover,.export-popover button:focus-visible{background:var(--accent-soft);outline:0}.export-popover button:disabled{cursor:progress;opacity:.55}.export-popover strong{font-size:.8rem}.export-popover small{color:var(--muted);font-size:.7rem;font-weight:500}.document-identity{height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));border-bottom:1px solid var(--rule);background:var(--canvas);color:var(--muted);font-size:.76rem}.document-identity-main,.document-status{display:flex;align-items:center;min-width:0;gap:7px}.document-icon{color:var(--accent);font-size:.95rem}.document-identity-main>span:nth-child(2){overflow:hidden;color:var(--ink);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.local-badge{padding:2px 6px;border-radius:999px;color:var(--accent);background:var(--accent-soft);font-size:.61rem;font-weight:750;letter-spacing:.07em}.status-dot{width:6px;height:6px;border-radius:999px;background:var(--accent)}.button,.toolbar button,.close-pane,.dialog-actions button{border:0;border-radius:var(--radius-control);cursor:pointer}.button{padding:8px 11px;font-size:.83rem;font-weight:620}.button.primary,.dialog-actions .primary{color:#fff;background:var(--accent)}.button.secondary{color:var(--ink);background:transparent;box-shadow:inset 0 0 0 1px var(--rule-strong)}.button:hover,.dialog-actions button:hover{filter:brightness(.96)}.button{transition:transform .16s ease-out,filter .16s ease-out,background .16s ease-out}.button:active,.toolbar button:active{transform:scale(.98)}.workspace{--split-ratio: .5;min-height:calc(100vh - 134px);display:flex;background:var(--rule)}.pane{min-width:0;flex:1;display:flex;flex-direction:column;background:var(--surface)}.pane-header{height:34px;display:flex;align-items:center;gap:8px;padding:0 10px 0 13px;border-bottom:1px solid var(--rule);color:var(--muted);font-size:.71rem;font-weight:680;letter-spacing:.045em;text-transform:uppercase;background:var(--surface-subtle);box-shadow:inset 0 2px transparent;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.pane-heading{display:inline-flex;align-items:center;gap:6px}.workspace[data-active-pane=visual] .visual-pane>.pane-header,.workspace[data-active-pane=source] .source-pane>.pane-header{color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 42%,var(--surface-subtle));box-shadow:inset 0 2px var(--accent)}.close-pane{margin-left:auto;padding:1px 5px;color:var(--muted);background:transparent;font-size:1.05rem;line-height:1}.close-pane:hover{color:var(--ink);background:var(--accent-soft)}.workspace[data-layout=visual] .source-pane,.workspace[data-layout=visual] .splitter,.workspace[data-layout=source] .visual-pane,.workspace[data-layout=source] .splitter{display:none}.workspace[data-layout=split] .visual-pane{flex:0 0 calc(var(--split-ratio) * 100% - 3px)}.workspace[data-layout=split] .source-pane{flex:1}.splitter{flex:0 0 8px;cursor:col-resize;position:relative;touch-action:none;background:var(--rule)}.splitter:after{content:"";position:absolute;width:2px;inset:0 auto 0 3px;border-radius:99px;background:var(--rule-strong);opacity:.55;transition:background .12s ease,opacity .12s ease}.splitter:hover:after,.splitter:focus-visible:after{background:var(--accent);opacity:.8}.visual-editor{flex:1;overflow:auto;padding:36px clamp(24px,5vw,72px) 76px;background:var(--surface)}.html-preview{flex:1;min-height:0;overflow:hidden;padding:16px;background:var(--surface)}.html-preview iframe{display:block;width:100%;height:100%;min-height:calc(100vh - 202px);border:1px solid var(--rule);border-radius:var(--radius-surface);background:#fffefa}.tiptap{max-width:760px;min-height:calc(100vh - 218px);margin:0 auto;outline:none;color:var(--ink);font-family:ui-serif,New York,Iowan Old Style,Georgia,serif;font-size:18px;line-height:1.72}.tiptap>*+*{margin-top:1em}.tiptap h1,.tiptap h2,.tiptap h3{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.025em}.tiptap h1{font-size:2.1em;line-height:1.16}.tiptap h2{font-size:1.48em;line-height:1.24}.tiptap h3{font-size:1.14em}.tiptap blockquote{margin-left:0;padding-left:1em;border-left:2px solid var(--rule-strong);color:var(--muted)}.tiptap code{padding:.1em .28em;border-radius:3px;background:var(--accent-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84em}.tiptap pre{overflow-x:auto;padding:1em 1.1em;border-radius:6px;background:var(--code);color:#f3f4f1}.tiptap pre code{padding:0;background:transparent;color:inherit}.tiptap table{width:100%;border-collapse:collapse}.tiptap th,.tiptap td{padding:.48em .62em;border:1px solid var(--rule)}.tiptap th{background:var(--surface-subtle);font-family:ui-sans-serif,sans-serif;font-size:.86em;text-align:left}.tiptap img{max-width:100%;border-radius:5px}.tiptap ul[data-type=taskList]{padding-left:.35em;list-style:none}.tiptap ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:.45em}.tiptap ul[data-type=taskList] li>label{margin-top:.22em;flex:none}.tiptap ul[data-type=taskList] li>div{min-width:0;flex:1}.tiptap ul[data-type=taskList] li>div>p{margin:0}.tiptap ul[data-type=taskList] li>div>ul{margin-top:.35em}.tiptap .tiptap-mathematics-render{display:inline-block;padding:.1em .2em;border-radius:3px}.tiptap .tiptap-mathematics-render--editable{background:var(--accent-soft)}.mermaid-preview{margin:.6em 0;padding:1em;overflow-x:auto;border:1px solid var(--rule);border-radius:6px;background:var(--surface-subtle)}.mermaid-preview svg{display:block;width:100%;max-width:100%;height:auto}.mermaid-preview-error{color:var(--danger)}.footnote-reference{margin:0 .1em;font-size:.72em;vertical-align:super}.footnote-reference a,.footnote-definition-label{color:var(--accent);text-decoration:none;font-weight:700}.footnote-definition{display:flex;gap:.55em;margin:1em 0;padding:.65em .8em;border-left:2px solid var(--accent);background:var(--accent-soft)}.ProseMirror-selectednode{outline:2px solid var(--accent)}#source-editor{width:100%;height:100%;min-height:calc(100vh - 168px);resize:none;border:0;outline:0;padding:25px;color:var(--ink);background:var(--surface);font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2}.toolbar{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;gap:14px;min-height:44px;padding:6px max(14px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border-top:1px solid var(--rule);background:var(--surface-subtle)}.toolbar button{min-width:29px;height:29px;color:var(--muted);background:transparent;font-weight:700}.toolbar button:hover,.toolbar button.active{color:var(--accent);background:var(--accent-soft)}.layout-controls{display:flex;gap:2px;padding:2px;border-radius:8px;background:color-mix(in srgb,var(--rule) 60%,transparent)}.format-controls{display:flex;gap:2px;border-left:1px solid var(--rule);padding-left:12px}.save-status{margin-left:auto;color:var(--muted);font-size:.76rem}dialog{width:min(430px,calc(100% - 30px));border:1px solid var(--rule);border-radius:9px;padding:22px;color:var(--ink);background:var(--surface);box-shadow:0 18px 55px #0003}dialog::backdrop{background:#10111266}dialog h2{margin:0 0 8px;font-size:1.1rem}dialog p{margin:0;color:var(--muted);line-height:1.55}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:20px}.dialog-actions button{padding:8px 10px;color:var(--ink);background:var(--surface-subtle)}.dialog-actions .danger{color:var(--danger)}@media(max-width:720px){.topbar{height:auto;flex-wrap:wrap;gap:8px;padding-block:10px}.document-name{order:3;flex-basis:100%;text-align:left}.document-identity{height:32px}.document-status{display:none}.export-popover{position:fixed;top:auto;right:14px;bottom:calc(env(safe-area-inset-bottom) + 12px);width:min(280px,calc(100vw - 28px))}.workspace[data-layout=split]{flex-direction:column}.workspace[data-layout=split] .visual-pane{flex:0 0 calc(var(--split-ratio) * (100vh - 174px))}.splitter{flex:0 0 6px;cursor:row-resize}.splitter:after{width:auto;height:2px;inset:2px 0 auto}.visual-editor{padding:25px 20px 58px}.html-preview{padding:10px}.html-preview iframe{min-height:calc(100vh - 220px)}.tiptap{min-height:calc(100vh - 234px);font-size:17px}.button{padding:7px 9px}.toolbar{gap:7px}.format-controls{padding-left:7px}.save-status{display:none}}@media(prefers-color-scheme:dark){:root{--ink: #f2ebe2;--muted: #c8b9aa;--canvas: #1f1712;--surface: #271d17;--surface-subtle: #2d2119;--rule: #5b4739;--rule-strong: #796150;--accent: #dfb988;--accent-soft: #493426;--danger: #ee9a8f;--code: #160f0b;--shadow: rgb(0 0 0 / .34)}.button.primary,.dialog-actions .primary{color:#25170f}.topbar{background:color-mix(in srgb,var(--canvas) 92%,transparent)}.export-popover{box-shadow:0 14px 32px var(--shadow)}.product-preview{background:var(--surface)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}