/* FileUploadZone Molecule */
.file-upload-zone {
  border: var(--border-width-2) dashed var(--border-default);
  border-radius: var(--border-radius-lg);
  background-color: var(--bg-surface);
  transition: all var(--duration-200) var(--easing-out);
}

.file-upload-zone:hover {
  border-color: var(--color-primary);
  background-color: var(--color-primary-light);
}

.upload-zone-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-8) var(--space-6);
  cursor: pointer;
  gap: var(--space-2);
  min-height: var(--space-50);
}

.upload-icon {
  color: var(--color-primary);
  margin-bottom: var(--space-2);
}

.upload-subtitle {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  margin: 0;
}

.upload-hint {
  margin-top: var(--space-1);
}

.file-upload-zone.drag-over {
  border-color: var(--color-primary);
  background-color: var(--color-primary-light);
  transform: scale(1.02);
}