/* Keep media inside its card at every breakpoint; preserve original pixels. */
.pd-media-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.pd-media-card,.pd-media-frame{min-width:0;max-width:100%}
.pd-media-frame.portrait{width:min(100%,315px);width:min(100%,315px,44dvh);max-height:none;margin-inline:auto}
.pd-media-frame video,.pd-media-frame iframe{max-width:100%;object-fit:contain}
#showcaseForm{min-width:0}
#showcaseForm textarea,#showcaseForm select,#showcaseForm input{max-width:100%;min-width:0}
#showcasePreview{min-width:0;overflow:hidden}
#showcasePreview video{object-fit:contain;background:#02080d;border-radius:12px}
#showcasePreview>div{margin-inline:auto;width:min(100%,480px)}
#showcaseLinkStatus{overflow-wrap:anywhere;color:#8adce8}
.media-grid video{width:100%;max-height:230px;object-fit:contain;background:#02080d}
@media(max-width:600px){.pd-media-grid{grid-template-columns:minmax(0,1fr);gap:16px}#showcaseForm .field,#showcaseForm .full{grid-column:1/-1}#showcaseForm .btn{max-width:100%;white-space:normal}#showcasePreview>div{max-width:100%}}