.custom-gallery-overlay{z-index:999999;background:#000000f2;flex-direction:column;width:100vw;height:100vh;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-backdrop{z-index:-1;position:absolute;inset:0}.gallery-toolbar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#000c,#0006,#0000);justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:relative}.toolbar-left,.toolbar-right{align-items:center;gap:12px;display:flex}.gallery-counter{color:#fff;background:#0006;border-radius:6px;padding:6px 12px;font-size:15px;font-weight:500}.gallery-title{color:#e5e7eb;text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:14px;overflow:hidden}.toolbar-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.toolbar-btn:hover:not(:disabled){background:#fff3;transform:scale(1.05)}.toolbar-btn:active:not(:disabled){transform:scale(.95)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn-close{background:#dc2626b3}.toolbar-btn-close:hover{background:#ef4444e6}.gallery-content{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.gallery-image-container{justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}.gallery-image{-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:90vw;max-height:calc(100vh - 240px);transition:transform .2s ease-out}.gallery-image-fit{width:auto;max-width:90vw;height:auto;max-height:calc(100vh - 240px)}.gallery-pdf{background:#fff;border:none;border-radius:8px;width:90vw;max-width:1400px;height:calc(100vh - 240px);box-shadow:0 8px 32px #0006}.gallery-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:10;background:#00000080;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover{background:#3b82f6b3;transform:translateY(-50%)scale(1.1)}.gallery-nav:active{transform:translateY(-50%)scale(.95)}.gallery-nav-prev{left:20px}.gallery-nav-next{right:20px}.gallery-thumbnails{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0000,#0006,#000c);justify-content:center;gap:8px;padding:16px 24px;display:flex;position:relative;overflow:auto hidden}.gallery-thumbnails::-webkit-scrollbar{height:6px}.gallery-thumbnails::-webkit-scrollbar-track{background:#0003}.gallery-thumbnails::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.gallery-thumb{cursor:pointer;opacity:.5;border:2px solid #0000;border-radius:6px;flex-shrink:0;width:80px;height:60px;transition:all .2s;position:relative;overflow:hidden}.gallery-thumb:hover{opacity:.8;border-color:#ffffff4d}.gallery-thumb-active{opacity:1;border-color:#3b82f6;box-shadow:0 0 12px #3b82f680}.gallery-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.thumb-pdf-badge{color:#fff;background:#dc2626e6;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:4px;right:4px}@media (max-width:768px){.gallery-toolbar{padding:12px 16px}.gallery-title{display:none}.toolbar-btn{width:36px;height:36px}.gallery-nav{width:44px;height:44px}.gallery-nav-prev{left:12px}.gallery-nav-next{right:12px}.gallery-image{max-width:95vw;max-height:calc(100vh - 200px)}.gallery-pdf{width:95vw;height:calc(100vh - 200px)}.gallery-thumbnails{padding:12px 16px}.gallery-thumb{width:60px;height:45px}}.toolbar-btn:focus,.gallery-nav:focus,.gallery-thumb:focus{outline-offset:2px;outline:2px solid #3b82f6}.zoom-indicator{color:#fff;text-align:center;background:#0000004d;border-radius:4px;min-width:50px;padding:0 8px;font-size:13px;font-weight:500}.gallery-loading{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loading-spinner{border:4px solid #fff3;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gallery-loading p{color:#e5e7eb;font-size:14px}.thumb-page-number{color:#fff;background:#3b82f6e6;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;bottom:4px;right:4px}.gallery-nav:disabled{opacity:.3;cursor:not-allowed}.gallery-nav:disabled:hover{background:#00000080;transform:translateY(-50%)}