/* MyAllSearch Images-only gallery: Google-inspired compact masonry tiles (2026-10-14).
 * Never targets the Images carousel on the Web tab or the mobile grid.
 * CSS columns give a masonry-like waterfall without moving/duplicating CSE items.
 */
@media (min-width:1000px) {
  body.search-results .search-container.mas-image-search .gsc-results .gsc-expansionArea {
    display:block!important;
    column-count:4!important;
    column-gap:12px!important;
    width:100%!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.search-results .search-container.mas-image-search .gsc-results .gsc-expansionArea::after {
    display:none!important;
    content:none!important;
  }
  body.search-results .search-container.mas-image-search .gsc-expansionArea > .gsc-imageResult.gsc-result {
    display:inline-block!important;
    break-inside:avoid!important;
    -webkit-column-break-inside:avoid!important;
    page-break-inside:avoid!important;
    vertical-align:top!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    float:none!important;
    margin:0 0 14px!important;
    padding:0!important;
    box-sizing:border-box!important;
    background:transparent!important;
  }
  body.search-results .search-container.mas-image-search .gsc-expansionArea > .gsc-imageResult .gs-image-thumbnail-box,
  body.search-results .search-container.mas-image-search .gsc-expansionArea > .gsc-imageResult .gs-image-thumbnail-box .gs-image-box,
  body.search-results .search-container.mas-image-search .gsc-expansionArea > .gsc-imageResult .gs-image-thumbnail-box .gs-image-box > a {
    display:block!important;
    box-sizing:border-box!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:var(--mas-image-ratio,1.4)!important;
    overflow:hidden!important;
    border-radius:12px!important;
  }
  body.search-results .search-container.mas-image-search .gsc-expansionArea > .gsc-imageResult .gs-image-thumbnail-box img.gs-image {
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    border-radius:12px!important;
  }
  body.search-results .search-container.mas-image-search .gsc-expansionArea > .gsc-imageResult:has(.image-preview-selected) {
    padding:0!important;
    margin:0 0 14px!important;
    background:transparent!important;
  }
  body.search-results .search-container.mas-image-search .image-preview-selected {
    outline:2px solid #487aca!important;
    outline-offset:2px!important;
    border-radius:12px;
  }
}
/* A typical laptop-sized desktop shows five columns, as in Google Images. */
@media (min-width:1240px) {
  body.search-results .search-container.mas-image-search .gsc-results:not(.mas-image-preview-grid-open) .gsc-expansionArea {column-count:5!important;}
}
@media (min-width:1750px) {
  body.search-results .search-container.mas-image-search .gsc-results:not(.mas-image-preview-grid-open) .gsc-expansionArea {column-count:6!important;}
}
@media (min-width:2300px) {
  body.search-results .search-container.mas-image-search .gsc-results:not(.mas-image-preview-grid-open) .gsc-expansionArea {column-count:7!important;}
}
@media (min-width:1000px) and (max-width:1499px) {
  body.search-results .search-container.mas-image-search .gsc-results.mas-image-preview-grid-open .gsc-expansionArea {column-count:2!important;}
}
@media (min-width:1500px) {
  body.search-results .search-container.mas-image-search .gsc-results.mas-image-preview-grid-open .gsc-expansionArea {column-count:3!important;}
}
/* Brand-style source lines on the full Images tab. */
body.search-results .search-container.mas-image-search .mas-image-source {
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  font-size:12px!important;
  line-height:1.4!important;
  color:#626b77!important;
}
body.search-results .search-container.mas-image-search .mas-image-source-icon {
  display:inline-flex!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  border:1px solid #e1e5ea!important;
  border-radius:50%!important;
  background:#fff!important;
  overflow:hidden!important;
}
body.search-results .search-container.mas-image-search .mas-image-source-icon[hidden] {display:none!important;}
body.search-results .search-container.mas-image-search .mas-image-source-icon img {
  display:block!important;
  width:15px!important;
  height:15px!important;
  max-width:15px!important;
  max-height:15px!important;
  margin:0!important;
  border:0!important;
  border-radius:3px!important;
  object-fit:contain!important;
}
body.search-results .search-container.mas-image-search .mas-image-source-name {
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
:is(.darkmode,.dark-mode,.theme-dark) body.search-results .search-container.mas-image-search .mas-image-source,
body.search-results:is(.darkmode,.dark-mode,.theme-dark) .search-container.mas-image-search .mas-image-source {
  color:#c1c7d0!important;
}