/* Keep the complete frame visible, including portrait phone recordings. */
#supportFaqPremium video.faqLocalVideo,
#supportPremiumFaq video.faq-local-video,
.qspace-faq-wrap video.qspace-faq-local-video,
.faq-admin-dark-form video.faq-video-preview {
    display: block;
    flex: 0 1 auto;
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-width: min(100%, 760px);
    max-height: 560px;
    max-height: min(70vh, 560px);
    max-height: min(70svh, 560px);
    margin-inline: auto;
    object-fit: contain;
    background: #080808;
}

/* Full screen keeps the normal full-size player. */
#supportFaqPremium video.faqLocalVideo:fullscreen,
#supportPremiumFaq video.faq-local-video:fullscreen,
.qspace-faq-wrap video.qspace-faq-local-video:fullscreen,
.faq-admin-dark-form video.faq-video-preview:fullscreen {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
}

/* Thumbnails show the complete image instead of cropping a portrait frame. */
#supportFaqPremium img.faqImagePreview,
#supportPremiumFaq img.faq-image,
.qspace-faq-wrap img.qspace-faq-image,
.faq-admin-dark-form #faqPosterPreview {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-width: min(100%, 340px);
    max-height: 220px;
    margin-inline: auto;
    object-fit: contain;
    background: #080808;
}

.faq-admin-dark-form #faqPosterPreview[hidden] {
    display: none;
}