html,body{margin:0;padding:0;width:100%;background-color:#f8f9fa}.App{width:100%;max-width:1600px;margin:0 auto;padding:20px;box-sizing:border-box}.header{text-align:center;padding:40px 0}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;width:100%}.photo-card{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;cursor:pointer;background-color:#eee;transition:transform .2s ease}.photo-card:hover{transform:scale(1.03);z-index:2}.photo-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999}.lightbox-content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:100%;max-height:85vh;-o-object-fit:contain;object-fit:contain;box-shadow:0 0 30px #00000080}.close-btn{position:absolute;top:-50px;right:0;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;line-height:1}.filename-label{color:#fff;margin-top:15px;font-size:1rem;background:#00000080;padding:5px 15px;border-radius:20px}.status-message{width:100%;text-align:center;padding:50px 0;color:#666}@media (max-width: 500px){.photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}}