.porch-media-player{width:100%;min-width:0;margin:16px 0}
.porch-media-player>video{display:block;width:100%;max-height:65vh;aspect-ratio:16/9;object-fit:contain;margin:0;background:#214c40;border-radius:10px}
.porch-media-preview{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:10px;overflow:hidden;background:#214c40;color:#214c40;cursor:pointer}
.porch-media-preview img{display:block;width:100%;height:100%;object-fit:cover}
.porch-media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;padding-left:4px;border-radius:50%;background:#fffef9;font-size:29px;box-shadow:0 2px 16px #0005}
.porch-media-open-label{position:absolute;bottom:10px;left:12px;padding:5px 9px;background:#fffef9;color:#214c40;border-radius:5px;font-size:13px;font-weight:600}
.porch-media-status{font-size:13px!important;line-height:1.5;margin:9px 0!important;color:#526158}
.porch-media-player[data-media-state=error] .porch-media-status{color:#913d2f}
.porch-media-retry{min-height:44px;margin-top:4px;font-size:13px}
.porch-media-player>video[hidden],.porch-media-preview[hidden],.porch-media-preview img[hidden],.porch-media-status[hidden],.porch-media-retry[hidden]{display:none!important}