.cpv[data-astro-cid-vhynnhzvkdrce]{border:1px solid var(--c-border,#e2e8f0);background:var(--c-surface,#f8fafc);color:var(--c-text,#0f172a);border-radius:12px;margin:2.5rem 0;padding:1.5rem}.cpv--embed[data-astro-cid-vhynnhzvkdrce]{padding:1.25rem}.cpv__head[data-astro-cid-vhynnhzvkdrce]{margin-bottom:1rem}.cpv__title[data-astro-cid-vhynnhzvkdrce]{margin:0 0 .5rem;font-size:1.4rem;line-height:1.25}.cpv--embed[data-astro-cid-vhynnhzvkdrce] .cpv__title[data-astro-cid-vhynnhzvkdrce]{font-size:1.2rem}.cpv__lede[data-astro-cid-vhynnhzvkdrce]{color:var(--c-text-muted,#475569);margin:0;font-size:.95rem;line-height:1.6}.cpv__presets[data-astro-cid-vhynnhzvkdrce]{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.cpv__preset[data-astro-cid-vhynnhzvkdrce]{font:inherit;color:var(--c-text,#0f172a);background:var(--c-bg,#fff);border:1px solid var(--c-border,#e2e8f0);cursor:pointer;border-radius:999px;padding:.35rem .7rem;font-size:.82rem;font-weight:600}.cpv__preset[data-astro-cid-vhynnhzvkdrce]:hover{border-color:var(--c-accent,#6366f1);color:var(--c-accent,#6366f1)}.cpv__controls[data-astro-cid-vhynnhzvkdrce]{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.6rem;margin-bottom:1rem;display:grid}.cpv__field[data-astro-cid-vhynnhzvkdrce]{text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted,#475569);flex-direction:column;gap:.25rem;font-size:.78rem;font-weight:700;display:flex}.cpv__field[data-astro-cid-vhynnhzvkdrce] em[data-astro-cid-vhynnhzvkdrce]{text-transform:none;letter-spacing:0;font-style:normal;font-weight:400}.cpv__field[data-astro-cid-vhynnhzvkdrce] input[data-astro-cid-vhynnhzvkdrce]{font:inherit;text-transform:none;letter-spacing:0;color:var(--c-text,#0f172a);background:var(--c-bg,#fff);border:1px solid var(--c-border,#e2e8f0);border-radius:6px;padding:.45rem .55rem;font-size:.95rem;font-weight:400}.cpv__viewport-row[data-astro-cid-vhynnhzvkdrce]{flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.5rem;margin-bottom:.9rem;display:flex}.cpv__slider[data-astro-cid-vhynnhzvkdrce]{flex-direction:column;flex:16rem;gap:.3rem;font-size:.85rem;font-weight:600;display:flex}.cpv__slider[data-astro-cid-vhynnhzvkdrce] input[data-astro-cid-vhynnhzvkdrce]{width:100%;accent-color:var(--c-accent,#6366f1)}.cpv__computed[data-astro-cid-vhynnhzvkdrce]{margin:0;font-size:.9rem}.cpv__computed[data-astro-cid-vhynnhzvkdrce] strong[data-astro-cid-vhynnhzvkdrce]{font-variant-numeric:tabular-nums;font-size:1.15rem}.cpv__badge[data-astro-cid-vhynnhzvkdrce][hidden],.cpv__warn[data-astro-cid-vhynnhzvkdrce][hidden]{display:none}.cpv__badge[data-astro-cid-vhynnhzvkdrce]{color:#fff;background:var(--c-accent,#6366f1);border-radius:999px;margin-left:.4rem;padding:.1rem .45rem;font-size:.72rem;font-weight:700;display:inline-block}.cpv__stage[data-astro-cid-vhynnhzvkdrce]{margin-bottom:.9rem;overflow-x:auto}.cpv__frame[data-astro-cid-vhynnhzvkdrce]{background:var(--c-bg,#fff);border:1px dashed var(--c-border,#cbd5e1);border-radius:8px;max-width:100%;padding:1rem}.cpv__frame-label[data-astro-cid-vhynnhzvkdrce]{text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted,#64748b);margin:0 0 .6rem;font-size:.72rem;font-weight:700}.cpv__sample[data-astro-cid-vhynnhzvkdrce]{margin:0 0 .4rem;line-height:1.15}.cpv__sample-body[data-astro-cid-vhynnhzvkdrce]{color:var(--c-text-muted,#475569);margin:0;line-height:1.6}.cpv__warnings[data-astro-cid-vhynnhzvkdrce]{margin-bottom:.9rem}.cpv__warn[data-astro-cid-vhynnhzvkdrce]{border-radius:6px;margin:0 0 .4rem;padding:.5rem .7rem .5rem 1.1rem;font-size:.85rem;line-height:1.5;position:relative;overflow:hidden}.cpv__warn[data-astro-cid-vhynnhzvkdrce]:before{content:"";background:var(--cpv-warn-accent);width:6px;position:absolute;top:0;bottom:0;left:0}.cpv__warn[data-astro-cid-vhynnhzvkdrce]:last-child{margin-bottom:0}.cpv__warn--bad[data-astro-cid-vhynnhzvkdrce]{--cpv-warn-accent:#b91c1c;background:#b91c1c12}.cpv__warn--ok[data-astro-cid-vhynnhzvkdrce]{--cpv-warn-accent:#15803d;background:#15803d12}.cpv__output[data-astro-cid-vhynnhzvkdrce]{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.8rem;display:flex}.cpv__output[data-astro-cid-vhynnhzvkdrce] pre[data-astro-cid-vhynnhzvkdrce]{color:#e2e8f0;background:#0f172a;border-radius:6px;flex:20rem;margin:0;padding:.7rem .85rem;font-size:.85rem;overflow-x:auto}.cpv__copy[data-astro-cid-vhynnhzvkdrce]{font:inherit;color:#fff;background:var(--c-accent,#4f46e5);cursor:pointer;border:none;border-radius:6px;padding:.5rem .9rem;font-size:.85rem;font-weight:700}.cpv__note[data-astro-cid-vhynnhzvkdrce],.cpv__more[data-astro-cid-vhynnhzvkdrce]{color:var(--c-text-muted,#475569);margin:0;font-size:.82rem;line-height:1.6}.cpv__more[data-astro-cid-vhynnhzvkdrce]{margin-top:.6rem}@media (prefers-reduced-motion:reduce){.cpv[data-astro-cid-vhynnhzvkdrce] [data-astro-cid-vhynnhzvkdrce],.cpv[data-astro-cid-vhynnhzvkdrce] [data-astro-cid-vhynnhzvkdrce]:before,.cpv[data-astro-cid-vhynnhzvkdrce] [data-astro-cid-vhynnhzvkdrce]:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}