.visual-briefing-shell {
    height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.visual-briefing-main {
    min-width: 0;
    padding-bottom: 1rem;
}

.visual-briefing-preview {
    border: .25rem solid #404040;
    border-radius: .5rem;
    margin-inline: auto;
    overflow: hidden;
    transition: max-width .2s ease;
    width: 100%;
}

.visual-briefing-preview-desktop {
    max-width: 100%;
}

.visual-briefing-preview-tablet {
    max-width: 820px;
}

.visual-briefing-preview-mobile {
    max-width: 430px;
}

.visual-briefing-preview-frame {
    background: white;
    border: 0;
    display: block;
    height: 60vh;
    height: min(60dvh, 48rem);
    min-height: 18rem;
    width: 100%;
}