/* Variable-driven shortcode styles (overrides default sizing) */

/* Creator shortcode: variables set on #wppostcards-postcard-creator */
#wppostcards-postcard-creator #wppostcards-image-options {
    grid-template-columns: repeat(var(--wpp-creator-columns, 3), 1fr);
    max-height: 400px;
    overflow-y: auto;
    padding-right: 10px; /* Avoid scrollbar covering content */
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 15px;
}

#wppostcards-postcard-creator .image-option img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

#wppostcards-postcard-creator .form-group h3 {
    font-size: var(--wpp-creator-title-size, 16px);
}