.mermaid-renderer{padding:.5em;margin:.5em 0;position:relative;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.mermaid-actions{display:flex;flex-direction:row;justify-content:flex-end;gap:4px;z-index:1;position:absolute;right:8px}.mermaid-action-button{background:none;border:none;cursor:pointer;padding:.25em;border-radius:4px;color:#666;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.mermaid-action-button:hover{background-color:#f5f5f5;color:#333}.mermaid-action-button:active{background-color:#e0e0e0}.mermaid-diagram{display:flex;justify-content:center;align-items:center;min-height:100px;padding-top:2em}.mermaid-diagram svg{max-width:100%;height:auto}.mermaid-error-container{position:relative;background-color:#1e1e1e;border-radius:8px;padding-top:.5em}.mermaid-code-renderer{position:relative;border-radius:inherit;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.4;overflow-x:auto;white-space:pre-line;word-break:break-word;display:flex;padding:1em}.mermaid-code-renderer code{background:none;padding:0;font-family:inherit;font-size:inherit;color:#fff;text-align:left}@media (max-width: 768px){.mermaid-actions{top:10px;right:10px}.mermaid-action-button{padding:3px}}