.dropzone {
  padding: 24px;
  border: 2px dashed #c9d1c7;
  transition: background .18s, border-color .18s, transform .18s;
}

.dropzone.dragging {
  background: #e5eee4;
  border-color: var(--green);
  transform: scale(1.01);
}

.dropzone.uploading { opacity: .72; pointer-events: none; }
.dropzone:focus-visible { outline: 3px solid rgba(46,91,71,.22); outline-offset: 3px; }
.upload-buttons { flex-direction: row !important; gap: 9px !important; }

.album-actions { display: flex; align-items: center; gap: 10px; }
.album-actions form { margin: 0; }
.photo video { display: block; width: 100%; max-height: 520px; background: #111; }

@media (max-width: 560px) {
  .album-actions { align-items: stretch; flex-direction: column; margin-top: 14px; }
  .album-actions .button { width: 100%; }
  .upload-buttons { width: 100%; flex-direction: column !important; }
  .upload-buttons .button { width: 100%; }
}