.css-design-tool__preview{display:grid;place-items:center;min-height:190px;margin:1rem 0;padding:1.25rem;border:1px solid var(--border,#dbe2ea);border-radius:1rem;background:linear-gradient(135deg,#f4f7fc,#fff);overflow:hidden}.css-design-tool__preview>div{display:grid;place-items:center;width:min(13rem,65vw);aspect-ratio:1.6;border-radius:1rem;background:linear-gradient(135deg,#111827,#34445c);color:#fff;font-size:1.15rem;font-weight:700;box-shadow:0 12px 28px #1018282b}.css-design-tool__preview--filter>div{gap:.35rem;background:linear-gradient(135deg,#8bd8c4,#5469c8 52%,#f3a169)}.css-design-tool__preview--filter small{font-size:.8rem;font-weight:500}.css-design-tool__preview [data-css-animation-preview]{animation-fill-mode:both}.css-design-tool [data-css-output]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;text-align:left;unicode-bidi:plaintext}.css-design-tool__preview [data-clip-preview]{background:linear-gradient(135deg,#7dd3fc,#4f46e5)}@keyframes uv-fade{0%{opacity:0}to{opacity:1}}@keyframes uv-slide{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes uv-bounce{0%{transform:translateY(-18px)}65%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes uv-rotate{0%{transform:rotate(-12deg)}to{transform:rotate(0)}}@keyframes uv-pulse{0%{transform:scale(.94)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.css-design-tool__preview [data-css-animation-preview]{animation:none!important}}