.vc-tool{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:start;gap:clamp(14px,2.4vw,24px);display:grid}.vc-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.vc-head .sys-mono,.vc-results>.sys-mono{color:var(--s-accent)}.vc-toggle{border:1px solid var(--s-line);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;display:grid}.vc-toggle button{min-height:34px;color:var(--s-muted);font-family:var(--sys-f-body);cursor:pointer;transition:background var(--dur-hover), color var(--dur-hover);background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:13px;font-weight:700}.vc-toggle button:hover{color:var(--s-fg)}.vc-toggle button.is-active{background:var(--sys-lime);color:#0a0b09}[data-surface=paper] .vc-toggle button.is-active{color:var(--sys-lime);background:#0a0b09}.vc-toggle button:focus-visible{outline:2px solid var(--s-accent);outline-offset:2px}.vc-dims{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.vc-note{border-left:3px solid var(--s-accent);border-radius:0 var(--radius-s) var(--radius-s) 0;background:color-mix(in srgb, var(--s-accent) 7%, transparent);gap:6px;padding:14px 16px;display:grid}.vc-note strong{color:var(--s-fg);font-size:15px;font-weight:700}.sys-band .vc-note p{font-size:13.5px;line-height:1.5}.sys-card.vc-results{gap:20px;padding:clamp(18px,2.4vw,28px)}.vc-primary{border-radius:var(--radius-m);background:var(--sys-lime);color:#0a0b09;gap:10px;padding:clamp(20px,2.6vw,28px);display:grid}.vc-primary small{font-family:var(--sys-f-mono);letter-spacing:.12em;text-transform:uppercase;color:#0a0b09a3;font-size:10.5px;font-weight:700}.vc-primary strong{font-family:var(--sys-f-display);letter-spacing:-.03em;font-size:clamp(40px,5.4vw,68px);font-weight:800;font-stretch:112%;line-height:.95}.vc-primary span{color:#0a0b09c2;font-weight:700}.vc-grid{border:1px solid var(--s-line);border-radius:var(--radius-m);background:var(--s-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.vc-grid div{background:var(--s-surface);padding:16px}.vc-grid dt{color:var(--s-faint);font-size:12.5px}.vc-grid dd{color:var(--s-fg);margin:6px 0 0;font-size:20px;font-weight:700}.vc-bars{gap:12px;display:grid}.vc-bars div{grid-template-columns:86px minmax(0,1fr) 88px;align-items:center;gap:12px;display:grid}.vc-bars span,.vc-bars b{color:var(--s-muted);font-size:13px;font-weight:700}.vc-bars i{background:var(--s-accent);height:10px;transition:width var(--dur-ui) var(--ease-out);border-radius:999px}@media (max-width:980px){.vc-tool{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.vc-head{flex-direction:column;align-items:stretch}.vc-toggle{width:100%}.vc-dims,.vc-grid{grid-template-columns:minmax(0,1fr)}.vc-bars div{grid-template-columns:minmax(0,1fr);gap:6px}}@media (prefers-reduced-motion:reduce){.vc-toggle button,.vc-bars i{transition:none}}
