/*
 * u-well — a dashed drop-target surface (upload dropzones, the avatar well,
 * stamp tiles). u-surface-active is the shared "this is selected / a file is
 * being dragged over it" highlight — accent border + soft accent fill. JS toggles
 * u-surface-active for drag-over; server-rendered state can add it directly.
 */
@layer utilities {
  .u-well {
    border: var(--border-size-1) dashed var(--line);
    border-radius: var(--radius-card);
  }
  .u-surface-active {
    border-color: var(--accent);
    background: var(--accent-soft);
  }
}