.image-animation-container{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.animated-image{width:100%;height:100%;object-fit:cover}@keyframes panRight{0%{transform:scale(1.2) translate(-10%)}to{transform:scale(1.2) translate(0)}}.animate-pan-right{animation:panRight var(--animation-duration, 5s) linear infinite;transform-origin:center center}@keyframes panLeft{0%{transform:scale(1.2) translate(0)}to{transform:scale(1.2) translate(-10%)}}.animate-pan-left{animation:panLeft var(--animation-duration, 5s) linear infinite;transform-origin:center center}@keyframes panDown{0%{transform:scale(1.2) translateY(-10%)}to{transform:scale(1.2) translateY(0)}}.animate-pan-down{animation:panDown var(--animation-duration, 5s) linear infinite;transform-origin:center center}@keyframes panUp{0%{transform:scale(1.2) translateY(0)}to{transform:scale(1.2) translateY(-10%)}}.animate-pan-up{animation:panUp var(--animation-duration, 5s) linear infinite;transform-origin:center center}@keyframes zoomIn{0%{transform:scale(1)}to{transform:scale(1.5)}}.animate-zoom-in{animation:zoomIn var(--animation-duration, 5s) ease-in-out infinite;transform-origin:center center}@keyframes zoomOut{0%{transform:scale(1.5)}to{transform:scale(1)}}.animate-zoom-out{animation:zoomOut var(--animation-duration, 5s) ease-in-out infinite;transform-origin:center center}@keyframes zoomInPanRight{0%{transform:scale(1) translate(-5%)}to{transform:scale(1.5) translate(0)}}.animate-zoom-in-pan-right{animation:zoomInPanRight var(--animation-duration, 5s) ease-in-out infinite;transform-origin:center center}@keyframes zoomInPanLeft{0%{transform:scale(1) translate(5%)}to{transform:scale(1.5) translate(0)}}.animate-zoom-in-pan-left{animation:zoomInPanLeft var(--animation-duration, 5s) ease-in-out infinite;transform-origin:center center}@keyframes zoomInPanDown{0%{transform:scale(1) translateY(-8%)}to{transform:scale(1.5) translateY(0)}}.animate-zoom-in-pan-down{animation:zoomInPanDown var(--animation-duration, 5s) ease-in-out infinite;transform-origin:center center}@keyframes zoomInPanUp{0%{transform:scale(1) translateY(8%)}to{transform:scale(1.5) translateY(0)}}.animate-zoom-in-pan-up{animation:zoomInPanUp var(--animation-duration, 5s) ease-in-out infinite;transform-origin:center center}@keyframes zoomOutPanRight{0%{transform:scale(1.5) translate(-5%)}to{transform:scale(1) translate(0)}}.animate-zoom-out-pan-right{animation:zoomOutPanRight var(--animation-duration, 5s) ease-in-out infinite;transform-origin:center center}@keyframes zoomOutPanLeft{0%{transform:scale(1.5) translate(5%)}to{transform:scale(1) translate(0)}}.animate-zoom-out-pan-left{animation:zoomOutPanLeft var(--animation-duration, 5s) ease-in-out infinite;transform-origin:center center}@keyframes rotateCw{0%{transform:scale(1.3) rotate(0)}to{transform:scale(1.3) rotate(8deg)}}.animate-rotate-cw{animation:rotateCw var(--animation-duration, 5s) ease-in-out infinite;transform-origin:center center}@keyframes rotateCcw{0%{transform:scale(1.3) rotate(0)}to{transform:scale(1.3) rotate(-8deg)}}.animate-rotate-ccw{animation:rotateCcw var(--animation-duration, 5s) ease-in-out infinite;transform-origin:center center}@keyframes panDiagonalTlBr{0%{transform:scale(1.3) translate(-8%,-8%)}to{transform:scale(1.3) translate(0)}}.animate-pan-diagonal-tl-br{animation:panDiagonalTlBr var(--animation-duration, 5s) linear infinite;transform-origin:center center}@keyframes panDiagonalTrBl{0%{transform:scale(1.3) translate(8%,-8%)}to{transform:scale(1.3) translate(0)}}.animate-pan-diagonal-tr-bl{animation:panDiagonalTrBl var(--animation-duration, 5s) linear infinite;transform-origin:center center}@keyframes panDiagonalBlTr{0%{transform:scale(1.3) translate(-8%,8%)}to{transform:scale(1.3) translate(0)}}.animate-pan-diagonal-bl-tr{animation:panDiagonalBlTr var(--animation-duration, 5s) linear infinite;transform-origin:center center}@keyframes panDiagonalBrTl{0%{transform:scale(1.3) translate(8%,8%)}to{transform:scale(1.3) translate(0)}}.animate-pan-diagonal-br-tl{animation:panDiagonalBrTl var(--animation-duration, 5s) linear infinite;transform-origin:center center}@keyframes zoomPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.animate-zoom-pulse{animation:zoomPulse var(--animation-duration, 5s) ease-in-out infinite;transform-origin:center center}@keyframes driftRight{0%{transform:scale(1.2) translate(-3%) translateY(-2%)}50%{transform:scale(1.2) translate(0) translateY(2%)}to{transform:scale(1.2) translate(-3%) translateY(-2%)}}.animate-drift-right{animation:driftRight var(--animation-duration, 5s) ease-in-out infinite;transform-origin:center center}@keyframes driftLeft{0%{transform:scale(1.2) translate(3%) translateY(-2%)}50%{transform:scale(1.2) translate(0) translateY(2%)}to{transform:scale(1.2) translate(3%) translateY(-2%)}}.animate-drift-left{animation:driftLeft var(--animation-duration, 5s) ease-in-out infinite;transform-origin:center center}.animation-preview-badge{position:absolute;bottom:8px;left:8px;background:#8b5cf6e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;z-index:10;box-shadow:0 2px 8px #0000004d}.animation-preview-icon{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animation-controls{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:10;opacity:0;transition:opacity .2s}.image-animation-container:hover .animation-controls{opacity:1}.animation-control-button{background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border:1px solid rgba(255,255,255,.2);padding:4px 8px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.animation-control-button:hover{background:#000000e6;transform:scale(1.05)}.animated-image.paused{animation-play-state:paused}.animate-none{animation:none;transform:none}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease-out}