[data-id^="e-ai-preview-container"] { outline: 2px solid var(--e-p-border-con); outline-offset: -2px; }
[data-id^="e-ai-screenshot-container"], [data-id^="e-ai-screenshot-container"] * { animation-duration: 0s !important; animation-iteration-count: 1 !important; transition-duration: 0s !important; }
.e-ai-preview-container--idle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' viewBox='0 0 80 80'%3E%3Cpath fill='%23babfc5' fill-rule='evenodd' d='M60.834 10.833a2.5 2.5 0 0 1 2.5 2.5 4.167 4.167 0 0 0 4.167 4.167 2.5 2.5 0 0 1 0 5 4.167 4.167 0 0 0-4.167 4.166 2.5 2.5 0 1 1-5 0 4.167 4.167 0 0 0-4.167-4.166 2.5 2.5 0 0 1 0-5 4.167 4.167 0 0 0 4.167-4.167 2.5 2.5 0 0 1 2.5-2.5m0 8.792a9 9 0 0 1-.375.375 9 9 0 0 1 .375.375 10 10 0 0 1 .375-.375 10 10 0 0 1-.375-.375m-30-2.125a2.5 2.5 0 0 1 2.5 2.5 17.5 17.5 0 0 0 17.5 17.5 2.5 2.5 0 0 1 0 5 17.5 17.5 0 0 0-17.5 17.5 2.5 2.5 0 0 1-5 0 17.5 17.5 0 0 0-17.5-17.5 2.5 2.5 0 1 1 0-5 17.5 17.5 0 0 0 17.5-17.5 2.5 2.5 0 0 1 2.5-2.5m0 12.808A22.5 22.5 0 0 1 21.142 40a22.5 22.5 0 0 1 9.692 9.692A22.5 22.5 0 0 1 40.526 40a22.5 22.5 0 0 1-9.692-9.692m30 20.525a2.5 2.5 0 0 1 2.5 2.5 4.167 4.167 0 0 0 4.167 4.167 2.5 2.5 0 0 1 0 5 4.167 4.167 0 0 0-4.167 4.166 2.5 2.5 0 1 1-5 0 4.167 4.167 0 0 0-4.167-4.166 2.5 2.5 0 0 1 0-5 4.167 4.167 0 0 0 4.167-4.167 2.5 2.5 0 0 1 2.5-2.5m0 8.792a9 9 0 0 1-.375.375 9 9 0 0 1 .375.375 10 10 0 0 1 .375-.375 10 10 0 0 1-.375-.376' clip-rule='evenodd' opacity='.4'/%3E%3C/svg%3E"); background-position: 50% center; background-repeat: no-repeat; background-size: 80px auto; height: 154px; }
.e-ai-preview-container--hidden, .e-ai-preview-container--idle > * { display: none !important; }
.e-ai-layout-button { position: relative; }
.e-ai-layout-button--sparkle { --animation-duration: 1.5s; --opacity: .2; --size: 6px; aspect-ratio: 1 / 1; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' fill='none' viewBox='0 0 6 6'%3E%3Cpath fill='%230c0d0e' fill-rule='evenodd' d='M3 .25a.75.75 0 0 1 .693.463L4.16 1.84l1.127.467a.75.75 0 0 1 0 1.386L4.16 4.16l-.467 1.127a.75.75 0 0 1-1.386 0L1.84 4.16.713 3.693a.75.75 0 0 1 0-1.386L1.84 1.84 2.307.713A.75.75 0 0 1 3 .25' clip-rule='evenodd'/%3E%3C/svg%3E"); background-size: cover; display: block; height: var(--size); opacity: 0; position: absolute; z-index: 99999; }
.e-ai-layout-button--sparkle:first-child, .e-ai-layout-button--sparkle:nth-child(2), .e-ai-layout-button--sparkle:nth-child(3) { right: 12px; top: 12px; }
.e-ai-layout-button--sparkle:nth-child(4), .e-ai-layout-button--sparkle:nth-child(5), .e-ai-layout-button--sparkle:nth-child(6), .e-ai-layout-button--sparkle:nth-child(7) { right: 12px; top: 22px; }
.e-ai-layout-button--sparkle:first-child { --opacity: .3; --size: 4px; --animation-name: sparkle-1; }
.e-ai-layout-button--sparkle:nth-child(2) { --opacity: .3; --size: 4px; --animation-delay: .7s; --animation-name: sparkle-2; }
.e-ai-layout-button--sparkle:nth-child(3) { --animation-delay: 3.5s; --animation-name: sparkle-3; }
.e-ai-layout-button--sparkle:nth-child(4) { --animation-delay: .5s; --animation-name: sparkle-4; }
.e-ai-layout-button--sparkle:nth-child(5) { --animation-delay: 1.5s; --animation-name: sparkle-5; }
.e-ai-layout-button--sparkle:nth-child(6) { --animation-delay: 2.5s; --animation-name: sparkle-6; }
.e-ai-layout-button--sparkle:nth-child(7) { --opacity: .3; --animation-delay: .7s; --animation-name: sparkle-7; }
.e-ai-layout-button:hover .e-ai-layout-button--sparkle { --timing: cubic-bezier(0,1.18,.96,.75); animation: var(--animation-name) var(--animation-duration) var(--animation-delay,0s) var(--timing) infinite both,sparkle-opacity var(--animation-duration) var(--animation-delay,0s) var(--timing) infinite both; }
@keyframes sparkle-opacity { 
  50% { opacity: var(--opacity); }
  100% { opacity: 0; }
}
@keyframes sparkle-1 { 
  100% { transform: translate(16px, -12px); }
}
@keyframes sparkle-2 { 
  100% { transform: translate(16px, 12px); }
}
@keyframes sparkle-3 { 
  100% { transform: translate(12px, 8px); }
}
@keyframes sparkle-4 { 
  100% { transform: translate(16px, 16px); }
}
@keyframes sparkle-5 { 
  100% { transform: translate(12px, 16px); }
}
@keyframes sparkle-6 { 
  100% { transform: translate(-8px, -24px); }
}
@keyframes sparkle-7 { 
  100% { transform: translate(-20px, 16px); }
}