/* Preview grid and card thumbnails */
.preview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--preview-thumb), 1fr));
    gap: var(--space-half);
    margin-top: var(--space-half);
}

.preview-card {
    border-radius: var(--radius-inner);
    overflow: hidden;
    background: var(--preview-bg);
    position: relative;
}

.preview-card img {
    width: 100%;
    height: var(--preview-thumb);
    object-fit: cover;
    display: block;
}

.preview-remove {
    position: absolute;
    top: var(--space-half);
    right: var(--space-half);
    border: none;
    border-radius: var(--pill-radius);
    padding: var(--size-6) var(--size-10);
    cursor: pointer;
    background: var(--preview-remove-bg);
    color: var(--white);
    font-size: var(--size-12);
}