.image-magnifier{display:inline-block;max-width:100%;position:relative;transition:box-shadow .2s ease}.image-magnifier:focus{outline:3px solid var(--primary,#4a86e8);outline-offset:3px}.image-magnifier:focus:not(:focus-visible){outline:none}.magnifier-container{overflow:visible;position:relative}.image-link{cursor:pointer;display:block}.magnifier-image{display:block;height:auto;max-width:100%;transition:filter .2s ease}.magnifier{background-repeat:no-repeat;border:2px solid #fff;box-shadow:0 0 10px #0003;display:none;pointer-events:none;position:fixed;transition:transform .1s ease;will-change:transform,background-position;z-index:100}.magnifier-rectangle{border-radius:6px}.magnifier-circle{border-radius:50%}.image-magnifier .magnifier-image:hover,.image-magnifier.magnifier-active,.image-magnifier.magnifier-active .magnifier-image{cursor:none}.image-magnifier .caption{cursor:auto}.image-magnifier{cursor:default}.image-magnifier:hover .magnifier-image{box-shadow:0 0 8px #00000026;transition:box-shadow .2s ease}.image-magnifier.magnifier-active{z-index:10}.image-magnifier.touch-active .magnifier-image{filter:brightness(1.05)}.caption{color:var(--text-light);font-size:1.15rem;font-style:italic;margin:.6rem .25rem .25rem .5rem;text-align:center}.loading-indicator{align-items:center;background-color:#fffc;border-radius:var(--radius,4px);display:none;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid var(--primary,#4a86e8);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{align-items:center;background-color:#ffffffe6;border-radius:var(--radius,4px);color:#e53935;display:none;flex-direction:column;font-weight:500;height:100%;justify-content:center;left:0;padding:1rem;position:absolute;text-align:center;top:0;width:100%;z-index:6}.image-magnifier.mode-comparison .magnifier{display:none!important}.comparison-slider{cursor:ew-resize;height:100%;top:0;width:4px;z-index:10}.comparison-handle,.comparison-slider{background-color:#fff;box-shadow:0 0 5px #00000080;left:50%;position:absolute}.comparison-handle{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;top:50%;transform:translate(-50%,-50%);width:40px}.comparison-handle:after,.comparison-handle:before{background-color:#888;content:"";height:2px;position:absolute;width:10px}.comparison-handle:before{transform:rotate(45deg)}.comparison-handle:after{transform:rotate(-45deg)}.comparison-mask{overflow:hidden;pointer-events:none}.comparison-image,.comparison-mask{height:100%;left:0;position:absolute;top:0;width:100%}.comparison-image{-o-object-fit:cover;object-fit:cover}.zoom-controls{bottom:10px;display:flex;gap:5px;opacity:0;position:absolute;right:10px;transition:opacity .2s ease;z-index:7}.image-magnifier:hover .zoom-controls{opacity:1}.zoom-in,.zoom-out{align-items:center;background-color:#fff;border:none;border-radius:50%;box-shadow:0 0 5px #0003;color:#333;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:30px;justify-content:center;transition:background-color .2s ease;width:30px}.zoom-in:hover,.zoom-out:hover{background-color:var(--primary,#4a86e8);color:#fff}.image-magnifier.position-fixed .magnifier{transform-origin:top right;transition:transform .2s ease,opacity .2s ease}.zoom-notification{background-color:#000000b3;border-radius:4px;color:#fff;font-size:14px;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;right:10px;top:10px;transition:opacity .2s ease;z-index:20}.zoom-level{font-weight:700}.image-magnifier.position-side .magnifier{transform-origin:left center;transition:transform .2s ease,opacity .2s ease}.magnifier-instructions{background-color:#000000b3;border-radius:4px;bottom:-35px;color:#fff;font-size:12px;left:50%;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:20}.image-magnifier:focus .magnifier-instructions{opacity:1}@media (max-width:768px){.magnifier{height:130px!important;width:250px!important}.image-magnifier.position-side .magnifier{inset:auto 20px 20px auto;position:fixed}.zoom-controls{gap:10px}.zoom-in,.zoom-out{font-size:22px;height:40px;width:40px}}@media (max-width:480px){.magnifier{height:110px!important;width:200px!important}.caption{font-size:1rem}.image-magnifier.mode-comparison .comparison-handle{height:30px;width:30px}.magnifier-instructions{display:none}}@media (prefers-contrast:high){.magnifier{border:3px solid #000;box-shadow:0 0 0 1px #fff,0 0 0 3px #000}.zoom-controls button{border:2px solid #000}.comparison-slider{background-color:#000;width:6px}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}.magnifier,.magnifier-instructions,.zoom-controls{transition:none}}