:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--bg-toolbar: #24292e;--text-primary: #24292e;--text-secondary: #586069;--text-toolbar: #ffffff;--border-color: #e1e4e8;--editor-bg: #ffffff;--editor-text: #24292e;--preview-bg: #ffffff;--pane-header-bg: #f1f3f5;--pane-header-text: #586069;--btn-hover: rgba(255, 255, 255, .15);--btn-active-bg: rgba(255, 255, 255, .25);--code-bg: #f6f8fa;--blockquote-border: #dfe2e5;--blockquote-text: #6a737d;--table-border: #dfe2e5;--table-row-alt: #f6f8fa;--link-color: #0366d6;--toast-bg: #24292e;--toast-text: #ffffff}:root[data-theme=dark]{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-toolbar: #161b22;--text-primary: #c9d1d9;--text-secondary: #8b949e;--text-toolbar: #c9d1d9;--border-color: #30363d;--editor-bg: #0d1117;--editor-text: #c9d1d9;--preview-bg: #0d1117;--pane-header-bg: #161b22;--pane-header-text: #8b949e;--btn-hover: rgba(255, 255, 255, .1);--btn-active-bg: rgba(56, 139, 253, .3);--code-bg: #161b22;--blockquote-border: #30363d;--blockquote-text: #8b949e;--table-border: #30363d;--table-row-alt: #161b22;--link-color: #58a6ff;--toast-bg: #30363d;--toast-text: #c9d1d9}:root[data-theme=rose]{--bg-primary: #fff0f3;--bg-secondary: #ffe4e9;--bg-toolbar: #9e2b4a;--text-primary: #4a1a2b;--text-secondary: #8c5060;--text-toolbar: #ffffff;--border-color: #f5c6ce;--editor-bg: #fff5f7;--editor-text: #4a1a2b;--preview-bg: #fff0f3;--pane-header-bg: #ffe4e9;--pane-header-text: #8c5060;--btn-hover: rgba(255, 255, 255, .2);--btn-active-bg: rgba(255, 255, 255, .3);--code-bg: #ffe4e9;--blockquote-border: #f5c6ce;--blockquote-text: #8c5060;--table-border: #f5c6ce;--table-row-alt: #fff5f7;--link-color: #be3d5e;--toast-bg: #9e2b4a;--toast-text: #ffffff}:root[data-theme=lavender]{--bg-primary: #f3f0ff;--bg-secondary: #e8e0ff;--bg-toolbar: #5b3e9e;--text-primary: #2d1f54;--text-secondary: #6e5a8c;--text-toolbar: #ffffff;--border-color: #d4c6f5;--editor-bg: #f7f5ff;--editor-text: #2d1f54;--preview-bg: #f3f0ff;--pane-header-bg: #e8e0ff;--pane-header-text: #6e5a8c;--btn-hover: rgba(255, 255, 255, .2);--btn-active-bg: rgba(255, 255, 255, .3);--code-bg: #e8e0ff;--blockquote-border: #d4c6f5;--blockquote-text: #6e5a8c;--table-border: #d4c6f5;--table-row-alt: #f7f5ff;--link-color: #7c4ddb;--toast-bg: #5b3e9e;--toast-text: #ffffff}:root[data-theme=mint]{--bg-primary: #edfdf5;--bg-secondary: #d4f7e6;--bg-toolbar: #1d7a4e;--text-primary: #14412d;--text-secondary: #4d8c6e;--text-toolbar: #ffffff;--border-color: #b0ecc9;--editor-bg: #f2fef8;--editor-text: #14412d;--preview-bg: #edfdf5;--pane-header-bg: #d4f7e6;--pane-header-text: #4d8c6e;--btn-hover: rgba(255, 255, 255, .2);--btn-active-bg: rgba(255, 255, 255, .3);--code-bg: #d4f7e6;--blockquote-border: #b0ecc9;--blockquote-text: #4d8c6e;--table-border: #b0ecc9;--table-row-alt: #f2fef8;--link-color: #22915d;--toast-bg: #1d7a4e;--toast-text: #ffffff}:root[data-theme=sky]{--bg-primary: #eff8ff;--bg-secondary: #dbeeff;--bg-toolbar: #1a5fa0;--text-primary: #152d47;--text-secondary: #4f7a9e;--text-toolbar: #ffffff;--border-color: #b3d7f5;--editor-bg: #f5faff;--editor-text: #152d47;--preview-bg: #eff8ff;--pane-header-bg: #dbeeff;--pane-header-text: #4f7a9e;--btn-hover: rgba(255, 255, 255, .2);--btn-active-bg: rgba(255, 255, 255, .3);--code-bg: #dbeeff;--blockquote-border: #b3d7f5;--blockquote-text: #4f7a9e;--table-border: #b3d7f5;--table-row-alt: #f5faff;--link-color: #2079cc;--toast-bg: #1a5fa0;--toast-text: #ffffff}:root[data-theme=peach]{--bg-primary: #fff5ee;--bg-secondary: #ffe8d6;--bg-toolbar: #a85d2a;--text-primary: #4a2c14;--text-secondary: #8c6a50;--text-toolbar: #ffffff;--border-color: #f5d2b0;--editor-bg: #fff8f2;--editor-text: #4a2c14;--preview-bg: #fff5ee;--pane-header-bg: #ffe8d6;--pane-header-text: #8c6a50;--btn-hover: rgba(255, 255, 255, .2);--btn-active-bg: rgba(255, 255, 255, .3);--code-bg: #ffe8d6;--blockquote-border: #f5d2b0;--blockquote-text: #8c6a50;--table-border: #f5d2b0;--table-row-alt: #fff8f2;--link-color: #c46f35;--toast-bg: #a85d2a;--toast-text: #ffffff}:root[data-theme=lemon]{--bg-primary: #fefce8;--bg-secondary: #fef3c7;--bg-toolbar: #92750c;--text-primary: #433408;--text-secondary: #8a7a3a;--text-toolbar: #ffffff;--border-color: #f5e39b;--editor-bg: #fefef0;--editor-text: #433408;--preview-bg: #fefce8;--pane-header-bg: #fef3c7;--pane-header-text: #8a7a3a;--btn-hover: rgba(255, 255, 255, .2);--btn-active-bg: rgba(255, 255, 255, .3);--code-bg: #fef3c7;--blockquote-border: #f5e39b;--blockquote-text: #8a7a3a;--table-border: #f5e39b;--table-row-alt: #fefef0;--link-color: #a88a10;--toast-bg: #92750c;--toast-text: #ffffff}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background .2s,color .2s}.app{display:flex;flex-direction:column;height:100vh}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:48px;background:var(--bg-toolbar);border-bottom:1px solid var(--border-color);flex-shrink:0}.toolbar-left{display:flex;align-items:center;gap:8px}.toolbar-title{font-size:14px;font-weight:600;color:var(--text-toolbar);letter-spacing:-.2px}.toolbar-actions{display:flex;align-items:center;gap:4px}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-toolbar);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.toolbar-btn:hover{background:var(--btn-hover)}.toolbar-btn.active{background:var(--btn-active-bg)}.theme-picker{display:flex;align-items:center;gap:4px;padding:4px 8px;border-left:1px solid rgba(255,255,255,.15);margin-left:4px}.theme-dot{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;flex-shrink:0}.theme-dot:hover{transform:scale(1.2)}.theme-dot.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.split-pane{display:flex;flex:1;overflow:hidden}.pane{display:flex;flex-direction:column;min-width:100px;overflow:hidden}.editor-pane,.preview-pane{display:flex;flex-direction:column;height:100%}.pane-header{padding:8px 16px;font-size:11px;font-weight:600;letter-spacing:.8px;color:var(--pane-header-text);background:var(--pane-header-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;-webkit-user-select:none;user-select:none}.divider{width:6px;background:var(--border-color);flex-shrink:0;cursor:col-resize;position:relative;transition:background .15s}.divider:hover,.divider.dragging{background:var(--link-color)}.divider:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:32px;border-left:1px solid var(--pane-header-text);border-right:1px solid var(--pane-header-text);opacity:.4;gap:2px}.divider:hover:after,.divider.dragging:after{border-color:#fff;opacity:.8}.format-bar{display:flex;align-items:center;gap:2px;padding:6px 12px;background:var(--pane-header-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;flex-wrap:wrap}.format-btn{display:flex;align-items:center;justify-content:center;width:30px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s;flex-shrink:0}.format-btn:hover{background:var(--border-color);color:var(--text-primary)}.format-btn:active{background:var(--link-color);color:#fff}.format-separator{width:1px;height:18px;background:var(--border-color);margin:0 4px;flex-shrink:0}.editor-textarea{flex:1;width:100%;padding:20px;border:none;outline:none;resize:none;background:var(--editor-bg);color:var(--editor-text);font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:14px;line-height:1.6;tab-size:2;overflow-y:auto}.editor-textarea::placeholder{color:var(--text-secondary)}.preview-content{flex:1;padding:20px 32px;overflow-y:auto;background:var(--preview-bg)}.markdown-body{font-size:16px;line-height:1.6;word-wrap:break-word;color:var(--text-primary)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1{font-size:2em;padding-bottom:.3em;border-bottom:1px solid var(--border-color)}.markdown-body h2{font-size:1.5em;padding-bottom:.3em;border-bottom:1px solid var(--border-color)}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body p{margin-top:0;margin-bottom:16px}.markdown-body a{color:var(--link-color);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body strong{font-weight:600}.markdown-body img{max-width:100%;border-radius:6px}.markdown-body hr{height:2px;padding:0;margin:24px 0;background-color:var(--border-color);border:0}.markdown-body code{padding:.2em .4em;margin:0;font-size:85%;background:var(--code-bg);border-radius:6px;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace}.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background:var(--code-bg);border-radius:6px;margin-bottom:16px}.markdown-body pre code{padding:0;background:transparent;font-size:100%}.markdown-body blockquote{padding:0 1em;color:var(--blockquote-text);border-left:4px solid var(--blockquote-border);margin:0 0 16px}.markdown-body ul,.markdown-body ol{padding-left:2em;margin-bottom:16px}.markdown-body li{margin-top:.25em}.markdown-body li+li{margin-top:.25em}.markdown-body input[type=checkbox]{margin-right:.5em;vertical-align:middle}.markdown-body table{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:16px}.markdown-body table th,.markdown-body table td{padding:8px 16px;border:1px solid var(--table-border)}.markdown-body table th{font-weight:600;background:var(--pane-header-bg)}.markdown-body table tr:nth-child(2n){background:var(--table-row-alt)}.markdown-body del{color:var(--text-secondary)}.editor-textarea::-webkit-scrollbar,.preview-content::-webkit-scrollbar{width:8px}.editor-textarea::-webkit-scrollbar-track,.preview-content::-webkit-scrollbar-track{background:transparent}.editor-textarea::-webkit-scrollbar-thumb,.preview-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.editor-textarea::-webkit-scrollbar-thumb:hover,.preview-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:10px 20px;background:var(--toast-bg);color:var(--toast-text);border-radius:8px;font-size:13px;font-weight:500;box-shadow:0 4px 12px #0000004d;animation:fadeInUp .2s ease-out;z-index:1000}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.toolbar-btn span{display:none}.split-pane{flex-direction:column}.pane{flex:1!important}.divider{width:100%;height:6px;cursor:row-resize}.divider:after{width:32px;height:2px;border-left:none;border-right:none;border-top:1px solid var(--pane-header-text);border-bottom:1px solid var(--pane-header-text)}}