/*
 * modules/cards/assets/cards.css
 *
 * Nearly everything on these screens is Tailwind utilities compiled into
 * assets/css/app.css. This file holds only what a utility class cannot say:
 * state toggled by cards.js. Light only — no prefers-color-scheme here.
 */

[data-dropzone].is-dragover {
    border-color: hsl(var(--primary));
    background-color: hsl(var(--primary) / 0.06);
}

/* The preview canvas carries the photo's pixel size as attributes; keep it
   inside the dropzone at its natural aspect ratio. */
canvas[data-preview] {
    height: auto;
    max-width: 100%;
}