.video-preview { position:relative; display:flex; align-items:center; justify-content:center; width:min(220px,65vw); height:150px; border:0; border-radius:6px; background:#111; color:#fff; cursor:pointer; }
.video-preview span { display:flex; align-items:center; justify-content:center; width:54px; height:54px; border-radius:50%; background:rgba(0,0,0,.55); font-size:30px; padding-left:4px; }
.item-video.video-preview { width:100%; height:180px; max-height:70vh; border-radius:10px; }
.video-viewer { position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; background:#000; }
.video-viewer-player { width:100%; height:100%; object-fit:contain; }
.video-viewer-close { position:absolute; z-index:1; top:max(12px,env(safe-area-inset-top)); right:14px; width:44px; height:44px; border:0; border-radius:50%; background:rgba(45,45,45,.8); color:#fff; font-size:30px; line-height:44px; cursor:pointer; }
.video-viewer-status { position:absolute; bottom:80px; left:20px; right:20px; z-index:1; color:#fff; text-align:center; pointer-events:none; text-shadow:0 1px 4px #000; }
.video-viewer-status[hidden] { display:none; }