.viz-pc{border:1px solid var(--color-border);background:var(--color-surface);border-radius:4px;margin:1.5rem 0;padding:1.25rem 1.5rem}.viz-pc__board{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem;margin-bottom:1.25rem;display:grid}.viz-pc__comp{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);font-family:var(--font-mono);cursor:pointer;text-align:center;border-radius:3px;padding:1rem .75rem;font-size:.85rem;transition:border-color .15s,color .15s,transform .15s}.viz-pc__comp:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.viz-pc__comp--active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-glow)}.viz-pc__detail{border:1px solid var(--color-border);border-left:3px solid var(--color-primary);background:var(--color-surface-2);color:var(--color-text-muted);border-radius:0 2px 2px 0;padding:.875rem 1rem;font-size:.88rem}.viz-pc__detail strong{color:var(--color-text);font-family:var(--font-mono)}.viz-pc__detail p{margin:.5rem 0 0}.viz-pc__tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-right:.4rem;font-size:.6rem}.viz-pc__tag--warn{color:var(--color-warning)}@media (prefers-reduced-motion:reduce){.viz-pc__comp{transition:none}.viz-pc__comp:hover{transform:none}}