@property --p-primary{syntax: "<color>"; inherits: true; initial-value: #6366f1;}@property --p-secondary{syntax: "<color>"; inherits: true; initial-value: #a5b4fc;}@property --p-on-primary{syntax: "<color>"; inherits: true; initial-value: #ffffff;}@property --p-bg{syntax: "<color>"; inherits: true; initial-value: #ffffff;}@property --p-surface{syntax: "<color>"; inherits: true; initial-value: #f8f9fa;}@property --p-heading{syntax: "<color>"; inherits: true; initial-value: #1d2023;}@property --p-body{syntax: "<color>"; inherits: true; initial-value: #3b4550;}.hero-demo[data-astro-cid-ed2xtwsz]{container:hero-demo / inline-size}.hero-demo__stage[data-astro-cid-ed2xtwsz]{position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:1rem 1rem 1.25rem;border:1px solid var(--color-border);border-radius:1rem;background:radial-gradient(70% 90% at 75% 0%,var(--color-primary-15),transparent 70%),var(--color-wash)}.hero-demo__player[data-astro-cid-ed2xtwsz]{display:flex;align-items:center;align-self:flex-start;gap:.7em;min-height:2.4em;margin-bottom:.9em}.hero-demo__play[data-astro-cid-ed2xtwsz]{display:none;place-items:center;width:2.4em;height:2.4em;border:1px solid var(--color-border-strong);border-radius:50%;color:var(--color-heading);background:var(--color-surface);box-shadow:var(--shadow-soft);cursor:pointer;transition:border-color .2s}.hero-demo[data-astro-cid-ed2xtwsz][data-demo-state] .hero-demo__play[data-astro-cid-ed2xtwsz]{display:grid}.hero-demo__play[data-astro-cid-ed2xtwsz]:hover{border-color:var(--color-primary)}.hero-demo__play[data-astro-cid-ed2xtwsz]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hero-demo__play[data-astro-cid-ed2xtwsz] svg[data-astro-cid-ed2xtwsz]{display:none;width:.9em;height:.9em;fill:currentColor}.hero-demo__icon-play[data-astro-cid-ed2xtwsz]{margin-left:.12em}.hero-demo[data-astro-cid-ed2xtwsz][data-demo-state=playing] .hero-demo__icon-pause[data-astro-cid-ed2xtwsz],.hero-demo[data-astro-cid-ed2xtwsz]:not([data-demo-state=playing]) .hero-demo__icon-play[data-astro-cid-ed2xtwsz]{display:block}.hero-demo__hint[data-astro-cid-ed2xtwsz]{font-size:.85em;color:var(--color-body);transition:opacity .3s,visibility .3s}.hero-demo[data-astro-cid-ed2xtwsz][data-demo-state=playing] .hero-demo__hint[data-astro-cid-ed2xtwsz]{opacity:0;visibility:hidden}.hero-demo__count[data-astro-cid-ed2xtwsz]{display:flex;align-items:center;align-self:flex-start;gap:.5em;margin-top:1em;color:var(--color-body)}.hero-demo__count[data-astro-cid-ed2xtwsz] span[data-astro-cid-ed2xtwsz]{font-size:.85em}.hero-demo__count[data-astro-cid-ed2xtwsz] strong[data-astro-cid-ed2xtwsz]{font-weight:500;color:var(--color-heading)}.hero-demo__count[data-astro-cid-ed2xtwsz] svg[data-astro-cid-ed2xtwsz]{flex:none;width:1em;height:1em;fill:none;stroke:var(--color-brand-ink);stroke-width:2;stroke-linecap:round}.demo-site[data-astro-cid-ed2xtwsz]{--p-border: color-mix(in srgb, var(--p-heading) 12%, transparent);--p-radius-sm: .4em;--p-radius: .6em;--p-radius-lg: .9em;display:flex;flex-direction:column;overflow:hidden;width:100%;height:30em;border:1px solid var(--color-border-strong);border-radius:.75em;font-size:calc((100cqw - 2rem - 2px) / 36);color:var(--p-body);font-family:var(--p-body-font);line-height:1.5;background:var(--p-bg);box-shadow:var(--shadow-elevated)}@media(prefers-reduced-motion:no-preference){.demo-site[data-astro-cid-ed2xtwsz]{transition:--p-primary .6s ease-out,--p-secondary .6s ease-out,--p-on-primary .6s ease-out,--p-bg .6s ease-out,--p-surface .6s ease-out,--p-heading .6s ease-out,--p-body .6s ease-out}.demo-site[data-astro-cid-ed2xtwsz].is-retyped [data-astro-cid-ed2xtwsz][data-demo-retype]{animation:demo-retype .5s ease-out}}@keyframes demo-retype{0%{opacity:.25;transform:translateY(.12em)}}.demo-site__chrome[data-astro-cid-ed2xtwsz]{display:flex;flex:none;align-items:center;gap:1.25em;height:2.5em;padding:0 1em;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.demo-site__dots[data-astro-cid-ed2xtwsz]{display:flex;gap:.4em}.demo-site__dots[data-astro-cid-ed2xtwsz] span[data-astro-cid-ed2xtwsz]{width:.6em;height:.6em;border-radius:50%;background:var(--color-border-strong)}.demo-site__url[data-astro-cid-ed2xtwsz]{display:flex;align-items:center;gap:.45em;padding:.3em 1.2em .3em .8em;border-radius:1em;font-family:var(--font-body);font-size:.7em;color:var(--color-body);background:var(--color-elevated)}.demo-site__url[data-astro-cid-ed2xtwsz] svg[data-astro-cid-ed2xtwsz]{width:1em;height:1em}.demo-site__page[data-astro-cid-ed2xtwsz]{flex:1;width:53.5em;padding:1.4em 3em 0}.demo-site__nav[data-astro-cid-ed2xtwsz]{display:flex;align-items:center;justify-content:space-between}.demo-site__logo[data-astro-cid-ed2xtwsz]{display:flex;align-items:center;gap:.45em;font-family:var(--p-heading-font);font-size:1.1em;font-weight:500;color:var(--p-heading)}.demo-site__mark[data-astro-cid-ed2xtwsz]{width:1.1em;height:1.1em;border-radius:var(--p-radius-sm);background:linear-gradient(135deg,var(--p-primary),var(--p-secondary))}.demo-site__links[data-astro-cid-ed2xtwsz]{display:flex;gap:1.9em;font-size:.78em}.demo-site__btn[data-astro-cid-ed2xtwsz]{display:inline-flex;align-items:center;padding:.65em 1.15em;border-radius:var(--p-radius);font-size:.75em;font-weight:500;line-height:1}.demo-site__btn--primary[data-astro-cid-ed2xtwsz]{color:var(--p-on-primary);background:var(--p-primary)}.demo-site__btn--ghost[data-astro-cid-ed2xtwsz]{border:1px solid var(--p-border);color:var(--p-heading)}.demo-site__hero[data-astro-cid-ed2xtwsz]{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:2.75em;margin-top:3em}.demo-site__eyebrow[data-astro-cid-ed2xtwsz]{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7em;letter-spacing:.04em;color:var(--p-primary)}.demo-site__title[data-astro-cid-ed2xtwsz]{display:block;margin-top:.5em;font-family:var(--p-heading-font);font-size:2.45em;font-weight:500;line-height:1.06;letter-spacing:-.02em;color:var(--p-heading)}.demo-site__text[data-astro-cid-ed2xtwsz]{display:block;max-width:24em;margin-top:1.1em;font-size:.85em;line-height:1.6}.demo-site__actions[data-astro-cid-ed2xtwsz]{display:flex;gap:.6em;margin-top:1.7em}.demo-site__visual[data-astro-cid-ed2xtwsz]{position:relative;height:16.5em;border-radius:var(--p-radius-lg);background:radial-gradient(80% 70% at 85% 10%,color-mix(in srgb,var(--p-secondary) 85%,transparent),transparent 70%),linear-gradient(140deg,var(--p-primary),color-mix(in srgb,var(--p-primary) 55%,var(--p-bg)))}.demo-site__glass[data-astro-cid-ed2xtwsz]{position:absolute;inset:1.6em 1.6em auto;padding:1em 1.1em 1.1em;border:1px solid color-mix(in srgb,var(--p-bg) 40%,transparent);border-radius:var(--p-radius);background:color-mix(in srgb,var(--p-bg) 84%,transparent);box-shadow:0 1em 2em -1em color-mix(in srgb,var(--p-heading) 35%,transparent)}.demo-site__glass-head[data-astro-cid-ed2xtwsz]{display:flex;align-items:flex-start;justify-content:space-between}.demo-site__stat-label[data-astro-cid-ed2xtwsz]{display:block;font-size:.65em}.demo-site__stat[data-astro-cid-ed2xtwsz]{display:block;font-family:var(--p-heading-font);font-size:1.55em;font-weight:500;line-height:1.15;color:var(--p-heading)}.demo-site__chip[data-astro-cid-ed2xtwsz]{padding:.3em .7em;border-radius:1em;font-size:.6em;font-weight:500;color:var(--p-primary);background:color-mix(in srgb,var(--p-primary) 14%,transparent)}.demo-site__bars[data-astro-cid-ed2xtwsz]{display:flex;align-items:flex-end;gap:.45em;height:5.5em;margin-top:.9em}.demo-site__bars[data-astro-cid-ed2xtwsz] span[data-astro-cid-ed2xtwsz]{flex:1;height:var(--h);border-radius:.25em .25em .1em .1em;background:color-mix(in srgb,var(--p-primary) 28%,transparent)}.demo-site__bars[data-astro-cid-ed2xtwsz] span[data-astro-cid-ed2xtwsz]:last-child{background:var(--p-primary)}.demo-site__toast[data-astro-cid-ed2xtwsz]{position:absolute;bottom:1.5em;left:-1.4em;display:flex;align-items:center;gap:.55em;padding:.65em 1em;border:1px solid var(--p-border);border-radius:var(--p-radius);font-size:.72em;font-weight:500;color:var(--p-heading);background:var(--p-surface);box-shadow:0 .8em 1.6em -.8em color-mix(in srgb,var(--p-heading) 40%,transparent)}.demo-site__toast-dot[data-astro-cid-ed2xtwsz]{width:.65em;height:.65em;border-radius:50%;background:var(--p-secondary);box-shadow:0 0 0 .25em color-mix(in srgb,var(--p-secondary) 30%,transparent)}.demo-site__features[data-astro-cid-ed2xtwsz]{display:grid;grid-template-columns:repeat(3,1fr);gap:1em;margin-top:2.75em}.demo-site__card[data-astro-cid-ed2xtwsz]{padding:1.1em;border:1px solid var(--p-border);border-radius:var(--p-radius);background:var(--p-surface)}.demo-site__icon[data-astro-cid-ed2xtwsz]{display:block;width:2em;height:2em;border-radius:var(--p-radius-sm);background:linear-gradient(var(--p-primary),var(--p-primary)) center / .8em .8em no-repeat,color-mix(in srgb,var(--p-primary) 14%,transparent)}.demo-site__card-title[data-astro-cid-ed2xtwsz]{display:block;margin-top:.8em;font-family:var(--p-heading-font);font-size:.92em;font-weight:500;color:var(--p-heading)}.demo-site__line[data-astro-cid-ed2xtwsz]{display:block;height:.45em;margin-top:.6em;border-radius:1em;background:color-mix(in srgb,var(--p-body) 20%,transparent)}.demo-site__line--short[data-astro-cid-ed2xtwsz]{width:65%}.demo-panel[data-astro-cid-ed2xtwsz]{position:relative;z-index:2;width:100%;max-width:26rem;margin-top:-1.5rem;border:1px solid var(--color-border-strong);border-radius:.9em;font-family:var(--font-body);font-size:1rem;line-height:1.4;color:var(--color-body);background:var(--color-surface);box-shadow:var(--shadow-elevated)}.demo-panel__head[data-astro-cid-ed2xtwsz]{display:flex;align-items:center;justify-content:space-between;padding:1em 1.1em .8em}.demo-panel__logo[data-astro-cid-ed2xtwsz]{display:flex;color:var(--color-heading)}.demo-panel__logo[data-astro-cid-ed2xtwsz] svg{width:auto;height:1.45em}.demo-panel__badge[data-astro-cid-ed2xtwsz]{padding:.3em .7em;border-radius:1em;font-size:.68em;font-weight:500;letter-spacing:.04em;color:var(--color-brand-ink);background:var(--color-primary-10)}.demo-panel__tabs[data-astro-cid-ed2xtwsz]{display:flex;gap:.2em;padding:0 1.1em;border-bottom:1px solid var(--color-border);white-space:nowrap}.demo-panel__tab[data-astro-cid-ed2xtwsz]{position:relative;margin-bottom:-1px;padding:.6em .85em;border:1px solid transparent;border-bottom:0;border-radius:.5em .5em 0 0;font-size:.76em;color:var(--color-body);cursor:pointer}.demo-panel__tab[data-astro-cid-ed2xtwsz][aria-selected=true]{border-color:var(--color-border);font-weight:500;color:var(--color-heading);background:var(--color-surface)}.demo-panel__tab--ghost[data-astro-cid-ed2xtwsz]{overflow:hidden;cursor:default;mask-image:linear-gradient(to right,black 30%,transparent)}.demo-panel__body[data-astro-cid-ed2xtwsz]{min-height:19.4em;padding-top:.2em}.demo-panel__section[data-astro-cid-ed2xtwsz]{display:flex;align-items:center;justify-content:space-between;margin:.85em 1.1em 0;padding:.55em .8em;border-radius:.45em;font-size:.74em;font-weight:500;color:var(--color-heading);background:var(--color-elevated)}.demo-panel__more[data-astro-cid-ed2xtwsz]{height:6.5em;overflow:hidden;mask-image:linear-gradient(to bottom,black 15%,transparent);pointer-events:none}.demo-panel[data-astro-cid-ed2xtwsz] svg[data-astro-cid-ed2xtwsz]{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.demo-panel__field[data-astro-cid-ed2xtwsz]{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:.75em;margin:0 1.1em;padding:.6em .8em}.demo-panel__field[data-astro-cid-ed2xtwsz]+.demo-panel__field[data-astro-cid-ed2xtwsz]{border-top:1px dashed var(--color-border)}.demo-panel__label[data-astro-cid-ed2xtwsz]{font-size:.74em}.demo-panel__control[data-astro-cid-ed2xtwsz]{position:relative}.demo-panel__input[data-astro-cid-ed2xtwsz]{display:flex;align-items:center;justify-content:space-between;width:100%;height:2.2em;padding:0 .3em 0 .75em;border:1px solid var(--color-border);border-radius:.4em;font-size:.74em;color:var(--color-heading);background:var(--color-canvas);cursor:pointer;transition:border-color .2s}.demo-panel__input[data-astro-cid-ed2xtwsz] svg[data-astro-cid-ed2xtwsz]{margin-right:.35em;color:var(--color-body)}.demo-panel__input[data-astro-cid-ed2xtwsz]:hover,.demo-panel__input[data-astro-cid-ed2xtwsz][aria-expanded=true]{border-color:var(--color-primary)}.demo-panel__hex[data-astro-cid-ed2xtwsz]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em}.demo-panel__chip[data-astro-cid-ed2xtwsz]{width:1.55em;height:1.55em;border-radius:.3em;background:var(--chip);transition:background-color .3s}.demo-panel__menu[data-astro-cid-ed2xtwsz],.demo-panel__pop[data-astro-cid-ed2xtwsz]{position:absolute;top:calc(100% + .35em);right:0;z-index:3;border:1px solid var(--color-border-strong);border-radius:.55em;background:var(--color-surface);box-shadow:var(--shadow-elevated)}.demo-panel__menu[data-astro-cid-ed2xtwsz]{left:0;padding:.3em}.demo-panel__option[data-astro-cid-ed2xtwsz]{display:block;width:100%;padding:.45em .6em;border-radius:.35em;font-size:.78em;text-align:left;color:var(--color-heading);cursor:pointer}.demo-panel__option[data-astro-cid-ed2xtwsz]:hover{background:var(--color-elevated)}.demo-panel__option[data-astro-cid-ed2xtwsz][aria-pressed=true]{color:var(--color-brand-ink);background:var(--color-primary-10)}.demo-panel__pop[data-astro-cid-ed2xtwsz]{width:12em;padding:.6em}.demo-panel__spectrum[data-astro-cid-ed2xtwsz]{display:block;height:5em;border-radius:.4em;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--chip))}.demo-panel__hue[data-astro-cid-ed2xtwsz]{display:block;height:.55em;margin-top:.55em;border-radius:1em;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.demo-panel__swatches[data-astro-cid-ed2xtwsz]{display:grid;grid-template-columns:repeat(6,1fr);gap:.35em;margin-top:.6em}.demo-panel__swatch[data-astro-cid-ed2xtwsz]{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--color-heading) 15%,transparent);border-radius:.3em;background:var(--chip);cursor:pointer}.demo-panel__swatch[data-astro-cid-ed2xtwsz][aria-pressed=true]{outline:2px solid var(--color-heading);outline-offset:2px}.demo-panel__foot[data-astro-cid-ed2xtwsz]{display:flex;align-items:center;gap:.9em;margin-top:.6em;padding:.85em 1.1em 1em;border-top:1px solid var(--color-border)}.demo-panel__save[data-astro-cid-ed2xtwsz]{padding:.6em 1.05em;border-radius:.45em;font-size:.74em;font-weight:500;color:#fff;background:var(--color-primary);cursor:pointer;transition:background-color .2s}.demo-panel__save[data-astro-cid-ed2xtwsz]:hover{background:color-mix(in srgb,var(--color-primary) 90%,transparent)}.demo-panel__status[data-astro-cid-ed2xtwsz]{font-size:.72em;color:var(--color-body)}.demo-panel[data-astro-cid-ed2xtwsz] [data-astro-cid-ed2xtwsz]:is(button,[role=tab]):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@container hero-demo (min-width: 56rem){.hero-demo__stage[data-astro-cid-ed2xtwsz]{display:block;aspect-ratio:16 / 9;padding:0;font-size:1.25cqw}.demo-site[data-astro-cid-ed2xtwsz]{position:absolute;inset:2.5em 2.5em -1em 24em;width:auto;height:auto;border-radius:.75em .75em 0 0;font-size:1em}.demo-panel[data-astro-cid-ed2xtwsz]{position:absolute;top:7em;left:2.5em;width:23.5em;max-width:none;margin:0;font-size:1em}.hero-demo__player[data-astro-cid-ed2xtwsz]{position:absolute;top:2.5em;left:2.5em;z-index:4;margin:0}.hero-demo__count[data-astro-cid-ed2xtwsz]{position:absolute;bottom:2.5em;left:2.5em;margin:0}}.demo-cursor[data-astro-cid-ed2xtwsz]{position:absolute;top:0;left:0;z-index:5;width:1.35em;opacity:0;pointer-events:none}.demo-cursor[data-astro-cid-ed2xtwsz] svg[data-astro-cid-ed2xtwsz]{display:block;width:100%;filter:drop-shadow(0 .15em .3em rgb(0 0 0 / .3))}.demo-cursor[data-astro-cid-ed2xtwsz] path[data-astro-cid-ed2xtwsz]{fill:#fff;stroke:var(--text-heading);stroke-width:1.4;stroke-linejoin:round}.dark .demo-cursor[data-astro-cid-ed2xtwsz] path[data-astro-cid-ed2xtwsz]{stroke:var(--surface-base)}.demo-cursor__ripple[data-astro-cid-ed2xtwsz]{position:absolute;top:-.9em;left:-.9em;width:1.8em;height:1.8em;border-radius:50%;background:var(--color-primary-50);opacity:0}.diagram-tile[data-astro-cid-rt2pmep5]{filter:drop-shadow(0 1px 4px var(--color-primary-15))}.diagram-line[data-astro-cid-rt2pmep5]{stroke:color-mix(in srgb,var(--color-brand-ink) 36%,transparent)}.diagram-ring[data-astro-cid-rt2pmep5]{stroke:color-mix(in srgb,var(--color-brand-ink) 16%,transparent)}.diagram-glow[data-astro-cid-rt2pmep5]{opacity:.22}.dark .diagram-glow[data-astro-cid-rt2pmep5]{opacity:.4}.diagram-line--dashed[data-astro-cid-rt2pmep5]{stroke-dasharray:5 3.5}.node-hit[data-astro-cid-rt2pmep5]{position:absolute}.node-trigger[data-astro-cid-rt2pmep5]{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:22%;background:transparent;cursor:pointer}.node-trigger[data-astro-cid-rt2pmep5]:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.node-tip[data-astro-cid-rt2pmep5]{position:absolute;z-index:20;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.node-tip[data-astro-cid-rt2pmep5][data-pos=above]{bottom:100%;margin-bottom:.5rem;transform:translateY(.25rem)}.node-tip[data-astro-cid-rt2pmep5][data-pos=below]{top:100%;margin-top:.5rem;transform:translateY(-.25rem)}.node-hit[data-astro-cid-rt2pmep5]:hover .node-tip[data-astro-cid-rt2pmep5],.node-hit[data-astro-cid-rt2pmep5]:focus-within .node-tip[data-astro-cid-rt2pmep5]{opacity:1;visibility:visible;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.node-tip[data-astro-cid-rt2pmep5]{transition:none}}