.diagram-modal-overlay{z-index:10000;background:#fff;justify-content:center;align-items:center;padding:24px;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.diagram-modal-content{aspect-ratio:16/9;background:#fff;flex-direction:column;width:min(1280px,100%);max-height:calc(100vh - 48px);animation:.35s ease-out slideUp;display:flex;position:relative;overflow:visible}.diagram-modal-header{background:0 0;border-bottom:none;padding:0 28px;position:absolute;top:-100px;left:0;right:0}.diagram-modal-title{color:var(--text-primary,#181818);letter-spacing:-.4px;text-align:center;margin:0;font-size:30px;font-weight:800}.diagram-modal-close{color:#181818;cursor:pointer;z-index:10001;background:#fff;border:1px solid #0000001f;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:600;transition:all .2s;display:flex;position:fixed;top:80px;right:32px;box-shadow:0 4px 12px #00000014}.diagram-modal-close:hover{color:#181818;background:#febf1d;border-color:#febf1d;transform:scale(1.08);box-shadow:0 4px 16px #febf1d59}.diagram-modal-body{background:#fff;flex:1;min-height:0;padding:4px;display:flex;overflow:hidden}.diagram-modal-body>*{flex:1;min-height:0}.diagram-modal-image-wrap{background:#fff;border-radius:12px;width:100%;height:100%;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}