.diagram.svelte-1p1ty01{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;margin:24px 0;overflow:hidden}.diagram-label.svelte-1p1ty01{color:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:7px;padding:10px 14px;font-size:11px;display:flex}.diagram-preview.svelte-1p1ty01{place-items:center;width:100%;min-height:150px;padding:22px;display:grid;position:relative}.svg-wrap.svelte-1p1ty01{width:100%}.svg-wrap.svelte-1p1ty01 svg{max-width:100%;height:auto;max-height:340px;margin:auto;display:block}.zoom.svelte-1p1ty01{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:5px;padding:5px;display:flex;position:absolute;bottom:9px;right:9px}.loading.svelte-1p1ty01{color:var(--muted);font-size:12px}.diagram-overlay{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0007;position:fixed;inset:0}.diagram-modal{z-index:81;scrollbar-width:thin;background:var(--surface);border-radius:16px;width:min(1000px,92vw);max-height:90vh;padding:30px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 70px #0004}.diagram-modal h2{margin:0;font-size:17px}.diagram-close{position:absolute;top:15px;right:15px}.expanded-diagram.svelte-1p1ty01{padding:30px 0}.expanded-diagram.svelte-1p1ty01 svg{max-width:100%;height:auto;margin:auto;display:block}