*,*:before,*:after{box-sizing:border-box}:root{--demo-bg: #f4f4f8;--demo-surface: #ffffff;--demo-surface-muted: #f8f8fb;--demo-border: #e2e4ea;--demo-border-strong: #cfd3dc;--demo-text: #12121a;--demo-text-muted: #5c6070;--demo-accent: #0066cc;--demo-accent-soft: rgba(0, 102, 204, .1);--demo-shadow: 0 18px 48px rgba(18, 18, 26, .08);--demo-radius: 12px;--demo-radius-sm: 8px;--panel-width: 440px;--site-header-height: 3.25rem;--docs-content-width: 72rem;--docs-sidebar-width: 15rem;--docs-gutter: max(clamp(1rem, 3vw, 2rem), calc((100vw - var(--docs-content-width)) / 2));--scrollbar-size: 8px;--scrollbar-thumb: color-mix(in srgb, var(--demo-border-strong) 85%, transparent);--scrollbar-track: transparent}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{border-radius:999px;background:var(--scrollbar-thumb)}*::-webkit-scrollbar-corner{background:var(--scrollbar-track)}body{display:flex;flex-direction:column;min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.55;color:var(--demo-text);background:var(--demo-bg);transition:background .2s ease,color .2s ease}html:has(.site-page){height:100%;overflow:hidden}.site-page{display:flex;flex-direction:column;height:100dvh;min-height:100dvh;overflow:hidden}.site-main{flex:1 1 auto;box-sizing:border-box;width:100%;min-width:0;min-height:0;padding-inline:var(--docs-gutter);overflow-x:clip;overflow-y:auto;overscroll-behavior:none;scroll-padding-top:1rem;-webkit-overflow-scrolling:touch}.skip-link{position:absolute;top:.75rem;left:.75rem;z-index:100;padding:.55rem .85rem;border-radius:var(--demo-radius-sm);background:var(--demo-surface);color:var(--demo-accent);font-size:.82rem;font-weight:600;text-decoration:none;box-shadow:var(--demo-shadow);transform:translateY(-150%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.is-dark,html[data-theme=dark]{--demo-bg: #0b0a18;--demo-surface: #15142b;--demo-surface-muted: #1c1b36;--demo-border: #2d2c45;--demo-border-strong: #3d3c58;--demo-text: #ececf2;--demo-text-muted: #a4a7b8;--demo-accent: #6eb6ff;--demo-accent-soft: rgba(110, 182, 255, .12);--demo-shadow: 0 18px 48px rgba(0, 0, 0, .35)}.site-header{position:sticky;top:0;height:var(--site-header-height);z-index:10;flex:0 0 auto;overflow:visible;border-bottom:1px solid var(--demo-border);background:color-mix(in srgb,var(--demo-surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-header__inner{display:flex;align-items:center;flex-wrap:nowrap;gap:.65rem 1rem;min-height:var(--site-header-height);padding:.55rem var(--docs-gutter)}.site-brand{flex:0 1 auto;min-width:0;font-size:.88rem;font-weight:700;letter-spacing:-.02em;text-decoration:none;color:var(--demo-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-brand:hover{color:var(--demo-accent)}.site-nav-wrap{position:relative;flex:0 0 auto}.site-nav-toggle{display:none;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;padding:0;border:1px solid var(--demo-border);border-radius:var(--demo-radius-sm);background:var(--demo-surface);color:var(--demo-text);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.site-nav-toggle:hover{border-color:var(--demo-accent);color:var(--demo-accent)}.site-nav-toggle:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}.site-nav-toggle__icon{width:1.1rem;height:1.1rem}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}.site-nav__link{display:block;padding:.35rem .7rem;border-radius:999px;font-size:.82rem;font-weight:600;text-decoration:none;color:var(--demo-text-muted);transition:background .15s ease,color .15s ease}.site-nav__link:hover{color:var(--demo-text);background:var(--demo-surface-muted)}.site-nav__link.is-active{background:var(--demo-accent-soft);color:var(--demo-accent)}.site-links{display:flex;align-items:center;gap:.35rem;flex:0 0 auto;margin-left:auto;overflow:visible}@media(max-width:768px){.site-header__inner{gap:.45rem;padding-inline:clamp(.85rem,3vw,1.25rem)}.site-brand{flex:1 1 auto}.site-nav-toggle{display:inline-flex}.site-nav{display:none;position:absolute;top:calc(100% + .4rem);right:0;z-index:12;flex-direction:column;align-items:stretch;gap:.15rem;min-width:11.5rem;padding:.35rem;border:1px solid var(--demo-border);border-radius:var(--demo-radius);background:var(--demo-surface);box-shadow:var(--demo-shadow)}.site-header.is-nav-open .site-nav{display:flex}.site-nav__link{border-radius:var(--demo-radius-sm)}}.integration-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:1.25rem 1.25rem .95rem;border-bottom:1px solid var(--demo-border)}.integration-panel__header-text{min-width:0}.integration-panel__docs-link{flex:0 0 auto;font-size:.78rem;font-weight:600;text-decoration:none;color:var(--demo-accent)}.integration-panel__docs-link:hover{text-decoration:underline}.page--about .page__content{padding:clamp(1.25rem,2.5vw,1.75rem) 0 clamp(1.5rem,3vw,2.5rem)}.page--about .page__lead{max-width:none}.page__layout{display:grid;grid-template-columns:minmax(0,var(--docs-sidebar-width)) minmax(0,1fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:start}.page--docs .page__layout{width:100%;min-width:0;grid-template-columns:minmax(0,var(--docs-sidebar-width)) minmax(0,1fr)}.page__sidebar{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.page--docs .page__sidebar{min-height:calc(100dvh - var(--site-header-height));max-height:calc(100dvh - var(--site-header-height))}.page__content{min-width:0;width:100%;max-width:100%;min-height:0;overflow:visible}.page--docs .page__content .prose{min-width:0;max-width:100%;overflow-x:clip}.page--docs .page__content{padding:clamp(1.25rem,2.5vw,1.75rem) 0 clamp(1.5rem,3vw,2.5rem) 0}.playground__layout{display:grid;grid-template-columns:var(--panel-width) minmax(0,1fr);align-items:start;gap:0;width:100%;min-width:0}.page--playground .panel{position:sticky;top:0;align-self:start;max-height:calc(100dvh - var(--site-header-height))}.page--playground .preview__header{position:sticky;top:0;z-index:2;border-right:1px solid color-mix(in srgb,var(--demo-border) 85%,transparent)}.page--playground .preview{overflow:visible;min-height:auto}.page--playground .content{flex:none;min-height:0;overflow:visible;border-right:1px solid color-mix(in srgb,var(--demo-border) 85%,transparent)}.page__hero{flex-shrink:0;margin-bottom:1.75rem}.page__eyebrow{margin:0 0 .35rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--demo-accent)}.page__title{margin:0 0 .65rem;font-size:clamp(1.65rem,4vw,2.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.page__lead{margin:0;max-width:52ch;font-size:1.02rem;color:var(--demo-text-muted)}.page__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0}.page__toc{margin-bottom:2rem;padding:1rem 1.15rem;border:1px solid var(--demo-border);border-radius:var(--demo-radius);background:var(--demo-surface)}.page__sidebar.page__toc{margin-bottom:0;padding:clamp(1.25rem,2.5vw,1.75rem) .85rem clamp(1.25rem,2.5vw,1.75rem) 0;border:none;border-left:1px solid color-mix(in srgb,var(--demo-border) 85%,transparent);border-right:1px solid color-mix(in srgb,var(--demo-border) 85%,transparent);border-radius:0;background:linear-gradient(180deg,color-mix(in srgb,var(--demo-surface) 94%,var(--demo-bg)),color-mix(in srgb,var(--demo-surface-muted) 35%,var(--demo-bg)))}.page--docs .page__sidebar.page__toc{padding-left:0}.page__sidebar .page__toc-list{columns:1;flex:1 1 auto;min-height:0;margin:0;padding:0 .15rem 0 0;list-style:none;overflow-y:auto;overscroll-behavior-y:contain}.page__sidebar .page__toc-list li{margin-bottom:.15rem}.page__sidebar .page__toc-list a{display:block;padding:.5rem .75rem;border-left:2px solid transparent;border-radius:0 var(--demo-radius-sm) var(--demo-radius-sm) 0;color:var(--demo-text-muted);font-size:.84rem;font-weight:500;line-height:1.35;text-decoration:none;transition:color .15s ease,background .15s ease,border-color .15s ease}.page__sidebar .page__toc-list a:hover{color:var(--demo-text);text-decoration:none;background:color-mix(in srgb,var(--demo-surface-muted) 75%,transparent)}.page__sidebar .page__toc-list a.is-active{background:var(--demo-accent-soft);border-left-color:var(--demo-accent);color:var(--demo-accent);font-weight:600;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--demo-accent) 14%,transparent)}.page__sidebar .page__toc-list a:focus-visible{outline:2px solid var(--demo-accent);outline-offset:1px}.page__sidebar .page__toc-title{flex-shrink:0;margin:0 0 .85rem;padding:0 .5rem .75rem .65rem;border-bottom:1px solid var(--demo-border);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--demo-text)}.page__toc-title{margin:0 0 .75rem;padding:0 .7rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--demo-text-muted)}.page__toc-list{margin:0;padding-left:1.15rem;columns:2;column-gap:2rem;font-size:.88rem}.page__toc-list li{break-inside:avoid;margin-bottom:.5rem}.page__toc-list li:last-child{margin-bottom:0}.page__toc-list a{display:inline-block;min-width:24px;min-height:24px;padding:.35rem 0;line-height:1.4;color:var(--demo-accent);text-decoration:none}.page__toc-list a:hover{text-decoration:underline}.page__footer{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--demo-border);font-size:.88rem;color:var(--demo-text-muted)}.prose section{margin-bottom:2.25rem;scroll-margin-top:1rem}.prose h2{margin:0 0 .75rem;font-size:1.25rem;letter-spacing:-.02em}.prose ul{padding-left:1.25rem}.prose li+li{margin-top:.35rem}.prose a{color:var(--demo-accent)}.prose .code-block{margin-bottom:1rem}.prose-code-block{position:relative;margin-bottom:1rem}.prose-code-block pre{margin-bottom:0;padding-top:2.35rem;padding-right:4.5rem}.prose pre:not(.code-block__pre){margin:0 0 1rem;padding:.85rem 1rem;border:1px solid var(--demo-border-strong);border-radius:var(--demo-radius-sm);background:#0d0c22;color:#ececf2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.55;max-width:100%;overflow-x:auto}.prose .code-block .code-block__pre{margin:0;padding:.75rem;border:none;border-radius:0;background:transparent;font-size:.72rem}.prose pre code{font:inherit}.prose pre .tok-comment,.code-block__pre .tok-comment{color:#8b8fa8}.prose pre .tok-string,.code-block__pre .tok-string{color:#c3e88d}.prose pre .tok-keyword,.code-block__pre .tok-keyword{color:#c792ea}.prose pre .tok-number,.code-block__pre .tok-number{color:#f78c6c}.prose pre .tok-fn,.code-block__pre .tok-fn{color:#82aaff}.prose pre .tok-property,.code-block__pre .tok-property{color:#89ddff}.prose pre .tok-decorator,.code-block__pre .tok-decorator{color:#ffcb6b}.prose pre .tok-tag,.code-block__pre .tok-tag{color:#f07178}.prose pre .tok-attr,.code-block__pre .tok-attr{color:#c792ea}.prose code:not(pre code){padding:.12rem .35rem;border-radius:4px;background:var(--demo-surface-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84em}.prose-table-wrap{display:block;width:100%;max-width:100%;margin-bottom:1rem;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--demo-border);border-radius:var(--demo-radius-sm);background:var(--demo-surface)}.prose-table{width:100%;min-width:36rem;border-collapse:collapse;font-size:.82rem}.prose-table th,.prose-table td{padding:.55rem .65rem;border:1px solid var(--demo-border);text-align:left;vertical-align:top}.prose-table th{background:var(--demo-surface-muted);font-weight:700}.prose-table code{font-size:.92em}@media(max-width:900px){.site-main{padding-inline:0}.site-main.page--docs{scroll-padding-top:3.5rem}.page--docs .page__layout{grid-template-columns:minmax(0,1fr);gap:0;padding-left:0;width:100%;min-width:0}.page--docs .page__sidebar{min-height:0;max-height:none;width:100%;max-width:100%}.page--docs .page__sidebar.page__toc{position:sticky;top:0;z-index:2;width:100%;max-width:100%;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;border:none;border-bottom:1px solid var(--demo-border);border-radius:0;background:color-mix(in srgb,var(--demo-surface) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page--docs .page__sidebar .page__toc-title{display:none}.page--docs .page__sidebar .page__toc-list{display:flex;flex:none;flex-wrap:nowrap;gap:.35rem;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin:0;padding:.65rem clamp(1rem,3vw,2rem);columns:unset;list-style:none}.page--docs .page__sidebar .page__toc-list li{flex:0 0 auto;margin-bottom:0}.page--docs .page__sidebar .page__toc-list a{display:inline-block;padding:5px 10px;border-left:none;border-radius:999px;white-space:nowrap;box-shadow:none}.page--docs .page__sidebar .page__toc-list a.is-active{background:var(--demo-accent-soft);color:var(--demo-accent);font-weight:600}.page--docs .page__content{padding-top:clamp(1rem,2.5vw,1.5rem);width:100%;min-width:0}.page--docs .page__content .page__hero,.page--docs .page__content .prose,.page--docs .page__content .page__footer{box-sizing:border-box;width:100%;max-width:100%;padding-inline:clamp(1rem,3vw,2rem)}.page--about .page__content .page__hero,.page--about .page__content .prose,.page--about .page__content .page__footer{box-sizing:border-box;width:100%;padding-inline:clamp(1rem,3vw,2rem)}}@media(max-width:640px){.site-links{gap:.25rem}.prose-table-wrap{overflow-x:visible;border:none;background:transparent}.prose-table{min-width:0;width:100%;border:none}.prose-table thead{display:none}.prose-table tbody{display:block}.prose-table tr{display:block;margin-bottom:.85rem;padding:.75rem;border:1px solid var(--demo-border);border-radius:var(--demo-radius-sm);background:var(--demo-surface)}.prose-table tr:last-child{margin-bottom:0}.prose-table td{display:grid;grid-template-columns:5.75rem minmax(0,1fr);gap:.45rem .65rem;padding:.35rem 0;border:none;word-break:break-word}.prose-table td+td{border-top:1px solid var(--demo-border);margin-top:.35rem;padding-top:.55rem}.prose-table td:before{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--demo-text-muted)}.prose-table--cols-4 td:nth-child(1):before{content:"Option"}.prose-table--cols-4 td:nth-child(2):before{content:"Type"}.prose-table--cols-4 td:nth-child(3):before{content:"Default"}.prose-table--cols-4 td:nth-child(4):before{content:"Description"}.prose-table--cols-2 td:nth-child(1):before{content:"Mode"}.prose-table--cols-2 td:nth-child(2):before{content:"Behavior"}}.panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--demo-surface);border-left:1px solid color-mix(in srgb,var(--demo-border) 85%,transparent);border-right:1px solid var(--demo-border);box-shadow:var(--demo-shadow);z-index:2}.panel__header{flex:0 0 auto;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--demo-border);background:linear-gradient(180deg,var(--demo-surface-muted),var(--demo-surface))}.panel__brand{display:flex;align-items:center;gap:.55rem;margin-bottom:.45rem}.panel__badge{display:inline-flex;align-items:center;padding:.18rem .45rem;border-radius:999px;background:var(--demo-accent-soft);color:var(--demo-accent);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.panel__title{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.02em}.panel__hint{margin:0;font-size:.82rem;color:var(--demo-text-muted);line-height:1.5}.panel__hint strong{font-weight:600;color:var(--demo-text)}.btn--block{width:100%}.code-block{position:relative;margin-bottom:.85rem;border:1px solid var(--demo-border-strong);border-radius:var(--demo-radius-sm);background:#0d0c22;overflow:hidden}.code-block--snippet{margin-bottom:0}.code-block__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem 4.25rem .45rem .65rem;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff0a}.code-block__header--secondary{border-top:1px solid rgba(255,255,255,.06)}.code-block__label{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ececf2b8}.code-block__row{display:flex;align-items:stretch;gap:0}.code-block__pre{flex:1 1 auto;margin:0;padding:.75rem;background:transparent;color:#ececf2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.55;overflow-x:auto;white-space:pre}.code-block__pre--tall{max-height:16rem;overflow:auto}.code-block__copy{position:absolute;top:.45rem;right:.45rem;z-index:2;padding:.3rem .65rem;border:1px solid rgba(255,255,255,.35);border-radius:var(--demo-radius-sm);background:#ffffff1a;color:#fff;font:inherit;font-size:.72rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.prose-code-block .code-block__copy{top:.5rem;right:.5rem}.code-block__copy:hover{border-color:#fff9;background:#ffffff2e;color:#fff}.install-tabs,.code-tabs{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:.2rem;padding:.15rem;border-radius:999px;background:#ffffff0f}.code-block__header--tabs{flex-wrap:wrap;align-items:center;gap:.45rem .5rem;padding:.55rem .65rem}.code-block__header--tabs .code-block__label{flex:1 1 auto;min-width:0}.code-block__header--tabs .code-block__copy{position:static;flex:0 0 auto}.code-block__header--tabs .code-tabs{flex:0 0 auto;width:auto;justify-content:flex-start}@media(max-width:820px){.code-block__header--tabs .code-block__label{order:1}.code-block__header--tabs .code-block__copy{order:2}.code-block__header--tabs .code-tabs{order:3;flex:1 1 100%;width:auto;max-width:none;justify-content:flex-start;border-radius:var(--demo-radius-sm);padding:.25rem;gap:.25rem}.code-block__header--tabs .code-tabs--wrap{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.code-block__header--tabs .code-tabs--wrap::-webkit-scrollbar{display:none}}.install-tab,.code-tab{padding:.2rem .5rem;border:none;border-radius:999px;background:transparent;color:#ececf2a6;font:inherit;font-size:.68rem;font-weight:600;cursor:pointer;white-space:nowrap}.install-tab.is-active,.code-tab.is-active{background:#ffffff1f;color:#fff}.integration-cta{display:flex;align-items:center;gap:.55rem;width:100%;margin-top:0;padding:.55rem .65rem;border:1px solid color-mix(in srgb,var(--demo-accent) 30%,var(--demo-border-strong));border-radius:var(--demo-radius-sm);background:var(--demo-surface-muted);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.panel__footer-actions{display:flex;gap:.5rem}.panel__footer-actions .integration-cta{flex:1 1 0;min-width:0}.integration-cta__code--share{background:var(--demo-surface);color:var(--demo-accent);border:1px solid var(--demo-border-strong);font-size:.75rem}.integration-cta:hover{border-color:var(--demo-accent);background:var(--demo-accent-soft);transform:translateY(-1px)}.integration-cta:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}.integration-cta__code{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:6px;background:var(--demo-accent);color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;font-weight:700}.integration-cta__title{flex:1 1 auto;min-width:0;font-size:.78rem;font-weight:600;letter-spacing:-.01em}.integration-panel{margin-bottom:1rem;border:1px solid color-mix(in srgb,var(--demo-accent) 35%,var(--demo-border));border-radius:var(--demo-radius);background:linear-gradient(135deg,var(--demo-accent-soft),var(--demo-surface));box-shadow:0 8px 24px #12121a0a;scroll-margin-top:5.5rem;transition:outline-color .15s ease,box-shadow .15s ease}.integration-panel.is-highlighted{outline:2px solid var(--demo-accent);outline-offset:4px;box-shadow:0 12px 28px #12121a1a}.integration-panel__eyebrow{margin:0 0 .25rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--demo-accent)}.integration-panel__title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.integration-panel__body{padding:1rem 1.25rem 1.25rem}.integration-panel__body .code-block:last-child{margin-bottom:0}.btn{padding:.45rem .85rem;border:1px solid var(--demo-border-strong);border-radius:var(--demo-radius-sm);background:var(--demo-surface);color:inherit;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.btn:hover{border-color:var(--demo-accent)}.btn--primary{border-color:var(--demo-accent);background:var(--demo-accent);color:#fff}.btn--primary:hover{filter:brightness(1.05)}.btn--ghost{background:transparent;color:var(--demo-text-muted)}.btn--sm{padding:.3rem .55rem;font-size:.72rem}.details__value{margin-left:.35rem;font-weight:500;color:var(--demo-text-muted)}.field-note{margin:-.35rem 0 .75rem;font-size:.74rem;color:var(--demo-text-muted)}.panel__section.is-highlighted{animation:section-highlight 1.6s ease}@keyframes section-highlight{0%,15%{background:var(--demo-accent-soft);border-radius:var(--demo-radius-sm)}to{background:transparent}}.app-tabs{display:none}.app-tabs__list{display:flex;width:100%}.app-tabs__btn{flex:1;padding:.65rem 1rem;border:none;border-bottom:2px solid transparent;background:var(--demo-surface);color:var(--demo-text-muted);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.app-tabs__btn.is-active{color:var(--demo-accent);border-bottom-color:var(--demo-accent)}.panel__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:none;padding:0 0 1.5rem 1.25rem;background:var(--demo-surface);-webkit-overflow-scrolling:touch}.panel__body>*{padding-right:1.25rem}.panel__section:first-child{padding-top:.85rem}.panel__footer{flex:0 0 auto;padding:.65rem 1.25rem .75rem;border-top:1px solid var(--demo-border);background:var(--demo-surface);z-index:2}.panel__section+.panel__section{margin-top:1.35rem;padding-top:1.35rem;border-top:1px solid var(--demo-border)}.panel__section-title{position:sticky;top:0;z-index:2;margin:0 0 .85rem;padding:.55rem 0 .45rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--demo-text-muted);background:var(--demo-surface);box-shadow:0 1px 0 var(--demo-border);isolation:isolate}.panel__section-title:before{content:"";position:absolute;left:0;right:0;top:-.85rem;height:.85rem;background:var(--demo-surface);pointer-events:none}.panel__section.is-highlighted .panel__section-title,.panel__section-title:focus{outline:2px solid var(--demo-accent);outline-offset:2px;border-radius:2px}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.8rem}.field__label{font-size:.82rem;font-weight:600}.field__hint{font-weight:500;color:var(--demo-text-muted)}.field input[type=text],.field select{width:100%;padding:.62rem 2.35rem .62rem .75rem;border:1px solid var(--demo-border-strong);border-radius:var(--demo-radius-sm);background-color:var(--demo-surface);color:inherit;font:inherit;font-size:.84rem;font-weight:500;line-height:1.35;box-shadow:0 1px 2px #12121a0a;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.field input[type=text]{padding-right:.75rem}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235c6070' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:1rem}html[data-theme=dark] .field select,body.is-dark .field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a4a7b8' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.field select:hover{border-color:color-mix(in srgb,var(--demo-accent) 45%,var(--demo-border-strong));background-color:var(--demo-surface-muted)}.field input[type=text]:focus,.field select:focus{outline:none;border-color:var(--demo-accent);box-shadow:0 0 0 3px var(--demo-accent-soft)}.field.is-disabled{opacity:.45;pointer-events:none}.field--checkbox{flex-direction:row;align-items:flex-start;gap:.55rem;margin-bottom:.65rem;font-size:.84rem;font-weight:500;color:var(--demo-text-muted)}.field--checkbox input{margin-top:.2rem;accent-color:var(--demo-accent)}.field--range{margin-bottom:.95rem}.range-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.45rem}.range-row input[type=range]{width:100%;accent-color:var(--demo-accent)}.range-value{min-width:2.25rem;padding:.15rem .45rem;border-radius:999px;background:var(--demo-surface-muted);border:1px solid var(--demo-border);font-size:.78rem;font-weight:700;text-align:center}.range-unit{font-size:.75rem;color:var(--demo-text-muted)}.details{margin-bottom:.85rem;border:1px solid var(--demo-border);border-radius:var(--demo-radius-sm);background:var(--demo-surface-muted);overflow:hidden}.details__summary{padding:.65rem .75rem;font-size:.82rem;font-weight:600;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.details__summary::-webkit-details-marker{display:none}.details__summary:after{content:"▾";float:right;color:var(--demo-text-muted);transition:transform .15s ease}.details:not([open]) .details__summary:after{transform:rotate(-90deg)}.details .emoji-picker{padding:0 .75rem .75rem}.emoji-picker__hint{margin:0;padding:0 .75rem .75rem}.emoji-picker{display:flex;flex-direction:column;gap:.65rem;max-height:14rem;overflow-y:auto}.emoji-picker__none{display:flex}.emoji-picker__btn--none{flex:1;font-size:.82rem;font-weight:600}.emoji-picker__category{display:flex;flex-direction:column;gap:.35rem}.emoji-picker__category-label{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--demo-text-muted)}.emoji-picker__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem}.emoji-picker__btn{display:flex;align-items:center;justify-content:center;min-height:2.1rem;padding:.2rem;border:1px solid var(--demo-border-strong);border-radius:6px;background:var(--demo-surface);font-size:1.05rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.emoji-picker__btn:hover{border-color:var(--demo-accent);transform:translateY(-1px)}.emoji-picker__btn.is-selected{border-color:var(--demo-accent);background:var(--demo-accent-soft);box-shadow:inset 0 0 0 1px var(--demo-accent)}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.75rem}.theme-card{margin:0;padding:.65rem .7rem .75rem;border:1px solid var(--demo-border);border-radius:var(--demo-radius-sm);background:var(--demo-surface-muted)}.theme-card legend{padding:0 .25rem;font-size:.78rem;font-weight:700}.color-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem;font-size:.76rem;color:var(--demo-text-muted)}.color-row:last-child{margin-bottom:0}.color-row input[type=color]{width:2.5rem;height:1.85rem;padding:.1rem;border:1px solid var(--demo-border-strong);border-radius:6px;background:transparent;cursor:pointer}.preview{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at top right,rgba(255,221,0,.08),transparent 42%),var(--demo-bg)}.preview__header{flex:0 0 auto;padding:1rem clamp(1rem,3vw,2rem) .85rem;border-bottom:1px solid var(--demo-border);background:color-mix(in srgb,var(--demo-bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview__header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem;margin-bottom:.55rem}.preview__header-text{min-width:0}.status-chip{flex:0 0 auto;padding:.25rem .6rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-chip--hidden{background:color-mix(in srgb,var(--demo-text-muted) 18%,transparent);color:var(--demo-text-muted)}.status-chip--drawing{background:#ffdd002e;color:#9a7b00}.status-chip--full{background:#22aa5a29;color:#1a8a4a}body.is-dark .status-chip--drawing{color:#fd0}.metrics-readout{margin:0 0 .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.3;color:var(--demo-text-muted)}.preview-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;margin-top:.7rem}.simulate-scroll{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0}.preview-links{display:flex;flex-shrink:0;align-items:center;gap:.35rem;margin-left:auto}.icon-link{display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;border:1px solid var(--demo-border-strong);border-radius:var(--demo-radius-sm);background:var(--demo-surface);color:var(--demo-text);text-decoration:none;transition:border-color .15s ease,transform .1s ease,background .15s ease}button.icon-link{padding:0;cursor:pointer;font:inherit}.icon-link--theme:hover{border-color:var(--demo-accent);color:var(--demo-accent);background:var(--demo-accent-soft)}.icon-link--theme .icon-link__svg{width:1.05rem;height:1.05rem}.icon-link--theme .theme-toggle__moon,html[data-theme=dark] .icon-link--theme .theme-toggle__sun,body.is-dark .icon-link--theme .theme-toggle__sun{display:none}html[data-theme=dark] .icon-link--theme .theme-toggle__moon,body.is-dark .icon-link--theme .theme-toggle__moon{display:block}.icon-link[data-tooltip]{position:relative}.icon-link[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);bottom:auto;left:50%;z-index:5;padding:.3rem .5rem;border-radius:6px;background:var(--demo-text);color:var(--demo-surface);font-size:.68rem;font-weight:600;line-height:1.2;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%) translateY(-4px);transition:opacity .15s ease,transform .15s ease}.icon-link[data-tooltip]:hover:after,.icon-link[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.site-links>:last-child[data-tooltip]:after{left:auto;right:0;transform:translateY(-4px)}.site-links>:last-child[data-tooltip]:hover:after,.site-links>:last-child[data-tooltip]:focus-visible:after{transform:translateY(0)}.icon-link:hover{border-color:var(--demo-accent);transform:translateY(-1px)}.icon-link--github:hover{color:var(--demo-text);border-color:#24292f}body.is-dark .icon-link--github:hover{border-color:#f0f6fc}.icon-link--npm:hover{border-color:#cb3837}.icon-link--bmc:hover{border-color:var(--bmc-icon-coffee, #ffdd00)}.icon-link__svg--bmc .bmc-icon__body{fill:var(--bmc-icon-coffee, #ffdd00);transition:fill .2s ease}.icon-link__svg--bmc .bmc-icon__outline{fill:var(--bmc-icon-ink, #0d0c22);transition:fill .2s ease}.icon-link__svg{width:1rem;height:1rem}.icon-link__svg--npm,.icon-link__svg--bmc{width:1rem;height:1rem;border-radius:2px}.simulate-scroll__label{margin-right:.15rem;font-size:.72rem;font-weight:600;color:var(--demo-text-muted)}.scroll-reveal-hint{position:fixed;left:50%;bottom:1.25rem;z-index:50;margin:0;padding:.55rem 1rem;border-radius:999px;background:#ffdd00eb;color:#0d0c22;font-size:.82rem;font-weight:600;text-align:center;white-space:nowrap;box-shadow:0 8px 24px #12121a1f;opacity:0;transform:translate(-50%) translateY(8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.scroll-reveal-hint.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.scroll-reveal-hint[hidden]{display:none}body.is-dark .scroll-reveal-hint{background:#ffdd00bf;color:#000;box-shadow:0 8px 24px #00000040}.preview__title{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.02em}.preview__subtitle{margin:0;font-size:.82rem;line-height:1.35;color:var(--demo-text-muted)}.preview__progress{height:3px;border-radius:999px;background:var(--demo-border);overflow:hidden}.preview__progress-bar{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fd0,#ffb800);transition:width .08s linear}.content{flex:1 1 auto;min-height:0;overflow-x:clip;overflow-y:auto;overscroll-behavior:none;scroll-padding-top:1rem;padding:clamp(1rem,3vw,2rem);-webkit-overflow-scrolling:touch}.content>:not(.integration-panel){padding-right:clamp(1rem,4vw,3rem)}.cta-anchor{position:relative}.bmc-cta-container{min-height:2.5rem}.cta-anchor.is-active-anchor{outline:2px dashed color-mix(in srgb,var(--demo-accent) 55%,transparent);outline-offset:6px;border-radius:var(--demo-radius)}.content-card:has(>.cta-anchor.is-active-anchor){outline:2px dashed color-mix(in srgb,var(--demo-accent) 55%,transparent);outline-offset:4px}.content-card:has(>.cta-anchor.is-active-anchor)>.cta-anchor.is-active-anchor{outline:none}.hero{margin-bottom:1.5rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--demo-border);border-radius:calc(var(--demo-radius) + 4px);background:linear-gradient(145deg,var(--demo-surface),var(--demo-surface-muted));box-shadow:var(--demo-shadow)}.hero--end{margin-top:1rem}.hero__eyebrow{margin:0 0 .5rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--demo-accent)}.hero__title{margin:0 0 .75rem;max-width:18ch;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.15;letter-spacing:-.03em}.hero__lead{margin:0 0 1rem;max-width:58ch;color:var(--demo-text-muted)}.hero__tips{margin:0;padding-left:1.1rem;color:var(--demo-text-muted);font-size:.9rem}.hero__tips li+li{margin-top:.35rem}.content-card--accent{border-color:color-mix(in srgb,var(--demo-accent) 35%,var(--demo-border));background:linear-gradient(135deg,var(--demo-accent-soft),var(--demo-surface))}.content-card--accent .content-card__step{background:var(--demo-accent);color:#fff}.content-card{display:block;width:100%;position:relative;margin-bottom:1rem;padding:1.25rem 1.25rem 1.25rem 4.5rem;border:1px solid var(--demo-border);border-radius:var(--demo-radius);background:var(--demo-surface);box-shadow:0 8px 24px #12121a0a;text-align:left;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.content-card:has(.content-card__action:hover),.content-card:has(.content-card__action:focus-visible){border-color:color-mix(in srgb,var(--demo-accent) 45%,var(--demo-border));box-shadow:0 12px 28px #12121a14}.content-card__action{margin:.85rem 0 0;padding:0;border:0;background:none;color:var(--demo-accent);font:inherit;font-size:.82rem;font-weight:600;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--demo-accent) 35%,transparent);text-underline-offset:.18em}.content-card__action:hover{text-decoration-color:currentColor}.content-card__action:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px;border-radius:2px}.content-card__step{position:absolute;top:1.1rem;left:1.1rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:var(--demo-accent-soft);color:var(--demo-accent);font-size:.72rem;font-weight:700}.content-card h3{margin:0 0 .45rem;font-size:1rem;letter-spacing:-.02em}.content-card p{margin:0;color:var(--demo-text-muted);max-width:62ch}@media(max-width:960px){:root{--panel-width: 400px}.theme-grid{grid-template-columns:1fr}}@media(max-width:640px){.preview-toolbar{flex-wrap:wrap}.preview-links{margin-left:0}}@media(max-width:820px){.app-tabs{display:flex;position:sticky;top:0;z-index:3;margin-bottom:0;border-bottom:1px solid var(--demo-border);background:color-mix(in srgb,var(--demo-surface) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.playground__layout{grid-template-columns:1fr}.page--playground.is-tab-configure .preview,.page--playground.is-tab-preview .panel{display:none}.page--playground .panel{position:static;max-height:none;border-left:none}.page--playground .preview__header{position:sticky;top:0;border-right:none}.page--playground .content{border-right:none}}@media(max-width:520px){.panel__body{max-height:none}.content-card{padding-left:1.25rem;padding-top:3.25rem}.content-card__step{top:1rem;left:1rem}}