.ux-wave4c [data-tool-workspace=empty]{flex-direction:column;justify-content:flex-start;align-items:center;gap:.85rem;width:100%;padding-top:1.5rem;display:flex}@media (min-width:640px){.ux-wave4c [data-tool-workspace=empty]{min-height:calc(100svh - 14rem);padding-top:2rem}}.ux-wave4c [data-tool-workspace=empty]>p{max-width:36rem;margin-inline:auto}.ux-wave4c-note,.ux-wave4c-hint{color:var(--foreground-muted,#8a8178);margin:0;font-size:.75rem;line-height:1.45}.ux-wave4c-note{text-align:center;max-width:36rem}.ux-wave4c-hint{padding-inline:.35rem}.ux-wave4c-banner{width:min(100%,68rem);margin-inline:auto}.ux-wave4c-banner:not(:empty){margin-bottom:.75rem}.ux-wave4c .ux-4c-settings,.ux-wave4c .ux-4c-result{gap:.85rem;padding-inline:.35rem;display:grid}.ux-wave4c .ux-4c-compare{gap:.85rem;display:grid}@media (min-width:720px){.ux-wave4c .ux-4c-compare{grid-template-columns:1fr 1fr;align-items:start}}.ux-wave4c .ux-4c-compare>div{min-width:0}.ux-wave4c .ux-4c-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--foreground-muted,#8a8178);margin:0 0 .4rem;font-size:.68rem;font-weight:650}.ux-wave4c .ux-stage .ux-4c-preview{background-color:#efeae4;background-image:linear-gradient(45deg,#14100c14 25%,#0000 25%),linear-gradient(-45deg,#14100c14 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#14100c14 75%),linear-gradient(-45deg,#0000 75%,#14100c14 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;border-radius:.9rem;justify-content:center;width:fit-content;max-width:100%;margin-inline:auto;padding:.75rem;display:flex;overflow:hidden}html[data-theme=dark] .ux-wave4c .ux-stage .ux-4c-preview{background-color:#2a2623;background-image:linear-gradient(45deg,#ffffff12 25%,#0000 25%),linear-gradient(-45deg,#ffffff12 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff12 75%),linear-gradient(-45deg,#0000 75%,#ffffff12 75%)}.ux-wave4c .ux-stage .ux-4c-preview img{object-fit:contain;border-radius:.5rem;width:auto;max-width:100%;height:auto;max-height:min(22rem,50svh);display:block}.ux-wave4c .ux-4c-stats{gap:.65rem;display:grid}.ux-wave4c .ux-4c-stats>div{justify-content:space-between;gap:1rem;min-width:0;display:flex}.ux-wave4c .ux-4c-dimensions{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (max-width:767px){.ux-wave4c~aside[aria-label^=About]{margin-top:4.5rem}}