.cpf__svg{width:100%;height:auto;font-family:inherit;font-size:13px;display:block}.cpf__svg text{fill:var(--dg-ink)}.cpf-label{font-weight:700}.cpf-muted{fill:var(--dg-muted);font-size:11px}.cpf-mono{font-family:var(--font-mono);font-size:11px}.cpf-box rect{fill:var(--dg-host);stroke:var(--dg-line);stroke-width:1.5px;transition:fill .3s var(--ease), stroke .3s var(--ease)}.cpf-box rect.cpf-netns{fill:var(--dg-net);stroke-dasharray:5 4}.cpf-box.is-active rect{fill:var(--dg-ctl);stroke:var(--dg-accent);stroke-width:2.5px}.cpf-box.is-active rect.cpf-netns{fill:var(--dg-net)}.cpf-box .cpf-line,.cpf-line{stroke:var(--dg-line);stroke-width:1.5px;opacity:.6}.cpf-box.is-active .cpf-line{stroke:var(--dg-accent);stroke-width:2.5px;opacity:1}.cpf-line--thin{stroke-dasharray:3 3}.cpf-line--veth{stroke:var(--dg-accent-2);stroke-width:2.5px;opacity:.9}.cpf-marker{fill:var(--dg-line)}.cpf .cpf__log{font-family:var(--font-mono);color:#f4ecff;background:var(--code-bg);border:1px solid var(--code-border);white-space:pre-wrap;word-break:break-all;border-radius:8px;min-height:5.5rem;margin:.75rem 0 0;padding:.5rem .75rem;font-size:.72rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.cpf-box rect,.cpf-line{transition:none}}