.visual-document-search-hero{--reference-hero-padding-bottom: 7.5rem;--reference-hero-columns: minmax(0, .78fr) minmax(38rem, 1.22fr);--reference-hero-gap: clamp(2.5rem, 3.8vw, 4rem)}.visual-document-search-hero h1 span{color:var(--brand-accent)}.visual-document-search-hero-graphic{display:grid;width:min(100%,49rem);margin:0 0 0 auto}.visual-document-search-query{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-3);align-items:start;margin:0 1.35rem -1px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--brand-hairline-strong);background:#1f1f2cf7;box-shadow:0 1rem 2.2rem #00000040}.visual-document-search-query>span,.visual-document-search-result-head>span,.visual-document-search-example-result>div:first-child>span{color:var(--brand-text-muted);font-family:var(--cl-mono);font-size:var(--brand-fs-nano);font-weight:600;letter-spacing:.05em;line-height:1.35;text-transform:uppercase}.visual-document-search-query>span{color:var(--brand-accent)}.visual-document-search-query p{margin:0;color:var(--brand-text-bright);font-size:.78rem;line-height:1.45}.visual-document-search-hero-results{position:relative;z-index:1;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.8rem 3.5rem #00000057}.visual-document-search-result-card{display:grid;min-width:0;grid-template-rows:auto minmax(0,1fr) auto;background:var(--cl-code-bg)}.visual-document-search-result-card+.visual-document-search-result-card{border-left:1px solid var(--brand-hairline-strong)}.visual-document-search-result-head{display:flex;min-height:3.55rem;justify-content:space-between;gap:var(--sp-3);align-items:center;padding:.7rem var(--sp-3);border-bottom:1px solid var(--brand-hairline)}.visual-document-search-result-head strong,.visual-document-search-example-query strong{color:var(--brand-text-muted);font-family:var(--cl-mono);font-size:var(--brand-fs-nano);font-weight:500;line-height:1.35;white-space:nowrap}.visual-document-search-result-card.is-visual .visual-document-search-result-head strong,.visual-document-search-example-query strong{color:var(--brand-accent)}.visual-document-search-result-image,.visual-document-search-example-image{overflow:hidden;background:var(--brand-bg-surface)}.visual-document-search-result-image{height:21rem}.visual-document-result-page{display:block;width:100%;height:100%;background:var(--brand-bg-surface)}.visual-document-evidence-box{fill:color-mix(in srgb,var(--brand-accent) 13%,transparent);stroke:var(--brand-accent);stroke-width:2}.visual-document-search-result-card>p{min-height:3.7rem;margin:0;padding:.72rem var(--sp-3);border-top:1px solid var(--brand-hairline);color:var(--brand-text-bright);font-size:var(--brand-fs-meta);line-height:1.4}.visual-document-search-hero-graphic>figcaption{display:flex;justify-content:space-between;gap:var(--sp-4);margin:-1px 1.35rem 0;padding:.65rem var(--sp-4);border:1px solid var(--brand-hairline-strong);background:#1f1f2cf7;color:var(--brand-text-muted);font-family:var(--cl-mono);font-size:var(--brand-fs-nano);line-height:1.4}.visual-document-search-hero-graphic>figcaption strong{color:var(--brand-text-bright);font-weight:500;white-space:nowrap}.visual-document-search-proof{padding:var(--cl-section-gap) 0 0}.visual-document-search-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);align-items:stretch}.visual-document-search-example{display:grid;min-width:0;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid var(--brand-hairline-strong);background:var(--cl-code-bg)}.visual-document-search-example-query{display:grid;min-height:7.35rem;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-3);align-items:start;padding:var(--sp-4);border-bottom:1px solid var(--brand-hairline)}.visual-document-search-example-query p{margin:0;color:var(--brand-text-bright);font-size:var(--brand-fs-meta);line-height:1.45}.visual-document-search-example-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.visual-document-search-example-result{display:grid;min-width:0;grid-template-rows:auto 12rem auto;background:var(--cl-code-bg)}.visual-document-search-example-result+.visual-document-search-example-result{border-left:1px solid var(--brand-hairline)}.visual-document-search-example-result>div:first-child{display:grid;min-height:3.35rem;align-content:center;padding:var(--sp-3);border-bottom:1px solid var(--brand-hairline)}.visual-document-search-example-result.is-visual>div:first-child>span{color:var(--brand-accent)}.visual-document-search-example-result>p{min-height:4.65rem;margin:0;padding:var(--sp-3);border-top:1px solid var(--brand-hairline);color:var(--brand-text-muted);font-size:var(--brand-fs-meta);line-height:1.4}.visual-document-search-example-result.is-visual>p{color:var(--brand-text-bright)}.visual-document-search-example>.reference-source-link{align-self:end;border-top:1px solid var(--brand-hairline)}.visual-document-search-playground{padding:var(--cl-section-gap) 0}.visual-document-search-playground .cl-section-head{margin-bottom:var(--sp-6)}.visual-document-search-playground .cl-play{padding-top:0}@media(max-width:1180px){.visual-document-search-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-document-search-example:last-child{grid-column:1 / -1}}@media(max-width:1060px){.visual-document-search-hero-graphic{width:min(100%,52rem);margin-inline:auto}}@media(max-width:760px){.visual-document-search-hero{padding:7.5rem 0 6rem}.visual-document-search-hero h1{font-size:clamp(2.2rem,10vw,3rem)}.visual-document-search-query{grid-template-columns:1fr;margin-inline:0}.visual-document-search-hero-results,.visual-document-search-example-results{grid-template-columns:1fr}.visual-document-search-result-card+.visual-document-search-result-card,.visual-document-search-example-result+.visual-document-search-example-result{border-top:1px solid var(--brand-hairline-strong);border-left:0}.visual-document-search-result-image{height:17rem}.visual-document-search-hero-graphic>figcaption{display:grid;margin-inline:0}.visual-document-search-gallery{grid-template-columns:1fr}.visual-document-search-example,.visual-document-search-example:last-child{grid-column:auto}.visual-document-search-example-query{min-height:0}.visual-document-search-example-result{grid-template-rows:auto 15rem auto}}