/* A model is one scorecard and one aligned strip of artwork. */
.model-row{padding-block:18px 20px;margin-bottom:0;border-bottom-color:#dce0d2;row-gap:10px}
.model-row:last-child{padding-bottom:12px}
.model-row>.model-label{display:flex;flex-direction:column;align-items:flex-start;padding:2px 14px 10px 12px;box-shadow:10px 0 12px -12px #28362270}
.model-label>.model-avatar{width:64px;height:64px;margin:0 0 10px;flex:none}
.model-label>.company-avatar{width:46px;height:46px;margin:4px 0 14px;border-radius:12px}
.model-label>.letter-avatar{width:54px;height:54px;margin:4px 0 14px}
.model-label h3{font-size:18px;line-height:1.3;letter-spacing:-.35px;font-weight:650;order:1}
.model-label h3 a:hover{color:var(--olive)}
.model-label>.company-name,.model-label>.model-revealed{order:2}
.model-label>.model-revealed{margin-top:7px}
.model-label>.model-revealed strong{font-size:13px;line-height:1.4}
.model-label>.model-route,.model-label>.model-result-count{display:none}

/* Keep the score visible before supporting links and metadata. */
.model-label>.model-quality{order:3;width:100%;gap:4px;margin-top:12px;padding-bottom:9px;border-bottom:1px solid #e3e7db}
.model-label>.model-quality>.stealthmark-label{order:-1;font-size:11px;gap:5px;font-weight:550}
.model-label>.model-quality>strong{font-size:31px;line-height:1.05;letter-spacing:-1px;font-weight:600}
.model-label>.model-quality>strong small{font-size:10px;letter-spacing:0;margin-left:4px}
.model-label>.model-quality>small{font-size:10px;line-height:1.45;margin-top:1px}
.model-label>.model-quality>.score-exclusion{font-size:10px!important;margin-top:3px}
.model-label>.benchmax-certification{order:4;width:100%;margin-top:10px}
.model-label>.benchmax-certification:not(.is-emphasized) strong{font-size:13px}
.model-label>.model-info{order:5;width:100%;gap:8px;margin-top:16px;margin-bottom:0}
.model-label .model-guide-link{order:-1;min-height:44px;padding:11px 10px;gap:8px;font-size:12px;line-height:1.3;border-radius:7px}
.model-label .model-license{font-size:10px;line-height:1.5}
.model-label .model-provider-link{font-size:10px;min-height:32px}
.model-label>.model-compare-choice{order:6;width:100%;min-height:44px;margin-top:10px;padding:9px 10px;border-color:#d9dfcd;border-radius:7px;background:transparent;font-size:11px;gap:8px}
.model-label>.model-compare-choice:hover{background:#f0f3e9;border-color:#aab79b}
.model-label>.model-compare-choice:has(input:checked){background:#e7efde;border-color:#8aa475}
.model-label>.model-compare-choice input{margin:0;width:16px;height:16px}
.model-label>.edition-filter{order:7;width:100%;margin-top:12px;font-size:10px}
.model-label>.edition-filter select{min-height:42px}
.model-label>.compare-takes{order:8;min-height:40px;margin-top:5px;padding:8px 1px;font-size:11px}
.model-label a:focus-visible,.model-label button:focus-visible,.model-compare-choice:has(input:focus-visible){outline:2px solid var(--copper);outline-offset:3px}

/* The artwork and its score carry the weight; metadata stays quiet. */
.model-row>.prompt-cell{gap:12px}
.model-row .result-card{border-color:#dce1d2;border-radius:11px;box-shadow:0 2px 8px #26321f04}
.model-row .result-card:hover{border-color:#b5c3a6;box-shadow:0 3px 12px #26321f0b}
.model-row .result-card.is-saved{border-color:#9eaF8b}
.model-row .result-heading{height:43px;padding-inline:12px;font-size:11px;font-weight:600}
.model-row .result-heading small{font-size:10px;font-weight:400;color:var(--muted)}
.model-row .save-result{width:36px;height:36px;font-size:25px;border-radius:5px}
.model-row .save-result:hover{background:#f0f3e9;color:var(--olive)}
.model-row .result-edition-label{margin:0 8px 8px;padding:6px 9px;background:#eef1e7;border-radius:4px;font-size:10px;font-weight:500}
.model-row .result-image{height:clamp(205px,17vw,250px);margin-inline:8px;border-radius:5px;background-color:#f3f4ed;background-image:linear-gradient(45deg,#e9ece2 25%,transparent 25%),linear-gradient(-45deg,#e9ece2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9ece2 75%),linear-gradient(-45deg,transparent 75%,#e9ece2 75%);outline:1px solid #6879540b;outline-offset:-1px}
.model-row .result-image picture,.model-row .result-image img{min-width:0;min-height:0;width:100%;height:100%;max-height:100%;object-fit:contain}
.model-row .inspect-hint{padding:6px 8px;font-size:10px;border-radius:5px;background:#fffef8f5}
.model-row .result-caption{padding:11px 12px 6px;font-size:10px;line-height:1.4}
.model-row .result-date{padding:0 12px 10px;font-size:10px;line-height:1.45}
.model-row .quality-details{background:#f2f5eb;border-top-color:#e2e7d8;font-size:11px}
.model-row .quality-details>summary{min-height:48px;padding:10px 11px;gap:5px}
.model-row .quality-details .stealthmark-label{font-size:10px;font-weight:500;gap:4px}
.model-row .quality-details .stealthmark-icon{width:15px;height:15px}
.model-row .quality-score{font-size:17px;font-weight:650;letter-spacing:-.3px}
.model-row .quality-score small{font-size:9px;letter-spacing:0;margin-left:2px}
.model-row .quality-chevron{font-size:15px;margin-left:1px;color:#647c51}
.model-row .quality-rationale{font-size:11px;line-height:1.7;padding:1px 12px 12px}
.model-row .quality-breakdown{padding:0 12px 12px;gap:7px}
.model-row .quality-breakdown dt{font-size:10px;line-height:1.4}
.model-row .quality-breakdown dd{font-size:11px}
.model-row .quality-review{padding:0 12px 12px;font-size:10px}
.model-row .prompt-details{border-top-color:#e5e8dc;font-size:11px}
.model-row .prompt-details>summary{min-height:44px;align-items:center;padding:10px 12px;font-size:10px;gap:8px}
.model-row .prompt-details>summary:hover{color:var(--olive);background:#f8f9f3}
.model-row .prompt-details>summary span{font-size:14px;color:#768469}
.model-row .prompt-details p{font-size:11px;padding:0 12px 14px;line-height:1.7}
.model-row .quality-details>summary:focus-visible,.model-row .prompt-details>summary:focus-visible{outline:2px solid var(--copper);outline-offset:-3px}
.model-row .no-result{min-height:calc(clamp(205px,17vw,250px) + 96px);background:#f8f9f4;border-color:#dfe4d5;border-radius:11px;color:#818e76;font-size:11px}
.model-row.single-prompt .result-image{height:350px}

/* One artwork toolbar: the prompt opens its complete record in the inspector. */
.model-row .result-footer{position:relative;margin-top:8px;border-top:1px solid #e2e7d8;background:#f2f5eb}
.model-row .result-footer .quality-details{border:0;background:transparent}
.model-row .result-footer .quality-details>summary{min-height:44px;padding:9px 78px 9px 10px;gap:5px}
.model-row .result-footer .stealthmark-label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.model-row .result-footer .quality-score{font-size:17px;white-space:nowrap}
.model-row .result-prompt-button{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;width:70px;height:44px;padding:0 7px;border:0;border-left:1px solid #dce3d2;background:transparent;color:var(--olive);font:inherit;font-size:10px;font-weight:500;line-height:1.2;cursor:pointer}
.model-row .result-prompt-button:hover{background:#e6eddc}
.model-row .result-prompt-button:focus-visible{outline:2px solid var(--copper);outline-offset:-3px}
.model-row .result-footer .quality-unrated{display:flex;align-items:center;min-height:44px;padding:9px 78px 9px 10px;font-size:10px}
.model-row .result-footer .quality-unrated .stealthmark-label{display:none}

/* Shared metadata and model actions take one footer, across the whole row. */
.model-row[data-has-takes]>.model-label{grid-row:auto}
.model-row>.model-row-footer{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;min-height:44px;padding:6px 12px;border:1px solid #e1e5d8;border-radius:7px;background:#f4f6ef;font-size:11px}
.model-footer-links,.model-run-meta,.model-take-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;min-width:0}
.model-row-footer .model-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:0}
.model-row-footer .model-guide-link,.model-row-footer .model-provider-link{min-height:30px;padding:4px 0;border:0;border-radius:0;background:transparent;color:var(--olive);font-size:11px;gap:7px}
.model-row-footer .model-guide-link:hover,.model-row-footer .model-provider-link:hover{text-decoration:underline;text-underline-offset:3px}
.model-row-footer .model-license{display:flex;align-items:baseline;gap:5px;margin:0;font-size:10px;line-height:1.4}
.model-row-footer .model-license small{font-size:10px}
.model-row-footer .model-compare-choice{min-height:30px;margin:0;padding:4px 8px;gap:6px;border-radius:4px;background:transparent;font-size:11px}
.model-run-meta{margin-left:auto;color:var(--muted);font-size:10px;gap:6px 12px}
.model-run-meta>span{white-space:nowrap}
.model-take-actions:empty{display:none}
.model-take-actions .compare-takes,.model-take-actions .take-switch{display:flex;align-items:center;gap:6px;width:auto;min-height:30px;margin:0;padding:4px 8px;border:1px solid #d7dfcd;border-radius:4px;background:#fffef8;color:var(--olive);font:inherit;font-size:11px;cursor:pointer;text-decoration:none}
.model-take-actions button:hover{background:#e7efde}
.model-row-footer a:focus-visible,.model-row-footer button:focus-visible,.model-row-footer label:has(input:focus-visible){outline:2px solid var(--copper);outline-offset:2px}
.model-row [hidden]{display:none!important}

@media(max-width:650px){
  .model-row{padding-block:18px 23px;row-gap:10px}
  .model-row>.model-label{padding:2px 8px 10px 2px}
  .model-label>.model-avatar{width:62px;height:62px;margin-bottom:9px}
  .model-label>.company-avatar{width:47px;height:47px;margin:6px 0 16px}
  .model-label>.letter-avatar{width:59px;height:59px;margin:6px 0 16px}
  .model-label h3{font-size:14px;line-height:1.3;letter-spacing:-.2px}
  .model-label>.model-revealed strong{font-size:12px}
  .model-label>.model-quality{margin-top:12px;gap:4px;padding-bottom:9px}
  .model-label>.model-quality>.stealthmark-label{font-size:10px;gap:4px}
  .model-label>.model-quality>strong{font-size:26px}
  .model-label>.model-quality>strong small{font-size:9px}
  .model-label>.model-quality>small{font-size:9px}
  .model-label>.model-quality>.score-exclusion{font-size:9px!important}
  .model-label>.benchmax-certification:not(.is-emphasized){font-size:9px;gap:3px}
  .model-label>.benchmax-certification:not(.is-emphasized) strong{font-size:12px}
  .model-label>.model-info{margin-top:13px;gap:7px}
  .model-label .model-guide-link{min-height:44px;padding:10px 8px;font-size:11px}
  .model-label .model-license{font-size:9px}
  .model-label>.model-compare-choice{padding:9px 6px;gap:6px;font-size:10px;line-height:1.35}
  .model-label>.model-compare-choice input{width:15px;height:15px}
  .model-label>.compare-takes{font-size:10px;gap:3px}
  .model-row .result-heading{height:44px;padding-inline:10px;font-size:11px}
  .model-row .save-result{width:40px;height:40px;font-size:25px}
  .model-row .result-image{height:214px;margin-inline:7px}
  .model-row .result-caption{padding-inline:10px;font-size:10px}
  .model-row .result-date{padding-inline:10px;font-size:9px}
  .model-row .quality-details>summary{padding-inline:9px;gap:4px}
  .model-row .quality-score{font-size:16px}
  .model-row .quality-score small{font-size:8px}
  .model-row .quality-details .stealthmark-label{font-size:9px}
  .model-row .quality-details .stealthmark-icon{width:14px;height:14px}
  .model-row .prompt-details>summary{padding-inline:10px}
  .model-row.single-prompt .result-image{height:260px}
  .model-row.single-prompt .quality-details>summary{flex-wrap:wrap}
  .model-row.single-prompt .result-date{flex-wrap:wrap;gap:2px 8px}
  .model-row>.model-row-footer{gap:6px 12px;padding:6px 8px}
  .model-row-footer .model-guide-link,.model-row-footer .model-provider-link,.model-row-footer .model-compare-choice,.model-take-actions button{min-height:40px}
  .model-run-meta{margin-left:0}
  .model-row .no-result{min-height:310px}
  .model-row.single-prompt .no-result{min-height:356px}
}
@media(max-width:380px){
  .model-row.single-prompt .result-footer .quality-details>summary{display:flex;flex-wrap:nowrap;padding-right:60px;gap:4px}
  .model-row.single-prompt .result-prompt-button{width:54px;padding-inline:3px;gap:3px}
  .model-row.single-prompt .result-footer .quality-score small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}
@media(prefers-reduced-motion:reduce){.model-row .result-card{transition:none}}
