html,body{margin:0;padding:0}*{box-sizing:border-box}html[data-standalone]{--sb-text:#0f172a;--sb-bg:#f8fafc;--sb-surface:#ffffff;--sb-border:#dfe1e2;--sb-accent:#0ea5e9;--sb-muted:#475569;background:var(--sb-bg,#fff);color:var(--sb-text,#0f172a);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html[data-standalone] body{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(16px,4vw,48px)}.sb-code-component{font-family:var(--sb-font-family, inherit);color:var(--sb-text, inherit);max-width:100%}.sb-code-component :where(h1,h2,h3,h4,h5,h6){font-family:var(--sb-heading-font-family, var(--sb-font-family, inherit))}.sb-code-component :where(h1){font-size:var(--sb-h1-size, 2.5rem);font-weight:var(--sb-h1-weight, 700);line-height:var(--sb-h1-lh, 1.15);letter-spacing:var(--sb-h1-ls, normal)}.sb-code-component :where(h2){font-size:var(--sb-h2-size, 2rem);font-weight:var(--sb-h2-weight, 700);line-height:var(--sb-h2-lh, 1.2);letter-spacing:var(--sb-h2-ls, normal)}.sb-code-component :where(h3){font-size:var(--sb-h3-size, 1.5rem);font-weight:var(--sb-h3-weight, 600);line-height:var(--sb-h3-lh, 1.3);letter-spacing:var(--sb-h3-ls, normal)}.sb-code-component :where(h4){font-size:var(--sb-h4-size, 1.25rem);font-weight:var(--sb-h4-weight, 600);line-height:var(--sb-h4-lh, 1.4);letter-spacing:var(--sb-h4-ls, normal)}.sb-code-component :where(h5){font-size:var(--sb-h5-size, 1.125rem);font-weight:var(--sb-h5-weight, 600);line-height:var(--sb-h5-lh, 1.4)}.sb-code-component :where(h6){font-size:var(--sb-h6-size, 1rem);font-weight:var(--sb-h6-weight, 600);line-height:var(--sb-h6-lh, 1.4)}.sb-code-component :where(p,li,blockquote,figcaption,dd,dt){font-size:var(--sb-body-size, inherit);line-height:var(--sb-body-lh, inherit)}.sb-code-component :where(input,textarea,select){background:var(--sb-surface, #ffffff);color:var(--sb-text, inherit);border:1px solid var(--sb-border, #e5e7eb);border-radius:6px;padding:8px 10px;font:inherit;color-scheme:light}.sb-code-component :where(button,input,textarea,select){font-family:inherit;letter-spacing:inherit}:where(.sb-code-component[data-cc-ready])>*{animation:cc-content-in .18s ease both}@keyframes cc-content-in{0%{opacity:0}}@media (prefers-reduced-motion: reduce){:where(.sb-code-component[data-cc-ready])>*{animation:none}}