.stop-photo-picker {
  display: grid;
  gap: 0.7rem;
  padding: 1rem;
  border: 1px solid #dfd9cf;
  border-radius: 0.75rem;
  background: #fffcf7;
}
.stop-photo-picker__heading { display: flex; justify-content: space-between; gap: 0.75rem; align-items: baseline; }
.stop-photo-picker__heading strong { font: 600 1.35rem/1.1 "Cormorant Garamond", Georgia, serif; }
.stop-photo-picker__heading span, .stop-photo-picker__hint { color: #65737c; font-size: 0.72rem; line-height: 1.5; }
.stop-photo-picker__hint { margin: 0; }
.stop-photo-picker__search { display: grid; gap: 0.3rem; }
.stop-photo-picker__search label { font-size: 0.72rem; font-weight: 700; }
.stop-photo-picker__search > div { display: flex; gap: 0.5rem; }
.stop-photo-picker__search input { min-width: 0; flex: 1; }
.stop-photo-picker__selected, .stop-photo-gallery { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 0.55rem; }
.stop-photo-picker__selected:empty { display: none; }
.stop-photo-picker__selected:has(> :only-child), .stop-photo-gallery:has(> :only-child) { grid-template-columns: minmax(0, 1fr); }
.stop-photo-picker__selected:has(> :nth-child(3)) > :first-child,
.stop-photo-gallery:has(> :nth-child(3)) > :first-child { grid-row: span 2; }
.stop-photo-picker__selected-photo, .stop-photo-picker__choice, .stop-photo-gallery__photo {
  min-width: 0; margin: 0; padding: 0.3rem; border: 1px solid #d8dedc; border-radius: 0.45rem; background: white;
}
.stop-photo-picker__selected-photo--cover { border-color: #ad664b; }
.stop-photo-picker__selected-photo img, .stop-photo-picker__choice img, .stop-photo-gallery__photo img {
  display: block; width: 100%; height: 96px; object-fit: cover; border-radius: 0.2rem;
}
.stop-photo-picker__selected-photo--cover img, .stop-photo-gallery__photo--cover img { height: 218px; }
.stop-photo-picker__selected-photo figcaption, .stop-photo-picker__choice figcaption,
.stop-photo-gallery__photo figcaption { display: grid; gap: 0.3rem; padding: 0.3rem 0.1rem 0; }
.stop-photo-picker__selected-photo strong { color: #814d37; font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.07em; }
.stop-photo-picker__actions { display: flex; flex-wrap: wrap; gap: 0.65rem; }
.stop-photo-picker__actions .text-button { min-height: 1.7rem; padding: 0; font-size: 0.72rem; }
.stop-photo-picker__results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.55rem; margin-top: 0.6rem; }
.stop-photo-picker__choice .outline-button { min-height: 2rem; padding: 0.25rem 0.5rem; font-size: 0.7rem; }
.unsplash-credit { display: block; font-size: 0.7rem; line-height: 1.4; }

.stop-photo-gallery { margin: 0.7rem 0; }
.stop-photo-gallery--book { margin: 0.8rem 0 1rem; }
.stop-photo-gallery--editor, .stop-photo-gallery--deck { max-width: 480px; }
.stop-photo-gallery--editor .stop-photo-gallery__photo img,
.stop-photo-gallery--deck .stop-photo-gallery__photo img { height: 74px; }
.stop-photo-gallery--editor .stop-photo-gallery__photo--cover img,
.stop-photo-gallery--deck .stop-photo-gallery__photo--cover img { height: 155px; }
.stop-photo-gallery--book .stop-photo-gallery__photo { break-inside: avoid; }
.stop-photo-gallery__photo figcaption { color: #516263; }

@media (max-width: 560px) {
  .stop-photo-picker__results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stop-photo-picker__search > div { flex-wrap: wrap; }
  .stop-photo-picker__search input { flex-basis: 100%; }
}