#lightbox{display:none;position:fixed;z-index:19999;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .3);justify-content:center;align-items:center;padding:20px}.lightbox-content{background:#fff;border-radius:8px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 0 20px rgb(0 0 0 / .7);overflow:hidden}.lightbox-header{padding:10px 15px;background:#fff;display:flex;justify-content:flex-end;border-bottom:1px solid #ddd}.close{cursor:pointer;color:#ce0000;user-select:none}.close:hover{color:red}.lightbox-image-wrapper{flex-grow:1;display:flex;justify-content:center;align-items:center;background:#fff;padding:10px 0;overflow:hidden}.lightbox-image-wrapper img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:4px}.lightbox-footer{background:#fff;padding:10px 15px;border-top:1px solid #ddd}.controls{display:flex;justify-content:center;align-items:center;gap:20px}.controls button{background:#007bff;border:none;color:#fff;padding:10px 18px;font-size:18px;border-radius:5px;cursor:pointer;user-select:none;transition:background 0.3s}.controls button:hover{background:#0056b3}#image-counter{font-size:16px;color:#333;user-select:none}