.diagram-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);display:flex;align-items:stretch;justify-content:stretch;padding:8px 8px 8px calc(60px + 6px);animation:diagramFadeIn .15s ease forwards}.diagram-modal-container{position:relative;background:var(--surface-secondary-solid);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);width:100%;max-width:none;height:100%;max-height:none;display:flex;flex-direction:column;overflow:hidden;animation:diagramSlideUp .25s cubic-bezier(.34,1.2,.64,1) forwards}.diagram-modal-header{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:flex-start;gap:var(--di-pill-gap);width:fit-content;max-width:90%;pointer-events:none;user-select:none}.diagram-modal-header>*{pointer-events:auto}.diagram-modal-toolbar{padding:0 var(--di-padding-inline)}.diagram-modal-divider{width:1px;height:20px;background:var(--border-subtle);margin:0 2px;flex-shrink:0}.diagram-modal-btn{display:flex;align-items:center;justify-content:center;width:var(--di-item-size);height:var(--di-height);min-width:var(--di-item-size);padding:0;border:none;border-radius:0;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.diagram-modal-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-secondary)}.diagram-modal-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.diagram-modal-btn:disabled{opacity:.25;cursor:default}.diagram-modal-btn svg{width:16px;height:16px}.diagram-modal-zoom-level{font-size:var(--text-2xs);font-weight:500;color:var(--text-tertiary);min-width:42px;text-align:center;user-select:none;font-variant-numeric:tabular-nums}.diagram-modal-content{flex:1;min-height:0;overflow:hidden;cursor:grab;touch-action:none;position:relative}.diagram-modal-content--dragging{cursor:grabbing;user-select:none}.diagram-modal-diagram-wrapper{width:3000px;min-width:3000px;transform:translate(var(--pan-x,0),var(--pan-y,0)) scale(var(--scale,1));transform-origin:0 0}.diagram-modal-diagram-wrapper svg{max-width:none}.diagram-modal-diagram-wrapper .mermaid-diagram{overflow:visible!important;height:auto!important;display:block!important}@keyframes diagramFadeIn{0%{opacity:0}to{opacity:1}}@keyframes diagramSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.diagram-modal-container,.diagram-modal-overlay{animation:none;opacity:1;transform:none}}@media (max-width:768px){.diagram-modal-overlay{padding:8px}.diagram-modal-container{border-radius:var(--radius-default)}.diagram-modal-zoom-level{font-size:var(--text-2xs);min-width:36px}}