.image-preview-overlay{position:fixed;inset:0;background:#000000eb;z-index:10000;display:none;opacity:0;transition:opacity .25s ease}.image-preview-overlay.active{display:flex;opacity:1}.image-preview-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.image-preview-toolbar{position:absolute;top:20px;right:20px;display:flex;gap:8px;z-index:10}.preview-btn{width:40px;height:40px;border-radius:50%;background:#ffffff26;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-btn:hover{background:#ffffff40;transform:scale(1.05)}.preview-btn:active{transform:scale(.95)}.preview-btn svg{width:20px;height:20px;color:#fff}.preview-btn.close:hover{background:#ff3b3099}.preview-btn.download:hover{background:#34c75980}.image-preview-wrapper{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:grab;padding:80px 80px 150px 40px}@media(max-width:768px){.image-preview-wrapper{padding:70px 16px 140px}.image-preview-actions{right:auto;left:50%;transform:translate(-50%);bottom:16px;flex-direction:row;align-items:center;gap:10px}.preview-action-divider{width:1px;height:28px}}.image-preview-img-wrap{position:relative;display:inline-block;line-height:0;max-width:100%;max-height:100%;margin:auto;transition:transform .15s ease;transform-origin:center center;will-change:transform}.image-preview-img{display:block;width:100%;height:100%}.image-preview-wrapper:active{cursor:grabbing}.image-preview-actions{position:absolute;right:24px;bottom:24px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:10}.preview-action-group{display:flex;flex-direction:row;gap:12px}.preview-action-divider{width:100%;height:1px;background:#ffffff2e}.preview-action-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#fff;font-size:14px;font-weight:500;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease}.preview-action-btn:hover{background:#ffffff40;transform:translateY(-2px)}.preview-action-btn:active{transform:translateY(0) scale(.97)}.preview-action-btn svg{width:16px;height:16px}