.mermaid-diagram-container{margin:1em 0;position:relative}.mermaid-diagram-wrapper{border:1px solid var(--border,#2a3038);border-radius:var(--radius-sm,10px);background:var(--surface,#161b22);overflow:hidden;position:relative}.mermaid-diagram-fallback{padding:16px;background-color:var(--surface,#161b22);color:var(--text-dim,#aab4c0)}.mermaid-diagram-fallback summary{cursor:pointer;font-weight:600;margin-bottom:8px;color:var(--text,#f2f4f7)}.mermaid-diagram-fallback pre{margin:0;background:var(--bg-elevated,#14181e);border:1px solid var(--border,#2a3038);border-radius:6px;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(20,24,30,.82);border:1px solid var(--border,#2a3038);border-radius:6px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(4px)}.mermaid-controls-toggle:hover{background:rgba(30,36,44,.92);border-color:var(--lime,#c7ff50);transform:scale(1.05)}.mermaid-controls-toggle:active{transform:scale(.95)}.mermaid-controls-toggle svg{fill:var(--text-dim,#aab4c0)}.mermaid-controls-toggle:hover svg{fill:var(--lime,#c7ff50)}.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(30,36,44,.92);border-color:var(--lime,#c7ff50)}.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(20,24,30,.82);border:1px solid var(--border,#2a3038);border-radius:6px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(4px)}.mermaid-viewer-grid-panel .btn:hover{background:rgba(30,36,44,.92);border-color:var(--lime,#c7ff50);transform:scale(1.05)}.mermaid-viewer-grid-panel .btn:active{transform:scale(.95)}.mermaid-viewer-grid-panel .btn svg{fill:var(--text-dim,#aab4c0)}.mermaid-viewer-grid-panel .btn:hover svg{fill:var(--lime,#c7ff50)}.mermaid-diagram-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-dim,#aab4c0);font-style:italic}@media (max-width:768px){.mermaid-diagram-wrapper{border-radius:var(--radius-sm,10px)}.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}}