#wppostcards-postcard-creator {
    font-family: Arial, sans-serif;
    max-width: 600px;
    margin: 0 auto;
}

#wppostcards-postcard-form {
    display: flex;
    flex-direction: column;
}

#wppostcards-postcard-form div {
    margin-bottom: 15px;
}

#wppostcards-preview {
    border: 1px solid #ccc;
    padding: 15px;
    margin-top: 20px;
    background: #f9f9f9;
}

/* Archive / shortcode grid styles: intentionally minimal so theme styles apply. */
.wppostcards-archive-item {}
.wppostcards-archive-thumb {}
.wppostcards-archive-title {}
.wppostcards-archive-excerpt {}

@media (max-width: 640px) {
    .wppostcards-archive-grid { grid-template-columns: 1fr; gap: 24px; }
    /* Let aspect-ratio drive thumbnail height on small screens as well */
    .wppostcards-archive-thumb img { aspect-ratio: 4 / 3; }
}

/* 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);
}

/* Archive shortcode: variables set on .wppostcards-archive-grid */
.wppostcards-archive-title {
    font-size: 16px;
}