@charset "UTF-8";:root{--btn-radius: .6rem;--btn-fw: 700;--btn-gap: .4rem;--btn-py-sm: .4rem;--btn-px-sm: .7rem;--btn-py-md: .55rem;--btn-px-md: 1rem;--btn-py-lg: .7rem;--btn-px-lg: 1.1rem;--btn-icon-size: 18px}button[appButton],a[appButton]{text-decoration:none}.btn{appearance:none;-webkit-appearance:none;border:1px solid transparent;border-radius:var(--btn-radius);font-weight:var(--btn-fw);cursor:pointer;display:inline-grid;grid-auto-flow:column;align-items:center;gap:var(--btn-gap);line-height:1;transition:filter .15s ease}.btn svg,.btn img{width:var(--btn-icon-size);height:var(--btn-icon-size);display:block}.btn.btn--sm{padding:var(--btn-py-sm) var(--btn-px-sm)}.btn.btn--md{padding:var(--btn-py-md) var(--btn-px-md)}.btn.btn--lg{padding:var(--btn-py-lg) var(--btn-px-lg)}.btn.btn--block{width:100%;justify-content:center}.btn.btn--icononly{width:36px;height:36px;padding:0;place-content:center}.btn.btn--accent{--_tone: var(--accent)}.btn.btn--neutral{--_tone: var(--neutral, #64748b)}.btn.btn--danger{--_tone: var(--danger, #ef4444)}.btn.btn--solid{background:var(--_tone);color:#fff;border-color:transparent}.btn.btn--solid:hover{background:color-mix(in srgb,var(--_tone) 88%,white)}.btn.btn--solid:focus-visible{outline:2px solid color-mix(in srgb,var(--_tone) 55%,white);outline-offset:2px}.btn.btn--ghost{background:transparent;color:var(--_tone);border-color:color-mix(in srgb,var(--_tone) 55%,transparent)}.btn.btn--ghost:hover{background:color-mix(in srgb,var(--_tone) 12%,transparent)}.btn.btn--ghost:focus-visible{outline:2px solid color-mix(in srgb,var(--_tone) 55%,white);outline-offset:2px}.btn.btn--outline{background:transparent;color:var(--_tone);border-color:var(--_tone)}.btn.btn--outline:hover{background:color-mix(in srgb,var(--_tone) 10%,transparent)}.btn.btn--outline:focus-visible{outline:2px solid color-mix(in srgb,var(--_tone) 55%,white);outline-offset:2px}.btn.btn--pill{background:var(--hdr-pill-bg);color:var(--hdr-pill-color);border-color:var(--hdr-pill-border);border-radius:9999px}.btn.btn--pill:hover{background:var(--hdr-link-hover)}.btn.btn--pill:focus-visible{outline:2px solid var(--hdr-pill-ring);outline-offset:2px}.btn.btn--pill.btn--accent{background:var(--accent);color:#fff;border-color:transparent}.btn.btn--pill.btn--accent:hover{background:color-mix(in srgb,var(--accent) 88%,white)}.btn.btn--link{background:transparent;border-color:transparent;padding:0;color:var(--_tone);text-decoration:underline;text-underline-offset:2px}.btn.btn--link:hover{filter:brightness(1.1)}.btn.btn--link:focus-visible{outline:2px solid color-mix(in srgb,var(--_tone) 55%,white);outline-offset:2px}.btn[disabled],.btn[aria-disabled=true]{opacity:.6;cursor:default;pointer-events:none}.btn.is-busy{position:relative;pointer-events:none}.btn.is-busy:after{content:"";width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;display:inline-block;animation:btnSpin .8s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn--xs{--btn-h: 30px;--btn-px: .6rem;--btn-fs: .8rem}.btn--sm{--btn-h: 34px;--btn-px: .75rem;--btn-fs: .9rem}.btn--md{--btn-h: 38px;--btn-px: .9rem;--btn-fs: .95rem}.btn--lg{--btn-h: 44px;--btn-px: 1rem;--btn-fs: 1rem}:root{--accent: #058075;--stepper-color-active: var(--accent);--stepper-color-done: var(--accent);--tbl-action: var(--accent);--pg-active-bg: var(--accent);--pg-active-fg: #ffffff;--pg-page-bg: #f2f4f7;--pg-ghost-bg: #eeeeee;--pg-hover: color-mix(in srgb, var(--accent) 12%, white);--pg-fg: #0f1720;--bg: #ffffff;--surface: #ffffff;--surface-2: #f7f8f9;--fg: #14171a;--muted: #5f6a75;--border: #e6e9ed;--hdr-bg: linear-gradient(180deg, #ffffff 0, #f8fafc 100%);--hdr-border: #e5e7eb;--hdr-link: #0f1720;--hdr-link-hover: #eef2f7;--hdr-pill-bg: #ffffff;--hdr-pill-border: #d1d5db;--hdr-pill-color: #0f1720;--hdr-accent: var(--accent);--hdr-link-active: var(--hdr-accent);--hdr-hover: color-mix(in srgb, var(--accent) 14%, transparent);--hdr-pill-ring: color-mix(in srgb, var(--accent) 55%, transparent);--stepper-connector: #A4A4A4;--stepper-connector-active: var(--stepper-color-active);--stepper-bullet-bg: #FFFFFF;--stepper-color-number-active: #FFFFFF;--stepper-color-default: #c8ccd2;--stepper-color-disabled: #dcdfe4;--stepper-text: var(--fg);--stepper-caption: var(--muted);--stepper-bullet-muted-bg: #eff1f3;--stepper-bullet-size: 28px;--tbl-header-bg: color-mix(in srgb, var(--accent) 28%, #0f1720);--tbl-header-fg: #ffffff;--tbl-row-bg: #ffffff;--tbl-row-gray-medium: #EBEDF1;--tbl-row-gray94: #F0F0F0;--tbl-row-alt: #f5f7f9;--tbl-row-border: #e6e9ed;--tbl-fg: #0f1720;--tbl-muted: #6b7280;--tbl-header-hover: color-mix(in srgb, var(--accent) 36%, #0f1720);--chip-radius: 9999px;--chip-h: 24px;--chip-pad-x: .6rem;--chip-fs: .8rem;--chip-teal-border: #009688;--chip-teal-bg: #FFFFFF;--chip-teal-fg: #03857F;--chip-orange-border: #c76b2b;--chip-orange-bg: #FFFFFF;--chip-orange-fg: #DD5C02;--toast-radius: .75rem;--toast-shadow: 0 6px 20px rgba(0,0,0,.12);--sel-bg: var(--surface);--sel-fg: var(--fg);--sel-border: var(--border);--sel-placeholder: color-mix(in srgb, var(--muted) 70%, white);--sel-disabled-bg: var(--surface-2);--sel-disabled-border: var(--border);--sel-caret: var(--muted);--sel-error: #ef4444;--sel-focus-ring: color-mix(in srgb, var(--accent) 60%, transparent);--sel-menu-bg: var(--surface);--sel-menu-border: var(--border);--sel-option-hover: color-mix(in srgb, var(--accent) 16%, transparent);--sel-option-active: color-mix(in srgb, var(--accent) 26%, white);--sel-scrollbar-thumb: color-mix(in srgb, var(--accent) 55%, transparent);--ab-bg: var(--surface);--ab-fg: var(--fg);--ab-border: var(--border);--ab-title: var(--fg);--ab-close: var(--muted);--ab-shadow: 0 24px 60px rgba(0,0,0,.18);--ab-backdrop: color-mix(in srgb, #000 38%, transparent);--dlg-bg: var(--surface);--dlg-fg: var(--fg);--dlg-border: var(--border);--dlg-title: var(--fg);--dlg-close: var(--muted);--dlg-shadow: 0 24px 60px rgba(0,0,0,.18);--dlg-backdrop: color-mix(in srgb, #000 38%, transparent);--neutral: #64748b ;--danger: #ef4444 }:root[data-theme=dark]{--hdr-bg: #0c0d10;--hdr-border: #273142;--hdr-link: #e5e7eb;--hdr-link-hover: #1f2937;--hdr-pill-bg: #0f1720;--hdr-pill-border: #334155;--hdr-pill-color: #e5e7eb;--hdr-accent: var(--accent);--hdr-link-active: var(--hdr-accent);--hdr-hover: color-mix(in srgb, var(--accent) 22%, transparent);--hdr-pill-ring: color-mix(in srgb, var(--accent) 60%, transparent);--bg: #0c0d10;--surface: #121319;--surface-2: #171924;--fg: #e7eaf0;--muted: #a2aab6;--border: #262a35;--stepper-text: var(--fg);--stepper-caption: #96a0ad;--stepper-color-default: #3b3f4a;--stepper-connector: #262a35;--sel-bg: var(--surface);--sel-fg: var(--fg);--sel-border: #303644;--sel-placeholder: color-mix(in srgb, var(--muted) 75%, black);--sel-disabled-bg: #0f141d;--sel-disabled-border: #2a2f3c;--sel-caret: var(--muted);--sel-error: #f87171;--sel-focus-ring: color-mix(in srgb, var(--accent) 65%, transparent);--sel-menu-bg: #0f141d;--sel-menu-border: #2a2f3c;--sel-option-hover: color-mix(in srgb, var(--accent) 26%, transparent);--sel-option-active: color-mix(in srgb, var(--accent) 38%, black);--sel-scrollbar-thumb: color-mix(in srgb, var(--accent) 65%, transparent);--ab-bg: #0f141d;--ab-fg: var(--fg);--ab-border: #2a2f3c;--ab-title: var(--fg);--ab-close: #9aa3af;--ab-shadow: 0 24px 60px rgba(0,0,0,.35);--ab-backdrop: color-mix(in srgb, #000 55%, transparent);--tbl-header-bg: color-mix(in srgb, var(--accent) 44%, #0b1220);--tbl-header-fg: #e7eaf0;--tbl-header-hover: color-mix(in srgb, var(--accent) 56%, #0b1220);--dlg-bg: #0f141d;--dlg-fg: var(--fg);--dlg-border: #2a2f3c;--dlg-title: var(--fg);--dlg-close: #9aa3af;--dlg-shadow: 0 24px 60px rgba(0,0,0,.35);--dlg-backdrop: color-mix(in srgb, #000 55%, transparent);--neutral: #94a3b8 ;--danger: #f87171;--pg-active-bg: var(--accent);--pg-active-fg: #0b1220;--pg-page-bg: #1f2937;--pg-ghost-bg: #111827;--pg-hover: color-mix(in srgb, var(--accent) 18%, transparent);--pg-fg: var(--fg)}:root[data-accent=teal]{--accent: #058075}:root[data-accent=orange]{--accent: #D17A30}:root[data-accent=violet]{--accent: #6D5BD0}:root[data-accent=blue]{--accent: #2563eb}:root[data-accent=rose]{--accent: #e11d48}html,body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica Neue,sans-serif;margin:0}.container{max-width:1100px;margin:0 auto;padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}.demo-main{padding-block:24px}[id]{scroll-margin-top:76px}