.image-gallery{display:flex;flex-direction:column;gap:1rem;width:100%}.main-image-container{position:relative;aspect-ratio:4/3;overflow:hidden;cursor:zoom-in;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center}.main-image-container.empty{cursor:default}.main-image{width:100%;height:100%;object-fit:contain;transition:opacity .2s ease}.main-image:hover{opacity:.95}.empty-state{text-align:center;color:#999;padding:2rem}.empty-state p{margin:0;font-size:1rem}.image-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#f5f5f5;z-index:5}.loading-spinner{font-size:1rem;color:#666;animation:pulse 1.5s ease-in-out infinite}.image-error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#f8d7da;color:#721c24;padding:2rem;text-align:center}.image-error p{margin:0;font-size:1rem;font-weight:500}.image-counter{position:absolute;bottom:1rem;right:1rem;background:rgba(0,0,0,.7);color:white;padding:.5rem .75rem;border-radius:4px;font-size:.875rem;font-weight:500;pointer-events:none;-webkit-user-select:none;user-select:none}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:none;border-radius:50%;width:48px;height:48px;font-size:2rem;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:10}.nav-arrow:hover{background:white;box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-50%) scale(1.1)}.nav-arrow:active{transform:translateY(-50%) scale(.95)}.nav-arrow.prev{left:1rem}.nav-arrow.next{right:1rem}.nav-arrow:focus{outline:2px solid #007bff;outline-offset:2px}.thumbnail-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-gap:.5rem;gap:.5rem;overflow-x:auto;padding:.25rem 0;scrollbar-width:thin;scrollbar-color:#ccc #f5f5f5}.thumbnail-strip::-webkit-scrollbar{height:8px}.thumbnail-strip::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.thumbnail-strip::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.thumbnail-strip::-webkit-scrollbar-thumb:hover{background:#999}.thumbnail{aspect-ratio:1;cursor:pointer;border:2px solid transparent;opacity:.6;transition:all .2s ease;overflow:hidden;border-radius:4px;background:#f5f5f5;padding:0;display:flex;align-items:center;justify-content:center}.thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.thumbnail.active{box-shadow:0 2px 8px rgba(0,123,255,.3)}.thumbnail.active,.thumbnail:hover{border-color:#007bff;opacity:1}.thumbnail:focus{outline:2px solid #007bff;outline-offset:2px}@media (max-width:768px){.nav-arrow{width:40px;height:40px;font-size:1.5rem}.nav-arrow.prev{left:.5rem}.nav-arrow.next{right:.5rem}.image-counter{bottom:.5rem;right:.5rem;font-size:.75rem;padding:.375rem .625rem}.thumbnail-strip{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}@media (prefers-contrast:high){.thumbnail.active{border-width:3px}.nav-arrow{background:white;border:2px solid #000}}@media (prefers-reduced-motion:reduce){.main-image,.nav-arrow,.thumbnail{transition:none}}.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:999999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-container{position:relative;width:100%;height:100%;pointer-events:none}.lightbox-close,.lightbox-container{display:flex;align-items:center;justify-content:center}.lightbox-close{position:absolute;top:80px;right:1.5rem;background:rgba(255,255,255,.1);border:none;color:white;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease;line-height:1;z-index:10;padding:0;font-weight:300;pointer-events:auto}.lightbox-close:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.lightbox-close:active{transform:scale(.95)}.lightbox-close:focus{outline:2px solid white;outline-offset:2px}.lightbox-counter{position:absolute;top:1rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:white;padding:.5rem 1rem;border-radius:4px;font-size:1rem;font-weight:500;z-index:10;-webkit-user-select:none;user-select:none}.lightbox-image-container{width:100%;height:100%;padding:3rem;touch-action:pan-x pan-y;position:relative;pointer-events:auto}.lightbox-image-container,.lightbox-loading{display:flex;align-items:center;justify-content:center}.lightbox-loading{color:white;font-size:1.125rem}.lightbox-loading .loading-spinner{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.lightbox-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:white;padding:2rem;text-align:center}.lightbox-error p{margin:0;font-size:1.125rem}.lightbox-error .retry-button{background:rgba(255,255,255,.2);border:1px solid white;color:white;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s ease}.lightbox-error .retry-button:hover{background:rgba(255,255,255,.3)}.lightbox-error .retry-button:focus{outline:2px solid white;outline-offset:2px}.lightbox-image{max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;animation:imageZoomIn .2s ease-out}@keyframes imageZoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;color:white;font-size:3rem;width:64px;height:64px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1;z-index:10;padding:0;pointer-events:auto}.lightbox-nav:hover{background:rgba(255,255,255,.2);transform:translateY(-50%) scale(1.1)}.lightbox-nav:active{transform:translateY(-50%) scale(.95)}.lightbox-nav.prev{left:2rem}.lightbox-nav.next{right:2rem}.lightbox-nav:focus{outline:2px solid white;outline-offset:2px}@media (max-width:768px){.lightbox-image-container{padding:2rem 1rem}.lightbox-image{max-width:95vw;max-height:85vh}.lightbox-close{top:70px;right:1rem;width:36px;height:36px;font-size:1.25rem}.lightbox-counter{top:.5rem;font-size:.875rem;padding:.375rem .75rem}.lightbox-nav{width:48px;height:48px;font-size:2rem}.lightbox-nav.prev{left:.5rem}.lightbox-nav.next{right:.5rem}}@media (min-width:769px) and (max-width:1024px){.lightbox-image-container{padding:2.5rem}.lightbox-nav{width:56px;height:56px;font-size:2.5rem}.lightbox-nav.prev{left:1.5rem}.lightbox-nav.next{right:1.5rem}}@media (prefers-contrast:high){.lightbox-close,.lightbox-nav{background:rgba(255,255,255,.3);border:2px solid white}.lightbox-counter{background:rgba(0,0,0,.9);border:1px solid white}}@media (prefers-reduced-motion:reduce){.lightbox-close,.lightbox-image,.lightbox-nav,.lightbox-overlay{animation:none;transition:none}}.lightbox-overlay *{-webkit-tap-highlight-color:transparent}