@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.social-image-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.social-image-loader{animation:spin 1s linear infinite}.social-image-preview{transition:all .3s ease-in-out}.social-image-preview:hover{transform:scale(1.02)}.social-image-action-button{transition:all .2s ease-in-out}.social-image-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.social-image-modal{backdrop-filter:blur(4px)}.social-image-debug{font-family:Courier New,monospace;font-size:11px;color:#666;background-color:#f8f9fa;padding:4px 8px;border-radius:4px;border:1px solid #e9ecef}.social-image-preview-scale{transform:scale(.55);transform-origin:center center;transition:transform .3s ease-in-out}@media (max-width:480px){.social-image-preview-scale{transform:scale(.45)}}@media (min-width:481px) and (max-width:640px){.social-image-preview-scale{transform:scale(.5)}}@media (min-width:641px) and (max-width:768px){.social-image-preview-scale{transform:scale(.55)}}@media (min-width:769px) and (max-width:1024px){.social-image-preview-scale{transform:scale(.6)}}@media (min-width:1025px){.social-image-preview-scale{transform:scale(.65)}}.social-image-sheet-mobile .social-image-preview-scale{transform:scale(.4)}@media (min-width:400px){.social-image-sheet-mobile .social-image-preview-scale{transform:scale(.45)}}@media (min-width:640px){.social-image-sheet-mobile .social-image-preview-scale{transform:scale(.5)}}