body{color:#222;font-family:sans-serif;line-height:1.5;margin:0}header{border-bottom:1px solid #222;margin-bottom:1rem}footer{border-top:1px solid #222;margin-top:1rem}a{color:#00e;text-decoration:none}.gallery-container{width:100%;max-width:1200px;margin:0 auto;padding:5px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:5px}.gallery-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.gallery-item a{display:block;width:100%;height:100%}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-item img.loading{opacity:0}.gallery-item img.loaded{opacity:1}.gallery-item img.error{opacity:.5;filter:grayscale(100%)}.image-loading-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0}.image-loading-placeholder::after{content:'';width:30px;height:30px;border:2px solid #ddd;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}.gallery-item img.error+.image-loading-placeholder::after{content:'⚠️';font-size:24px;color:#e74c3c;animation:none;border:none}.gallery-item img.loaded+.image-loading-placeholder{display:none}.gallery-item-caption{position:absolute;bottom:0;left:0;right:0;padding:8px;background:rgba(0,0,0,.7);color:#fff;font-size:.9em;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-item-caption{opacity:1}.gallery-loader{text-align:center;padding:20px}.loader-spinner{display:inline-block;width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.gallery-error{text-align:center;color:#dc3545;padding:20px;background:#fff8f8;border:1px solid #ffd7d7;border-radius:8px;margin:20px auto;max-width:600px;font-size:1.1em;box-shadow:0 2px 4px rgba(0,0,0,5%)}.gallery-error::before{content:'⚠️';display:inline-block;margin-right:10px}.gallery-end-message{text-align:center;padding:10px;color:#666;font-size:14px;background:#f5f5f5;border-radius:4px;margin:10px 0}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes loading-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}.lb-data .lb-caption{font-size:14px;line-height:1.5}.lb-data .lb-number{font-size:14px;padding-top:10px}.lb-closeContainer{padding-top:10px}.lb-nav a.lb-prev,.lb-nav a.lb-next{opacity:.3}.lb-nav a.lb-prev:hover,.lb-nav a.lb-next:hover{opacity:1}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px}}@media(max-width:480px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:3px}}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;padding:1rem;max-width:1200px;margin:0 auto}.gallery a{display:block;aspect-ratio:1;overflow:hidden;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery a:hover .gallery-image{transform:scale(1.05)}.gallery-masonry{columns:3 250px;column-gap:1rem;padding:1rem}.gallery-masonry .gallery-item{break-inside:avoid;margin-bottom:1rem}.gallery-carousel{position:relative;overflow:hidden}.carousel-container{display:flex;transition:transform .3s ease-in-out}.carousel-item{flex:0 0 100%}.carousel-prev,.carousel-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;padding:1rem;cursor:pointer}.carousel-prev{left:0}.carousel-next{right:0}.gallery-page{max-width:1200px;margin:0 auto;padding:2rem}.gallery-controls{margin-bottom:2rem;display:flex;gap:1rem}.layout-switch{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:4px;transition:all .3s ease}.layout-switch:hover{background:#f5f5f5}.layout-switch.active{background:#00e;color:#fff;border-color:#00e}.gallery-link[data-variant]{display:none}.gallery-link[data-variant=public]{display:block}.gallery-item:hover .gallery-link[data-variant=thumbnail],.gallery-item.show-large .gallery-link[data-variant=large]{display:block}.gallery-item:hover .gallery-link[data-variant=public],.gallery-item.show-large .gallery-link[data-variant=public]{display:none}.popup-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:9999;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.popup-overlay.active{display:flex;opacity:1}.popup-content{position:relative;max-width:90vw;max-height:90vh}.popup-image{max-width:100%;max-height:90vh;object-fit:contain}.popup-close{position:absolute;top:-40px;right:0;color:#fff;font-size:30px;cursor:pointer;background:0 0;border:none;padding:5px}.popup-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);color:#fff;padding:15px;cursor:pointer;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.popup-nav:hover{background:rgba(255,255,255,.2)}.popup-prev{left:20px}.popup-next{right:20px}.gallery-nav{display:flex;justify-content:center;gap:10px;margin:15px 0}.gallery-nav button{padding:8px 15px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;color:#666}.gallery-nav button:hover{background:#f5f5f5}.gallery-nav button:disabled{opacity:.5;cursor:not-allowed}.gallery-no-images{text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:8px;margin:20px auto;max-width:600px;box-shadow:0 2px 4px rgba(0,0,0,5%);color:#6c757d;font-size:1.1em;line-height:1.5;border:1px solid #dee2e6}.gallery-no-images::before{content:'📷';display:block;font-size:2.5em;margin-bottom:15px}