#lightbox-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.94);z-index:99999;color:#fff;font-family:Arial,sans-serif;touch-action:none}
#lightbox-overlay.open{display:flex}
#lightbox-stage{position:absolute;inset:58px 70px 46px 70px;display:flex;align-items:center;justify-content:center;overflow:hidden}
#lightbox-photo,#lightbox-video{max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 0 24px rgba(0,0,0,.85)}
#lightbox-photo{transform-origin:center center;user-select:none;-webkit-user-drag:none;cursor:default}
#lightbox-photo.zoomed{cursor:grab;max-width:none;max-height:none}
#lightbox-photo.dragging{cursor:grabbing}
#lightbox-video{background:#000}
#lightbox-close,#lightbox-prev,#lightbox-next,#lightbox-play,#lightbox-speed,#lightbox-fullscreen,#lightbox-zoomin,#lightbox-zoomout{position:fixed;border:0;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;z-index:100000;font-family:Arial,sans-serif;border-radius:4px}
#lightbox-close{top:10px;right:12px;width:44px;height:42px;font-size:32px}
#lightbox-fullscreen{top:10px;right:62px;width:44px;height:42px;font-size:23px}
#lightbox-play{top:10px;right:112px;width:44px;height:42px;font-size:20px}
#lightbox-speed{top:10px;right:162px;width:48px;height:42px;font-size:14px}
#lightbox-zoomin{top:10px;left:62px;width:44px;height:42px;font-size:24px}
#lightbox-zoomout{top:10px;left:12px;width:44px;height:42px;font-size:24px}
#lightbox-prev,#lightbox-next{top:50%;transform:translateY(-50%);width:52px;height:76px;font-size:48px;line-height:70px}
#lightbox-prev{left:8px}#lightbox-next{right:8px}
#lightbox-counter{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);padding:5px 9px;background:rgba(0,0,0,.55);border-radius:4px;font-size:14px;z-index:100000}
#lightbox-loader{display:none;position:fixed;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:lbspin .8s linear infinite;z-index:100001}
#lightbox-loader.show{display:block}@keyframes lbspin{to{transform:rotate(360deg)}}
@media(max-width:700px){#lightbox-stage{inset:56px 48px 42px 48px}#lightbox-prev,#lightbox-next{width:40px;height:64px;font-size:38px}#lightbox-speed{display:none}}

/* v7: robust layout on old FrontPage/frames pages */
#lightbox-overlay,#lightbox-overlay *{box-sizing:border-box}
#lightbox-close,#lightbox-prev,#lightbox-next,#lightbox-play,#lightbox-speed,#lightbox-fullscreen,#lightbox-zoomin,#lightbox-zoomout{margin:0;padding:0;text-align:center;vertical-align:middle}