.vx-wrap{isolation:isolate;display:block;position:relative}.vx-explode{z-index:6;width:30px;height:30px;color:var(--ink-60,#6b6b6b);background:var(--paper,#faf9f6);border:1px solid var(--ink-15,#1f1d1d26);cursor:zoom-in;opacity:0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:opacity .14s,transform .14s,color .14s,border-color .14s;display:inline-flex;position:absolute;top:12px;right:12px;transform:translateY(-2px);box-shadow:0 1px 3px #1f1d1d1a}.vx-wrap:hover .vx-explode,.vx-explode:focus-visible{opacity:1;transform:translateY(0)}.vx-explode:hover{color:var(--ink,#1f1d1d);border-color:var(--ink-30,#1f1d1d4d)}@media (hover:none){.vx-explode{opacity:1;transform:none}}.vx-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);background:#1f1d1d9e;animation:.14s vx-fade;position:fixed;inset:0}@keyframes vx-fade{0%{opacity:0}to{opacity:1}}.vx-stage{z-index:1001;background:var(--paper-raised,#fff);border-radius:var(--radius-lg,12px);width:min(1400px,94vw);height:min(900px,90vh);box-shadow:0 0 0 1px var(--ink-15,#1f1d1d26), 0 24px 64px -16px #1f1d1d73;flex-direction:column;padding:16px 20px 20px;animation:.16s cubic-bezier(.2,.7,.2,1) vx-pop;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes vx-pop{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.vx-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.vx-title{font:500 11px var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-50,#8a8a8a);margin:0}.vx-close{width:30px;height:30px;color:var(--ink-60,#6b6b6b);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:color .12s,background .12s;display:inline-flex}.vx-close:hover{color:var(--ink,#1f1d1d);background:#1f1d1d0f}.vx-canvas{flex-direction:column;flex:1;min-height:0;margin:0;display:flex;overflow:hidden}.vx-canvas.dx-host,.vx-canvas.sx-host{margin:0}.vx-canvas.dx-host{background-image:radial-gradient(#1f1d1d1a 1px,#0000 1px);background-position:0 0;background-size:20px 20px}.vx-canvas.dx-host .diagram{background-image:none}.vx-canvas .dx-frame,.vx-canvas .sx-frame{min-width:0;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex:1;margin:0}.vx-canvas .dx-frame .diagram,.vx-canvas .sx-frame .sequence{margin:auto}@media (width<=760px){.vx-stage{width:96vw;height:92vh;padding:12px 14px 16px}}