.mskmg-gallery{--mskmg-columns:4;--mskmg-mobile-columns:2;--mskmg-active-columns:var(--mskmg-columns);--mskmg-gap:4px;--mskmg-radius:0px;box-sizing:border-box;max-width:100%;margin-block:1.5rem}
.mskmg-gallery>.mskmg-grid{display:grid;grid-template-columns:repeat(var(--mskmg-active-columns),minmax(0,1fr));align-items:start;gap:var(--mskmg-gap);list-style:none;margin:0;padding:0;position:relative;width:100%}
.mskmg-gallery .mskmg-grid>.mskmg-item{display:block;box-sizing:border-box;margin:0;padding:0;min-width:0;border:0;list-style:none}
.mskmg-grid[data-mskmg-layout]{display:block}
.mskmg-grid[data-mskmg-layout]>.mskmg-item{position:absolute}
.mskmg-gallery .mskmg-open{display:block;position:relative;width:100%;padding:0;margin:0;overflow:hidden;border:0;border-radius:var(--mskmg-radius);background:#efedf2;color:#fff;text-decoration:none;line-height:0;box-shadow:none}
.mskmg-gallery .mskmg-open:hover{color:#fff;text-decoration:none;box-shadow:none}
.mskmg-gallery .mskmg-preview{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:none;object-fit:cover;margin:0;border:0;border-radius:0;transition:filter .15s}
.mskmg-gallery .mskmg-video-preview{pointer-events:none}
.mskmg-gallery .mskmg-video-preview:not([data-frame-ready]){opacity:0}
.mskmg-gallery .mskmg-open:hover .mskmg-preview{filter:brightness(.92)}
.mskmg-gallery .mskmg-open:focus-visible{outline:3px solid #cf0063;outline-offset:2px;z-index:2}
.mskmg-placeholder{display:block;position:absolute;inset:0;background:linear-gradient(135deg,#e8e4eb,#cbc4d1)}
.mskmg-play{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:44px;height:44px;border-radius:50%;padding-left:3px;background:rgba(21,23,43,.76);color:#fff;border:1px solid rgba(255,255,255,.7);font:18px/1 sans-serif;pointer-events:none}
.mskmg-badge{position:absolute;right:7px;bottom:7px;padding:4px 6px;background:rgba(21,23,43,.8);color:#fff;border-radius:3px;font:500 11px/1.2 sans-serif;font-variant-numeric:tabular-nums;pointer-events:none}
body.mskmg-lightbox-open{overflow:hidden}
.mskmg-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',system-ui,sans-serif}
.mskmg-lightbox:not([open]){display:none}
.mskmg-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
.mskmg-lightbox::backdrop{background:#101019}
.mskmg-lightbox .mskmg-toolbar,.mskmg-lightbox .mskmg-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.mskmg-lightbox .mskmg-tools{display:flex;align-items:center;gap:10px}
.mskmg-lightbox .mskmg-counter{padding:8px;margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.mskmg-lightbox .mskmg-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;overflow:hidden;touch-action:pan-y pinch-zoom}
.mskmg-lightbox .mskmg-stage:focus{outline:none}
.mskmg-lightbox .mskmg-stage>img,.mskmg-lightbox .mskmg-stage>video{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}
.mskmg-lightbox .mskmg-stage>video:is(:fullscreen,:-webkit-full-screen){width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
.mskmg-lightbox .mskmg-status{position:absolute;max-width:min(32rem,100%);text-align:center;padding:16px;margin:0;color:#fff;background:rgba(16,16,25,.85);border-radius:6px}
.mskmg-lightbox .mskmg-status:empty{display:none}
.mskmg-lightbox .mskmg-caption{white-space:pre-line;overflow-wrap:anywhere;text-align:center;max-height:15vh;overflow:auto;padding:0 4px;margin:0 0 12px;color:#efedf2;font:inherit}
.mskmg-lightbox .mskmg-caption:empty{display:none}
.mskmg-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}
.mskmg-lightbox button:hover{background:#3b3b4b;color:#fff}
.mskmg-lightbox button.mskmg-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;padding:0}
.mskmg-lightbox .mskmg-control-icon{display:block;flex:none;width:24px;height:24px;pointer-events:none}
.mskmg-lightbox button.mskmg-sound{background:#cf0063;border-color:#cf0063;font-weight:600;white-space:nowrap}
.mskmg-lightbox button.mskmg-sound:hover{background:#af0054;border-color:#af0054}
.mskmg-lightbox button.mskmg-start{position:absolute;inset:auto;width:56px;height:56px;border-radius:50%;background:#cf0063;border-color:#cf0063}
.mskmg-lightbox button:focus-visible{outline:3px solid #ff8cbe;outline-offset:2px}
.mskmg-lightbox button:disabled{opacity:.4;cursor:default}
.mskmg-lightbox [hidden]{display:none!important}
@media(max-width:700px){.mskmg-gallery{--mskmg-active-columns:var(--mskmg-mobile-columns)}}
@media(max-width:380px){.mskmg-lightbox button{padding:10px;font-size:13px}.mskmg-lightbox .mskmg-tools{gap:6px}.mskmg-lightbox .mskmg-toolbar{gap:6px}.mskmg-lightbox .mskmg-counter{padding-inline:0;font-size:13px}.mskmg-play{width:36px;height:36px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.mskmg-gallery .mskmg-preview{transition:none}}