.stevex-video-loop{width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-inline:auto;container-type:inline-size}
.stevex-video-loop-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000;isolation:isolate;box-sizing:border-box}
.stevex-video-loop-player{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;max-width:none!important;max-height:none!important;padding:0;margin:0}
.stevex-video-loop-shade{position:absolute;inset:0;background:#000;opacity:1;pointer-events:none;z-index:1;transition:opacity .5s linear}
.stevex-video-loop-play,.stevex-video-loop-error{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);max-width:90%;background:#fff;color:#111;padding:12px;border-radius:4px;text-align:center}
.stevex-video-loop [hidden]{display:none!important}
#stevex-vl-preview{max-width:100%;border:1px solid #aaa;padding:8px;box-sizing:border-box}
#stevex-vl-preview [data-stevex-vl-preview]:not([data-stevex-vl-live]) .stevex-video-loop-player{background:linear-gradient(135deg,#126d8c,#9c4677);color:white;display:grid;place-items:center;font:clamp(14px,3cqw,28px) sans-serif}
#stevex-vl-preview [data-stevex-vl-preview]:not([data-stevex-vl-live]) .stevex-video-loop-shade{opacity:0}

/* The API controls playback; mouse/touch must never reach the embedded player. */
.stevex-video-loop-stage iframe{pointer-events:none!important;user-select:none;-webkit-user-select:none}

.stevex-video-loop-poster{width:100%;height:100%;object-fit:cover;display:block}

.stevex-video-loop-failed .stevex-video-loop-error{top:35%;margin:0;max-height:55%;overflow:auto}
.stevex-video-loop-failed .stevex-video-loop-play{top:auto;bottom:10px;transform:translateX(-50%)}