.image-search-hero{--reference-hero-padding-bottom: 8rem;--reference-hero-columns: minmax(0, .78fr) minmax(40rem, 1.22fr);--reference-hero-gap: clamp(2.5rem, 4vw, 4rem)}.image-search-hero h1 span{color:var(--brand-accent)}.image-search-hero-graphic{width:min(100%,48rem);margin:0 0 0 auto}.image-search-hero-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--brand-hairline-strong);background:var(--cl-code-bg);box-shadow:0 1.5rem 3.2rem #00000057}.image-search-lane{display:grid;min-width:0;align-content:start;gap:var(--sp-3);padding:var(--sp-4);background:var(--cl-panel)}.image-search-lane+.image-search-lane{border-left:1px solid var(--brand-hairline-strong)}.image-search-lane[data-complete=true]{background:color-mix(in srgb,var(--cl-panel) 92%,var(--brand-accent))}.image-search-lane header{display:grid;gap:var(--sp-2)}.image-search-lane header>span{color:var(--brand-text-muted);font-family:var(--cl-mono);font-size:var(--brand-fs-nano);letter-spacing:.06em;text-transform:uppercase}.image-search-lane[data-complete=true] header>span{color:var(--brand-accent)}.image-search-lane header p{margin:0;color:var(--brand-text-bright);font-family:var(--cl-mono);font-size:var(--brand-fs-base);line-height:1.4}.image-search-lane header p span{color:var(--brand-text-dim)}.image-search-lane footer{display:grid;gap:.25rem}.image-search-lane footer strong{color:var(--brand-text);font-size:var(--brand-fs-sm);font-weight:500}.image-search-lane footer small{color:var(--brand-text-muted);font-family:var(--cl-mono);font-size:var(--brand-fs-nano);line-height:1.4}.image-search-lane[data-complete=true] footer strong,.image-search-lane[data-complete=true] footer small{color:var(--brand-accent)}.image-search-hero-graphic figcaption{margin-top:var(--sp-3);color:var(--brand-text-muted);font-size:var(--brand-fs-sm);line-height:1.5}.image-search-lane img,.image-search-results img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;border:1px solid var(--brand-hairline);background:var(--cl-code-bg);object-fit:contain}.image-search-results small{margin:0;color:var(--brand-text-muted);font-family:var(--cl-mono);font-size:var(--brand-fs-nano);line-height:1.4}.image-search-proof{padding:var(--cl-section-gap) 0 0}.image-search-proof .cl-section-head p{max-width:56rem;margin:var(--sp-3) 0 0;color:var(--brand-text);font-size:var(--brand-fs-base);line-height:1.7}.image-search-tally{width:min(100%,44rem);margin:var(--sp-6) 0 var(--sp-6);border:1px solid var(--brand-hairline-strong);border-collapse:collapse;font-family:var(--cl-mono);font-size:var(--brand-fs-sm)}.image-search-tally caption{margin-bottom:var(--sp-3);color:var(--brand-text-muted);font-family:var(--brand-font-body, inherit);font-size:var(--brand-fs-sm);line-height:1.5;text-align:left}.image-search-tally th,.image-search-tally td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--brand-hairline);color:var(--brand-text);font-weight:500;text-align:left}.image-search-tally thead th{color:var(--brand-text-muted);font-size:var(--brand-fs-nano);letter-spacing:.06em;text-transform:uppercase}.image-search-tally tbody tr:last-child th,.image-search-tally tbody tr:last-child td{border-bottom:0}.image-search-tally tbody tr[data-best=true] th,.image-search-tally tbody tr[data-best=true] td{color:var(--brand-accent)}.image-search-tally td{font-variant-numeric:tabular-nums}.image-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:var(--sp-4)}.image-search-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--brand-hairline-strong);background:var(--cl-code-bg)}.image-search-card>header{padding:var(--sp-4);border-bottom:1px solid var(--brand-hairline);background:var(--cl-panel)}.image-search-card>header p{margin:0;color:var(--brand-text-bright);font-family:var(--cl-mono);font-size:var(--brand-fs-sm);line-height:1.45}.image-search-card>header span{color:var(--brand-text-dim)}.image-search-results{display:grid;margin:0;padding:var(--sp-4);gap:var(--sp-3);list-style:none}.image-search-results li{display:grid;grid-template-columns:1.4rem 5.5rem minmax(0,1fr);gap:var(--sp-3);align-items:start}.image-search-rank{color:var(--brand-text-muted);font-family:var(--cl-mono);font-size:var(--brand-fs-sm);font-variant-numeric:tabular-nums;line-height:1.3}.image-search-results li[data-kind=full] .image-search-rank{color:var(--brand-accent)}.image-search-results li[data-promoted=true]{margin-top:var(--sp-2);padding-top:var(--sp-3);border-top:1px dashed var(--brand-hairline-strong)}.image-search-results li>div{display:grid;gap:.25rem}.image-search-results strong{color:var(--brand-text);font-size:var(--brand-fs-sm);font-weight:500;line-height:1.4}.image-search-results output{color:var(--brand-text-muted);font-family:var(--cl-mono);font-size:var(--brand-fs-sm);font-variant-numeric:tabular-nums}.image-search-results li[data-kind=full] strong,.image-search-results li[data-kind=full] small,.image-search-results li[data-kind=full] output{color:var(--brand-accent)}.image-search-results li[data-kind=full] img{border-color:var(--brand-accent)}.image-search-card>.reference-source-link{display:flex}.image-search-note{margin:auto 0 0;padding:var(--sp-4);border-top:1px solid var(--brand-hairline);color:var(--brand-text-muted);font-size:var(--brand-fs-sm);line-height:1.6}.image-search-totals{margin:var(--sp-5) 0 0;color:var(--brand-text-muted);font-family:var(--cl-mono);font-size:var(--brand-fs-nano);line-height:1.5}.image-search-playground{padding:var(--cl-section-gap) 0}.image-search-playground .cl-section-head{margin-bottom:var(--sp-6)}.image-search-playground .cl-play{padding-top:0}@media(max-width:1120px){.image-search-hero{--reference-hero-columns: minmax(0, .7fr) minmax(38rem, 1.3fr)}}@media(max-width:1020px){.image-search-hero-graphic{width:min(100%,52rem);margin-inline:auto}.image-search-grid{grid-template-columns:1fr}}@media(max-width:700px){.image-search-hero{padding:7.5rem 0 6rem}.image-search-hero h1{font-size:clamp(2.25rem,10.5vw,3rem)}.image-search-hero-lanes{grid-template-columns:1fr}.image-search-lane+.image-search-lane{border-top:1px solid var(--brand-hairline-strong);border-left:0}.image-search-tally{width:100%}.image-search-tally th,.image-search-tally td{padding:var(--sp-2) var(--sp-3)}.image-search-proof{padding-top:4rem}}
