.mermaid-diagram-container{margin:1em 0;position:relative}.mermaid-diagram-wrapper{border:1px solid #e1e4e8;border-radius:6px;overflow:hidden;position:relative}.mermaid-diagram-fallback{padding:16px;background-color:#f6f8fa}.mermaid-diagram-fallback summary{cursor:pointer;font-weight:600;margin-bottom:8px}.mermaid-diagram-fallback pre{margin:0;background:#fff;border:1px solid #e1e4e8;border-radius:3px;padding:12px;overflow:auto}.mermaid-diagram-iframe-container{position:relative;width:100%;min-height:130px}.mermaid-diagram-iframe{width:100%;min-height:130px;border:none;background:0 0}.mermaid-controls-toggle{position:absolute;bottom:8px;right:8px;z-index:11;display:none;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,.9);border:1px solid #d0d7de;border-radius:6px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(4px)}.mermaid-controls-toggle:hover{background:rgba(246,248,250,.95);border-color:#8c959f;transform:scale(1.05)}.mermaid-controls-toggle:active{transform:scale(.95)}.mermaid-controls-toggle svg{fill:#656d76}.mermaid-controls-toggle:hover svg{fill:#24292f}.mermaid-viewer-grid-panel{position:absolute;bottom:8px;right:8px;z-index:10;opacity:0;transition:opacity .2s ease;display:grid;grid-template-rows:repeat(3,1fr);gap:4px}.mermaid-diagram-wrapper:hover .mermaid-viewer-grid-panel{opacity:1}.mermaid-diagram-iframe-container.show-controls .mermaid-controls-toggle{background:rgba(246,248,250,.95);border-color:#0969da}.mermaid-viewer-grid-panel .grid-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.mermaid-viewer-grid-panel .empty-cell{width:32px;height:32px}.mermaid-viewer-grid-panel .btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,.9);border:1px solid #d0d7de;border-radius:6px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(4px)}.mermaid-viewer-grid-panel .btn:hover{background:rgba(246,248,250,.95);border-color:#8c959f;transform:scale(1.05)}.mermaid-viewer-grid-panel .btn:active{transform:scale(.95)}.mermaid-viewer-grid-panel .btn svg{fill:#656d76}.mermaid-viewer-grid-panel .btn:hover svg{fill:#24292f}.mermaid-diagram-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#586069;font-style:italic}@media (max-width:768px){.mermaid-diagram-wrapper{border-radius:3px}.mermaid-diagram-fallback{padding:12px}.mermaid-diagram-iframe-container{padding-bottom:25px}.mermaid-controls-toggle{display:flex}.mermaid-diagram-wrapper .mermaid-diagram-iframe-container .mermaid-viewer-grid-panel{opacity:0;bottom:52px}.mermaid-diagram-iframe-container.show-controls .mermaid-viewer-grid-panel{opacity:1}.mermaid-viewer-grid-panel .btn,.mermaid-viewer-grid-panel .empty-cell{width:28px;height:28px}}