.wot-lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:20px;border:0;background:rgba(0,0,0,.95);color:#fff;overflow:auto;box-sizing:border-box}
.wot-lightbox::backdrop{background:rgba(0,0,0,.8)}
.wot-lightbox[open]{display:grid;place-items:center}
.wot-lightbox-panel{width:min(1100px,100%);margin:auto;position:relative}
.wot-lightbox-toolbar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:12px}
.wot-lightbox button{min-width:48px;min-height:48px;border:1px solid #666;border-radius:2px;background:#151515;color:white;padding:10px 16px;font:16px/1.2 Arial,sans-serif;cursor:pointer}
.wot-lightbox button:hover{background:#333}.wot-lightbox button:focus-visible,.wot-lightbox a:focus-visible{outline:3px solid white;outline-offset:3px}
.wot-lightbox [hidden]{display:none!important}
.wot-lightbox-media{display:grid;place-items:center;min-height:100px}
.wot-lightbox-media iframe{display:block;width:100%;aspect-ratio:16/9;max-height:calc(100dvh - 180px);border:0;background:#000}
.wot-lightbox-media img{width:auto;max-width:100%;max-height:calc(100dvh - 180px);height:auto;object-fit:contain;margin:auto}
.wot-lightbox-caption{text-align:center;font:16px/1.5 Arial,sans-serif;margin:14px 0 0}
.wot-lightbox-caption a{text-decoration:underline}
html.wot-lightbox-open{overflow:hidden}
@media(max-width:600px){.wot-lightbox{padding:12px}.wot-lightbox button{padding:10px 12px}.wot-lightbox-caption{font-size:14px}}
