.file-picker{display:block;cursor:pointer}.select-button{padding:1rem;background-color:#007bff;color:#fff;border-radius:.3rem;text-align:center;font-weight:700}.file-picker>input[type=file]{display:none}.gallery-container{width:100%;max-width:1400px;margin:0 auto;padding:20px}.masonry-gallery{-moz-columns:3 300px;columns:3 300px;grid-gap:20px;grid-auto-rows:auto}.gallery-item{display:inline-block;position:relative;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:20px;cursor:pointer;border-radius:4px;transition:transform .3s ease}.gallery-item:hover{transform:translateY(-5px)}.image-container{position:relative;width:100%}.gallery-image{width:100%;height:auto;display:block;transition:filter .3s ease}.gallery-item:hover .gallery-image{filter:brightness(90%)}.overlay{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:flex-end;padding:10px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);opacity:0;transition:opacity .3s ease}.gallery-item:hover .overlay{opacity:1}.delete-button,.download-button{background:hsla(0,0%,100%,.8);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:8px;transition:transform .2s ease,background-color .2s ease}.delete-button{color:#f44}.download-button:hover .delete-button:hover{background-color:#fff}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden}.lightbox-content{width:90%;height:90%;flex-direction:column}.carousel,.lightbox-content{position:relative;display:flex}.carousel{width:100%;height:85%}.carousel,.lightbox-image-container{align-items:center;justify-content:center}.lightbox-image-container{width:80%;height:100%;display:flex;overflow:auto}.lightbox-image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.nav-button{position:absolute;background:rgba(0,0,0,.5);border:none;color:#fff;font-size:24px;cursor:pointer;padding:16px;border-radius:50%;transition:background-color .3s ease;z-index:1010}.prev-button{left:5%}.next-button{right:5%}.close-button{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.5);border:none;color:#fff;padding:10px;border-radius:50%;cursor:pointer;z-index:1010}.lightbox-details{margin-top:20px;display:flex;justify-content:center}.download-button-light{background-color:hsla(0,0%,100%,.2);color:#fff;border:none;border-radius:4px;padding:8px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .3s ease}.download-button-light:hover{background-color:hsla(0,0%,100%,.3)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #3498db;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin-bottom:16px}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.masonry-gallery{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.nav-button{padding:12px;margin:0 8px}.lightbox-content{width:100%;height:100%}}