#wgcdAnimations{margin:16px 0;padding:16px;border:1px solid #e3d3e4;border-radius:16px;background:#fcf8fc;color:#322539}#wgcdAnimations summary{cursor:pointer;font-weight:700;font-size:18px}#wgcdAnimations input,#wgcdAnimations select{max-width:100%;padding:9px;margin:8px 4px 8px 0;border:1px solid #c9b7cd;border-radius:7px}#wgcdAnimationItems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}#wgcdAnimationItems article{background:#fff;border:1px solid #e7dce9;border-radius:12px;padding:10px;min-width:0}#wgcdAnimationItems img,#wgcdAnimationItems video{width:100%;aspect-ratio:1;object-fit:contain;border-radius:7px;background:#f7f2f8}#wgcdAnimationItems strong{display:block;font-size:13px;margin:8px 0;line-height:1.4}#wgcdAnimations button{padding:8px 10px;border:1px solid #b691bc;border-radius:7px;background:#fff;color:#613975;cursor:pointer;margin:3px;font-size:13px}#wgcdAnimations button[aria-pressed=true]{background:#6f417f;color:#fff}#wgcdAnimations :focus-visible{outline:3px solid #a062af;outline-offset:3px}#wgcdAnimations button:disabled{opacity:.5;cursor:default}#wgcdAnimationStatus{font-size:14px;line-height:1.5}#wgcdAnimationItems [hidden]{display:none!important}.wgcd-animation-preview-left{display:none}.wgcd-preview-card.has-animation .wgcd-preview-inside{width:200%;transform:translateX(-25%);display:grid;grid-template-columns:1fr 1fr}.wgcd-preview-card.has-animation .wgcd-animation-preview-left{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.wgcd-preview-card.has-animation .wgcd-preview-brand{left:50%}@media(max-width:600px){#wgcdAnimationItems{grid-template-columns:repeat(2,minmax(0,1fr))}.wgcd-preview-card.has-animation{width:min(240px,44vw)}}

/* Match the recipient spread: keep both inside pages hidden behind a closed cover.
   The cover's blank reverse must not paint over the new inside-left video. */
.wgcd-preview-card.has-animation .wgcd-preview-inside{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);opacity:0;visibility:hidden;transition:opacity .35s .25s,visibility 0s .6s;pointer-events:none}
.wgcd-preview-card.has-animation.open .wgcd-preview-inside{opacity:1;visibility:visible;transition:opacity .35s .25s,visibility 0s}
.wgcd-preview-card.has-animation .wgcd-preview-back{visibility:hidden}
.wgcd-preview-card.has-animation .wgcd-preview-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.wgcd-preview-card.has-animation .wgcd-preview-inside>img,.wgcd-preview-card.has-animation .wgcd-animation-preview-left{min-width:0;min-height:0}

/* Fit the full spread within the preview on narrow or short screens. */
.wgcd-preview-card.has-animation{width:min(360px,calc((96vw - 72px)/2),calc((92vh - 172px)*.8))}

.wgcd-preview-card.has-animation .wgcd-preview-cover{pointer-events:none}
.wgcd-preview-card.has-animation.open .wgcd-preview-inside{pointer-events:auto}
