/* One layout for desktop and mobile; the native dialog sits above all site chrome. */

body.msk-lightbox-open{overflow:hidden}

.msk-lightbox{box-sizing:border-box;border:0;margin:0;padding:16px;padding: max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;background:#101019;color:#fff;overflow:hidden;font:500 15px/1.5 'Meskas Montserrat',sans-serif}

.msk-lightbox:not([open]){display:none}

.msk-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}

.msk-lightbox::backdrop{background:#101019}

.msk-lightbox .msk-lightbox__toolbar,.msk-lightbox .msk-lightbox__navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}

.msk-lightbox .msk-lightbox__counter{position:static;inset:auto;margin:0;padding:8px;white-space:nowrap;font-variant-numeric:tabular-nums}

.msk-lightbox .msk-lightbox__stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;overflow:hidden}

.msk-lightbox .msk-lightbox__image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;min-width:0;object-fit:contain;margin:0;border:0;border-radius:0}

.msk-lightbox .msk-lightbox__status{max-width:32rem;text-align:center;padding:16px;margin:0;color:#fff}

.msk-lightbox .msk-lightbox__status:empty{display:none}

.msk-lightbox button{position:static;inset:auto;box-sizing:border-box;min-width:44px;min-height:44px;margin:0;padding:10px 14px;width:auto;height:auto;border:1px solid #696975;border-radius:6px;background:#242431;color:#fff;box-shadow:none;font:inherit;line-height:1.5;text-decoration:none;cursor:pointer;transform:none}

.msk-lightbox button:hover{background:#3b3b4b;color:#fff}

.msk-lightbox button:focus-visible{outline:3px solid #ff8cbe;outline-offset:2px}

.msk-lightbox button:disabled{opacity:.4;cursor:default}

.msk-lightbox [hidden]{display:none!important}

@media(max-width:380px){.msk-lightbox button{padding:10px;font-size:13px}.msk-lightbox .msk-lightbox__navigation{gap:6px}}