:root{--bg: #ffffff;--bg-elev: #f7f7f8;--bg-toolbar: #fafafa;--fg: #1f1f23;--fg-muted: #6b7280;--border: #e4e4e7;--border-hov: #d4d4d8;--accent: #3b82f6;--accent-fg: #ffffff;--ok: #16a34a;--err: #dc2626;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--radius: 8px;--header-h: 52px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "Cascadia Code", Consolas, monospace}:root.dark{--bg: #18181b;--bg-elev: #27272a;--bg-toolbar: #1f1f23;--fg: #fafafa;--fg-muted: #a1a1aa;--border: #3f3f46;--border-hov: #52525b;--accent: #60a5fa;--accent-fg: #0b1020;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.6)}*{box-sizing:border-box}html,body{margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--fg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}button,input{font-family:inherit;font-size:inherit;color:inherit}.topbar{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-toolbar);border-bottom:1px solid var(--border);user-select:none}.topbar-left{display:flex;align-items:baseline;gap:10px;min-width:0}.brand{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}.brand-sub{color:var(--fg-muted);font-size:12px}.toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.toolbar button{padding:6px 10px;border:1px solid var(--border);background:var(--bg);border-radius:6px;cursor:pointer;transition:background-color .12s,border-color .12s,transform .06s}.toolbar button:hover{background:var(--bg-elev);border-color:var(--border-hov)}.toolbar button:active{transform:translateY(1px)}.toolbar button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toolbar .sep{width:1px;height:22px;margin:0 6px;background:var(--border)}.toolbar-check{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;font-size:13px;cursor:pointer;user-select:none;border-radius:6px;border:1px solid transparent;transition:background-color .12s,border-color .12s}.toolbar-check:hover{background:var(--bg-elev);border-color:var(--border)}.toolbar-check input[type=checkbox]{margin:0;cursor:pointer;accent-color:var(--accent)}#app{display:grid;grid-template-columns:50% 6px 1fr;height:calc(100vh - var(--header-h));width:100%;overflow:hidden}#editor-pane{overflow:hidden;background:var(--bg);border-right:0;min-width:0}#splitter{background:var(--border);cursor:col-resize;transition:background-color .12s}#splitter:hover,#splitter.dragging{background:var(--accent)}body.resizing{cursor:col-resize;user-select:none}body.resizing *{user-select:none!important}#preview-pane{position:relative;overflow:hidden;background:var(--bg);min-width:0}#mindmap{display:block;width:100%;height:100%}:root.dark #preview-pane{background:var(--bg)}#mindmap foreignObject img{max-width:240px;max-height:180px;width:auto;height:auto;display:inline-block;object-fit:contain;vertical-align:middle}#mindmap foreignObject pre{margin:4px 0;padding:6px 8px;background:var(--bg-elev);border-radius:4px;overflow:auto;font-size:12px}#mindmap foreignObject code{font-family:var(--font-mono);font-size:.9em}#mindmap foreignObject table{border-collapse:collapse;font-size:12px}#mindmap foreignObject th,#mindmap foreignObject td{border:1px solid var(--border);padding:2px 6px}#editor-pane .cm-editor{height:100%;font-family:var(--font-mono);font-size:13px}#editor-pane .cm-scroller{font-family:inherit}#editor-pane .cm-content{padding:12px 0}#editor-pane .cm-gutters{background:var(--bg-elev);border-right:1px solid var(--border);color:var(--fg-muted)}#editor-pane .cm-activeLineGutter,#editor-pane .cm-activeLine{background:#3b82f60f}:root.dark #editor-pane .cm-activeLine,:root.dark #editor-pane .cm-activeLineGutter{background:#60a5fa1f}.mm-toolbar{position:absolute!important;bottom:16px;right:16px;z-index:5;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}#toast-host{position:fixed;right:20px;bottom:20px;z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:10px 14px;box-shadow:var(--shadow-md);opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:auto;max-width:320px;font-size:13px}.toast.show{opacity:1;transform:translateY(0)}.toast-ok{border-left-color:var(--ok)}.toast-err{border-left-color:var(--err)}@media (max-width: 720px){.topbar{flex-direction:column;align-items:flex-start;height:auto;padding:8px 12px;gap:8px}:root{--header-h: 96px}#app{grid-template-columns:100%;grid-template-rows:50% 6px 1fr;height:calc(100vh - var(--header-h))}#splitter{cursor:row-resize}.toolbar{width:100%;overflow-x:auto}}.mm-toolbar{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;border-width:1px;--un-border-opacity:1;border-color:rgb(212 212 216 / var(--un-border-opacity));border-radius:.25rem;border-style:solid;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:.25rem;line-height:1}.mm-toolbar:hover{--un-border-opacity:1;border-color:rgb(161 161 170 / var(--un-border-opacity))}.mm-toolbar svg{display:block}.mm-toolbar a{display:inline-block;text-decoration:none}.mm-toolbar-brand>img{width:1rem;height:1rem;vertical-align:middle}.mm-toolbar-brand>span{padding-left:.25rem;padding-right:.25rem}.mm-toolbar-brand:not(:first-child),.mm-toolbar-item:not(:first-child){margin-left:.25rem}.mm-toolbar-brand>*,.mm-toolbar-item>*{min-width:1rem;cursor:pointer;text-align:center;font-size:.75rem;line-height:1rem;--un-text-opacity:1;color:rgb(161 161 170 / var(--un-text-opacity))}.mm-toolbar-brand.active,.mm-toolbar-brand:hover,.mm-toolbar-item.active,.mm-toolbar-item:hover{border-radius:.25rem;--un-bg-opacity:1;background-color:rgb(228 228 231 / var(--un-bg-opacity))}.mm-toolbar-brand.active>*,.mm-toolbar-brand:hover>*,.mm-toolbar-item.active>*,.mm-toolbar-item:hover>*{--un-text-opacity:1;color:rgb(39 39 42 / var(--un-text-opacity))}.mm-toolbar-brand.active,.mm-toolbar-item.active{--un-bg-opacity:1;background-color:rgb(212 212 216 / var(--un-bg-opacity))}.markmap-dark .mm-toolbar{--un-border-opacity:1;border-color:rgb(82 82 91 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(39 39 42 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(161 161 170 / var(--un-text-opacity))}.markmap-dark .mm-toolbar:hover{--un-border-opacity:1;border-color:rgb(113 113 122 / var(--un-border-opacity))}.markmap-dark .mm-toolbar>*:hover{--un-bg-opacity:1;background-color:rgb(82 82 91 / var(--un-bg-opacity))}.markmap-dark .mm-toolbar>*:hover>*{--un-text-opacity:1;color:rgb(228 228 231 / var(--un-text-opacity))}