.models-section legend{display:flex;align-items:center;gap:12px;max-width:100%;flex-wrap:wrap}
.benchmark-mode{display:inline-flex;position:relative;gap:2px;background:var(--surface2);padding:3px;border-radius:8px;font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted);line-height:1.3}
@media(prefers-reduced-motion:reduce){.benchmark-mode span{transition:none}}
.benchmark-mode label{position:relative;cursor:pointer}.benchmark-mode input{position:absolute;width:1px;height:1px;opacity:0}.benchmark-mode span{display:block;padding:5px 9px;border-radius:6px;transition:background .16s,color .16s}.benchmark-mode input:checked+span{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0001}.benchmark-mode input:focus-visible+span{outline:2px solid var(--focus)}

.benchmark-mode{display:inline-grid;grid-template-columns:repeat(3,1fr);isolation:isolate;min-width:180px;text-align:center}.benchmark-mode::before{content:"";position:absolute;z-index:-1;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / 3);border-radius:6px;background:var(--surface);box-shadow:0 1px 4px #0001;transition:transform .18s ease}.benchmark-mode:has(input[value=video]:checked)::before{transform:translateX(100%)}.benchmark-mode input:checked+span{background:transparent;box-shadow:none}@media(prefers-reduced-motion:reduce){.benchmark-mode::before{transition:none}}

.benchmark-mode:has(input[value=image]:checked)::before{transform:translateX(200%)}