.ax-screening-page [hidden] { display:none !important; }
.ax-video-frame { position:relative; }
.ax-video-frame video { display:block; width:100%; height:100%; object-fit:contain; cursor:pointer; background:#000; }
.ax-video-frame video::-webkit-media-controls { display:none !important; }
.ax-video-frame button { font-family:inherit; cursor:pointer; border:0; text-transform:none; letter-spacing:normal; }
.ax-video-start { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:64px; height:40px; border-radius:5px; background:rgba(0,0,0,.85); color:#fff; display:grid; place-items:center; padding:0; z-index:2; }
.ax-video-start svg { width:22px; height:22px; fill:currentColor; }
.ax-video-toolbar { position:absolute; bottom:0; left:0; right:0; padding:22px 10px 10px; background:linear-gradient(transparent,rgba(0,0,0,.78)); display:flex; gap:7px; align-items:center; opacity:0; transition:opacity .16s; pointer-events:none; z-index:3; }
.ax-controls-visible .ax-video-toolbar,.ax-video-frame:focus-within .ax-video-toolbar { opacity:1; pointer-events:auto; }
.ax-video-toolbar button { background:rgba(0,0,0,.68); color:#fff; border-radius:4px; padding:6px 9px; min-height:38px; font-size:12px; font-weight:700; line-height:1.3; }
.ax-video-toolbar button:focus-visible,.ax-video-start:focus-visible { outline:3px solid #58c8ff; outline-offset:3px; }
.ax-video-fullscreen { margin-left:auto; }
.ax-video-frame:fullscreen { width:100vw; height:100vh; border-radius:0; margin:0; background:#000; }
.ax-video-frame.ax-expanded { position:fixed; inset:0; z-index:2147483647; width:100vw; height:100dvh; margin:0; border-radius:0; background:#000; }
@media (prefers-reduced-motion:reduce) { .ax-video-toolbar { transition:none; } }