.mermaid-wrapper{background-color:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;margin:1rem 0;position:relative;overflow:hidden}.mermaid-header{background-color:#f6f8fa;border-bottom:1px solid #d0d7de;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.mermaid-actions{gap:4px;display:flex}.mermaid-content{justify-content:center;align-items:center;min-height:100px;padding:16px;display:flex}.mermaid-diagram{max-width:100%;overflow-x:auto}.mermaid-editor{padding:16px}.mermaid-textarea{resize:vertical;background-color:#fff;border:1px solid #d0d7de;border-radius:4px;width:100%;min-height:200px;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.45}.mermaid-textarea:focus{border-color:#0969da;outline:none;box-shadow:0 0 0 3px #0969da1a}.mermaid-error{text-align:center;color:#cf222e;padding:20px}.mermaid-error p{margin-bottom:12px}.mermaid-diagram svg{max-width:100%;height:auto}.mermaid-diagram .node rect,.mermaid-diagram .node circle,.mermaid-diagram .node ellipse,.mermaid-diagram .node polygon{fill:#f6f8fa;stroke:#d0d7de;stroke-width:1px}.mermaid-diagram .edgePath .path{stroke:#d0d7de;stroke-width:1px}.mermaid-diagram .edgeLabel{color:#24292f;background-color:#f6f8fa}.mermaid-diagram .cluster rect{fill:#fff;stroke:#d0d7de;stroke-width:1px}.mermaid-diagram .titleText{fill:#24292f;font-size:18px;font-weight:700}.mermaid-diagram .label text,.mermaid-diagram .labelText{fill:#24292f;font-size:12px}.mermaid-header .ant-btn{color:#656d76;box-shadow:none;border:none}.mermaid-header .ant-btn:hover{color:#24292f;background-color:#f3f4f6}@media (prefers-color-scheme:dark){.mermaid-wrapper{background-color:#161b22;border-color:#30363d}.mermaid-header{color:#f0f6fc;background-color:#161b22;border-bottom-color:#30363d}.mermaid-textarea{color:#e6edf3;background-color:#0d1117;border-color:#30363d}.mermaid-textarea:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff1a}.mermaid-diagram .node rect,.mermaid-diagram .node circle,.mermaid-diagram .node ellipse,.mermaid-diagram .node polygon{fill:#161b22;stroke:#30363d}.mermaid-diagram .edgePath .path{stroke:#30363d}.mermaid-diagram .edgeLabel{color:#e6edf3;background-color:#161b22}.mermaid-diagram .cluster rect{fill:#0d1117;stroke:#30363d}.mermaid-diagram .titleText,.mermaid-diagram .label text,.mermaid-diagram .labelText{fill:#e6edf3}.mermaid-header .ant-btn{color:#8b949e}.mermaid-header .ant-btn:hover{color:#e6edf3;background-color:#30363d}}