.mermaid{visibility:hidden}.mermaid[data-processed=true]{visibility:visible}.mermaid-wrapper{position:relative;border-radius:.5rem;overflow:hidden;width:100%;margin:1rem 0}.mermaid-wrapper .mermaid{margin:0;width:100%;min-height:500px;display:flex;align-items:center;justify-content:center;background:transparent}.mermaid-wrapper .mermaid svg{width:100%!important;height:auto!important;min-height:450px}.mermaid-controls{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;z-index:10;background:#fffffff2;border-radius:.5rem;padding:.25rem;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;border:1px solid rgba(229,231,235,.8);backdrop-filter:blur(8px)}.dark .mermaid-controls{background:#1f2937f2;box-shadow:0 4px 12px #0006,0 2px 4px #0000004d;border:1px solid rgba(75,85,99,.6)}.mermaid-control-btn{padding:.5rem;border-radius:.25rem;cursor:pointer;transition:all .2s;background:transparent;border:none;color:#4b5563;font-size:1.25rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.mermaid-control-btn:hover{background:#2563eb1a;color:#2563eb;transform:scale(1.1)}.dark .mermaid-control-btn{color:#9ca3af}.dark .mermaid-control-btn:hover{background:#374151cc;color:#60a5fa}.mermaid-control-btn.active{background:#3b82f6;color:#fff}.dark .mermaid-control-btn.active{background:#2563eb;color:#fff}.svg-pan-zoom_viewport{cursor:grab}.svg-pan-zoom_viewport:active{cursor:grabbing}.mermaid-lightbox{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000d9;backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.dark .mermaid-lightbox{background:#000000f2}.mermaid-lightbox-content{position:relative;width:91.666667%;height:83.333333%;background:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;max-width:1400px;border:2px solid rgba(229,231,235,.8)}.dark .mermaid-lightbox-content{background:#1f2937;border:2px solid rgba(75,85,99,.6)}.mermaid-lightbox-close{position:absolute;top:1rem;right:1rem;z-index:20;padding:.5rem;border-radius:9999px;cursor:pointer;transition:all .2s;background:#00000080;border:none;color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem}.mermaid-lightbox-close:hover{background:#dc2626cc;transform:scale(1.1)}.mermaid-lightbox-diagram-wrapper{position:relative;width:100%;height:100%;padding:3rem;box-sizing:border-box}.mermaid-lightbox-diagram{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mermaid-lightbox-diagram svg{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.mermaid-controls{top:.25rem;right:.25rem;padding:.125rem;gap:.125rem}.mermaid-control-btn{width:2rem;height:2rem;font-size:1rem;padding:.25rem}.mermaid-lightbox-diagram-wrapper{padding:1rem}.mermaid-lightbox-close{top:.5rem;right:.5rem;width:2.5rem;height:2.5rem;font-size:1.5rem}}