:root{--zb-bg:rgba(0, 0, 0, 0.94);--zb-bar-bg:rgba(5, 16, 14, 0.97);--zb-border:rgba(255, 255, 255, 0.07);--zb-accent:#00c9a7;--zb-accent-dim:rgba(0, 201, 167, 0.18);--zb-close-bg:rgba(204, 0, 51, 0.13);--zb-close-hover:rgba(204, 0, 51, 0.50);--zb-thumb-w:110px;--zb-top-h:56px;--zb-bottom-h:44px;--zb-thumb-mobile-h:82px;--zb-radius:8px;--zb-font:system-ui, -apple-system, 'Segoe UI', sans-serif;--zb-ease:cubic-bezier(0.4, 0, 0.2, 1)}#zoombox-overlay{position:fixed;inset:0;z-index:99999;background:var(--zb-bg);opacity:0;pointer-events:none;transition:opacity 0.22s var(--zb-ease);display:flex;flex-direction:column;font-family:var(--zb-font);-webkit-font-smoothing:antialiased}#zoombox-overlay.zb-open{opacity:1;pointer-events:all}#zb-backdrop{position:absolute;inset:0;z-index:0}.zb-top-bar{flex-shrink:0;height:var(--zb-top-h);background:var(--zb-bar-bg);border-bottom:1px solid var(--zb-border);display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:10px;z-index:10;position:relative}.zb-title{color:#fff;font-size:14px;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em}.zb-actions{display:flex;gap:5px;align-items:center;flex-shrink:0}.zb-btn{background:rgb(255 255 255 / .07);border:1px solid rgb(255 255 255 / .11);color:#fff;border-radius:6px;min-width:34px;height:34px;padding:0 9px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:background 0.15s,border-color 0.15s;font-size:13px;font-family:inherit;white-space:nowrap;line-height:1}.zb-btn:hover{background:rgb(255 255 255 / .16);border-color:rgb(255 255 255 / .22)}.zb-btn svg{flex-shrink:0;pointer-events:none}.zb-btn-label{font-size:11px;display:none}@media (min-width:600px){.zb-btn-label{display:inline}}.zb-btn--close{background:var(--zb-close-bg);border-color:rgb(204 0 51 / .2)}.zb-btn--close:hover{background:var(--zb-close-hover);border-color:rgb(204 0 51 / .5)}.zb-body{flex:1;display:flex;overflow:hidden;min-height:0;position:relative;z-index:1}.zb-img-wrap{flex:1;position:relative;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;min-width:0;background:#fff0}.zb-img-wrap.zb-dragging{cursor:grabbing}.zb-img-wrap.zb-zoom-active{cursor:move}#zb-img{position:absolute;top:50%;left:50%;display:block;max-width:none;pointer-events:none;will-change:transform;opacity:0;transition:opacity 0.2s ease}#zb-img.zb-loaded{opacity:1}.zb-loader{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;pointer-events:none;background:rgb(0 0 0 / .85);opacity:0;transition:opacity 0.18s}.zb-loader.zb-visible{opacity:1;pointer-events:all}.zb-loader-ring{width:46px;height:46px;border:3px solid rgb(255 255 255 / .1);border-top-color:var(--zb-accent);border-radius:50%;animation:zbSpin 0.72s linear infinite}@keyframes zbSpin{to{transform:rotate(360deg)}}.zb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgb(0 0 0 / .42);border:1px solid rgb(255 255 255 / .14);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s,border-color 0.15s,transform 0.15s;z-index:5;font-size:20px;flex-shrink:0}.zb-nav:hover{background:rgb(0 91 82 / .65);border-color:rgb(0 201 167 / .4);transform:translateY(-50%) scale(1.07)}.zb-prev{left:12px}.zb-next{right:12px}#zoombox-overlay.zb-single .zb-nav,#zoombox-overlay.zb-single .zb-sidebar{display:none!important}.zb-slide-exit-left{animation:zbSlideExitLeft 0.26s var(--zb-ease) forwards}.zb-slide-exit-right{animation:zbSlideExitRight 0.26s var(--zb-ease) forwards}.zb-slide-enter-right{animation:zbEnterRight 0.26s var(--zb-ease) forwards}.zb-slide-enter-left{animation:zbEnterLeft 0.26s var(--zb-ease) forwards}@keyframes zbSlideExitLeft{to{opacity:0;transform:translateX(-8%)}}@keyframes zbSlideExitRight{to{opacity:0;transform:translateX(8%)}}@keyframes zbEnterRight{from{opacity:0;transform:translateX(6%)}to{opacity:1;transform:none}}@keyframes zbEnterLeft{from{opacity:0;transform:translateX(-6%)}to{opacity:1;transform:none}}.zb-zoom-hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:rgb(0 0 0 / .55);border-radius:999px;color:rgb(255 255 255 / .65);font-size:11px;padding:4px 14px;pointer-events:none;z-index:4;transition:opacity 0.3s;white-space:nowrap;opacity:0}.zb-sidebar{width:var(--zb-thumb-w);flex-shrink:0;background:rgb(0 10 8 / .98);border-left:1px solid var(--zb-border);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:4px;padding:6px;scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .14) #fff0}.zb-sidebar::-webkit-scrollbar{width:3px}.zb-sidebar::-webkit-scrollbar-thumb{background:rgb(255 255 255 / .14);border-radius:3px}.zb-thumb{flex-shrink:0;width:100%;aspect-ratio:4 / 3;border-radius:5px;overflow:hidden;cursor:pointer;border:2px solid #fff0;transition:border-color 0.14s,opacity 0.14s,transform 0.14s;opacity:.5;position:relative}.zb-thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.zb-thumb:hover{opacity:.82;transform:scale(1.03)}.zb-thumb.zb-active{border-color:var(--zb-accent);opacity:1}.zb-bottom-bar{flex-shrink:0;height:var(--zb-bottom-h);background:var(--zb-bar-bg);border-top:1px solid var(--zb-border);display:flex;align-items:center;justify-content:center;gap:14px;padding:0 16px;z-index:10;position:relative}.zb-counter{color:rgb(255 255 255 / .45);font-size:12px;font-weight:500;min-width:54px;text-align:center}.zb-zoom-level{color:var(--zb-accent);font-size:12px;font-weight:700;min-width:42px;text-align:center}.zb-reset-btn{color:rgb(255 255 255 / .4);font-size:11px;cursor:pointer;padding:3px 10px;border:1px solid rgb(255 255 255 / .12);border-radius:999px;background:#fff0;font-family:inherit;transition:color 0.15s,border-color 0.15s}.zb-reset-btn:hover{color:#fff;border-color:rgb(255 255 255 / .35)}@media (max-width:640px){.zb-body{flex-direction:column}.zb-sidebar{width:100%;height:var(--zb-thumb-mobile-h);flex-direction:row;border-left:none;border-top:1px solid var(--zb-border);overflow-x:auto;overflow-y:hidden;padding:6px;gap:5px}.zb-thumb{width:auto;height:100%;aspect-ratio:4 / 3;flex-shrink:0}.zb-nav{width:36px;height:36px;font-size:16px}.zb-prev{left:6px}.zb-next{right:6px}}@media (max-width:480px){.zb-nav{display:none}}body.zb-lock{overflow:hidden}