.file-dropzone {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  padding: 12px;
  border: 1px dashed #a9bfdf;
  border-radius: 10px;
  background: #f8fbff;
  color: #43546c;
  transition: border-color .14s ease, background-color .14s ease, box-shadow .14s ease;
}

.file-dropzone input[type="file"] { max-width: 100%; width: 100%; }
.file-dropzone-hint, .file-dropzone-status { color: #66758b; font-size: .82rem; font-weight: 400; }
.file-dropzone-status { min-height: 1.2em; }
.file-dropzone.is-dragover { border-color: #2563eb; background: #eff6ff; box-shadow: 0 0 0 3px #2563eb1a; }
.file-dropzone:focus-within { border-color: #7aa8f8; box-shadow: 0 0 0 2px #e7efff; }

@media (prefers-reduced-motion: reduce) {
  .file-dropzone { transition: none; }
}