.ybmp-placeholder{box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr) auto;position:relative;width:100%;height:100%;min-height:190px;padding:0;background:#f7f5ee;overflow:hidden}
.ybmp-placeholder button.ybmp-load{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;height:100%;min-height:140px;padding:0;margin:0;border:0!important;border-radius:0;background:#1c332c!important;color:#fff!important;cursor:pointer;overflow:hidden;text-transform:none;letter-spacing:normal}
.ybmp-poster{position:absolute!important;inset:0;display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;z-index:-2}
.ybmp-load:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0009,transparent 32%,transparent 75%,#0008)}
.ybmp-play{display:block;width:68px;height:48px;color:#e62117;filter:drop-shadow(0 2px 5px #0005);transition:transform .15s ease}
.ybmp-play svg{display:block;width:100%;height:100%}
.ybmp-load:hover .ybmp-play{color:#ff0000;transform:scale(1.08)}
.ybmp-placeholder button.ybmp-load:focus-visible{outline:3px solid #e4bd72!important;outline-offset:-5px}
.ybmp-video-title{position:absolute;top:12px;left:14px;right:14px;color:#fff;font:500 12px/1.4 Arial,sans-serif;text-align:left;text-shadow:0 1px 3px #000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ybmp-brand{position:absolute;right:12px;bottom:10px;font:600 11px/1.3 Arial,sans-serif;color:#fff;text-shadow:0 1px 3px #000}
.ybmp-placeholder p.ybmp-note{font:normal 10px/1.5 Arial,sans-serif!important;color:#4e584f!important;background:#f7f5ee;margin:0!important;padding:7px 9px!important;text-align:center;letter-spacing:normal}
.ybmp-audio{min-height:220px}
.ybmp-audio .ybmp-load{background:linear-gradient(135deg,#1c332c,#49614a)!important}
.ybmp-audio .ybmp-play{color:#ef721f}
@media(prefers-reduced-motion:reduce){.ybmp-play{transition:none}.ybmp-load:hover .ybmp-play{transform:none}}
