.submission-photo { margin: 0 0 20px; }
.submission-photo img { display: block; width: 100%; max-height: 240px; object-fit: contain; border-radius: 8px; background: var(--paper); }
.submission-photo figcaption { margin-top: 8px; }
.event-image-picker { margin: 24px 0; padding: 18px; border: 1px solid var(--line); border-radius: 10px; }
.event-image-picker h3 { margin: 0 0 12px; }
.selected-event-image { display: block; width: 100%; height: 160px; object-fit: contain; border-radius: 6px; background: var(--paper); margin-bottom: 12px; }
.event-image-picker > form { margin: 0 0 14px; }
.event-image-picker .htmx-indicator { display: none; }
.event-image-picker .htmx-request .htmx-indicator { display: inline; font-size: 12px; }
.image-options summary { cursor: pointer; padding: 6px 0; font-weight: 600; }
.image-auto { display: flex; align-items: flex-start; gap: 8px; margin: 16px 0; font-size: 13px; }
.image-auto input, .image-option input { width: auto; flex-shrink: 0; accent-color: var(--orange); }
.image-choice-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px,1fr)); gap: 10px; margin: 14px 0; }
.image-option { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 7px; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; font-size: 12px; }
.image-option:has(input:checked) { border-color: var(--orange); outline: 1px solid var(--orange); }
.image-option input { position: absolute; top: 10px; left: 10px; margin: 0; }
.image-option img { width: 100%; height: 76px; object-fit: cover; border-radius: 4px; }
.event-form .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.event-form .form-grid > label { min-width: 0; }
@media (max-width: 480px) {
  .event-form .form-grid { grid-template-columns: minmax(0, 1fr); }
  .event-form .form-grid .span-2 { grid-column: auto; }
}