.gallery-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:99999999!important;animation:fadeIn .2s ease-in-out;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-modal-content{background:#1f2937;border-radius:.5rem;display:flex;flex-direction:column;width:95%;max-width:900px;max-height:95vh;overflow:hidden;position:relative;box-shadow:0 20px 25px rgba(0,0,0,.5);z-index:99999999!important}.gallery-close-btn{position:absolute;top:1rem;right:1rem;background:hsla(0,0%,100%,.1);border:none;border-radius:.25rem;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.gallery-close-btn:hover{background:hsla(0,0%,100%,.2)}.gallery-main-container{flex:1 1;background:#111827;min-height:400px;overflow:hidden}.gallery-main-container,.gallery-main-image{display:flex;align-items:center;justify-content:center;position:relative}.gallery-main-image{width:100%;height:100%;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gallery-main-image img{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto;animation:imageIn .3s ease-in-out}@keyframes imageIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(231,75,60,.8);border:none;color:#fff;cursor:pointer;padding:.75rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:5;font-size:1.5rem}.gallery-nav-btn:hover{background:#e74b3c}.gallery-nav-btn-left{left:1rem}.gallery-nav-btn-right{right:1rem}.gallery-footer{background:#111827;padding:1.5rem;border-top:1px solid #374151;display:flex;flex-direction:column;gap:1rem}.gallery-info{display:flex;align-items:center;justify-content:space-between;gap:1rem}.gallery-title{margin:0;color:#fff;font-size:1rem;font-weight:600;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-counter{color:#9ca3af;font-size:.875rem;white-space:nowrap}.gallery-thumbnails{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem 0;scroll-behavior:smooth}.gallery-thumbnail{flex-shrink:0;width:60px;height:60px;border:2px solid transparent;border-radius:.25rem;cursor:pointer;padding:0;overflow:hidden;background:none;transition:all .2s}.gallery-thumbnail img{width:100%;height:100%;object-fit:cover}.gallery-thumbnail:hover{border-color:rgba(231,75,60,.5)}.gallery-thumbnail.active{border-color:#3b82f6;box-shadow:0 0 8px rgba(59,130,246,.5)}.gallery-hint{color:#6b7280;font-size:.75rem;text-align:center;padding:0 1.5rem .5rem}@media (max-width:768px){.gallery-modal-content{width:100%;max-height:100vh;border-radius:0}.gallery-main-container{min-height:300px}.gallery-nav-btn{padding:.5rem}.gallery-nav-btn-left,.gallery-nav-btn-right{top:auto;bottom:1rem;transform:none}.gallery-nav-btn-left{left:1rem}.gallery-nav-btn-right{right:1rem}.gallery-footer{padding:1rem}.gallery-thumbnails{max-height:80px}.gallery-thumbnail{width:50px;height:50px}.gallery-hint{font-size:.7rem}}@media (max-width:480px){.gallery-nav-btn{padding:.4rem}.gallery-nav-btn svg{width:24px;height:24px}.gallery-close-btn{top:.5rem;right:.5rem}.gallery-close-btn svg{width:20px;height:20px}.gallery-main-container{min-height:250px}}