:root{--bg: #ffffff;--bg-secondary: #f5f5f7;--bg-tertiary: #ffffff;--text: #1d1d1f;--text-secondary: #6e6e73;--accent: #0071e3;--accent-hover: #0077ed;--border: #d2d2d7;--border-strong: #b0b0b5;--toggle-bg: #e5e5e5;--toggle-knob: #ffffff;--code-bg: #f3f4f6;--code-text: #1f2937;--blockquote-border: #d1d5db;--blockquote-text: #4b5563;--table-border: #d1d5db;--hr: #e5e7eb;--link: #0969da;--shadow: 0 4px 12px rgba(0, 0, 0, .08);--tool-gradient-start: #475569;--tool-gradient-end: #334155}[data-theme=dark]{--bg: #0b0d10;--bg-secondary: #131418;--bg-tertiary: #1a1c20;--text: #f5f5f7;--text-secondary: #98989d;--accent: #2997ff;--accent-hover: #40a9ff;--border: #2a2c30;--border-strong: #3a3c40;--toggle-bg: #3a3a3c;--toggle-knob: #ffffff;--code-bg: #1d1f23;--code-text: #e6edf3;--blockquote-border: #3a3c40;--blockquote-text: #98989d;--table-border: #2a2c30;--hr: #2a2c30;--link: #58a6ff;--shadow: 0 4px 12px rgba(0, 0, 0, .5)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0b0d10;--bg-secondary: #131418;--bg-tertiary: #1a1c20;--text: #f5f5f7;--text-secondary: #98989d;--accent: #2997ff;--accent-hover: #40a9ff;--border: #2a2c30;--border-strong: #3a3c40;--toggle-bg: #3a3a3c;--toggle-knob: #ffffff;--code-bg: #1d1f23;--code-text: #e6edf3;--blockquote-border: #3a3c40;--blockquote-text: #98989d;--table-border: #2a2c30;--hr: #2a2c30;--link: #58a6ff;--shadow: 0 4px 12px rgba(0, 0, 0, .5)}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;display:flex;flex-direction:column;overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;gap:1rem}.header-left{display:flex;align-items:center;gap:.75rem;min-width:0}.tool-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--tool-gradient-start),var(--tool-gradient-end));flex-shrink:0}.tool-icon svg{width:24px;height:24px}.tool-name{font-size:1.25rem;font-weight:600;white-space:nowrap}.doc-name{background:transparent;border:1px solid transparent;color:var(--text);font-size:.95rem;font-weight:500;padding:.35rem .6rem;border-radius:6px;font-family:inherit;min-width:100px;max-width:280px;outline:none;transition:background .15s,border-color .15s}.doc-name:hover{background:var(--bg);border-color:var(--border)}.doc-name:focus{background:var(--bg);border-color:var(--accent)}.header-right{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.actions{display:flex;align-items:center;gap:.35rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:6px;font-size:.875rem;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.btn:hover{background:var(--bg);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.icon-btn{padding:.45rem}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:220px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:.3rem;z-index:100;display:none}.dropdown.open .dropdown-menu{display:block}.menu-item{display:block;width:100%;text-align:left;padding:.5rem .7rem;background:transparent;border:none;color:var(--text);font-size:.85rem;font-family:inherit;border-radius:5px;cursor:pointer}.menu-item:hover{background:var(--bg-secondary)}.menu-item.active{color:var(--accent);font-weight:500}.menu-item.active:before{content:"✓ "}.back-link{color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:color .2s ease;white-space:nowrap}.back-link:hover{color:var(--accent)}.theme-toggle{display:flex;align-items:center;gap:.45rem}.theme-toggle svg{width:16px;height:16px;color:var(--text-secondary);stroke-width:2}.toggle-switch{position:relative;width:44px;height:24px;background:var(--toggle-bg);border-radius:12px;cursor:pointer;transition:background .2s ease}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--toggle-knob);border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}[data-theme=dark] .toggle-switch:after{transform:translate(20px)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .toggle-switch:after{transform:translate(20px)}}main{flex:1;display:flex;min-height:0;position:relative;overflow:hidden}.editor-pane,.preview-pane{flex:1 1 50%;min-width:0;display:flex;flex-direction:column;overflow:hidden}.divider{width:5px;background:var(--border);cursor:col-resize;flex-shrink:0;transition:background .15s;position:relative}.divider:hover,.divider:active{background:var(--accent)}main[data-view=editor] .preview-pane,main[data-view=editor] .divider{display:none}main[data-view=editor] .editor-pane{flex:1}main[data-view=preview] .editor-pane,main[data-view=preview] .divider{display:none}main[data-view=preview] .preview-pane{flex:1}main[data-view=preview] .preview-pane{display:flex;justify-content:center}main[data-view=preview] #preview{max-width:760px;width:100%;padding:3rem 1.5rem}#editor{flex:1;width:100%;resize:none;border:none;outline:none;background:var(--bg);color:var(--text);padding:1.25rem 1.5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;line-height:1.65;-moz-tab-size:2;tab-size:2}#editor::placeholder{color:var(--text-secondary)}.preview-pane{background:var(--bg);border-left:1px solid var(--border);overflow:auto}main[data-view=split] .preview-pane{border-left:none}.editor-pane{background:var(--bg)}#preview{padding:1.25rem 1.75rem;overflow-wrap:break-word}main[data-view=split] .preview-pane{overflow-y:auto}main[data-view=split] .editor-pane{overflow:hidden}.markdown-body{font-size:15px;line-height:1.65;color:var(--text)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1.6em;margin-bottom:.6em;line-height:1.25;font-weight:600}.markdown-body h1:first-child,.markdown-body h2:first-child,.markdown-body h3:first-child{margin-top:0}.markdown-body h1{font-size:1.85em;border-bottom:1px solid var(--border);padding-bottom:.3em}.markdown-body h2{font-size:1.45em;border-bottom:1px solid var(--border);padding-bottom:.3em}.markdown-body h3{font-size:1.2em}.markdown-body h4{font-size:1.05em}.markdown-body h5{font-size:.95em}.markdown-body h6{font-size:.85em;color:var(--text-secondary)}.markdown-body p{margin:0 0 1em}.markdown-body ul,.markdown-body ol{margin:0 0 1em;padding-left:1.7em}.markdown-body li{margin:.2em 0}.markdown-body li>p{margin:.5em 0}.markdown-body li input[type=checkbox]{margin-right:.4em;vertical-align:middle}.markdown-body a{color:var(--link);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88em;background:var(--code-bg);padding:.15em .4em;border-radius:4px;color:var(--code-text)}.markdown-body pre{background:var(--code-bg);padding:.9rem 1rem;border-radius:6px;overflow-x:auto;margin:0 0 1em}.markdown-body pre code{background:none;padding:0;font-size:.85em;color:var(--code-text)}.markdown-body blockquote{border-left:4px solid var(--blockquote-border);margin:0 0 1em;padding:.2em 1em;color:var(--blockquote-text)}.markdown-body table{border-collapse:collapse;margin:0 0 1em;display:block;overflow-x:auto;max-width:100%}.markdown-body th,.markdown-body td{border:1px solid var(--table-border);padding:.45em .8em}.markdown-body th{background:var(--bg-secondary);font-weight:600}.markdown-body img{max-width:100%;border-radius:4px}.markdown-body hr{border:0;border-top:1px solid var(--hr);margin:1.5em 0}.markdown-body del{color:var(--text-secondary)}footer{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem;background:var(--bg-secondary);border-top:1px solid var(--border);font-size:.78rem;color:var(--text-secondary);flex-shrink:0}.footer-left,.footer-right{display:flex;align-items:center;gap:.5rem}.dot{opacity:.5}.save-status{font-variant-numeric:tabular-nums;transition:color .2s}.save-status.saving{color:var(--accent)}.save-status.saved{color:var(--text-secondary)}.save-status.error{color:#d70015}.docs-panel{position:fixed;top:0;right:0;width:340px;max-width:90vw;height:100vh;background:var(--bg);border-left:1px solid var(--border);box-shadow:var(--shadow);z-index:200;transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column}.docs-panel.open{transform:translate(0)}.docs-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;border-bottom:1px solid var(--border)}.docs-panel-header h2{font-size:1rem;font-weight:600}.docs-panel-actions{padding:.8rem 1.1rem;border-bottom:1px solid var(--border)}.docs-list{list-style:none;overflow-y:auto;flex:1;padding:.4rem}.doc-item{padding:.65rem .8rem;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:.15rem;transition:background .15s;position:relative}.doc-item:hover,.doc-item.active{background:var(--bg-secondary)}.doc-item-title{font-weight:500;font-size:.9rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.doc-item-meta{font-size:.75rem;color:var(--text-secondary)}.doc-item-actions{display:flex;gap:.2rem;opacity:0;transition:opacity .15s}.doc-item:hover .doc-item-actions{opacity:1}.doc-item-actions button{background:transparent;border:none;color:var(--text-secondary);padding:.2rem;cursor:pointer;border-radius:4px}.doc-item-actions button:hover{background:var(--bg);color:var(--text)}.docs-empty{padding:2rem 1rem;text-align:center;color:var(--text-secondary);font-size:.85rem}.docs-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:150;opacity:0;pointer-events:none;transition:opacity .25s}.docs-backdrop.open{opacity:1;pointer-events:auto}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#475569d9;color:#fff;display:none;align-items:center;justify-content:center;z-index:500;pointer-events:none}body.dragging .drop-overlay{display:flex}.drop-message{display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:1.1rem;font-weight:500;border:2px dashed rgba(255,255,255,.6);padding:3rem 4rem;border-radius:12px}.toast{position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%) translateY(20px);background:var(--text);color:var(--bg);padding:.6rem 1rem;border-radius:6px;font-size:.85rem;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:600;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 1100px){.actions .btn span{display:none}.actions .btn{padding:.5rem .6rem}.doc-name{max-width:180px}}@media (max-width: 640px){.tool-name,.back-link{display:none}header{padding:.55rem .7rem;gap:.5rem}.header-right{gap:.6rem}.theme-toggle svg{display:none}main[data-view=split]{flex-direction:column}main[data-view=split] .divider{width:100%;height:5px;cursor:row-resize}}