/* One scrolling sheet keeps each scene aligned across every compared model. */
#result-viewer{width:calc(100vw - 36px);max-width:1880px;max-height:calc(100dvh - 28px)}
#viewer-content.model-comparison{display:block;padding:18px 22px 24px;overflow:auto;scrollbar-color:#aeb59f #f0f1e9;scrollbar-width:thin}
.comparison-grid{display:grid;grid-template-columns:168px repeat(var(--scene-count,5),minmax(180px,1fr));min-width:calc(168px + var(--scene-count,5)*196px);gap:12px;align-items:start}
.comparison-head{font-family:inherit;font-weight:600;font-size:12px;text-align:left;padding:13px 10px;background:#e9eddf;border:1px solid #d5ddc8;border-radius:6px;color:var(--olive)}
.comparison-head span{float:right;font-weight:400;opacity:.65}
.comparison-corner{position:sticky;left:0;background:var(--paper);border-color:transparent;z-index:3}
.comparison-model-row{display:contents}
.comparison-model-label{position:sticky;left:0;align-self:stretch;background:var(--paper);z-index:2;padding:12px 14px 14px 3px;box-shadow:9px 0 10px -11px #29372488}
.comparison-model-label h3{font-size:15px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}
.comparison-model-label>p{font-size:10px;color:var(--muted);margin-top:5px}
.comparison-model-label .model-quality{margin-top:16px}
.comparison-model-label .model-quality>small{max-width:130px;line-height:1.6}
.comparison-model-label .benchmax-certification{margin-top:14px}
.comparison-cell{min-width:0;padding:8px 0 20px;align-self:stretch;border-bottom:1px solid #dfe3d6}
.comparison-cell article{border:1px solid #d9dfcf;background:#fffefa;border-radius:8px;overflow:hidden}
.comparison-cell .result-image{margin:0;border:0;border-radius:7px 7px 0 0;padding:0;width:100%;height:clamp(180px,23dvh,310px)}
.comparison-result-score{padding:8px 10px;font-size:15px;line-height:1.5;font-weight:650;color:var(--olive)}
.comparison-result-score small{font-size:10px;margin-left:2px;color:var(--muted);font-weight:400}
.comparison-missing{min-height:clamp(220px,27dvh,350px);display:grid;place-items:center;border:1px dashed #d4dac9;border-radius:8px;font-size:11px;color:var(--muted)}
.comparison-cell .inspect-hint{bottom:8px;right:8px}
#viewer-content.detail-content{display:grid;grid-template-columns:repeat(var(--detail-columns,1),minmax(0,1fr));gap:16px;padding:18px 24px 26px;overflow:visible;scroll-snap-type:none;align-items:start}
.detail-content .viewer-result{min-width:0;display:grid;grid-template-rows:38px auto auto auto;align-content:start}
.detail-content .viewer-result>h3{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.2;margin:0;min-width:0;overflow:hidden}
.detail-content .viewer-result>h3 small{font-size:10px;color:var(--muted);font-weight:400;margin-left:auto;white-space:nowrap}
.detail-content .viewer-media{position:relative;height:var(--detail-media-height,55dvh);min-height:80px;max-height:none;background:#e9ebe2}
.detail-content .viewer-media picture{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:0}
.detail-content .viewer-media picture img{width:100%;height:100%;max-height:100%;object-fit:contain}
.detail-content .viewer-tools{margin:10px 0;gap:6px}
.detail-content .viewer-tools button{font-size:10px;min-height:32px;padding:7px 9px}
.viewer-record{font-size:11px;border-top:1px solid var(--line);padding:0 0 10px}
.viewer-record>summary{padding:11px 0;cursor:pointer;color:var(--olive);font-weight:600}
.viewer-record>.viewer-model-id{margin-top:16px}
.viewer-record .quality-details{margin-top:16px}
#back-comparison{white-space:nowrap}
@media(max-width:750px){
  #result-viewer{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}
  .viewer-bar{align-items:start;gap:8px;padding:12px}
  .viewer-bar h2{font-size:16px;line-height:1.3}
  .viewer-actions{gap:5px;flex-wrap:wrap;justify-content:end}
  #back-comparison{font-size:10px;padding:7px}
  #viewer-content.model-comparison{padding:10px}
  .comparison-grid{grid-template-columns:110px repeat(var(--scene-count,5),minmax(190px,1fr));min-width:calc(110px + var(--scene-count,5)*202px);gap:10px}
  .comparison-model-label{padding:10px 8px 10px 2px}
  .comparison-model-label h3{font-size:12px}
  .comparison-model-label .model-quality>strong{font-size:23px}
  .comparison-head{font-size:11px;padding:12px 8px}
  .comparison-cell .result-image{height:210px}
  #viewer-content.detail-content{padding:10px 12px 18px;gap:14px}
  .detail-content .viewer-result>h3{font-size:11px;gap:5px;flex-wrap:wrap;align-content:center}
  .detail-content .viewer-result>h3 small{font-size:9px;white-space:normal}
  .detail-content .viewer-result>h3 .company-inline{width:17px;height:17px;margin:0}
  .detail-content .viewer-tools button{padding:6px;font-size:9px;min-height:32px}
}