.mermaid-viewer-wrapper{position:relative;border:1px solid #2a3344;border-radius:8px;overflow:hidden;margin:20px 0;background:#0f172a}.mermaid-viewer-toolbar{position:absolute;top:10px;right:10px;z-index:10;display:flex;flex-wrap:wrap;gap:5px;background:rgb(15 23 42 / .6);padding:4px;border-radius:8px;backdrop-filter:blur(4px)}.mermaid-viewer-toolbar .mv-btn{background:#1e293b;color:#e2e8f0;border:1px solid #334155;padding:6px 10px;cursor:pointer;border-radius:6px;font-size:13px;line-height:1;font-family:inherit;min-width:32px;transition:background 0.15s ease,border-color 0.15s ease}.mermaid-viewer-toolbar .mv-btn:hover{background:#334155;border-color:#475569}.mermaid-viewer-toolbar .mv-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:1px}.mermaid-viewer-container{overflow:hidden;padding:20px;background:#0f172a;min-height:200px;cursor:grab}.mermaid-viewer-container.is-panning{cursor:grabbing}.mermaid-viewer-stage{transform-origin:0 0;transition:transform 0.15s ease;will-change:transform;display:inline-block;width:100%}.mermaid-viewer-stage.is-dragging{transition:none}.mermaid-viewer-stage .mermaid{margin:0;background:#fff0}.mermaid-viewer-stage svg{display:block;max-width:none!important;height:auto}.mermaid-viewer-fullscreen{position:fixed;inset:0;background:rgb(0 0 0 / .92);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}.mermaid-viewer-fullscreen .mermaid-viewer-wrapper{width:100%;height:100%;max-width:95vw;max-height:95vh;margin:0;display:flex;flex-direction:column}.mermaid-viewer-fullscreen .mermaid-viewer-container{flex:1;min-height:0}.mermaid-viewer-close{position:absolute;top:20px;left:20px;background:#1e293b;color:#e2e8f0;border:1px solid #334155;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px;z-index:100000;font-family:inherit}.mermaid-viewer-close:hover{background:#334155}