/* Image-first fullscreen viewer, isolated from historical engine files */
#lightbox[hidden]{display:none!important}
#lightbox:not([hidden]){
 display:block!important;position:fixed!important;inset:0!important;box-sizing:border-box!important;
 width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;max-height:none!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
 overflow:hidden!important;background:#02060c!important;color:white!important;transform:none!important;
 perspective:none!important;box-shadow:none!important;isolation:isolate!important;
}
#lightbox::backdrop{background:rgba(0,0,0,.94)!important;backdrop-filter:none!important}
#lightbox .lab-enlarged-optic{
 position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
 min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
 background-color:#02060c!important;overflow:hidden!important;isolation:isolate!important;
 transform:none!important;perspective:none!important;
}
#lightbox #labEnlargeImage{
 position:absolute!important;display:block!important;inset:0!important;
 width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;
 max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;
 object-fit:contain!important;object-position:center!important;border-radius:0!important;
 transform:none!important;opacity:1!important;visibility:visible!important;z-index:3!important;
}
#lightbox .lab-eye{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:4!important}
#lightbox .lab-eye img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:0!important}
#lightbox .lab-enlarged-optic>.pc-spatial-eye,#lightbox>.pc-spatial-eye{display:none!important}
#lightbox .viewer-toolbar{
 position:absolute!important;top:0;left:0;right:0;z-index:100!important;
 display:flex;align-items:center;justify-content:space-between;gap:8px;
 padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 12px;pointer-events:none;
 background:linear-gradient(#000b,transparent);min-height:72px;
}
#lightbox .viewer-action{
 display:grid;place-items:center;width:44px;height:44px;min-width:44px;
 pointer-events:auto;border-radius:50%;border:1px solid #c4eaf485;background:#061827d9;
 color:white;font-size:27px;cursor:pointer;touch-action:manipulation;position:relative!important;inset:auto!important;z-index:103;
}
#lightbox .viewer-action:focus-visible{outline:2px solid white;outline-offset:3px}
#lightbox .viewer-title{font:600 13px system-ui,-apple-system,sans-serif;color:#fff;max-width:min(54vw,320px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;text-shadow:0 2px 6px black}
#lightbox .viewer-loading,#lightbox .viewer-error{
 position:absolute;z-index:50;left:50%;top:50%;transform:translate(-50%,-50%);
 padding:15px 20px;background:#0c2030;border:1px solid #80cbe5b0;border-radius:12px;
 font:500 14px system-ui,-apple-system,sans-serif;text-align:center;max-width:min(92vw,360px)
}
#lightbox [hidden]{display:none!important}
#lightbox #lab-modal-options{
 position:absolute!important;z-index:100!important;left:12px!important;right:12px!important;
 bottom:calc(env(safe-area-inset-bottom,0px) + 12px)!important;top:auto!important;
 display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:min(700px,calc(100vw - 24px))!important;
 max-height:min(43dvh,360px)!important;min-height:0!important;overflow:auto!important;
 margin:0 auto!important;padding:12px!important;border:1px solid #80d9f5ad!important;border-radius:15px!important;
 background:#061725ec!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 box-shadow:0 15px 60px #000b;
}
#lightbox #lab-modal-options .lab-feature-title{width:100%;margin-bottom:2px}
#lightbox .lab-opt-btn{min-height:36px}
@media(max-width:650px){#lightbox .viewer-toolbar{padding-left:12px;padding-right:12px}#lightbox #lab-modal-options{gap:6px}#lightbox .lab-opt-btn{padding:7px 9px}}

/* Prevent Safari from dropping the original picture during GPU layer promotion */
#lightbox #labEnlargeImage{content-visibility:visible!important;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;will-change:auto!important}
#lightbox .lab-enlarged-optic[data-image-ready="true"] #labEnlargeImage{visibility:visible!important;opacity:1!important}

/* Fixed iOS in-app browser overlay; no native showModal/top-layer */
html.lab-viewer-open,html.lab-viewer-open body{overflow:hidden!important;overscroll-behavior:none!important}
#lightbox:not([hidden]){z-index:2147483000!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;touch-action:pan-x pan-y}
#lightbox .lab-enlarged-optic{background-repeat:no-repeat!important;background-size:contain!important;background-position:center center!important}
#lightbox #labEnlargeImage{-webkit-transform:none!important;mix-blend-mode:normal!important;filter:none!important}
#lightbox .viewer-toolbar{z-index:1000!important}