.wc-preview{color:#ffffffdb;pointer-events:none;user-select:none;width:100%;max-width:30rem;margin-inline:auto;padding:1.75rem .5rem;font-size:.8125rem;position:relative}.wc-preview__halo{background:radial-gradient(60% 60% at 30% 30%, color-mix(in srgb, var(--color-effect-glow-2) 55%, transparent), transparent 70%), radial-gradient(50% 50% at 80% 80%, color-mix(in srgb, var(--color-hero-on-dark-accent) 35%, transparent), transparent 70%);filter:blur(42px);opacity:.75;border-radius:2rem;position:absolute;inset:8% 4% 4%}.wc-preview__window{-webkit-backdrop-filter:blur(14px);background:linear-gradient(160deg,#ffffff1a,#ffffff09);border:1px solid #ffffff1f;border-radius:1.25rem;animation:7s ease-in-out infinite wc-preview-float;position:relative;overflow:hidden;box-shadow:0 1.75rem 4rem #00000073,inset 0 1px #ffffff1f}.wc-preview__bar{background:#00000038;border-bottom:1px solid #ffffff14;align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex}.wc-preview__dots{gap:.3rem;display:inline-flex}.wc-preview__dots i{background:#ffffff38;border-radius:999px;width:.5rem;height:.5rem}.wc-preview__url{color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;background:#ffffff12;border-radius:999px;flex:1;min-width:0;padding:.3rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;overflow:hidden}.wc-preview__status{color:#ffffffc7;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;display:inline-flex}.wc-preview__status:before{content:"";background:var(--color-demo-sage);border-radius:999px;width:.45rem;height:.45rem;box-shadow:0 0 0 .2rem #589a8240}.wc-preview__body{gap:1rem;padding:1.1rem;display:grid;position:relative}.wc-preview__scan{inset-inline:0;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--color-hero-on-dark-accent) 22%, transparent), transparent);height:3.5rem;animation:4.5s ease-in-out infinite wc-preview-scan;position:absolute;top:0}.wc-preview__totals,.wc-preview__areas{margin:0;padding:0;list-style:none;position:relative}.wc-preview__totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.wc-preview__total{background:#ffffff0d;border:1px solid #ffffff14;border-radius:.85rem;gap:.15rem;padding:.7rem .75rem;display:grid}.wc-preview__total strong{color:#fff;font-size:1.5rem;font-weight:650;line-height:1}.wc-preview__total span{color:#ffffff9e;font-size:.72rem}.wc-preview__total:before{content:"";border-radius:999px;width:1.5rem;height:.2rem;margin-bottom:.4rem}.wc-preview__total--error:before{background:var(--color-demo-rose)}.wc-preview__total--warning:before{background:var(--color-accent-400)}.wc-preview__total--info:before{background:var(--color-demo-blue)}.wc-preview__areas{gap:.6rem;display:grid}.wc-preview__areas li{grid-template-columns:minmax(0,11.5rem) minmax(0,1fr) 1.25rem;align-items:center;gap:.75rem;display:grid}.wc-preview__area-label{color:#ffffffc7;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.wc-preview__area-track{background:#ffffff14;border-radius:999px;height:.4rem;overflow:hidden}.wc-preview__area-fill{width:var(--wc-fill);border-radius:inherit;background:linear-gradient(90deg, var(--color-effect-glow-2), var(--color-hero-on-dark-accent));transform-origin:0;height:100%;animation:1.4s cubic-bezier(.22,1,.36,1) both wc-preview-fill;display:block}.wc-preview__area-count{color:#fff;text-align:right;font-size:.75rem;font-weight:600}.wc-preview__finding{background:#b889a61a;border:1px solid #b889a659;border-radius:.85rem;padding:.8rem .9rem;position:relative}.wc-preview__finding-meta{color:#fff9;flex-wrap:wrap;align-items:center;gap:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;display:flex}.wc-preview__severity{background:var(--color-demo-rose);color:#1a0d14;letter-spacing:.02em;border-radius:999px;padding:.1rem .5rem;font-family:inherit;font-weight:700}.wc-preview__finding p{color:#fff;margin:.45rem 0 0;font-size:.8125rem;font-weight:550;line-height:1.4}.wc-preview__chip{z-index:2;color:#ffffffe6;-webkit-backdrop-filter:blur(10px);background:#100c22c7;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:600;animation:6s ease-in-out infinite wc-preview-float;display:inline-flex;position:absolute;box-shadow:0 .75rem 1.75rem #00000059}.wc-preview__chip:before{content:"";background:var(--color-demo-sage);border-radius:999px;width:.4rem;height:.4rem}.wc-preview__chip--1{animation-delay:-1s;top:0;left:-.5rem}.wc-preview__chip--2{animation-delay:-3s;top:.35rem;right:1.5rem}.wc-preview__chip--3{animation-delay:-2s;bottom:.15rem;left:2rem}.wc-preview__chip--4{animation-delay:-4s;bottom:2.75rem;right:-.75rem}@keyframes wc-preview-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wc-preview-scan{0%{opacity:0;transform:translateY(-3.5rem)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(19rem)}}@keyframes wc-preview-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=30rem){.wc-preview__areas li{grid-template-columns:minmax(0,1fr) 1.25rem;grid-template-areas:"label count""track track";row-gap:.35rem}.wc-preview__area-label{grid-area:label}.wc-preview__area-track{grid-area:track}.wc-preview__area-count{grid-area:count}.wc-preview__chip--1,.wc-preview__chip--4{display:none}}