.oe-page .oe-video-card { margin-top:24px; position:relative; }
.oe-video-cover { display:block; position:relative; width:100%; aspect-ratio:16/9; padding:0; border:0; overflow:hidden; background:var(--oe-deep); color:var(--oe-paper); text-align:left; cursor:pointer; font:inherit; }
.oe-video-cover img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 32%; }
.oe-video-cover::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#0b1c34e6,transparent 75%); pointer-events:none; }
.oe-video-label { position:absolute; left:20px; right:90px; bottom:25px; z-index:1; font:700 19px/1.25 Rubik,Arial,sans-serif; overflow-wrap:anywhere; }
.oe-video-play { position:absolute; right:14px; bottom:14px; z-index:1; width:52px; height:52px; border-radius:50%; background:var(--oe-paper); color:var(--oe-base); display:grid; place-items:center; }
.oe-video-play::after { content:''; width:0; height:0; border-top:9px solid transparent; border-bottom:9px solid transparent; border-left:14px solid currentColor; margin-left:4px; }
.oe-video-cover:focus-visible { outline:3px solid var(--oe-accent); outline-offset:4px; }
.oe-video-edit { position:absolute; top:12px; right:12px; z-index:2; width:44px; height:44px; border:1px solid currentColor; border-radius:50%; background:var(--oe-paper); color:var(--oe-base); font:24px/1 Arial,sans-serif; cursor:pointer; }
.oe-video-dialog { box-sizing:border-box; width:min(960px,calc(100% - 24px)); max-width:calc(100% - 24px); max-height:90dvh; padding:0; border:0; background:#10202d; color:#f4f2ee; font:16px/1.4 Rubik,Arial,sans-serif; }
.oe-video-dialog::backdrop { background:#07151ed9; }
.oe-video-dialog header { display:flex; gap:16px; align-items:center; justify-content:space-between; padding:8px 16px; }
.oe-video-dialog header span { min-width:0; overflow-wrap:anywhere; }
.oe-video-dialog button { min-height:44px; padding:8px 14px; border:1px solid currentColor; background:transparent; color:inherit; font:inherit; cursor:pointer; flex-shrink:0; }
.oe-video-frame { aspect-ratio:16/9; }
.oe-video-frame iframe { display:block; width:100%; height:100%; border:0; }
.oe-video-dialog footer { padding:0 16px 8px; }
.oe-video-dialog a { display:inline-flex; align-items:center; min-height:44px; color:inherit; }
@media(max-width:600px){ .oe-video-label { font-size:17px; } }