.image-preview-overlay{z-index:100000;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.image-preview-overlay.open{opacity:1;visibility:visible}.image-preview-container{flex-direction:column;justify-content:center;align-items:center;width:90vw;height:90vh;display:flex;position:relative}.image-preview-close{color:#fff;cursor:pointer;z-index:100001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:none;border-radius:50%;width:50px;height:50px;transition:all .3s;position:absolute;top:20px;right:20px}.image-preview-close:hover{background:#000000e6;transform:scale(1.1)}.image-preview-close svg{width:24px;height:24px}.image-preview-counter{color:#fff;z-index:100001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:25px;padding:10px 20px;font-size:16px;font-weight:500;position:absolute;top:20px;left:50%;transform:translate(-50%)}.image-preview-nav{color:#fff;cursor:pointer;z-index:100001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:none;border-radius:50%;width:60px;height:60px;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.image-preview-nav:hover{background:#000000e6;transform:translateY(-50%)scale(1.1)}.image-preview-nav.image-preview-prev{left:20px}.image-preview-nav.image-preview-next{right:20px}.image-preview-nav svg{width:24px;height:24px}.image-preview-image-container{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:90vw;max-width:100%;min-height:75vh;max-height:80vh;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.image-preview-image-container.zoomed{cursor:grab}.image-preview-image-container.zoomed:active{cursor:grabbing}.image-preview-loading{z-index:100002;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-spinner{border:4px solid #fff3;border-top:4px solid var(--cyan);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin1}@keyframes spin1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-preview-image{object-fit:contain;opacity:0;transform-origin:50%;border-radius:8px;max-width:100%;max-height:100%;transition:opacity .3s,transform .3s;transform:scale(.9);box-shadow:0 10px 40px #00000080}.image-preview-image.loaded{opacity:1;transform:scale(1)}.image-preview-image.zoomed{cursor:grab;transition:transform .2s}.image-preview-image.zoomed:active{cursor:grabbing}.zoom-hint{color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100001;background:#000c;border-radius:20px;padding:8px 16px;font-size:14px;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.image-preview-thumbnails{scrollbar-width:thin;scrollbar-color:#ffffff4d #0000;gap:10px;max-width:90vw;padding:10px;display:flex;overflow-x:auto}.image-preview-thumbnails::-webkit-scrollbar{height:6px}.image-preview-thumbnails::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.image-preview-thumbnails::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.image-preview-thumbnails::-webkit-scrollbar-thumb:hover{background:#ffffff80}.image-preview-thumbnail{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:6px;min-width:80px;height:60px;padding:0;transition:all .3s;overflow:hidden}.image-preview-thumbnail.active{border-color:var(--cyan);box-shadow:0 0 10px #80ffea80}.image-preview-thumbnail:hover{border-color:#ffffff80;transform:scale(1.05)}.image-preview-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:768px){.image-preview-container{width:95vw;height:95vh}.image-preview-nav{width:50px;height:50px}.image-preview-close{width:40px;height:40px;top:15px;right:15px}.image-preview-close svg{width:20px;height:20px}.image-preview-counter{padding:8px 16px;font-size:14px;top:15px}.image-preview-nav.image-preview-prev{left:10px}.image-preview-nav.image-preview-next{right:10px}.image-preview-nav svg{width:20px;height:20px}.image-preview-thumbnails{max-width:95vw}.image-preview-thumbnail{min-width:60px;height:45px}}