.lightbox-overlay{z-index:99999;background:#000;outline:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.lightbox-controls{z-index:100000;gap:1rem;display:flex;position:absolute;top:1rem;right:1rem}.control-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.control-btn:hover{background:#fff3;transform:scale(1.1)}.control-btn.close:hover{background:var(--danger-color);border-color:var(--danger-color)}.media-container{cursor:zoom-in;justify-content:center;align-items:center;max-width:95vw;max-height:92vh;display:flex;overflow:hidden}.media-container.zoomed{cursor:zoom-out;overflow:visible}.lightbox-media{object-fit:contain;border-radius:4px;max-width:95vw;max-height:92vh;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 30px 60px #00000080}.lightbox-caption{color:#fff;text-align:center;background:#0009;border-radius:999px;max-width:80%;padding:1rem 2rem;font-weight:600;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.lightbox-fade-enter-active,.lightbox-fade-leave-active{transition:opacity .3s}.lightbox-fade-enter-from,.lightbox-fade-leave-to{opacity:0}.lightbox-fade-enter-active .lightbox-media{animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}