.optimized-image-container{position:relative;display:inline-block;overflow:hidden;background-color:var(--color-muted);border-radius:var(--radius-md)}.optimized-image{transition:all var(--transition-normal);width:100%;height:auto}.optimized-image-loading{opacity:0}.optimized-image-loaded{opacity:1;display:none}.optimized-image-error{opacity:.5;filter:grayscale(100%)}.optimized-image-fill{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.optimized-image-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,var(--color-muted) 25%,var(--color-accent) 50%,var(--color-muted) 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:inherit}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.optimized-image-container:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:50%;background-size:contain;opacity:0;pointer-events:none}.optimized-image-error+.optimized-image-container:after{opacity:.5}@media (max-width:768px){.optimized-image-container{border-radius:var(--radius-sm)}}.image-modal-trigger{position:relative;display:inline-block;cursor:pointer;border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast)}.image-modal-trigger:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.image-modal-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all var(--transition-fast)}.image-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast)}.image-modal-trigger:hover .image-modal-overlay{opacity:1}.image-modal-overlay .zoom-icon{width:32px;height:32px;color:white;background-color:rgba(0,0,0,.7);padding:var(--spacing-sm);border-radius:var(--radius-full)}.image-modal-content{max-width:90vw;max-height:90vh;padding:0;background:transparent;border:none}.image-modal-full{width:100%;height:auto;max-width:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-lg)}@media (max-width:768px){.image-modal-content{max-width:95vw;max-height:95vh}.image-modal-overlay .zoom-icon{width:24px;height:24px;padding:var(--spacing-xs)}}