/* MOO_BING_IMAGES_V1: image-results-only progressive enhancement. */
body:has(.moo-image-grid) .moo-main-wrap,
body:has(#mooImageGrid) .moo-main-wrap {max-width:1600px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;padding-right:clamp(12px,2vw,32px)!important}
body .moo-main-wrap .moo-image-grid,
body .moo-main-wrap #mooImageGrid {
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,205px),1fr))!important;
  gap:14px!important;width:100%!important;max-width:none!important;align-items:stretch!important;
  padding:12px 0 24px!important;box-sizing:border-box!important
}
body .moo-main-wrap .moo-image-grid .moo-image-card {
  position:relative;display:flex!important;flex-direction:column!important;min-width:0!important;
  border:0!important;border-radius:13px!important;box-shadow:none!important;background:transparent!important;
  overflow:hidden!important;contain:layout style!important;content-visibility:auto;contain-intrinsic-size:auto 225px;
  transition:none!important;
}
body .moo-main-wrap .moo-image-card .moo-image-thumb-wrap {
  width:100%!important;height:auto!important;aspect-ratio:1.25!important;position:relative!important;
  display:block!important;overflow:hidden!important;border-radius:12px!important;
  background:#eef1f5!important;border:1px solid rgba(30,45,65,.04)!important;
}
body .moo-main-wrap .moo-image-card[data-moo-shape="portrait"] .moo-image-thumb-wrap {aspect-ratio:0.93!important}
body .moo-main-wrap .moo-image-card[data-moo-shape="wide"] .moo-image-thumb-wrap {aspect-ratio:1.5!important}
body .moo-main-wrap .moo-image-card .moo-image-thumb-wrap>a {display:block!important;position:absolute!important;inset:0;width:100%!important;height:100%!important;cursor:zoom-in!important}
body .moo-main-wrap .moo-image-card .moo-image-thumb-wrap img {
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:center!important;transition:transform .22s ease!important;background:#eef1f5!important;
}
@media (hover:hover) and (pointer:fine){body .moo-main-wrap .moo-image-card:hover .moo-image-thumb-wrap img {transform:scale(1.035)!important}}
body .moo-main-wrap .moo-image-card .moo-image-meta {display:flex!important;flex-direction:column!important;gap:3px!important;padding:7px 3px 4px!important;min-width:0!important}
body .moo-main-wrap .moo-image-card .moo-image-title {
  display:block!important;color:#202936!important;font:600 12.5px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  text-decoration:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
body .moo-main-wrap .moo-image-card .moo-image-source {font:400 11px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#64748b!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .moo-main-wrap .moo-image-card.moo-bing-selected .moo-image-thumb-wrap {outline:3px solid #387bff;outline-offset:-3px}
/* Full-screen Bing-inspired viewer, with independently scrollable details and related images. */
#moo-bing-viewer {position:fixed!important;inset:0!important;z-index:2147483000!important;color:#f9fafb!important;background:#141517!important;font:400 14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif!important;display:none;overscroll-behavior:contain!important}
#moo-bing-viewer.moo-open {display:grid!important;grid-template-rows:64px minmax(0,1fr) 170px!important}
body.moo-bing-lock {overflow:hidden!important}
#moo-bing-viewer *,#moo-bing-viewer *::before,#moo-bing-viewer *::after {box-sizing:border-box}
#moo-bing-viewer button {border:0;cursor:pointer;font:inherit;color:inherit}
#moo-bing-viewer button:focus-visible,#moo-bing-viewer a:focus-visible {outline:3px solid #87b4ff;outline-offset:3px}
#moo-bing-viewer .mbv-top {display:flex;align-items:center;gap:12px;min-width:0;padding:9px 20px;border-bottom:1px solid #333638;background:#1b1c1e}
#moo-bing-viewer .mbv-brand {font-weight:780;letter-spacing:-.025em;font-size:18px;white-space:nowrap}
#moo-bing-viewer .mbv-brand b {color:#65a7ff}
#moo-bing-viewer .mbv-query {color:#aeb7c2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
#moo-bing-viewer .mbv-spacer {flex:1;min-width:8px}
#moo-bing-viewer .mbv-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;min-height:40px;white-space:nowrap;border-radius:10px;background:#303236!important;color:#edf0f5!important;text-decoration:none;font-size:12.5px}
#moo-bing-viewer .mbv-button:hover {background:#42454a!important}
#moo-bing-viewer .mbv-button.mbv-close {background:transparent!important;font-size:24px;min-width:42px;line-height:1}
#moo-bing-viewer .mbv-button.mbv-close:hover {background:#383b40!important}
#moo-bing-viewer .mbv-content {min-height:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.9fr);gap:0}
#moo-bing-viewer .mbv-stage {position:relative;display:flex;min-width:0;min-height:0;align-items:center;justify-content:center;padding:20px 52px;background:#161719;overflow:hidden}
#moo-bing-viewer .mbv-media {max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 8px 28px #0004}
#moo-bing-viewer .mbv-loading {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 18px;color:#bec7d2;background:#2227;border-radius:10px}
#moo-bing-viewer .mbv-arrow {position:absolute;top:50%;transform:translateY(-50%);width:44px;height:56px;border-radius:10px;background:#373a3ed9!important;font-size:35px;line-height:1;z-index:1}
#moo-bing-viewer .mbv-arrow:hover {background:#52555ae8!important}
#moo-bing-viewer .mbv-prev {left:6px}#moo-bing-viewer .mbv-next {right:6px}
#moo-bing-viewer .mbv-counter {position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:12px;color:#cad1d9;background:#17191cbf;border-radius:20px;padding:5px 10px}
#moo-bing-viewer .mbv-details {overflow-y:auto;overscroll-behavior:contain;min-height:0;min-width:0;padding:24px 22px;border-left:1px solid #353638;background:#202123;scrollbar-color:#5c5d5f #242527}
#moo-bing-viewer .mbv-source {display:flex;align-items:center;gap:10px;margin-bottom:18px;min-width:0}
#moo-bing-viewer .mbv-favicon {width:34px;height:34px;object-fit:contain;border-radius:9px;background:#f4f5f6;padding:4px;flex-shrink:0}
#moo-bing-viewer .mbv-source-label {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9c0c9;font-size:12px}
#moo-bing-viewer .mbv-site {color:#f9fafb;text-decoration:none;font-weight:650;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#moo-bing-viewer .mbv-site:hover {text-decoration:underline}
#moo-bing-viewer .mbv-title {font-size:clamp(18px,1.65vw,24px);line-height:1.3;margin:0 0 15px;font-weight:680;letter-spacing:-.02em;overflow-wrap:anywhere}
#moo-bing-viewer .mbv-description {font-size:13.5px;line-height:1.65;color:#c7cbd0;margin:0 0 20px;overflow-wrap:anywhere}
#moo-bing-viewer .mbv-actions {display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}
#moo-bing-viewer .mbv-actions a {display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;padding:10px 12px;border-radius:9px;background:#34373a;font-size:12px;min-height:40px}
#moo-bing-viewer .mbv-actions a:first-child {background:#2168d8}
#moo-bing-viewer .mbv-actions a:hover {filter:brightness(1.12)}
#moo-bing-viewer .mbv-meta {border-top:1px solid #414348;padding-top:16px;color:#aab2be;font-size:12px;display:grid;gap:8px}
#moo-bing-viewer .mbv-meta strong {color:#ecf0f5}
#moo-bing-viewer .mbv-rail {min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px;padding:10px 17px 13px;border-top:1px solid #353638;background:#202123}
#moo-bing-viewer .mbv-rail-head {display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#b7bec8}
#moo-bing-viewer .mbv-thumbs {display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#6a6c72 transparent;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding-bottom:3px}
#moo-bing-viewer .mbv-thumb {display:flex;flex-direction:column;gap:5px;flex:0 0 148px;min-width:0;scroll-snap-align:start;background:none!important;text-align:left;padding:0!important}
#moo-bing-viewer .mbv-thumb img {height:86px;width:100%;object-fit:cover;border:2px solid transparent;border-radius:9px;background:#343638}
#moo-bing-viewer .mbv-thumb[aria-current="true"] img {border-color:#6ba7ff}
#moo-bing-viewer .mbv-thumb span {font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d9dbe0}
@media(max-width:900px){
 #moo-bing-viewer.moo-open {grid-template-rows:55px minmax(0,1fr) 138px!important}
 #moo-bing-viewer .mbv-top {padding:6px 10px;gap:7px}
 #moo-bing-viewer .mbv-content {grid-template-columns:minmax(0,1fr) 270px}
 #moo-bing-viewer .mbv-stage {padding:12px 40px}
 #moo-bing-viewer .mbv-details {padding:14px}
 #moo-bing-viewer .mbv-thumb {flex-basis:115px}
 #moo-bing-viewer .mbv-thumb img {height:67px}
}
@media(max-width:640px){
 body .moo-main-wrap .moo-image-grid,body .moo-main-wrap #mooImageGrid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 body .moo-main-wrap .moo-image-card .moo-image-thumb-wrap {aspect-ratio:1.13!important}
 #moo-bing-viewer.moo-open {grid-template-rows:50px minmax(0,1fr) 112px!important}
 #moo-bing-viewer .mbv-brand {font-size:15px}
 #moo-bing-viewer .mbv-query,#moo-bing-viewer .mbv-hide-mobile {display:none!important}
 #moo-bing-viewer .mbv-content {display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}
 #moo-bing-viewer .mbv-stage {flex:0 0 min(48vh,390px);padding:10px 36px;min-height:175px}
 #moo-bing-viewer .mbv-arrow {width:32px;height:48px;font-size:27px}
 #moo-bing-viewer .mbv-details {overflow:visible;border-left:0;border-top:1px solid #353638;padding:16px}
 #moo-bing-viewer .mbv-title {font-size:19px}
 #moo-bing-viewer .mbv-source {margin-bottom:10px}
 #moo-bing-viewer .mbv-thumb {flex-basis:105px}
 #moo-bing-viewer .mbv-thumb img {height:55px}
 #moo-bing-viewer .mbv-rail {padding:5px 9px 7px;gap:4px}
}
@media(prefers-reduced-motion:reduce){#moo-bing-viewer *,body .moo-main-wrap .moo-image-card .moo-image-thumb-wrap img {scroll-behavior:auto!important;transition:none!important}}
