:root{color-scheme:light;--border: #e6e1d6;--bg: #fcfbf8;--bg-muted: #f3f1ea;--fg: #211f1a;--fg-muted: #726c62;--accent: #2a4c7d;--accent-hover: #1f3a60;--accent-ink: #ffffff;--accent-chrome: #3b82f6;--accent-chrome-hover: #156af4;--accent-chrome-ink: #ffffff;--danger: #c0392b;--danger-hover: #a52f23;--success: #2e7d5b;--warning: #b5790e;--warning-strong: #8f5d00;--success-strong: #276b4d;--page: #ffffff;--code-bg: #f4f4f5;--block-bg: transparent;--sidebar-width: 260px;--r-sm: 3px;--r-md: 6px;--r-lg: 10px;--font-ui: "Geist", system-ui, -apple-system, sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Source Serif 4", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;font-family:var(--font-ui)}:root[data-theme=dark]{color-scheme:dark;--border: #33302a;--bg: #1a1815;--bg-muted: #24221e;--fg: #ece7dc;--fg-muted: #9c9588;--accent: #7fa3da;--accent-hover: #9db8e4;--accent-ink: #15130f;--accent-chrome: #4588f6;--accent-chrome-hover: #6ba0f8;--accent-chrome-ink: #15130f;--danger: #e07a6e;--danger-hover: #ec8e83;--success: #5fb68c;--warning: #d7a24b;--warning-strong: var(--warning);--success-strong: var(--success);--page: #211f1b;--code-bg: var(--bg-muted);--block-bg: var(--bg-muted)}:root[data-theme=sepia]{color-scheme:light;--border: #d8c9a8;--bg: #efe6d0;--bg-muted: #e6d9bd;--fg: #3f3322;--fg-muted: #6f5d44;--accent: #16606e;--accent-hover: #0f4d59;--accent-ink: #fdf6e6;--accent-chrome: #16606e;--accent-chrome-hover: #0f4d59;--accent-chrome-ink: #fdf6e6;--danger: #b23a2a;--danger-hover: #97301f;--success: #3f7a4f;--warning: #9a6a12;--warning-strong: #7d5410;--success-strong: #2f6b41;--page: #f6eedb;--code-bg: #eadfc4;--block-bg: transparent}:root[data-theme=dim]{color-scheme:dark;--border: #363c45;--bg: #20242b;--bg-muted: #2a2f37;--fg: #cbd2da;--fg-muted: #98a1ad;--accent: #7fa9d8;--accent-hover: #9bbde3;--accent-ink: #161a20;--accent-chrome: #7fa9d8;--accent-chrome-hover: #9bbde3;--accent-chrome-ink: #161a20;--danger: #e08577;--danger-hover: #ea998c;--success: #6cbf95;--warning: #d6a85a;--warning-strong: var(--warning);--success-strong: var(--success);--page: #272c34;--code-bg: var(--bg-muted);--block-bg: var(--bg-muted)}:root[data-theme=accessible]{color-scheme:light;--border: #e6e1d6;--bg: #fcfbf8;--bg-muted: #f3f1ea;--fg: #211f1a;--fg-muted: #726c62;--accent: #1a5fa3;--accent-hover: #134b85;--accent-ink: #ffffff;--accent-chrome: #1a5fa3;--accent-chrome-hover: #134b85;--accent-chrome-ink: #ffffff;--danger: #a52f10;--danger-hover: #8c2710;--success: #1f9e6f;--warning: #eab308;--warning-strong: #8a5300;--success-strong: #0c6b4e;--page: #ffffff;--code-bg: #f4f4f5;--block-bg: transparent}:root[data-theme=sage]{color-scheme:light;--border: #cad2bc;--bg: #eaede3;--bg-muted: #dee3d4;--fg: #2b3127;--fg-muted: #5c6553;--accent: #2e6b5e;--accent-hover: #245649;--accent-ink: #ffffff;--accent-chrome: #2e6b5e;--accent-chrome-hover: #245649;--accent-chrome-ink: #ffffff;--danger: #b23a2a;--danger-hover: #97301f;--success: #2f7350;--warning: #9a6a12;--warning-strong: #7d5410;--success-strong: #276b4d;--page: #f2f4ec;--code-bg: #e3e8d9;--block-bg: transparent}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--fg)}body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--bg-muted);flex:0 0 auto;gap:12px}.topbar-left{display:flex;align-items:baseline;min-width:0;overflow:hidden}.topbar .brand,.topbar .brand-dot{flex-shrink:0}.topbar .brand{font-family:var(--font-display);font-weight:600;font-size:1.25rem;letter-spacing:-.01em}.topbar .brand-dot{color:var(--accent-chrome);font-weight:600;font-size:1.25rem;margin-right:6px}.topbar .subtitle{color:var(--fg-muted);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;margin-left:12px;min-width:0;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;gap:10px;align-items:center}.menu-toggle{display:none;align-items:center;justify-content:center;background:none;border:none;color:var(--fg);cursor:pointer;padding:6px;margin-right:6px;border-radius:var(--r-md);align-self:center}.menu-toggle:hover{background:var(--bg)}.main-container{display:flex;flex:1 1 auto;min-height:0;position:relative}.sidebar{width:var(--sidebar-width);background:var(--bg-muted);border-right:1px solid var(--border);display:flex;flex-direction:column;flex:0 0 auto}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.sidebar-header h3{margin:0;font-size:.9rem;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.btn-add{display:inline-flex;align-items:center;gap:5px;background:var(--accent-chrome);color:var(--accent-chrome-ink);border:none;padding:6px 12px;font-size:.8rem;font-weight:600;border-radius:var(--r-md);cursor:pointer;transition:background .15s ease}.btn-add:hover{background:var(--accent-chrome-hover)}.file-list{flex:1;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:4px}.empty-files{font-size:.85rem;color:var(--fg-muted);text-align:center;padding:20px 10px}.file-item{display:flex;align-items:center;padding:10px 12px;border-radius:var(--r-md);cursor:pointer;transition:all .15s ease;position:relative}.file-item:hover{background:color-mix(in srgb,var(--fg-muted) 12%,transparent)}.file-item.active{background:color-mix(in srgb,var(--accent-chrome) 14%,transparent);color:var(--accent-chrome);font-weight:600}.file-icon{display:inline-flex;align-items:center;margin-right:8px;color:var(--fg-muted);flex-shrink:0}.file-item.active .file-icon{color:var(--accent-chrome)}.file-title{flex:1;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.file-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.file-item:hover .file-actions{opacity:1}.btn-icon{display:inline-flex;align-items:center;background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--r-sm);color:var(--fg-muted)}.btn-icon:hover{background:color-mix(in srgb,var(--fg-muted) 18%,transparent);color:var(--fg)}.btn-icon.delete:hover{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.split{flex:1 1 auto;display:grid;grid-template-columns:var(--col-left, 1fr) var(--col-right, 1fr);min-height:0;height:100%;position:relative}.split-divider{position:absolute;top:0;bottom:0;left:var(--divider-x, 50%);width:12px;transform:translate(-50%);cursor:col-resize;z-index:5}.split-divider:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:var(--accent-chrome);opacity:0;transition:opacity .15s ease}.split-divider:hover:after,.split-divider:focus-visible:after{opacity:.55}.split-divider:focus-visible{outline:none}.pane-switcher{display:none}.pane{display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}.editor-pane{border-right:1px solid var(--border)}.pane-header{padding:10px 20px;font-size:.8rem;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:var(--bg-muted);flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pane-header-preview{display:flex;align-items:center;justify-content:space-between;gap:8px}.pane-header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-header-actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;text-transform:none;letter-spacing:0}.zoom-control{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;text-transform:none;letter-spacing:0}.zoom-control button{border:none;background:none;cursor:pointer;color:var(--fg-muted);font-family:var(--font-ui);font-size:.85rem;line-height:1;padding:3px 7px;border-radius:var(--r-sm)}.zoom-control button:hover{background:color-mix(in srgb,var(--fg-muted) 14%,transparent);color:var(--fg)}.zoom-value{font-size:.72rem;font-variant-numeric:tabular-nums;min-width:3.4em;text-align:center}.editor{flex:1;overflow:auto;min-height:0}.cm-editor{height:100%;font-size:14px;background:var(--bg);color:var(--fg)}.cm-editor .cm-scroller{font-family:var(--font-mono)}.cm-editor .cm-gutters{background:var(--bg-muted);color:var(--fg-muted);border-right:1px solid var(--border)}.cm-editor .cm-content{caret-color:var(--accent-chrome)}.cm-editor .cm-cursor{border-left-color:var(--accent-chrome)}.cm-editor .cm-activeLine{background:color-mix(in srgb,var(--accent-chrome) 7%,transparent)}.cm-editor .cm-activeLineGutter{background:color-mix(in srgb,var(--accent-chrome) 12%,transparent)}.cm-editor .cm-selectionBackground,.cm-editor.cm-focused .cm-selectionBackground{background:color-mix(in srgb,var(--accent-chrome) 24%,transparent)}.preview{flex:1;overflow:auto;min-height:0;background:var(--bg-muted);padding:28px 24px}.markdown-body{background:var(--page);max-width:720px;margin:0 auto;zoom:var(--doc-scale, 1);padding:44px 52px;border:1px solid var(--border);border-radius:2px;box-shadow:0 10px 30px -16px #0000002e;font-family:var(--font-body);font-size:1.02rem;line-height:1.68;color:var(--fg);overflow-wrap:break-word}.markdown-body>:first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-family:var(--font-display);font-optical-sizing:auto;font-weight:600;line-height:1.2;text-wrap:balance;margin:1.6em 0 .5em;scroll-margin-top:1.2rem}.markdown-body h1{font-size:1.9rem;line-height:1.12;letter-spacing:-.015em;margin-top:1.8em}.markdown-body h2{font-size:1.4rem;letter-spacing:-.01em;margin-top:2em}.markdown-body h3{font-size:1.25rem}.markdown-body h4{font-size:1.12rem;font-weight:700}.markdown-body h5{font-size:.95rem;font-weight:700}.markdown-body h6{font-size:.88rem;font-weight:700;color:var(--fg-muted)}.markdown-body p{text-wrap:pretty}.markdown-body code{background:var(--code-bg);padding:.2em .4em;border-radius:var(--r-sm);font-size:.82em;font-family:var(--font-mono)}.markdown-body pre{background:var(--code-bg);padding:16px;border-radius:var(--r-md);overflow:auto;border:1px solid var(--border)}.markdown-body pre code{background:none;padding:0;font-size:.82em}.markdown-body pre.shiki{margin:1.2em 0}.markdown-body .shiki,.markdown-body .shiki span{color:var(--shiki-light)}:root[data-theme=dark] .markdown-body .shiki,:root[data-theme=dark] .markdown-body .shiki span,:root[data-theme=dim] .markdown-body .shiki,:root[data-theme=dim] .markdown-body .shiki span{color:var(--shiki-dark)}.markdown-body table{border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow-x:auto;margin:1.2em 0}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:8px 14px}.markdown-body th{background:var(--block-bg);font-family:var(--font-ui);font-weight:600;font-size:.85em}@media print{.markdown-body table{display:table;width:100%;table-layout:fixed;overflow-x:visible}.markdown-body th,.markdown-body td{overflow-wrap:break-word;word-break:break-word}}.markdown-body img{max-width:100%;height:auto}.markdown-body blockquote{margin:1.2em 0;padding-left:18px;border-left:3px solid var(--accent);color:var(--fg-muted);font-style:italic}.markdown-body a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.markdown-body a:hover{border-bottom-color:var(--accent)}.markdown-body .task-list-item{list-style:none}.markdown-body .task-list-item input{margin:0 .4em 0 -1.4em}.math{font-family:KaTeX_Main,Times New Roman,serif}.math-block{margin:1.5em 0;padding:12px;background:var(--block-bg);border-radius:var(--r-md);overflow-x:auto;text-align:center}.admonition{margin:1.5em 0;padding:16px;border-radius:var(--r-md);border-left:3px solid var(--fg-muted);background:var(--block-bg)}.admonition-title{font-family:var(--font-ui);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.admonition-note{border-left-color:var(--accent)}.admonition-note .admonition-title{color:var(--accent)}.admonition-warning{border-left-color:var(--warning-strong)}.admonition-warning .admonition-title{color:var(--warning-strong)}.admonition-tip{border-left-color:var(--success-strong)}.admonition-tip .admonition-title{color:var(--success-strong)}.no-active-file{grid-column:1 / span 2;display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg)}.welcome-hero{text-align:center;max-width:450px;padding:40px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-muted);box-shadow:0 4px 6px -1px #0000000d}.welcome-hero h2{margin-top:0;font-family:var(--font-display);font-weight:600}.welcome-hero p{color:var(--fg-muted);font-size:.95rem;margin-bottom:24px}.welcome-hero-actions{display:flex;gap:16px;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-family:var(--font-ui);font-size:.875rem;font-weight:500;border-radius:var(--r-md);cursor:pointer;border:1px solid transparent;transition:all .15s ease;white-space:nowrap}.btn-primary{background:var(--accent-chrome);color:var(--accent-chrome-ink)}.btn-primary:hover{background:var(--accent-chrome-hover)}.btn-secondary{background:var(--bg);border-color:var(--border);color:var(--fg)}.btn-icon{padding:8px}.btn-secondary:hover{border-color:var(--accent-chrome)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.autosave-indicator{display:flex;align-items:center}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}.status-badge.saving{background:color-mix(in srgb,var(--warning) 16%,transparent);color:var(--warning)}.status-badge.saved{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}.status-badge.draft{background:color-mix(in srgb,var(--accent-chrome) 16%,transparent);color:var(--accent-chrome)}.status-badge.error{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.badge-pulse{background:var(--accent-chrome);color:var(--accent-chrome-ink);font-size:.72rem;font-weight:700;padding:1px 7px;border-radius:999px;margin-left:2px}.theme-control{position:relative}.theme-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400}.theme-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:1401;min-width:190px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:0 12px 28px -10px #00000047;padding:6px;display:flex;flex-direction:column;gap:2px;animation:modalIn .15s cubic-bezier(.22,1,.36,1)}.theme-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:none;border-radius:var(--r-sm);cursor:pointer;font-family:var(--font-ui);font-size:.85rem;color:var(--fg);text-align:left}.theme-menu-item:hover{background:color-mix(in srgb,var(--fg-muted) 12%,transparent)}.theme-menu-item.active{color:var(--accent-chrome);font-weight:600}.theme-menu-check{display:inline-flex;width:15px;flex-shrink:0;color:var(--accent-chrome)}.theme-menu-hint{margin-left:auto;font-size:.75rem;color:var(--fg-muted)}.export-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a18158c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.export-card{background:var(--bg);border:1px solid var(--border);padding:30px;border-radius:var(--r-lg);width:min(380px,92vw);text-align:center;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.export-card h4{margin:0 0 16px;font-size:1.1rem;font-weight:600}.progress-container{height:8px;background:var(--border);border-radius:999px;overflow:hidden;margin-bottom:12px;position:relative}.progress-bar{height:100%;background:var(--accent-chrome);border-radius:999px;transition:width .3s ease}.progress-bar-indefinite{height:100%;background:var(--accent-chrome);border-radius:999px;width:30%;position:absolute;left:0;animation:slide-indefinite 1.5s infinite ease-in-out}@keyframes slide-indefinite{0%{left:-30%}to{left:100%}}.progress-stage{font-size:.85rem;color:var(--fg-muted);margin:0 0 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a181580;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1500;padding:16px;animation:backdropIn .15s ease}.modal-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);width:min(440px,100%);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #00000026;animation:modalIn .18s cubic-bezier(.22,1,.36,1)}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border)}.modal-header h4{margin:0;font-size:1.1rem;font-weight:600}.btn-close{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--fg-muted);padding:6px;margin:-6px -6px -6px 0;border-radius:var(--r-md);line-height:0;transition:color .15s ease,background .15s ease}.btn-close:hover{color:var(--fg);background:color-mix(in srgb,var(--fg-muted) 14%,transparent)}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.form-group{display:flex;flex-direction:column;gap:6px}.form-group>label,.margins-head>label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted)}.form-group select,.form-group input{padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:.9rem}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--accent-chrome);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-chrome) 20%,transparent)}.grid-margins{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 10px}.grid-margins div{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:center}.grid-margins label{font-size:.75rem}.margins-head{display:flex;align-items:center;justify-content:space-between}.unit-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.unit-toggle button{font-family:var(--font-ui);font-size:.75rem;font-weight:600;padding:4px 12px;background:var(--bg);color:var(--fg-muted);border:none;cursor:pointer;transition:background .15s ease,color .15s ease}.unit-toggle button+button{border-left:1px solid var(--border)}.unit-toggle button.active{background:var(--accent-chrome);color:var(--accent-chrome-ink)}.margin-input{position:relative;display:flex;align-items:center}.margin-input input{width:100%;text-align:left;padding-right:34px}.margin-unit{position:absolute;right:12px;font-size:.78rem;color:var(--fg-muted);pointer-events:none}.margin-input input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.margin-input input::-webkit-outer-spin-button,.margin-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group-checkbox{display:flex;align-items:center;gap:10px;margin-top:8px}.form-group-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-chrome);cursor:pointer}.form-group-checkbox label{font-size:.9rem;font-weight:600;cursor:pointer}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.modal-message{margin:0;font-size:.95rem;line-height:1.55;color:var(--fg)}.modal-message strong{font-weight:600}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a181566;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1200;display:flex;justify-content:flex-end}.drawer-panel{width:min(380px,90vw);height:100%;background:var(--bg);border-left:1px solid var(--border);display:flex;flex-direction:column;box-shadow:-10px 0 25px -5px #0000001a;animation:slideInLeft .3s ease}@keyframes slideInLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border);background:var(--bg-muted)}.drawer-header h4{margin:0;font-weight:600}.drawer-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.drawer-backdrop-left{justify-content:flex-start}.drawer-panel-left{border-left:none;border-right:1px solid var(--border);box-shadow:10px 0 25px -5px #0000001a;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(-100%)}to{transform:translate(0)}}.toc-nav{flex:1;overflow-y:auto;padding:8px 0;display:flex;flex-direction:column}.toc-entry{display:block;width:100%;text-align:left;background:none;border:none;padding:7px 20px;font-family:var(--font-ui);font-size:.86rem;line-height:1.35;color:var(--fg-muted);cursor:pointer;transition:color .12s ease,background .12s ease}.toc-entry:hover{color:var(--fg);background:var(--bg-muted)}.toc-entry.active{color:var(--accent-chrome);font-weight:600;background:color-mix(in srgb,var(--accent-chrome) 9%,transparent)}.toc-entry:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent-chrome) 35%,transparent)}.drawer-section h5{margin:0 0 12px;font-size:.8rem;font-weight:700;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.jobs-list{display:flex;flex-direction:column;gap:8px}.empty-drawer{font-size:.85rem;color:var(--fg-muted);text-align:center;padding:20px 0}.job-card{border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:var(--bg-muted)}.job-header{display:flex;align-items:center;justify-content:space-between}.job-format{font-size:.7rem;font-weight:800;padding:2px 7px;border-radius:var(--r-sm)}.badge-primary{background:var(--accent-chrome);color:var(--accent-chrome-ink)}.badge-completed{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}.badge-failed{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.badge-cancelled{background:color-mix(in srgb,var(--fg-muted) 18%,transparent);color:var(--fg-muted)}.job-title{flex:1;min-width:0;font-family:var(--font-ui);font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-stage{font-size:.75rem;color:var(--fg-muted)}.job-meta{font-size:.72rem;color:var(--fg-muted)}.btn-cancel-link{background:none;border:none;color:var(--danger);font-size:.75rem;font-weight:600;cursor:pointer;padding:0}.btn-cancel-link:hover{text-decoration:underline}.btn-sm{font-size:.8rem;padding:6px 12px}.toast-notification{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--fg);color:var(--bg);padding:10px 20px;border-radius:var(--r-lg);font-size:.85rem;font-weight:600;box-shadow:0 10px 15px -3px #0003;z-index:2000;animation:slideUp .3s ease,fadeOut .3s ease 2.7s forwards}@keyframes slideUp{0%{bottom:0;opacity:0}to{bottom:24px;opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translate(-50%,10px)}}.btn:focus-visible,.btn-icon:focus-visible,.btn-add:focus-visible,.btn-close:focus-visible,.btn-cancel-link:focus-visible,.menu-toggle:focus-visible,.pane-switcher button:focus-visible,.unit-toggle button:focus-visible,.theme-menu-item:focus-visible,.zoom-control button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-chrome) 35%,transparent)}.file-item:focus-within .file-actions{opacity:1}@media (prefers-reduced-motion: reduce){.modal-backdrop,.modal-card,.drawer-panel,.toast-notification,.theme-menu{animation:none}}.sidebar-backdrop{display:none}@media (max-width: 860px){.topbar{padding:0 14px;gap:8px}.topbar .subtitle,.autosave-indicator{display:none}.menu-toggle{display:inline-flex}.topbar-actions{gap:6px}.btn{padding:7px 11px}.btn-text{display:none}.sidebar{position:fixed;top:56px;bottom:0;left:0;z-index:1300;width:min(280px,82vw);transform:translate(-100%);transition:transform .25s ease;box-shadow:4px 0 24px -10px #00000059}.sidebar.open{transform:none}.sidebar-backdrop{display:block;position:fixed;top:56px;right:0;bottom:0;left:0;background:#1a181559;z-index:1250}.split{grid-template-columns:1fr;grid-template-rows:auto 1fr}.pane-switcher{display:flex;grid-column:1 / -1;padding:8px 12px;background:var(--bg-muted);border-bottom:1px solid var(--border)}.pane-switcher button{flex:1;font-family:var(--font-ui);font-size:.82rem;font-weight:500;padding:8px;border:1px solid var(--border);background:var(--bg);color:var(--fg-muted);cursor:pointer}.pane-switcher button:first-child{border-radius:var(--r-md) 0 0 var(--r-md);border-right:none}.pane-switcher button:last-child{border-radius:0 var(--r-md) var(--r-md) 0}.pane-switcher button.active{background:var(--accent-chrome);color:var(--accent-chrome-ink);border-color:var(--accent-chrome)}.pane{display:none}.pane.pane-active{display:flex}.editor-pane{border-right:none}.split-divider{display:none}.preview{padding:16px 12px}.markdown-body{padding:28px 22px}}.storage-warning-banner{background:color-mix(in srgb,var(--danger) 10%,var(--bg));color:var(--danger);border-bottom:1px solid var(--border);padding:10px 20px;font-size:.875rem;display:flex;align-items:center;gap:10px;flex-shrink:0}.storage-warning-banner .btn-link{background:none;border:none;color:var(--accent-chrome);text-decoration:underline;padding:0;font:inherit;cursor:pointer;font-weight:600}.storage-warning-banner .btn-link:hover{color:var(--accent-chrome-hover)}.storage-nudge{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 18px;margin:16px 20px 0;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.storage-nudge h4{margin:0;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:6px;color:var(--fg)}.storage-nudge p{margin:0;font-size:.8rem;color:var(--fg-muted);line-height:1.4}.storage-nudge-actions{display:flex;gap:8px}.storage-nudge-actions .btn{padding:6px 12px;font-size:.75rem}.reading-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1450;display:flex;flex-direction:column;background:var(--page);outline:none;animation:reading-enter .2s ease-out}@keyframes reading-enter{0%{opacity:0}}@keyframes reading-rise{0%{opacity:0;transform:translateY(10px)}}.reading-bar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:12px;padding:10px 16px;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);opacity:0;transform:translateY(-100%);transition:opacity .18s ease-out,transform .18s ease-out;pointer-events:none}.reading-bar.visible{opacity:1;transform:translateY(0);pointer-events:auto}.reading-bar-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-family:var(--font-ui);font-size:.85rem;color:var(--fg-muted)}.reading-bar-actions{display:flex;align-items:center;gap:8px}.reading-view .preview{background:var(--page);padding:0;scroll-padding-top:56px;animation:reading-rise .28s cubic-bezier(.16,1,.3,1)}.reading-view .markdown-body{max-width:720px;margin:0 auto;padding:56px 24px 28vh;background:transparent;border:none;border-radius:0;box-shadow:none;font-size:1.1rem}.reading-view .markdown-body .mermaid,.reading-view .markdown-body table,.reading-view .markdown-body pre:not(.mermaid),.reading-view .markdown-body img{max-width:min(1100px,calc(100vw - 48px));margin-left:50%;transform:translate(-50%)}.reading-view .markdown-body .mermaid{width:max-content}.reading-view .markdown-body pre:not(.mermaid){width:max-content;min-width:100%}.reading-view .markdown-body .mermaid svg,.reading-view .markdown-body img{height:auto}.reading-view .markdown-body .mermaid svg{max-width:100%}.reading-view .markdown-body img{display:block}.reading-progress{position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:var(--accent-chrome);transform:scaleX(var(--reading-progress, 0));transform-origin:left center;transition:transform 90ms linear;pointer-events:none}.reading-bar-meta{flex:none;font-family:var(--font-ui);font-size:.78rem;color:var(--fg-muted);white-space:nowrap}.reading-view .markdown-body :is(.mermaid,img){cursor:zoom-in}.reading-view .markdown-body :is(.mermaid,img):focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}@media (prefers-reduced-motion: reduce){.reading-bar,.reading-progress{transition:none}.reading-view,.reading-view .preview,.zoom-viewer{animation:none}}.zoom-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1470;background:color-mix(in srgb,var(--bg) 90%,#000);animation:zoom-enter .18s ease-out}@keyframes zoom-enter{0%{opacity:0}}.zoom-viewer .react-transform-component{cursor:grab}.zoom-viewer .react-transform-component:active{cursor:grabbing}.zoom-viewer .react-transform-wrapper,.zoom-viewer .react-transform-component{width:100%;height:100%}.zoom-viewer-figure{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.zoom-viewer-figure img,.zoom-viewer-figure svg{max-width:100%;max-height:100%;width:auto;height:auto;display:block}.zoom-viewer-toolbar{position:absolute;top:16px;right:16px;z-index:2;display:flex;align-items:center;gap:8px;padding:6px;border-radius:var(--r-md);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border)}.present-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1460;display:flex;flex-direction:column;background:#16140f;outline:none}.present-bar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:12px;padding:10px 16px;background:color-mix(in srgb,#16140f 78%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);color:#ece7dc;opacity:0;transform:translateY(-100%);transition:opacity .18s ease-out,transform .18s ease-out;pointer-events:none}.present-bar.visible{opacity:1;transform:translateY(0);pointer-events:auto}.present-bar-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-family:var(--font-ui);font-size:.85rem;color:#ece7dcb3}.present-bar-nav{display:flex;align-items:center;gap:8px}.present-counter{min-width:56px;text-align:center;font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:.8rem;color:#ece7dcd9}.present-stage{flex:1;min-height:0;display:grid;place-items:center;padding:24px}.present-slide{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:min(94vw,calc((100vh - 48px) * 16 / 9));aspect-ratio:16 / 9;padding:4.2% 6%;background:var(--page);color:var(--fg);border-radius:4px;box-shadow:0 24px 60px -20px #0009}.present-body.markdown-body{width:100%;max-width:none;margin:0;padding:0;border:none;border-radius:0;box-shadow:none;background:transparent;zoom:1;transform-origin:center center}.present-progress{height:3px;background:#ffffff14}.present-progress-fill{height:100%;background:var(--accent-chrome);transition:width .2s ease-out}@media (prefers-reduced-motion: reduce){.present-bar,.present-progress-fill{transition:none}}