/* Media Placeholder component */
.media-slot{position:relative;display:block;width:100%;background:#f5f5f7;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;overflow:hidden}
.media-slot[data-aspect="16x9"]{padding-top:56.25%}
.media-slot[data-aspect="4x3"]{padding-top:75%}
.media-slot[data-aspect="1x1"]{padding-top:100%}
.media-slot[data-aspect="9x16"]{padding-top:177.78%}
.media-slot>.media-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center}
.media-slot .media-caption{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);color:#fff;font-size:.85rem;padding:.35rem .6rem}
.media-slot.loading .media-inner{opacity:.7}