.webp-loading{opacity:.7;transition:opacity 0.3s ease}.webp-loaded{opacity:1;transition:opacity 0.3s ease}.webp-supported .webp-fallback{display:none!important}.webp-not-supported .webp-only{display:none!important}img.webp-replace{transition:opacity 0.2s ease-in-out}img.webp-replace.loading{opacity:.8}img[data-webp-src]{transition:opacity 0.3s ease}img[data-webp-src]:not(.webp-loaded){opacity:.9}.webp-debug-info{position:fixed;top:10px;right:10px;background:rgb(0 0 0 / .8);color:#fff;padding:10px;border-radius:4px;font-family:monospace;font-size:12px;z-index:9999;display:none}.webp-debug-info.visible{display:block}.webp-performance-badge{position:fixed;bottom:20px;right:20px;background:#27ae60;color:#fff;padding:8px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;box-shadow:0 2px 10px rgb(0 0 0 / .1);opacity:0;transition:opacity 0.3s ease;z-index:1000}.webp-performance-badge.show{opacity:1}.webp-performance-badge.savings{background:#3498db}.gallery .webp-loaded{transform:scale(1);transition:transform 0.2s ease,opacity 0.3s ease}.webp-responsive{width:100%;height:auto;display:block}.webp-bg-container{background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image 0.3s ease}@media (max-width:768px){.webp-mobile-optimized{image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast}}@media print{.webp-supported img[data-original-src]{content:attr(data-original-src)}}.webp-loading[alt]{position:relative}.webp-loading[alt]:after{content:"Loading " attr(alt) "...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgb(0 0 0 / .7);color:#fff;padding:5px 10px;border-radius:3px;font-size:12px;white-space:nowrap;pointer-events:none}.webp-error{border:2px solid #e74c3c;opacity:.7}.webp-error:after{content:"WebP Load Error";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#e74c3c;color:#fff;padding:3px 8px;border-radius:3px;font-size:10px;pointer-events:none}.wp-block-image .webp-loaded{max-width:100%;height:auto}.wp-block-gallery .webp-loaded{object-fit:cover}.admin-bar .webp-debug-info{top:42px}.webp-hint{display:none;position:absolute;background:rgb(0 0 0 / .9);color:#27ae60;padding:4px 8px;border-radius:3px;font-size:10px;font-weight:700;text-transform:uppercase;z-index:1001;pointer-events:none}.webp-supported .webp-hint{display:block}.webp-optimized{position:relative}.webp-optimized:before{content:"WebP";position:absolute;top:5px;left:5px;background:rgb(39 174 96 / .9);color:#fff;padding:2px 6px;border-radius:3px;font-size:8px;font-weight:700;text-transform:uppercase;opacity:0;transition:opacity 0.3s ease;z-index:10}.webp-debug .webp-optimized:before{opacity:1}.webp-converting{position:relative;overflow:hidden}.webp-converting:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .4),transparent);animation:webp-shimmer 1.5s infinite}@keyframes webp-shimmer{0%{left:-100%}100%{left:100%}}