.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{position:relative;width:min(100%,48rem);min-height:34rem;margin:0 0 0 auto}.image-search-query{position:absolute;top:0;right:3%;left:8%;z-index:5;display:flex;align-items:center;gap:.46rem;padding:.75rem .85rem;border:1px solid var(--brand-hairline-strong);background:#1f1f2cf5;box-shadow:0 1rem 2.2rem #00000052;color:var(--brand-text);font-family:var(--cl-mono);font-size:var(--brand-fs-meta)}.image-search-query svg{width:1.1rem;height:1.1rem;margin-right:.18rem;fill:none;stroke:var(--brand-text-muted);stroke-linecap:round;stroke-width:1.6}.image-search-query mark{padding:.15rem .28rem;background:#f3441d21;box-shadow:inset 0 -2px 0 var(--brand-accent);color:var(--brand-text-bright)}.image-search-near-match,.image-search-winner{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.34);background:var(--cl-code-bg);box-shadow:0 1.45rem 3rem #00000057}.image-search-near-match{top:5.3rem;width:40%;filter:saturate(.72) brightness(.72)}.image-search-near-match.is-color{left:0;transform:rotate(-2.5deg)}.image-search-near-match.is-category{right:0;transform:rotate(2.5deg)}.image-search-winner{top:7.6rem;left:50%;z-index:3;width:48%;border-color:#f3441d9e;transform:translate(-50%)}.image-search-near-match img,.image-search-winner img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.image-search-near-match>div,.image-search-winner>div{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:.58rem .66rem;border-top:1px solid var(--brand-hairline)}.image-search-near-match span,.image-search-winner span,.image-search-near-match output,.image-search-winner output,.image-search-hero-graphic figcaption{font-family:var(--cl-mono);font-size:var(--brand-fs-nano);font-variant-numeric:tabular-nums}.image-search-near-match span,.image-search-near-match output{color:var(--brand-text-muted)}.image-search-winner span,.image-search-winner output{color:var(--brand-accent)}.image-search-hero-graphic figcaption{position:absolute;right:9%;bottom:.6rem;left:9%;display:flex;justify-content:space-between;gap:var(--sp-3);padding:.62rem .72rem;border:1px solid var(--brand-hairline-strong);background:#1f1f2cf0;color:var(--brand-text-muted)}.image-search-hero-graphic figcaption span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-search-hero-graphic figcaption strong{flex:none;color:var(--brand-text-bright);font-weight:500}.image-search-proof{padding:var(--cl-section-gap) 0 0}.image-search-proof-query{display:flex;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px solid var(--brand-hairline-strong);background:var(--cl-code-bg)}.image-search-proof-query span{color:var(--brand-accent);font-family:var(--cl-mono);font-size:var(--brand-fs-nano);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.image-search-proof-query code{padding:0;background:transparent;color:var(--brand-text-bright);font-size:var(--brand-fs-meta)}.image-search-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}.image-search-gallery article{display:grid;min-width:0;grid-template-rows:1fr auto;overflow:hidden;border:1px solid var(--brand-hairline-strong);background:var(--cl-code-bg)}.image-search-gallery article.is-best{border-color:#f3441d9e}.image-search-gallery-image{position:relative;overflow:hidden;aspect-ratio:1;background:#fff}.image-search-gallery-image img{display:block;width:100%;height:100%;object-fit:cover}.image-search-gallery-image span{position:absolute;top:var(--sp-3);left:var(--sp-3);display:grid;width:1.8rem;height:1.8rem;place-items:center;background:#1f1f2ce0;color:var(--brand-text-bright);font-family:var(--cl-mono);font-size:var(--brand-fs-nano)}.image-search-gallery article.is-best .image-search-gallery-image span{background:var(--brand-accent)}.image-search-gallery-result{display:flex;min-height:4rem;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--brand-hairline)}.image-search-gallery-result strong{color:var(--brand-text);font-size:var(--brand-fs-sm);font-weight:500}.image-search-gallery-result output{color:var(--brand-text-muted);font-family:var(--cl-mono);font-size:var(--brand-fs-meta);font-variant-numeric:tabular-nums}.image-search-gallery article.is-best .image-search-gallery-result output{color:var(--brand-accent)}.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:1020px){.image-search-hero-graphic{width:min(100%,50rem);margin-inline:auto}}@media(max-width:700px){.image-search-hero{padding:7.5rem 0 6rem}.image-search-hero h1{font-size:clamp(2.2rem,10vw,3rem)}.image-search-hero-graphic{min-height:28rem}.image-search-query{right:0;left:0;flex-wrap:wrap}.image-search-near-match{top:6.8rem;width:42%}.image-search-winner{top:8.9rem;width:54%}.image-search-hero-graphic figcaption{right:0;left:0}.image-search-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.image-search-gallery{grid-template-columns:1fr}}