.editor-container[data-v-7d9415c0]{position:relative;width:100%;height:100%;background:var(--bg-primary)}.line-numbers[data-v-7d9415c0]{position:absolute;left:0;top:0;width:50px;height:100%;background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow:hidden;-webkit-user-select:none;user-select:none;padding:12px 0}.line-number[data-v-7d9415c0]{height:20px;line-height:20px;text-align:right;padding-right:12px;font-size:13px;color:var(--text-secondary);font-family:Monaco,Menlo,Consolas,monospace}.editor-textarea[data-v-7d9415c0]{width:100%;height:100%;padding:12px 12px 12px 62px;border:none;outline:none;resize:none;font-size:14px;line-height:20px;font-family:Monaco,Menlo,Consolas,monospace;background:var(--bg-primary);color:var(--text-primary);-moz-tab-size:2;tab-size:2}.editor-textarea[data-v-7d9415c0]::placeholder{color:var(--text-secondary);opacity:.5}.preview-container[data-v-239ec46f]{position:relative;width:100%;height:100%;background:var(--bg-primary);overflow:hidden;cursor:grab;outline:none}.preview-container.dot-bg[data-v-239ec46f]{background-image:radial-gradient(circle,#e0e0e0 2px,transparent 2px);background-size:32px 32px;background-color:var(--bg-primary)}.preview-container.dot-bg.dark[data-v-239ec46f]{background-image:radial-gradient(circle,#3a3a3a 2px,transparent 2px);background-size:32px 32px;background-color:#1a1a2e}.preview-container.dragging[data-v-239ec46f]{cursor:grabbing}.preview-container.dark[data-v-239ec46f]{background-color:#1a1a2e}.preview-container.fullscreen[data-v-239ec46f]{position:fixed;top:50px;left:0;right:0;bottom:0;z-index:50}.preview-toolbar[data-v-239ec46f]{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:4px;box-shadow:0 2px 8px #0000001a;z-index:10;cursor:default}.toolbar-btn[data-v-239ec46f]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-primary);border-radius:4px;cursor:pointer;transition:background .2s}.toolbar-btn[data-v-239ec46f]:hover{background:var(--hover-bg)}.toolbar-divider[data-v-239ec46f]{width:1px;height:20px;background:var(--border-color);margin:0 4px}.zoom-label[data-v-239ec46f]{font-size:12px;color:var(--text-secondary);min-width:40px;text-align:center}.preview-content[data-v-239ec46f]{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.diagram-wrapper[data-v-239ec46f]{transition:transform .1s ease-out;will-change:transform}.preview-container.dragging .diagram-wrapper[data-v-239ec46f]{transition:none}.diagram-wrapper[data-v-239ec46f] svg{display:block}.drag-hint[data-v-239ec46f]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:8px 16px;background:#000000b3;color:#fff;border-radius:20px;font-size:12px;pointer-events:none;animation:fadeInOut-239ec46f 3s ease-in-out}@keyframes fadeInOut-239ec46f{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.error-message[data-v-239ec46f]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:#f44336;max-width:80%;white-space:pre-wrap;font-family:monospace;font-size:12px}.app[data-v-ee6d32cd]{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary)}.header[data-v-ee6d32cd]{height:50px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.header-left[data-v-ee6d32cd]{display:flex;align-items:center;gap:12px}.logo[data-v-ee6d32cd]{display:flex;align-items:center}.title[data-v-ee6d32cd]{font-size:16px;font-weight:500;color:var(--text-primary);white-space:nowrap}.mode-selector[data-v-ee6d32cd]{display:flex;gap:2px;margin-left:6px;padding:3px;border:1px solid var(--border-color);border-radius:7px;background:var(--bg-secondary)}.mode-btn[data-v-ee6d32cd]{padding:5px 10px;border:none;border-radius:5px;background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.mode-btn[data-v-ee6d32cd]:hover{color:var(--text-primary)}.mode-btn.active[data-v-ee6d32cd]{background:var(--bg-primary);color:var(--accent-color);box-shadow:0 1px 3px #0000001f;font-weight:600}.header-center[data-v-ee6d32cd]{display:flex;align-items:center;justify-self:center}.theme-selector[data-v-ee6d32cd]{display:flex;gap:4px;padding:4px;background:var(--bg-secondary);border-radius:6px}.theme-btn[data-v-ee6d32cd]{padding:6px 12px;border:none;background:transparent;color:var(--text-secondary);border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.theme-btn[data-v-ee6d32cd]:hover{color:var(--text-primary);background:var(--hover-bg)}.theme-btn.active[data-v-ee6d32cd]{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.reading-style-selector .theme-btn.active[data-v-ee6d32cd]{color:var(--accent-color);font-weight:600}.json-header-hint[data-v-ee6d32cd]{gap:7px;color:var(--text-secondary);font-size:12px}.json-header-dot[data-v-ee6d32cd]{width:7px;height:7px;border-radius:50%;background:#2da44e;box-shadow:0 0 0 3px #2da44e1f}.header-right[data-v-ee6d32cd]{display:flex;gap:8px;justify-self:end}.btn[data-v-ee6d32cd]{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.btn[data-v-ee6d32cd]:hover{background:var(--hover-bg)}.btn[data-v-ee6d32cd]:focus-visible,.mode-btn[data-v-ee6d32cd]:focus-visible,.theme-btn[data-v-ee6d32cd]:focus-visible,.dropdown-item[data-v-ee6d32cd]:focus-visible,.btn-text[data-v-ee6d32cd]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.icon-btn[data-v-ee6d32cd]{padding:6px 8px}.icon-btn.active[data-v-ee6d32cd]{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.icon-btn.active[data-v-ee6d32cd]:hover{background:#d81b60}.dropdown[data-v-ee6d32cd]{position:relative}.dropdown-menu[data-v-ee6d32cd]{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:140px;z-index:100;overflow:hidden}.dropdown-item[data-v-ee6d32cd]{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--text-primary);font-size:14px;cursor:pointer;text-align:left;transition:background .2s}.dropdown-item[data-v-ee6d32cd]:hover{background:var(--hover-bg)}.main-content[data-v-ee6d32cd]{flex:1;display:flex;overflow:hidden}.main-content.preview-fullscreen .preview-panel[data-v-ee6d32cd]{width:100%}.editor-panel[data-v-ee6d32cd]{width:30%;height:100%;border-right:1px solid var(--border-color)}.divider[data-v-ee6d32cd]{width:4px;cursor:col-resize;background:var(--border-color);transition:background .2s}.divider[data-v-ee6d32cd]:hover{background:var(--accent-color)}.preview-panel[data-v-ee6d32cd]{flex:1;height:100%;overflow:hidden}.examples-bar[data-v-ee6d32cd]{position:absolute;bottom:40px;left:20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:12px;box-shadow:0 2px 8px #0000001a;max-width:600px}.examples-header[data-v-ee6d32cd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.examples-title[data-v-ee6d32cd]{font-size:12px;color:var(--text-secondary)}.close-btn[data-v-ee6d32cd]{border:none;background:none;font-size:20px;cursor:pointer;color:var(--text-secondary);padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-ee6d32cd]:hover{color:var(--text-primary)}.examples-list[data-v-ee6d32cd]{display:flex;flex-wrap:wrap;gap:8px}.example-item[data-v-ee6d32cd]{padding:6px 12px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.example-item[data-v-ee6d32cd]:hover{background:var(--hover-bg);border-color:var(--accent-color)}.footer-info[data-v-ee6d32cd]{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-secondary)}.btn-text[data-v-ee6d32cd]{border:none;background:none;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:4px 8px;border-radius:4px;transition:all .2s}.btn-text[data-v-ee6d32cd]:hover{background:var(--hover-bg);color:var(--text-primary)}.version[data-v-ee6d32cd]{padding:4px 8px;background:var(--bg-secondary);border-radius:4px}.mode-label[data-v-ee6d32cd]{padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary)}.app.focus-reading[data-v-ee6d32cd]{--bg-primary: #080808;--bg-secondary: #111111;--border-color: #292929;--text-primary: #e8e8e8;--text-secondary: #8d8d8d;--accent-color: #e8a35a;--hover-bg: #1a1a1a;background:#050505}.focus-reading .header[data-v-ee6d32cd]{border-bottom-color:#242424;background:#050505;box-shadow:0 5px 24px #00000080}.focus-reading .editor-panel[data-v-ee6d32cd]{border-right-color:#242424;background:#080808}.focus-reading .divider[data-v-ee6d32cd]{background:#242424}.focus-reading .footer-info[data-v-ee6d32cd]{color:#707070}@media (max-width: 1050px){.header[data-v-ee6d32cd]{grid-template-columns:auto 1fr auto;gap:12px;padding:0 12px}.title[data-v-ee6d32cd]{display:none}}@media (max-width: 680px){.header[data-v-ee6d32cd]{grid-template-columns:auto 1fr auto;gap:8px;padding:0 8px}.header-center[data-v-ee6d32cd]{display:none}.header-left[data-v-ee6d32cd]{gap:6px}.logo[data-v-ee6d32cd]{display:none}.mode-selector[data-v-ee6d32cd]{margin-left:0}.mode-btn[data-v-ee6d32cd]{padding:5px 7px;font-size:11px}.pdf-export-btn[data-v-ee6d32cd]{padding:6px 8px}.pdf-label[data-v-ee6d32cd]{display:none}.main-content[data-v-ee6d32cd]{flex-direction:column}.editor-panel[data-v-ee6d32cd]{width:100%!important;min-width:0;height:auto;flex:0 0 38%;border-right:0;border-bottom:1px solid var(--border-color)}.divider[data-v-ee6d32cd]{display:none!important}.preview-panel[data-v-ee6d32cd]{width:100%;height:auto}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#app{width:100vw;height:100vh}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--border-color: #e0e0e0;--text-primary: #333333;--text-secondary: #666666;--accent-color: #e91e63;--hover-bg: #f0f0f0}.dark{--bg-primary: #1e1e1e;--bg-secondary: #252526;--border-color: #3e3e42;--text-primary: #d4d4d4;--text-secondary: #969696;--accent-color: #e91e63;--hover-bg: #2a2a2a}@media print{@page{size:A4;margin:18mm 16mm}html,body,#app{width:auto!important;height:auto!important;overflow:visible!important;background:#fff!important}.app{display:block!important;width:auto!important;height:auto!important;background:#fff!important}.header,.editor-panel,.divider,.footer-info,.markdown-toolbar{display:none!important}.main-content,.preview-panel,.markdown-preview,.markdown-scroll{position:static!important;display:block!important;width:auto!important;height:auto!important;overflow:visible!important;padding:0!important;background:transparent!important}.markdown-preview{--reader-paper: #ffffff !important;--reader-text: #24292f !important;--reader-muted: #57606a !important;--reader-border: #d0d7de !important;--reader-code: #f6f8fa !important;--reader-row: #f6f8fa !important;--reader-inline-code: rgba(175, 184, 193, .2) !important;color-scheme:light}.markdown-preview.style-claude{--reader-text: #2d2926 !important;--reader-muted: #6b625a !important;--reader-border: #ddd3c5 !important;--reader-accent: #b55436 !important;--reader-code: #f5efe7 !important;--reader-row: #faf6ef !important}.markdown-preview.style-eye-care{--reader-text: #314438 !important;--reader-muted: #617066 !important;--reader-border: #c5d0b5 !important;--reader-accent: #4f7855 !important;--reader-code: #f0f3e5 !important;--reader-row: #f5f7ef !important}.markdown-body{width:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:var(--reader-text)!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.markdown-body pre,.markdown-body blockquote,.markdown-body table,.markdown-body img,.markdown-body .markdown-mermaid{break-inside:avoid;page-break-inside:avoid}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{break-after:avoid;page-break-after:avoid}.markdown-body a{color:var(--reader-accent)!important;text-decoration:underline}}