/* The homepage uses the benchmark viewer's divider and navigation controls. */
#benchmarks .feature-heading{padding:15px 0 5px;align-items:baseline}
#benchmarks .feature-heading h2{font-size:32px}
#benchmarks .scene-label{display:block;width:auto;max-width:210px;font-size:11px;letter-spacing:0;line-height:1.4}
#benchmarks .comparison-count{margin:0 0 16px;font-size:12px;line-height:1.5}
#benchmarks .comparison-navigation{padding:0 0 9px;gap:5px}
#benchmarks .comparison-model-picker{min-height:44px;padding:7px 10px}
#benchmarks .comparison-model-totals{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-height:25px;font-size:11px;color:var(--muted)}
#benchmarks .overall-score{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
#benchmarks .overall-score strong{font:400 23px/1 Georgia,serif;color:var(--ink)}
#benchmarks .overall-score small{font-size:10px}
#benchmarks .comparison-position{white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}
#benchmarks .art-frame{display:block;aspect-ratio:4/3;touch-action:pan-y}
#benchmarks[data-family="mona-lisa"] .art-frame,#benchmarks[data-family="ground-truth"] .art-frame{aspect-ratio:1/1}
#benchmarks .viewer-media{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y;cursor:default}
#benchmarks .viewer-media>picture{display:block;width:100%;height:100%}
#benchmarks .viewer-media img{object-fit:contain}
#benchmarks .artwork-canvas picture img{position:static;inset:auto}
#benchmarks .artwork-render{inset:auto}
#benchmarks .is-render-comparison::before{content:'Model output'}
#benchmarks .is-render-comparison::before,#benchmarks .is-render-comparison::after{font-size:10px;padding:4px 6px;top:7px}
#benchmarks .is-render-comparison::before{left:7px}
#benchmarks .is-render-comparison::after{right:7px}
#benchmarks .home-model-arrows{position:absolute;inset:50% 5px auto;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:6}
#benchmarks .home-model-arrows button{pointer-events:auto;background:#fffdf7ed;border:1px solid #d5dccccc;box-shadow:0 2px 8px #24371a20;opacity:0;transition:opacity .15s}
#benchmarks .home-model-arrows button::before{display:none}
#benchmarks .home-model-arrows button:disabled{visibility:hidden;pointer-events:none}
#benchmarks .art-frame:hover .home-model-arrows button,#benchmarks .art-frame:focus-within .home-model-arrows button{opacity:.9}
#benchmarks .art-frame:has(.is-wiping) .home-model-arrows button{opacity:0;pointer-events:none}
#benchmarks .home-inspect-link{position:absolute;right:7px;bottom:7px;z-index:6;display:grid;place-items:center;width:36px;height:36px;background:#263e34df;color:white;border:1px solid #ffffffa0;border-radius:var(--radius-control);font-size:20px}
#benchmarks figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 0 16px}
#benchmarks .score{display:flex;align-items:baseline;gap:4px;font:12px/1.4 'DM Sans',sans-serif;letter-spacing:0;text-align:left;margin:0}
#benchmarks .score>span{display:inline;font:11px/1.4 'DM Sans',sans-serif;margin:0 3px 0 0;color:var(--muted)}
#benchmarks .score strong{font-size:15px;font-weight:650}
#benchmarks .score small{font-size:10px;margin:0}
#benchmarks .result-date{min-height:0;font-size:10px;line-height:1.4;margin:0}
#benchmarks .evidence-panel{min-height:0!important}
#benchmarks .comparison-empty{font-size:13px;line-height:1.6;padding:20px;color:var(--muted);text-align:center}
html:not(.evidence-ready) #benchmarks :is(.comparison-families,.home-model-arrows,.comparison-model-disclosure),#benchmarks:not([data-comparison-ready]) select{display:none}
#benchmarks[data-comparison-unavailable] .comparison-status{position:static;width:auto;height:auto;margin:8px 0;clip-path:none;white-space:normal;color:var(--muted);font-size:12px}
#benchmarks[data-comparison-unavailable] :is(.comparison-families,.home-model-arrows,.comparison-model-disclosure){display:none}
@media(hover:none){#benchmarks .home-model-arrows button{opacity:.85}}
@media(max-width:560px){
  #benchmarks .feature-heading{display:block;padding-top:13px}
  #benchmarks .feature-heading h2{font-size:29px}
  #benchmarks .scene-label{text-align:left;max-width:none;margin-top:6px}
  #benchmarks .comparison-count{font-size:11px;margin-bottom:12px}
  #benchmarks .comparison-model-picker{min-height:54px;padding:6px 8px}
  #benchmarks .comparison-model-name{font-size:12px}
  #benchmarks .comparison-model-totals{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;min-height:39px}
  #benchmarks .overall-score{gap:3px;font-size:10px}
  #benchmarks .overall-score strong{font-size:20px}
  #benchmarks .comparison-position{font-size:10px}
  #benchmarks .art-frame{aspect-ratio:1/1}
  #benchmarks .is-render-comparison::before,#benchmarks .is-render-comparison::after{font-size:8px;padding:3px;top:4px}
  #benchmarks .is-render-comparison::before{left:3px}
  #benchmarks .is-render-comparison::after{right:3px}
  #benchmarks .home-model-arrows{inset-inline:0}
  #benchmarks .home-inspect-link{width:44px;height:44px;right:3px;bottom:3px;background:#263e34b8}
  #benchmarks figcaption{display:block;padding:7px 0 13px}
  #benchmarks .score{flex-wrap:wrap;gap:2px}
  #benchmarks .score>span{font-size:10px}
  #benchmarks .result-date{display:block;font-size:9px;margin-top:3px}
}
@media(prefers-reduced-motion:reduce){#benchmarks .home-model-arrows button{transition:none}}
/* Task difficulty: every tested model on one 0-100 line. */
#benchmarks .comparison-difficulty{margin:-6px 0 18px;max-width:520px}
#benchmarks .comparison-difficulty:empty{display:none}
#benchmarks .difficulty-track{position:relative;height:18px;margin:0 5px;background:linear-gradient(var(--line),var(--line)) center/100% 2px no-repeat}
#benchmarks .difficulty-dot{position:absolute;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#9aa58a;opacity:.75}
#benchmarks .difficulty-dot.is-compared{width:11px;height:11px;margin:-5.5px 0 0 -5.5px;opacity:1;background:var(--ink);box-shadow:0 0 0 2px var(--paper)}
#benchmarks .difficulty-dot.is-right{background:var(--rust)}
#benchmarks .difficulty-median{position:absolute;top:1px;bottom:1px;width:2px;margin-left:-1px;background:var(--ink)}
#benchmarks .difficulty-values{display:flex;flex-wrap:wrap;gap:4px 16px;margin:6px 0 0;font-size:11px;color:var(--muted)}
#benchmarks .difficulty-values strong{color:var(--ink);font-weight:650}
@media(max-width:560px){#benchmarks .comparison-difficulty{max-width:none;margin-bottom:14px}}