@media (max-width:768px){.litebox .lightbox-controls button{width:50px;height:50px;font-size:1.3rem}.litebox .nav-controls button{width:45px;height:45px}}@media (max-width:480px){.litebox .lightbox-controls button{width:45px;height:45px;font-size:1.1rem}.litebox .nav-controls button{width:40px;height:40px;font-size:1rem}}.litebox{padding: 0;position:fixed;top:0;left:0;width:100%;height:100%;background:#000a;justify-content:center;align-items:center;z-index:1000;pointer-events:none;opacity:0;display:flex!important;transition:opacity var(--transition-duration) ease;max-width:none;max-height:none;margin:0;overflow:hidden;user-select:auto}.litebox[open]{opacity:1;pointer-events:all}.litebox .lightbox-container{position:relative;max-width:90%;max-height:90vh;transform-origin:center;transition:transform .3s ease;transform:rotateZ(var(--rotate))}.litebox .lightbox-image{max-width:100%;max-height:80vh;display:block;margin:0 auto;object-fit:contain;transform-origin:center;box-shadow:0 15px 50px #0009;transition:transform .2s ease;transform:scale(var(--scale));border-radius:5px}.litebox .lightbox-controls,.litebox .nav-controls{position:absolute;left:0;right:0;display:flex;z-index:10}.litebox .lightbox-controls{top:50%;justify-content:space-between;padding:0 20px;transform:translateY(-50%);pointer-events:none}.litebox .lightbox-controls button,.litebox .nav-controls button{border:0;border-radius:50%;fill:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);transition:all .2s ease;box-shadow:0 4px 15px #0000004d}.litebox .lightbox-controls button{pointer-events:all;background:#ffffff26;width:60px;height:60px;font-size:1.4rem}.litebox .lightbox-controls button:hover{background:#ffffff40;transform:scale(1.1)}.litebox .lightbox-controls button:active{transform:scale(.95)}.litebox .nav-controls{bottom:30px;justify-content:center;gap:20px}.litebox .nav-controls button{background:#ffffff26;width:55px;height:55px;font-size:1.2rem}.litebox .nav-controls button:hover{background:#ffffff40;transform:scale(1.1)}.litebox .caption,.litebox .counter,.litebox .zoom-level{position:absolute;background:#0006;color:#fff;pointer-events:none}.litebox .caption{left:0;right:0;text-align:center;padding:10px 15px;font-size:1.1rem;backdrop-filter:blur(5px);margin:0 auto;border-radius:30px;bottom:0;width:max-content}.litebox .counter,.litebox .zoom-level{top:20px;padding:8px 20px;border-radius:20px;font-size:1rem;z-index:10}.litebox .counter{left:20px}.litebox .zoom-level{right:20px}