:root{--lightbox-bg: rgba(0, 0, 0, .95);--lightbox-text: #fff;--lightbox-btn-bg: rgba(30, 30, 30, .7);--lightbox-btn-hover: rgba(255, 255, 255, .2);--lightbox-thumbnail-border: rgba(255, 255, 255, .3);--lightbox-thumbnail-active: rgba(255, 255, 255, .8);--lightbox-z-index: 99999;--lightbox-btn-size: 50px;--lightbox-thumbnail-size: 80px;--lightbox-transition: .3s ease}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--lightbox-bg);z-index:var(--lightbox-z-index);display:none;opacity:0;transition:opacity var(--lightbox-transition);overflow:hidden;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox.active{display:flex;justify-content:center;align-items:center;opacity:1}.lightbox-container{width:90%;height:90%;display:flex;flex-direction:column;position:relative}.lightbox-content{flex:1;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;touch-action:none}.lightbox-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .2s ease;cursor:grab;touch-action:none}.lightbox-image.grabbing{cursor:grabbing}.lightbox-caption{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:var(--lightbox-text);padding:10px 20px;background:#0009;border-radius:4px;margin:0 auto;max-width:80%}.lightbox-close,.lightbox-prev,.lightbox-next,.lightbox-zoom-in,.lightbox-zoom-out,.lightbox-fullscreen{background:var(--lightbox-btn-bg);color:var(--lightbox-text);border:none;border-radius:50%;width:var(--lightbox-btn-size);height:var(--lightbox-btn-size);font-size:24px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background var(--lightbox-transition);position:absolute;z-index:10}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover,.lightbox-zoom-in:hover,.lightbox-zoom-out:hover,.lightbox-fullscreen:hover{background:var(--lightbox-btn-hover)}.lightbox-close{top:20px;right:20px}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-toolbar{position:absolute;bottom:20px;right:20px;display:flex;gap:10px}.lightbox-thumbnails{display:flex;gap:10px;padding:15px 0;overflow-x:auto;justify-content:center;touch-action:pan-x}.lightbox-thumbnail{width:var(--lightbox-thumbnail-size);height:var(--lightbox-thumbnail-size);-o-object-fit:cover;object-fit:cover;border:2px solid var(--lightbox-thumbnail-border);border-radius:4px;cursor:pointer;transition:border-color var(--lightbox-transition)}.lightbox-thumbnail:hover,.lightbox-thumbnail.active{border-color:var(--lightbox-thumbnail-active)}.lightbox-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;display:none}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 768px){.lightbox-thumbnail{width:60px;height:60px}.lightbox-prev,.lightbox-next{width:40px;height:40px;font-size:20px}.lightbox-container{width:100%;height:100%}.lightbox-toolbar{bottom:70px}}.gallery{display:flex;flex-wrap:wrap;gap:10px;padding:20px}.gallery img{width:200px;height:200px;-o-object-fit:cover;object-fit:cover;cursor:pointer;transition:transform .3s}.gallery img:hover{transform:scale(1.02)}.lightbox-thumbnails{flex-shrink:0;min-height:100px}@media (max-width: 768px){.lightbox-container{padding-bottom:100px}.lightbox-thumbnails{padding:10px;justify-content:flex-start}}