.dw-bg-live-preview{display:none;margin-top:1rem;border:1px solid #dbe4ff;border-radius:20px;background:linear-gradient(145deg,#fff,#f5f7ff);padding:14px;box-shadow:0 14px 34px rgba(74,58,255,.08)}
.dw-bg-live-preview.is-ready{display:block;animation:dwFadeUp .38s ease both}.dw-bg-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dw-bg-preview-head strong{display:block;color:#172033}.dw-bg-preview-head small{color:#667085}.dw-bg-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dw-bg-preview-tile{position:relative;min-height:210px;border-radius:16px;overflow:hidden;background:#eef2ff;display:grid;place-items:center}.dw-bg-preview-tile.checker{background-color:#fff;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.dw-bg-preview-tile img{max-width:100%;max-height:310px;object-fit:contain}.dw-bg-preview-tile.checker img{filter:saturate(.92);opacity:.88}.dw-bg-preview-tile span{position:absolute;left:10px;top:10px;padding:5px 9px;border-radius:999px;background:rgba(17,24,39,.82);color:#fff;font-size:11px;font-weight:800}.dw-bg-preview-pending{position:absolute;inset:auto 12px 12px;display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.9);color:#475467;font-size:12px;backdrop-filter:blur(8px)}.dw-bg-engine-health{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.dw-bg-engine-health span{border:1px solid #e4e7ec;background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;color:#667085}.dw-bg-engine-health span.is-active{border-color:#8b5cf6;color:#6d28d9;background:#f5f3ff}.dw-compare-play{display:inline-flex;align-items:center;gap:7px;border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:10px;padding:7px 10px;font-weight:750;font-size:12px;cursor:pointer}.dw-compare-play:hover{border-color:#8b5cf6;color:#6d28d9}.toolbox-before-after-stage{transition:background-color .25s ease}.toolbox-after-image{background-color:#fff;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}@keyframes dwFadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:700px){.dw-bg-preview-grid{grid-template-columns:1fr}.dw-bg-preview-tile{min-height:170px}.dw-compare-play span{display:none}}@media(prefers-reduced-motion:reduce){.dw-bg-live-preview.is-ready{animation:none}}