.dk-download-video:empty{display:none}
.dk-download-video{margin:12px 0;min-width:0;grid-column:1/-1}
.dk-download-video video,.dk-highlight-video video,#dk-video-current video{display:block;width:100%;max-height:420px;aspect-ratio:16/9;object-fit:contain;background:#060a10;border:1px solid var(--border,#263943);border-radius:10px}
.dk-highlight-video{grid-column:1/-1;width:100%;min-width:0;margin-top:14px}
.dk-release-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0;font-size:12px;line-height:1.6;color:var(--text2,#a9bdc9);grid-column:1/-1}
.dk-release-meta span{white-space:nowrap}
.dk-video-admin{padding:18px;margin-bottom:20px;border:1px solid var(--border,#263943);border-radius:12px;background:var(--panel,#101725)}
.dk-video-admin h3{margin-bottom:8px}.dk-video-admin p{margin:10px 0;line-height:1.5}
.dk-video-admin label{display:block;margin:12px 0}.dk-video-admin select,.dk-video-admin input{display:block;max-width:100%;margin-top:6px}
.dk-video-admin select,.dk-video-admin button{padding:9px;border:1px solid var(--border,#496071);background:var(--panel,#101725);color:var(--text,#eef4f8);border-radius:6px}
.dk-video-admin button{margin:4px 8px 4px 0;cursor:pointer}.dk-video-admin button:disabled{opacity:.5;cursor:wait}
.dk-video-error{display:block;margin:6px 0;color:var(--text2,#a9bdc9);font-size:12px}
@media(max-width:650px){.dk-release-meta{gap:3px 10px}.dk-video-admin{padding:12px}}

/* 4.25.15: keep video showcases within the standard 16:9 / 420px preview frame.
   The showcase is a full-width flex column, so grid-column cannot constrain it.
   Scope the card cap to video showcases; image-only showcases keep their layout. */
.dk-highlight-showcase:has(> .dk-highlight-video){width:100%;max-width:calc(420px * 16 / 9);min-width:0;margin-inline:0}
.dk-highlight-showcase > .dk-highlight-video{grid-column:auto;max-width:100%;align-self:center}