.gallery-crop-controls,
.instagram-crop-controls {
  margin-top: 1rem;
  border-top: 1px solid #dce4e6;
  padding-top: .8rem;
}

.gallery-crop-controls summary,
.instagram-crop-controls summary {
  cursor: pointer;
  color: #0a171b;
  font: 700 .72rem/1.2 "DM Mono", monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gallery-crop-controls > p,
.instagram-crop-controls > p {
  margin: .7rem 0 1rem;
  color: #657477;
  font-size: .78rem;
}

.gallery-crop-grid,
.instagram-crop-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.gallery-crop-grid section,
.instagram-crop-grid section {
  padding: .85rem;
  background: #f4f7f7;
}

.gallery-crop-grid h4,
.instagram-crop-grid h4 {
  margin: 0 0 .65rem;
  color: #0a171b;
  font: 700 .7rem/1 "DM Mono", monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gallery-crop-field,
.instagram-crop-field {
  display: block;
  margin-top: .65rem;
}

.gallery-crop-field > span,
.instagram-crop-field > span {
  display: flex;
  justify-content: space-between;
  font: 700 .66rem/1.2 "DM Mono", monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.gallery-crop-field output,
.instagram-crop-field output { color: #3c8ca0; }
.gallery-crop-field input,
.instagram-crop-field input { width: 100%; margin: .42rem 0 .2rem; accent-color: #3c8ca0; }
.gallery-crop-field small,
.instagram-crop-field small { color: #778487; font-size: .7rem; }

@media (max-width: 640px) {
  .gallery-crop-grid,
  .instagram-crop-grid { grid-template-columns: 1fr; }
}