/* ==========================================================================
   Upload box
   Image/file upload field with a size hint + upload icon. Label-for a
   visually-hidden file input. Catalogued in preview/index.html.
   ========================================================================== */

.upload-box {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  height: 64px;
  padding: 0 14px;
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.upload-box__hint {
  flex: 1;
  color: var(--color-border-strong);
  font-size: var(--text-sm);
}

.upload-box svg {
  width: 22px;
  height: 22px;
  color: var(--color-text);
  flex: none;
}

/* provisional */
.upload-box:hover { border-color: var(--color-border-strong); }