.lightbox {display: none;position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(255, 255, 255, 0.9);justify-content: center;align-items: center;overflow: hidden;z-index:99999999;}.lightbox img {transform-origin: center center;position: absolute;cursor: grab;opacity: 1;}#topRightControls {position: absolute;top: 20px;right: 30px;z-index: 10;display: flex;flex-direction: column;gap: 10px;}#closeButton, .zoom-btn {font-size: 40px;color: #222;cursor: pointer;line-height: 1;width: 55px;height: 55px;padding: 0;display: flex;justify-content: center;align-items: center;background-color: rgba(255, 255, 255, 0.3);border-radius: 50%;text-shadow: none;transition: transform 0.2s;border: none;box-sizing: border-box;-webkit-tap-highlight-color: transparent;}#closeButton:hover, .zoom-btn:hover {transform: scale(1.1);}#navButtons {position: absolute;bottom: 20px;right: 30px;z-index: 10;display: flex;gap: 10px;}.nav-btn {width: 60px;height: 60px;padding: 0;display: flex;justify-content: center;align-items: center;background-color: rgba(255, 255, 255, 0.3);border-radius: 50%;color: #222;text-shadow: none;border: none;font-size: 40px;font-weight: bold;line-height: 1;cursor: pointer;user-select: none;transition: transform 0.2s;box-sizing: border-box;-webkit-tap-highlight-color: transparent;}.nav-btn:hover {transform: scale(1.1);}.nav-btn:disabled {opacity: 0.3;cursor: not-allowed;transform: scale(1);}#zoomOutButton {padding-bottom: 6px;}#zoomOutButton {padding-top: 5px;}#prevButton, #nextButton {padding-bottom: 8px;}#closeButton {padding-top: 1px;}#prevButton{padding-right: 3px;}#nextButton{padding-left: 3px;}#lightbox.dark {background: rgba(0, 0, 0, 0.9);}#lightbox.dark #closeButton, #lightbox.dark .zoom-btn, #lightbox.dark .nav-btn {color: #eee;background-color: rgba(0, 0, 0, 0.3);}