/* 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; }
/* v59: selecting a cover must not place the old dark action overlay on the
 * garment. Keep the original image, badge and save button, in separate rows. */
html body #drawer#drawer#drawer .gc-drawer-photos-pilot.gc-photo-main-editing .photo-gallery-scope-switch { margin-bottom: 16px !important; }
html body #drawer#drawer#drawer .gc-drawer-photos-pilot.gc-photo-main-editing .photo-item {
  display: grid !important; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto;
  align-content: start; align-self: start; aspect-ratio: auto !important;
}
html body #drawer#drawer#drawer .gc-drawer-photos-pilot.gc-photo-main-editing .photo-item > .photo-img {
  grid-column: 1; grid-row: 1; height: auto !important; aspect-ratio: 3 / 4;
}
html body #drawer#drawer#drawer .gc-drawer-photos-pilot.gc-photo-main-editing :is(.photo-set-main-btn,.photo-badge-main) {
  position: static !important; grid-column: 1; grid-row: 2;
  display: inline-flex !important; align-items: center; justify-content: center;
  box-sizing: border-box; width: 100%; min-width: 0; min-height: 32px;
  margin: 0; padding: 5px 0; border: 0; border-radius: 6px;
  background: transparent !important; color: var(--apple-blue, #1677ff);
  font: 400 14px/22px var(--font-sans); letter-spacing: 0;
  opacity: 1 !important; transform: none !important;
}
html body #drawer#drawer#drawer .gc-drawer-photos-pilot.gc-photo-main-editing .photo-badge-main { color: #595959; }
html body #drawer#drawer#drawer .gc-drawer-photos-pilot.gc-photo-main-editing .photo-set-main-btn:hover:not(:disabled) { color: var(--gc-approved-hover, #4096ff); }
html body #drawer#drawer#drawer .gc-drawer-photos-pilot.gc-photo-main-editing .photo-set-main-btn:active:not(:disabled) { color: var(--gc-approved-active, #0958d9); }
html body #drawer#drawer#drawer .gc-drawer-photos-pilot.gc-photo-main-editing .photo-set-main-btn:focus-visible { outline: 2px solid var(--apple-blue, #1677ff); outline-offset: -2px; }
html body #drawer#drawer#drawer .gc-drawer-photos-pilot.gc-photo-main-editing .photo-set-main-btn:disabled { color: var(--ink-mute); cursor: not-allowed; }
@media (max-width: 900px) {
  html body #drawer#drawer#drawer .gc-drawer-photos-pilot.gc-photo-main-editing :is(.photo-set-main-btn,.photo-badge-main) { min-height: 44px; }
}
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; }
}
/* 20261015-drawer-chat-design-peter-v28: browse and main-photo editing are
 * distinct visual states; never change the original image click/save owners. */
html body #drawer#drawer .gc-drawer-photos-pilot:not(.gc-photo-main-editing) :is(.photo-badge-main,.photo-badge-idx) {display:none!important}
html body #drawer#drawer .gc-drawer-photos-pilot:not(.gc-photo-main-editing) .photo-img.main {border-color:var(--line)!important;box-shadow:none!important}
html body #drawer#drawer .gc-drawer-photos-pilot.gc-photo-main-editing .photo-badge-idx {display:none!important}