/* Component – Load area */

.load-area {
  border: 1px dashed var(--border);
  border-radius: var(--radius);
  padding: 0.6rem;
  text-align: center;
  cursor: pointer;
  font-size: 0.825rem;
  color: var(--text-muted);
  transition: border-color var(--speed), color var(--speed);
  line-height: 1.5;
}

.load-area:hover,
.load-area.drag-over {
  border-color: var(--accent-dim);
  color: var(--text);
}