*{box-sizing:border-box}body{color:#333;background-color:#f8f9fa;margin:0;font-family:Proxima Nova,sans-serif}.gallery-container{max-width:1200px;margin:0 auto;padding:40px 20px}.gallery-title{text-align:center;margin-bottom:30px;font-size:28px;font-weight:600}.image-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.glass-card{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex-direction:column;transition:box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.glass-card:hover{border-color:#ccc;box-shadow:0 4px 12px #00000014}.image-wrapper{background-color:#f4f6f8;justify-content:center;align-items:center;width:100%;height:200px;padding:16px;display:flex}.gallery-image{object-fit:contain;max-width:100%;max-height:100%}.card-footer{background-color:#fff;border-top:1px solid #e0e0e0;padding:12px 16px}.file-name{color:#555;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;display:block;overflow:hidden}.modal-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{justify-content:center;align-items:center;max-width:80vw;max-height:90vh;display:flex;position:relative}.full-image{object-fit:contain;max-width:100%;max-height:90vh}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-family:Proxima Nova,sans-serif;font-size:32px;line-height:1;position:absolute;top:-40px;right:0}.nav-btn{color:#fff;cursor:pointer;z-index:1001;background:#ffffff0d;border:none;border-radius:8px;padding:10px 20px;font-family:Proxima Nova,sans-serif;font-size:60px;line-height:1;transition:background .2s,transform .2s;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn:hover{background:#fff3}.nav-btn:active{transform:translateY(-50%)scale(.95)}.nav-btn.left{left:30px}.nav-btn.right{right:30px}.loader{box-sizing:border-box;border:3px solid #e0e0e0;border-bottom-color:#333;border-radius:50%;width:40px;height:40px;margin:100px auto;animation:1s linear infinite rotation;display:block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}