.lightbox-overlay{z-index:9999;background:#000000f2;flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:100vh;padding:40px 0;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.close-btn{color:#fff;cursor:pointer;z-index:10001;background:0 0;border:none;font-size:3rem;transition:color .3s;position:fixed;top:20px;right:30px}.close-btn:hover{color:var(--accent-color)}.nav-btn{color:#fff;cursor:pointer;z-index:10000;background:#00000080;border:none;border-radius:8px;padding:1rem 1.5rem;font-size:3rem;transition:background .3s,color .3s;position:fixed;top:50%;transform:translateY(-50%)}.nav-btn:hover{color:var(--accent-color);background:#ffffff1a}.left-btn{left:20px}.right-btn{right:20px}.lightbox-content-wrapper{flex-direction:column;align-items:center;width:85vw;max-width:85vw;margin-top:auto;margin-bottom:auto;display:flex;position:relative;overflow:visible}.lightbox-content-wrapper::-webkit-scrollbar{width:8px;height:8px}.lightbox-content-wrapper::-webkit-scrollbar-track{background:#00000080;border-radius:4px}.lightbox-content-wrapper::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}.lightbox-img{object-fit:contain;max-width:100%;margin:auto;box-shadow:0 10px 40px #000c}.info-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff6;border-radius:50%;width:40px;height:40px;font-family:serif;font-size:1.2rem;font-style:italic;transition:all .3s;position:fixed;bottom:20px;right:20px}.info-btn:hover{background:var(--accent-color);color:#000;border-color:var(--accent-color)}.info-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#ddd;z-index:1000;-webkit-user-select:text;user-select:text;white-space:nowrap;background:#0f0f0fb3;border:1px solid #ffffff1a;border-radius:8px;padding:.8rem 1.5rem;font-family:monospace;font-size:1rem;animation:.3s forwards fadeIn;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #000c}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.copy-btn{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:10px;font-size:1.2rem}.copy-btn:hover{transform:scale(1.1)}@media (max-width:768px){.nav-btn{padding:.6rem .8rem;font-size:2rem}.left-btn{left:10px}.right-btn{right:10px}.close-btn{font-size:2.2rem;top:15px;right:20px}.info-overlay{white-space:normal;text-align:center;max-width:90vw;padding:.6rem 1rem;font-size:.85rem}.lightbox-content-wrapper{width:92vw;max-width:92vw}}
.zoom-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414d9;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:10px;padding:5px 15px;display:flex;position:absolute;top:-40px;right:50%;transform:translate(50%)}.zoom-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.5rem;transition:background .3s;display:flex}.zoom-btn:hover:not(:disabled){background:#fff3}.zoom-btn:disabled{color:#555;cursor:not-allowed}.zoom-level{color:#ddd;text-align:center;min-width:45px;font-size:.9rem}