[data-theme=dark] .template-select[data-v-a16c399f]{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .pane-header[data-v-a16c399f]{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .editor-container[data-v-a16c399f]{border-color:var(--border-color)}[data-theme=dark] .resize-handle[data-v-a16c399f]{background:var(--bg-secondary)}[data-theme=dark] .resize-handle[data-v-a16c399f]:hover{background:var(--border-color)}[data-theme=dark] .resize-line[data-v-a16c399f]{background:var(--text-muted)}[data-theme=dark] .diagram-container[data-v-a16c399f]{background:var(--bg-color)}[data-theme=dark] .error-container[data-v-a16c399f]{background:#451a1a}[data-theme=dark] .error-text[data-v-a16c399f]{color:#fca5a5}[data-theme=dark] .error-tag[data-v-a16c399f]{background:#451a1a;color:#fca5a5}[data-theme=dark] .syntax-card[data-v-a16c399f]{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .syntax-title[data-v-a16c399f]{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .syntax-code[data-v-a16c399f],[data-theme=dark] .syntax-section h4[data-v-a16c399f]{color:var(--text-color)}.editor-container[data-v-a16c399f]{display:flex;gap:0;margin:16px 0;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;min-height:450px}.editor-pane[data-v-a16c399f],.preview-pane[data-v-a16c399f]{display:flex;flex-direction:column;overflow:hidden}.pane-header[data-v-a16c399f]{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:13px;font-weight:600;color:#475569}.stats-info[data-v-a16c399f]{font-size:12px;color:#94a3b8;font-weight:400}.error-tag[data-v-a16c399f]{font-size:12px;color:#dc2626;background:#fef2f2;padding:2px 8px;border-radius:4px}.mermaid-editor-textarea[data-v-a16c399f]{flex:1}.mermaid-editor-textarea[data-v-a16c399f] .el-textarea__inner{border:none;border-radius:0;font-family:Fira Code,Consolas,PingFang SC,monospace;font-size:13px;line-height:1.6;resize:none;height:100%}.resize-handle[data-v-a16c399f]{width:6px;cursor:col-resize;display:flex;align-items:center;justify-content:center;background:#f1f5f9;transition:background .2s}.resize-handle[data-v-a16c399f]:hover{background:#e2e8f0}.resize-line[data-v-a16c399f]{width:2px;height:30px;background:#cbd5e1;border-radius:2px}.diagram-container[data-v-a16c399f]{flex:1;overflow:auto;padding:20px;display:flex;align-items:center;justify-content:center;background:#ffffff}.diagram-svg[data-v-a16c399f]{max-width:100%;text-align:center}.diagram-svg[data-v-a16c399f] svg{max-width:100%;height:auto}.error-container[data-v-a16c399f]{flex:1;padding:20px;background:#fef2f2}.error-text[data-v-a16c399f]{color:#dc2626;font-size:12px;white-space:pre-wrap;word-break:break-all}.template-select[data-v-a16c399f]{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;min-width:180px}.syntax-section[data-v-a16c399f]{margin:24px 0 0}.syntax-section h4[data-v-a16c399f]{font-size:15px;color:#334155;margin:0 0 12px;font-weight:600}.syntax-grid[data-v-a16c399f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.syntax-card[data-v-a16c399f]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.syntax-title[data-v-a16c399f]{padding:8px 12px;background:#f1f5f9;font-size:13px;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0}.syntax-code[data-v-a16c399f]{padding:10px 12px;font-size:12px;line-height:1.5;color:#334155;background:transparent;border:none;white-space:pre-wrap;margin:0}