.demo-frame{margin:var(--space-md) 0 0;border:1px solid var(--border-default);border-radius:10px;overflow:hidden;background:var(--bg-page);position:relative;isolation:isolate}.demo-frame figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-default);background:var(--bg-surface);font-size:var(--fs-body-2);color:var(--fg-default)}.demo-frame figcaption .demo-id{font-family:var(--work-mono);font-size:var(--fs-overline);color:var(--fg-muted)}.demo-frame figcaption .demo-how{margin-left:auto;font-size:var(--fs-overline);color:var(--fg-muted)}.demo-frame .demo-stage.demo-stage--viewport{padding:0;overflow:hidden}.demo-frame .demo-stage--viewport .demo-viewport{transform-origin:top left}.demo-frame .demo-stage{padding:var(--space-lg);overflow-x:auto;color:var(--color-ink, var(--fg-default))}.demo-frame[data-demo-system=alchemy-ui] .demo-stage{font-family:var(--font-sans, inherit);background:var(--color-paper, #fff)}.demo-frame[data-demo-system=prima] .demo-stage{background:var(--bg-page)}.demo-stage :where(*,*:before,*:after){box-sizing:border-box;border:0 solid #e5e7eb}.demo-stage :where(button,input,optgroup,select,textarea){font:inherit;font-feature-settings:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}.demo-stage :where(button,[type=button],[type=reset],[type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}.demo-stage :where(button,[role=button]){cursor:pointer}.demo-stage :where(:disabled){cursor:default}.demo-stage :where(input::placeholder,textarea::placeholder){color:#9ca3af;opacity:1}.demo-stage :where(textarea){resize:vertical}.demo-stage :where(a){color:inherit;text-decoration:inherit}.demo-stage :where(img,svg,video,canvas){max-width:100%;height:auto}.demo-stage :where(img,video,canvas){display:block}.demo-stage :where(svg){display:inline-block;vertical-align:middle}.demo-stage :where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit;margin:0}.demo-stage :where(hr){height:0;border-top-width:1px}.demo-stage :where(fieldset,legend){margin:0;padding:0}#alchemy-ui>:where(div),#alchemy-ui>:where(div) :where(*,*:before,*:after){box-sizing:border-box;border:0 solid #e5e7eb}#alchemy-ui>:where(div) :where(button){font:inherit;color:inherit;margin:0;padding:0;background-color:transparent;background-image:none;cursor:pointer}figure.demo-frame .demo-stage :is(section){margin:0;scroll-margin-top:0}figure.demo-frame .demo-stage :is(h1,h2){font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;margin:0}figure.demo-frame .demo-stage :is(p){max-width:none;font-size:inherit;line-height:inherit;color:inherit;margin:0}figure.demo-frame .demo-stage :is(ul,ol){margin:0;padding:0;list-style:none}figure.demo-frame .demo-stage :is(table){width:auto;min-width:0;margin:0;border-collapse:collapse;border-color:inherit;text-indent:0}figure.demo-frame .demo-stage :is(th,td){padding:0;border:0 solid;font-size:inherit;text-align:revert;vertical-align:revert}figure.demo-frame .demo-stage :is(thead th){font-family:inherit;text-transform:none;letter-spacing:inherit;color:inherit;font-weight:revert;border-bottom-color:inherit}figure.demo-frame .demo-stage :is(:not(pre)>code){font:inherit;background:none;border:0;border-radius:0;padding:0;white-space:inherit}.demo-frame .demo-note{font-size:var(--fs-body-2);color:var(--fg-muted);margin:0}.demo-block{margin-top:var(--space-md)}.demo-block .demo-intro{color:var(--fg-muted)}.demo-block .demo-unset{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-md);margin-top:var(--space-md);padding:var(--space-md);border:1px solid var(--border-default);border-radius:10px;background:var(--bg-surface)}.demo-block .demo-unset p{margin:0;font-size:var(--fs-body-2);color:var(--fg-muted);max-width:none}.demo-block .demo-source{margin-top:var(--space-md)}.demo-block .demo-source summary{cursor:pointer;font-family:var(--work-mono);font-size:var(--fs-caption);color:var(--fg-default)}.demo-block .demo-source pre{margin-top:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:10px;overflow-x:auto;font-family:var(--work-mono);font-size:var(--fs-caption);line-height:1.6}.demo-block .demo-meta{margin-top:var(--space-md);font-size:var(--fs-body-2);color:var(--fg-muted)}.demo-block .demo-meta dl{display:grid;grid-template-columns:max-content 1fr;gap:.25em var(--space-md);margin:0}.demo-block .demo-meta dt{color:var(--fg-muted)}.demo-block .demo-meta dd{margin:0}.demo-block .demo-meta code{white-space:normal}.demo-source pre.demo-tree{background:var(--bg-dark);color:var(--on-dark-code)}.demo-source pre.demo-tree code{font:inherit;background:none;border:0;padding:0;white-space:pre}.rp-kicker[data-astro-cid-vi5meajf]{font-size:var(--fs-body-2)!important;color:var(--fg-muted);margin-bottom:var(--space-sm)}.rp-up[data-astro-cid-vi5meajf]{display:inline-block;margin-top:0!important}.rp-sep[data-astro-cid-vi5meajf]{margin:0 .4em;color:var(--fg-muted)}.rp-facts[data-astro-cid-vi5meajf]{min-width:0!important;margin-top:var(--space-md)}.rp-facts[data-astro-cid-vi5meajf] th[data-astro-cid-vi5meajf]{font-family:var(--font-body);font-weight:400;text-transform:none;letter-spacing:0;font-size:var(--fs-body-2);color:var(--fg-muted);white-space:nowrap;width:1%;vertical-align:top}.rp-facts[data-astro-cid-vi5meajf] td[data-astro-cid-vi5meajf]{color:var(--fg-default)}.rp-id[data-astro-cid-vi5meajf]{color:inherit;text-decoration:underline;text-underline-offset:3px}.rp-codes[data-astro-cid-vi5meajf]{list-style:none;padding:0;margin:0}.rp-codes[data-astro-cid-vi5meajf] li[data-astro-cid-vi5meajf]{line-height:1.7}.rp-note[data-astro-cid-vi5meajf]{font-size:var(--fs-body-2)!important;color:var(--fg-muted)}.rp-toc[data-astro-cid-vi5meajf]{margin-top:var(--space-lg)}.rp-toc-head[data-astro-cid-vi5meajf]{color:var(--fg-muted);margin-bottom:var(--space-xs)}.rp-toc[data-astro-cid-vi5meajf] ol[data-astro-cid-vi5meajf]{list-style:none;padding:0;margin:0;columns:2;column-gap:var(--space-lg)}.rp-toc[data-astro-cid-vi5meajf] li[data-astro-cid-vi5meajf]{line-height:1.7;break-inside:avoid}.rp-toc-sub[data-astro-cid-vi5meajf]{padding-left:1.2em}.rp-toc[data-astro-cid-vi5meajf] a[data-astro-cid-vi5meajf]{color:var(--fg-muted);text-decoration:none}.rp-toc[data-astro-cid-vi5meajf] a[data-astro-cid-vi5meajf]:hover{color:var(--fg-default);text-decoration:underline;text-underline-offset:3px}.rp-toc[data-astro-cid-vi5meajf] a[data-astro-cid-vi5meajf]:focus-visible{outline:2px solid var(--fg-accent);outline-offset:2px}@media (max-width: 40rem){.rp-toc[data-astro-cid-vi5meajf] ol[data-astro-cid-vi5meajf]{columns:1}}.rp-body[data-astro-cid-vi5meajf]{overflow-x:auto}.rp-md[data-astro-cid-vi5meajf] h2,.rp-rendering[data-astro-cid-vi5meajf]>h2{margin-top:var(--space-2xl);scroll-margin-top:var(--header-offset)}.rp-md[data-astro-cid-vi5meajf] h3{font-size:var(--fs-body-1);font-weight:500;margin-top:var(--space-xl);margin-bottom:var(--space-xs);scroll-margin-top:var(--header-offset)}.rp-md[data-astro-cid-vi5meajf] p+p{margin-top:var(--space-sm)}.rp-md[data-astro-cid-vi5meajf] ul,.rp-md[data-astro-cid-vi5meajf] ol{padding-left:1.2em;margin-top:var(--space-sm)}.rp-md[data-astro-cid-vi5meajf] li{line-height:1.6;margin-bottom:.3em;max-width:40em}.rp-md[data-astro-cid-vi5meajf] a{color:var(--fg-default);text-decoration:underline;text-underline-offset:3px}.rp-md[data-astro-cid-vi5meajf] table{margin-top:var(--space-md)}.rp-md[data-astro-cid-vi5meajf] strong{font-weight:500}.rp-md[data-astro-cid-vi5meajf] pre,.rp-rendering[data-astro-cid-vi5meajf] .demo-source pre{margin-top:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:10px;overflow-x:auto;font-family:var(--work-mono);font-size:var(--fs-caption);line-height:1.6}.rp-md[data-astro-cid-vi5meajf] pre.astro-code,.rp-rendering[data-astro-cid-vi5meajf] pre.astro-code{background:var(--bg-dark)!important;color:var(--on-dark-code)}.rp-rendering[data-astro-cid-vi5meajf]{margin-top:var(--space-md)}