.ndia{min-width:0;max-width:100%}.ndia>svg{display:block;width:100%;height:auto;max-width:100%;overflow:hidden}
.sw-diagram-open{display:block;margin:10px auto 2px;border:1px solid #d9d4e7;background:#fff;color:#554383;border-radius:9px;padding:8px 14px;min-height:38px;font:600 13px/1.4 var(--body-font,'DM Sans',sans-serif);cursor:pointer}
.sw-diagram-open:hover{background:#f4f0fc}.sw-diagram-open:focus-visible,.sw-diagram-dialog button:focus-visible{outline:3px solid #7460c7;outline-offset:3px}
.sw-diagram-dialog{box-sizing:border-box;padding:0;border:1px solid #ded9eb;border-radius:18px;width:min(1100px,calc(100vw - 32px));max-width:none;height:min(850px,calc(100dvh - 32px));max-height:none;background:#fff;color:#29243b;box-shadow:0 24px 80px #21173b33;overflow:hidden}
.sw-diagram-dialog[open]{display:flex;flex-direction:column}.sw-diagram-dialog::backdrop{background:#211b38a6}
.sw-diagram-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #e8e3ee}.sw-diagram-dialog h2{font:700 19px/1.4 var(--body-font,'DM Sans',sans-serif);margin:0;min-width:0}
.sw-diagram-dialog button{font:600 14px/1.4 var(--body-font,'DM Sans',sans-serif);padding:9px 14px;min-height:40px;border:1px solid #dad3e8;border-radius:9px;background:#f7f4fc;color:#51406f;cursor:pointer;white-space:nowrap}.sw-diagram-dialog button:disabled{opacity:.4;cursor:default}
.sw-diagram-tools{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px 4px}.sw-diagram-tools output{min-width:48px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}.sw-diagram-hint{font-size:13px;line-height:1.5;text-align:center;margin:8px 16px 12px;color:#6f6780}
.sw-diagram-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#faf9fc;border-top:1px solid #ece8f2;touch-action:pan-x pan-y pinch-zoom}.sw-diagram-stage{box-sizing:content-box;width:max-content;min-width:calc(100% - 40px);padding:20px;display:flex;justify-content:center;align-items:flex-start}
.sw-diagram-stage>svg,.sw-diagram-stage>img{display:block;flex:none;max-width:none!important;max-height:none!important;margin:0!important;background:white;object-fit:contain}.sw-diagram-stage *{animation:none!important}.sw-diagram-stage .sw-dna-diagram-line{stroke-dashoffset:0}
@media(max-width:600px){.sw-diagram-dialog{width:100vw;height:100dvh;margin:0;border:0;border-radius:0}.sw-diagram-dialog header{padding:14px 16px}.sw-diagram-dialog h2{font-size:16px}.sw-diagram-tools{gap:6px}.sw-diagram-tools button{padding:9px 10px;font-size:12px}.sw-diagram-tools output{min-width:40px}}