/* Peter-only photo toolbar, consuming the same tokens as the accepted header. */
html body #drawer#drawer .detail-top-section.gc-drawer-photos-section {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 24px !important;
  background: var(--bg-elevated, #fff) !important;
}
html body #drawer#drawer .photo-gallery.gc-drawer-photos-pilot { gap: 16px; min-width: 0; }
html body #drawer#drawer .gc-drawer-photos-pilot .photo-gallery-header { gap: 12px 16px; align-items: center; }
html body #drawer#drawer .gc-drawer-photos-pilot .photo-gallery-title { flex: 1 1 auto; flex-wrap: wrap; gap: 8px 12px; min-width: 0; }
html body #drawer#drawer .gc-drawer-photos-pilot .photo-gallery-title .label { font: 650 16px/1.4 var(--font-sans); }
html body #drawer#drawer .gc-drawer-photos-pilot .photo-gallery-hint { margin: 0; font: 400 var(--gc-type-body, 13px)/1.5 var(--font-sans); color: var(--ink-mute); overflow-wrap: anywhere; }
html body #drawer#drawer .gc-drawer-photos-pilot :is(.count-badge,.btn-photo-paste,.icon-photo) { display: none !important; }
html body #drawer#drawer .gc-drawer-photos-pilot .photo-gallery-actions { flex-wrap: wrap; gap: 8px; margin-left: auto; }
html body #drawer#drawer .gc-drawer-photos-pilot .photo-gallery-actions .btn-icon-small {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: var(--gc-ui-field-height, 36px) !important;
  height: var(--gc-ui-field-height, 36px) !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: var(--gc-button-radius, 8px) !important;
  background: var(--fill, #f5f5f7) !important;
  color: var(--ink, #242426) !important;
  font: 500 var(--gc-type-body, 13px)/1 var(--font-sans) !important;
  box-shadow: none !important; letter-spacing: 0;
}
html body #drawer#drawer .gc-drawer-photos-pilot .photo-gallery-actions .btn-icon-small:hover:not(:disabled) { background: var(--fill-hover, #eaeaee) !important; }
html body #drawer#drawer .gc-drawer-photos-pilot .photo-gallery-actions .btn-icon-small:disabled { opacity: .45; cursor: default; }
html body #drawer#drawer .gc-drawer-photos-pilot .gc-photo-main-toggle[aria-pressed="true"] { color: var(--apple-blue) !important; background: var(--apple-blue-bg) !important; }
html body #drawer#drawer .gc-drawer-photos-pilot :is(.btn-icon-small,.photo-gallery-list):focus-visible { outline: 2px solid var(--apple-blue); outline-offset: 2px; }
html body #drawer#drawer .gc-drawer-photos-pilot .photo-gallery-scope-switch { margin: 0; }
html body #drawer#drawer .gc-drawer-photos-pilot:not(.gc-photo-main-editing) .photo-set-main-btn { display: none !important; }
/* A disabled main switch must never make the original color picker unreachable. */
html body #drawer#drawer .gc-drawer-photos-pilot.gc-photo-can-set-main:not(.gc-photo-main-editing) .photo-gallery-scope-switch { display: none !important; }
html body #drawer#drawer .gc-drawer-photos-pilot.gc-photo-main-editing .photo-set-main-btn { display: inline-flex !important; opacity: 1 !important; align-items: center; justify-content: center; min-height: 32px; }
html body #drawer#drawer .gc-drawer-photos-pilot.gc-photo-has-images .photo-add-tile { display: none !important; }
html body #drawer#drawer .gc-drawer-photos-pilot:not(.gc-photo-has-images) .photo-add-tile { display: flex !important; }
@container peter-drawer (max-width: 600px) {
  html body #drawer#drawer .detail-top-section.gc-drawer-photos-section { padding: 20px 16px !important; }
  html body #drawer#drawer .gc-drawer-photos-pilot .photo-gallery-title { flex-basis: 100%; }
}
@media (max-width: 600px) {
  html body #drawer#drawer .gc-drawer-photos-pilot .photo-gallery-actions .btn-icon-small { height: var(--gc-touch-target-height, 44px) !important; min-height: var(--gc-touch-target-height, 44px) !important; }
}