/* Vision (Image Description) Generator
 * The generated card pairs a thumbnail of the source image with the model's
 * description. Styling is intentionally minimal — fits inside the standard
 * .creation-item / .output-item containers used everywhere else.
 */

.vision-output .vision-source-thumb,
.vision-item   .vision-source-thumb {
    display: block;
    max-width: 100%;
    max-height: 320px;
    width: auto;
    height: auto;
    border-radius: 8px;
    margin: 0 0 12px 0;
    background: rgba(255, 255, 255, 0.04);
    object-fit: contain;
}

.vision-output .vision-description,
.vision-item   .vision-description {
    line-height: 1.6;
    margin: 0 0 12px 0;
    white-space: normal;
}

.vision-item .vision-source-thumb-wrap {
    display: block;
}