body.gfmr-modal-open{overflow:hidden;padding-right:15px}.gfmr-mermaid-zoom-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.gfmr-mermaid-zoom-modal.active{visibility:visible;opacity:1}.gfmr-mermaid-zoom-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.gfmr-mermaid-zoom-modal .modal-dialog{position:relative;width:95%;height:90%;max-width:1200px;max-height:800px;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden;transform:scale(.9);transition:transform .3s ease}.gfmr-mermaid-zoom-modal.active .modal-dialog{transform:scale(1)}.gfmr-mermaid-zoom-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e1e4e8;min-height:60px}.gfmr-mermaid-zoom-modal .modal-title{margin:0;font-size:18px;font-weight:600;color:#24292f;flex:1}.gfmr-mermaid-zoom-modal .modal-controls{display:flex;align-items:center;gap:8px}.gfmr-mermaid-zoom-modal .zoom-btn,.gfmr-mermaid-zoom-modal .close-btn{background:#fff;border:1px solid #d1d9e0;border-radius:6px;padding:8px 12px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.gfmr-mermaid-zoom-modal .close-btn{color:#656d76;font-size:20px;font-weight:400}.gfmr-mermaid-zoom-modal .zoom-btn:hover{background:#f3f4f6;border-color:#c1c8cd;transform:translateY(-1px)}.gfmr-mermaid-zoom-modal .close-btn:hover{color:#24292f;background:#ffebee;border-color:#f5c6cb;transform:translateY(-1px)}.gfmr-mermaid-zoom-modal .zoom-btn:active,.gfmr-mermaid-zoom-modal .close-btn:active{transform:translateY(0);background:#e1e4e8}.gfmr-mermaid-zoom-modal .zoom-btn:focus,.gfmr-mermaid-zoom-modal .close-btn:focus{outline:none;box-shadow:0 0 0 3px #0969da4d;border-color:#0969da}.gfmr-mermaid-zoom-modal .modal-content{flex:1;overflow:hidden;position:relative;background:#fff}.gfmr-mermaid-zoom-modal .diagram-container{width:100%;height:100%;overflow:hidden;position:relative;cursor:grab;display:flex;align-items:center;justify-content:center;background:#fff}.gfmr-mermaid-zoom-modal .diagram-container:active{cursor:grabbing}.gfmr-mermaid-zoom-modal .zoom-wrapper{transition:transform .2s ease-out;transform-origin:center center;will-change:transform}.gfmr-mermaid-zoom-modal .zoom-wrapper svg{display:block;max-width:none!important;max-height:none!important;cursor:default;background:#fff;border-radius:4px;padding:16px}.gfmr-mermaid-zoom-modal .modal-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#f8f9fa;border-top:1px solid #e1e4e8;font-size:13px;color:#656d76}.gfmr-mermaid-zoom-modal .zoom-info{display:flex;align-items:center;gap:8px}.gfmr-mermaid-zoom-modal .zoom-level{background:#fff;border:1px solid #d1d9e0;border-radius:4px;padding:4px 8px;font-weight:600;color:#24292f;min-width:50px;text-align:center}.gfmr-mermaid-zoom-modal .instructions{font-style:italic}@media(prefers-color-scheme:dark){.gfmr-mermaid-zoom-modal .modal-dialog{background:#0d1117;color:#e6edf3}.gfmr-mermaid-zoom-modal .modal-header,.gfmr-mermaid-zoom-modal .modal-footer{background:#161b22;border-color:#30363d}.gfmr-mermaid-zoom-modal .modal-title{color:#e6edf3}.gfmr-mermaid-zoom-modal .zoom-btn,.gfmr-mermaid-zoom-modal .close-btn{background:#21262d;border-color:#30363d;color:#e6edf3}.gfmr-mermaid-zoom-modal .zoom-btn:hover,.gfmr-mermaid-zoom-modal .close-btn:hover{background:#30363d;border-color:#484f58}.gfmr-mermaid-zoom-modal .close-btn:hover{background:#da3633;border-color:#f85149;color:#fff}.gfmr-mermaid-zoom-modal .modal-content{background:#0d1117}.gfmr-mermaid-zoom-modal .diagram-container{background:linear-gradient(45deg,#161b22 25%,transparent 25%),linear-gradient(-45deg,#161b22 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#161b22 75%),linear-gradient(-45deg,transparent 75%,#161b22 75%)}.gfmr-mermaid-zoom-modal .zoom-level{background:#21262d;border-color:#30363d;color:#e6edf3}.gfmr-mermaid-zoom-modal .instructions{color:#7d8590}}@media(max-width:768px){.gfmr-mermaid-zoom-modal .modal-dialog{width:98%;height:95%;border-radius:8px}.gfmr-mermaid-zoom-modal .modal-header{padding:12px 16px;min-height:50px}.gfmr-mermaid-zoom-modal .modal-title{font-size:16px}.gfmr-mermaid-zoom-modal .modal-controls{gap:6px}.gfmr-mermaid-zoom-modal .zoom-btn,.gfmr-mermaid-zoom-modal .close-btn{padding:6px 10px;min-width:32px;height:32px;font-size:13px}.gfmr-mermaid-zoom-modal .modal-footer{padding:10px 16px;flex-direction:column;gap:8px;align-items:flex-start}.gfmr-mermaid-zoom-modal .instructions{font-size:12px;text-align:center;width:100%}.gfmr-mermaid-zoom-modal .diagram-container{background:#f8f9fa}@media(prefers-color-scheme:dark){.gfmr-mermaid-zoom-modal .diagram-container{background:#161b22}}}@media(max-width:480px){body.gfmr-modal-open{padding-right:0}.gfmr-mermaid-zoom-modal .modal-dialog{width:100%;height:100%;border-radius:0}.gfmr-mermaid-zoom-modal .modal-header{padding:10px 12px}.gfmr-mermaid-zoom-modal .modal-footer{padding:8px 12px}}@media(prefers-contrast:high){.gfmr-mermaid-zoom-modal .modal-dialog,.gfmr-mermaid-zoom-modal .zoom-btn,.gfmr-mermaid-zoom-modal .close-btn{border:2px solid #000}.gfmr-mermaid-zoom-modal .zoom-btn:focus,.gfmr-mermaid-zoom-modal .close-btn:focus{box-shadow:0 0 0 4px #ff0;border-color:#000}}@media(prefers-reduced-motion:reduce){.gfmr-mermaid-zoom-modal,.gfmr-mermaid-zoom-modal .modal-dialog,.gfmr-mermaid-zoom-modal .zoom-wrapper,.gfmr-mermaid-zoom-modal .zoom-btn,.gfmr-mermaid-zoom-modal .close-btn{transition:none}}.gfmr-mermaid-zoom-modal .diagram-container.dragging{cursor:grabbing!important}@media(hover:none)and (pointer:coarse){.gfmr-mermaid-zoom-modal .zoom-btn,.gfmr-mermaid-zoom-modal .close-btn{min-width:44px;height:44px;padding:10px}.gfmr-mermaid-zoom-modal .diagram-container,.gfmr-mermaid-zoom-modal .diagram-container:active{cursor:default}}.gfmr-mermaid-container[role=button]{cursor:zoom-in;transition:opacity .2s ease}.gfmr-mermaid-container[role=button]:hover{opacity:.9}.gfmr-mermaid-container[role=button]:focus{outline:2px solid var(--gfmr-primary-color, #0969da);outline-offset:2px;border-radius:4px}.gfmr-mermaid-container[role=button]:focus:not(:focus-visible){outline:none}
