.viz-subnet{border:1px solid var(--color-border);background:var(--color-surface);border-radius:4px;margin:1.5rem 0;padding:1.25rem 1.5rem}.viz-subnet__controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.viz-subnet__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);font-size:.72rem}.viz-subnet__range{min-width:160px;accent-color:var(--color-primary);cursor:pointer;flex:1}.viz-subnet__prefix{font-family:var(--font-mono);color:var(--color-primary);min-width:3ch;font-size:1.1rem;font-weight:700}.viz-subnet__bits{font-family:var(--font-mono);flex-wrap:wrap;gap:2px;margin-bottom:1.25rem;display:flex}.viz-subnet__bit{background:var(--color-surface-2);width:1.1rem;height:1.4rem;color:var(--color-text-faint);border-radius:2px;justify-content:center;align-items:center;font-size:.72rem;transition:background .12s,color .12s;display:inline-flex}.viz-subnet__bit--net{background:var(--color-primary);color:var(--color-bg)}.viz-subnet__bit--host{background:var(--color-surface-2);color:var(--color-text-muted)}.viz-subnet__dot{color:var(--color-text-faint);align-self:flex-end;padding:0 1px}.viz-subnet__stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin:0;display:grid}.viz-subnet__stats div{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:2px;padding:.5rem .75rem}.viz-subnet__stats dt{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint);margin-bottom:.25rem;font-size:.62rem}.viz-subnet__stats dd{font-family:var(--font-mono);color:var(--color-text);margin:0;font-size:.95rem}