.freerappel-video-preview { display:block; position:relative; isolation:isolate; width:100%; max-width:100%; min-width:0; aspect-ratio:16/9; padding:0; margin-top:18px; overflow:hidden; border:1px solid #9fc4ff55; border-radius:15px; background:#091425; color:#fff; font:inherit; text-align:left; cursor:pointer; box-shadow:0 10px 25px #02081755; }
.freerappel-video-preview img { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.freerappel-video-preview::after { content:''; position:absolute; inset:0; z-index:0; background:linear-gradient(transparent 30%,#060e20ed); }
.freerappel-video-play { position:absolute; z-index:1; top:40%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:58px; height:42px; border-radius:13px; background:#ff0033; box-shadow:0 5px 18px #0006; }
.freerappel-video-play svg { width:22px; height:22px; }
.freerappel-video-label { position:absolute; z-index:1; bottom:12px; left:14px; right:14px; display:grid; gap:3px; }
.freerappel-video-caption { font-size:15px; font-weight:700; line-height:1.3; }
.freerappel-video-expand { font-size:12px; line-height:1.35; color:#d4deed; }
.freerappel-video-preview:hover { border-color:#bcd3ff; }
.freerappel-video-preview:focus-visible,.freerappel-video-dialog a:focus-visible,.freerappel-video-close:focus-visible { outline:3px solid #a4bfff; outline-offset:4px; }
.freerappel-video-dialog { width:min(1060px,calc(100vw - 28px)); max-width:1060px; max-height:calc(100dvh - 28px); margin:auto; padding:18px; overflow:auto; border:1px solid #8aabdf66; border-radius:22px; background:#141e30; color:#f2f4fa; box-shadow:0 30px 100px #000b; }
.freerappel-video-dialog::backdrop { background:#030914d9; backdrop-filter:blur(7px); }
.freerappel-video-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }
.freerappel-video-header h2 { margin:0; font-size:20px; line-height:1.4; letter-spacing:normal; }
.freerappel-video-close { display:grid; place-items:center; flex-shrink:0; width:44px; height:44px; padding:0; border:1px solid #ffffff30; border-radius:12px; background:#ffffff0b; color:#fff; font-size:28px; cursor:pointer; }
.freerappel-video-frame { width:100%; aspect-ratio:16/9; background:#000; border-radius:12px; overflow:hidden; }
.freerappel-video-frame iframe { display:block; width:100%; height:100%; border:0; }
.freerappel-video-external { display:inline-block; margin-top:14px; color:#bcd3ff; font-size:14px; text-underline-offset:4px; }
@media(max-width:480px) { .freerappel-video-dialog { padding:12px; border-radius:16px; } .freerappel-video-header h2 { font-size:17px; } }