.pj__svg{width:100%;height:auto;font-family:inherit;font-size:13px;display:block}.pj__svg text{fill:var(--dg-ink)}.pj-label{font-weight:700}.pj-muted{fill:var(--dg-muted);font-size:11px}.pj-mono{font-family:var(--font-mono);font-size:11px}.pj-box rect{fill:var(--dg-host);stroke:var(--dg-line);stroke-width:1.5px;transition:fill .3s var(--ease), stroke .3s var(--ease)}.pj-box .pj-cloud{fill:var(--dg-cloud);stroke:var(--dg-line);stroke-width:1.5px}.pj-box.is-active rect,.pj-box.is-active .pj-cloud{fill:var(--dg-ctl);stroke:var(--dg-accent);stroke-width:2.5px}.pj-node rect{fill:var(--dg-node);stroke:var(--dg-line);stroke-width:1.5px}.pj-node.is-active rect{stroke:var(--dg-accent);stroke-width:2.5px}.pj-pod rect{fill:var(--dg-pod);stroke:var(--dg-line);stroke-width:1.5px}.pj-pod.is-active rect{stroke:var(--dg-accent);stroke-width:2.5px}.pj-line{stroke:var(--dg-line);stroke-width:1.5px;opacity:.7}.pj-line--dim{stroke-dasharray:3 4;opacity:.3}.pj-line--tunnel{stroke:var(--dg-accent-2);stroke-width:2.5px;stroke-dasharray:8 5}.pj-box.is-active .pj-line--tunnel{stroke:var(--dg-accent)}.pj-packet{transition:transform .6s var(--ease)}.pj-packet rect{fill:var(--dg-accent);stroke:var(--dg-bg);stroke-width:2px}.pj-packet.is-back rect{fill:var(--dg-ok)}.pj__pkt{flex-wrap:wrap;align-items:center;gap:.3rem .6rem;margin-top:.6rem;font-size:.8rem;display:flex}.pj__pkt-k{color:var(--dg-muted);font-weight:700}.pj__pkt-v{font-family:var(--font-mono);background:color-mix(in srgb, var(--bg) 70%, transparent);border:1px solid var(--dg-line);border-radius:6px;padding:.1rem .5rem}.pj__dir{background:color-mix(in srgb, var(--dg-accent) 18%, transparent);color:var(--dg-accent);border-radius:999px;margin-left:auto;padding:.1rem .6rem;font-weight:700}.pj__dir.is-back{background:color-mix(in srgb, var(--dg-ok) 18%, transparent);color:var(--dg-ok)}@media (prefers-reduced-motion:reduce){.pj-packet,.pj-box rect{transition:none}}