.dta-badge:where(.astro-wu3bffyv){min-height:var(--space-6);padding:0 var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:calc(var(--type-redline-size) * 1px);font-weight:var(--type-redline-weight);line-height:var(--type-redline-line-height);letter-spacing:.02em;text-transform:uppercase;vertical-align:middle;align-items:center;display:inline-flex}.example:where(.astro-wu3bffyv){border:var(--stroke-hairline) solid var(--border-strong);color:var(--fg-default)}.coming:where(.astro-wu3bffyv),.note:where(.astro-wu3bffyv){background:var(--action-subtle);color:var(--action-text)}.row:where(.astro-o5ksh57c){gap:var(--space-2);flex-wrap:wrap;display:flex}.row:where(.astro-f2frjvqn){align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.dta-card:where(.astro-7ydisggc){gap:var(--space-4);box-sizing:border-box;padding:var(--space-8);border:var(--stroke-hairline) solid var(--border-default);border-radius:var(--radius-lg);background-color:var(--bg-surface);color:var(--fg-default);flex-direction:column;display:flex}.featured:where(.astro-7ydisggc){border:var(--stroke-ink) solid var(--action-bg)}.grid:where(.astro-7ydisggc){background-image:linear-gradient(var(--bg-grid) var(--stroke-hairline), transparent var(--stroke-hairline)), linear-gradient(90deg, var(--bg-grid) var(--stroke-hairline), transparent var(--stroke-hairline));background-size:var(--space-4) var(--space-4)}.link:where(.astro-7ydisggc){transition:transform var(--motion-duration-base) var(--motion-ease-standard), border-color var(--motion-duration-base) var(--motion-ease-standard);text-decoration:none}.link:where(.astro-7ydisggc):hover{transform:translateY(calc(var(--space-1) * -1));border-color:var(--border-strong)}.link:where(.astro-7ydisggc):focus-visible{box-shadow:0 0 0 var(--stroke-focus) var(--action-subtle);outline:none}@media (width<=760px){.dta-card:where(.astro-7ydisggc){padding:var(--space-6)}}@media (prefers-reduced-motion:reduce){.link:where(.astro-7ydisggc){transition:none}}.cards:where(.astro-ccn6m3zv){gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.title:where(.astro-ccn6m3zv){font-size:calc(var(--type-title-size) * 1px);line-height:var(--type-title-line-height)}.text:where(.astro-ccn6m3zv){color:var(--fg-muted);font-size:calc(var(--type-body-sm-size) * 1px);line-height:var(--type-body-sm-line-height);margin:0}.changed-example:where(.astro-7kfzgjh3){align-items:baseline;gap:var(--space-2) var(--space-6);font-family:var(--font-mono);font-size:calc(var(--type-meta-size) * 1px);line-height:var(--type-meta-line-height);color:var(--fg-default);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tab:where(.astro-7kfzgjh3){font-family:var(--font-sans);font-size:calc(var(--type-label-size) * 1px);font-weight:var(--type-label-weight)}.dta-chip:where(.astro-co6cbqcf){border-radius:var(--radius-sm);min-height:28px;font-family:var(--font-mono);font-size:calc(var(--type-meta-size) * 1px);line-height:var(--type-meta-line-height);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.info:where(.astro-co6cbqcf){background:var(--action-subtle);color:var(--action-text)}.neutral:where(.astro-co6cbqcf){background:var(--bg-subtle);color:var(--fg-muted)}.changed:where(.astro-co6cbqcf){background:var(--signal-subtle);color:var(--signal-text)}.pass:where(.astro-co6cbqcf){background:var(--status-success-subtle);color:var(--status-success-text)}.warning:where(.astro-co6cbqcf){background:var(--status-warning-subtle);color:var(--status-warning-text)}.error:where(.astro-co6cbqcf){background:var(--status-error-subtle);color:var(--status-error-text)}.dot:where(.astro-co6cbqcf){box-sizing:border-box;border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}.pass:where(.astro-co6cbqcf) .dot:where(.astro-co6cbqcf){background:var(--status-success-marker)}.warning:where(.astro-co6cbqcf) .dot:where(.astro-co6cbqcf){border:var(--stroke-ink) solid var(--status-warning-marker);background:0 0;width:8px;height:8px}.error:where(.astro-co6cbqcf) .dot:where(.astro-co6cbqcf){background:var(--status-error-marker);border-radius:0}.row:where(.astro-dq7bifjv){gap:var(--space-2);flex-wrap:wrap;display:flex}.row:where(.astro-e5zfzu5x),.row:where(.astro-7uuxivvp){align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.dta-diff-card:where(.astro-ynitirjm){box-sizing:border-box;gap:var(--space-4);padding:var(--space-6);border:var(--stroke-hairline) solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--fg-default);font-family:var(--font-sans);font-size:calc(var(--type-body-sm-size) * 1px);grid-template-columns:minmax(0,1fr);display:grid}.dta-diff-card:where(.astro-ynitirjm)>:where(.astro-ynitirjm){min-width:0}.head:where(.astro-ynitirjm){justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}h3:where(.astro-ynitirjm){font-size:calc(var(--type-body-size) * 1px);margin:0;font-weight:400}code:where(.astro-ynitirjm){font-family:var(--font-mono);font-size:.86em}.dim:where(.astro-ynitirjm),.side-meta:where(.astro-ynitirjm){color:var(--fg-subtle)}.chips:where(.astro-ynitirjm){flex-wrap:wrap;gap:6px;display:flex}.view:where(.astro-ynitirjm){gap:var(--space-3);min-width:0;display:grid}.bar:where(.astro-ynitirjm){justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;min-height:44px;display:flex}.side:where(.astro-ynitirjm){margin:0}.swap:where(.astro-ynitirjm)>span:where(.astro-ynitirjm){align-items:baseline;column-gap:var(--space-3);flex-wrap:wrap;row-gap:2px;display:flex}.side:where(.astro-ynitirjm) strong:where(.astro-ynitirjm){font-size:calc(var(--type-title-size) * 1px);font-weight:var(--type-title-weight)}.side-meta:where(.astro-ynitirjm){font-family:var(--font-mono);font-size:calc(var(--type-meta-size) * 1px)}.swap:where(.astro-ynitirjm){display:inline-grid}.swap:where(.astro-ynitirjm)>:where(.astro-ynitirjm){grid-area:1/1}.when-before:where(.astro-ynitirjm),.view:where(.astro-ynitirjm)[data-before] .when-after:where(.astro-ynitirjm){visibility:hidden}.view:where(.astro-ynitirjm)[data-before] .when-before:where(.astro-ynitirjm){visibility:visible}.toggles:where(.astro-ynitirjm){gap:var(--space-2);flex-wrap:wrap;display:flex}.dta-diff-card:where(.astro-ynitirjm):not([data-js]) .toggles:where(.astro-ynitirjm){display:none}.toggle:where(.astro-ynitirjm){border:var(--stroke-ink) solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);min-height:44px;color:var(--fg-default);font:inherit;font-weight:var(--type-label-weight);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:0 14px;display:inline-flex}.toggle:where(.astro-ynitirjm):focus-visible{outline:var(--stroke-focus) solid var(--action-bg);outline-offset:2px}.toggle:where(.astro-ynitirjm)[aria-pressed=true]{background:var(--bg-subtle)}.box:where(.astro-ynitirjm){border:var(--stroke-ink) solid var(--fg-default);border-radius:4px;place-items:center;width:18px;height:18px;display:inline-grid}.box:where(.astro-ynitirjm) svg:where(.astro-ynitirjm){visibility:hidden}.toggle:where(.astro-ynitirjm)[aria-pressed=true] .box:where(.astro-ynitirjm){background:var(--fg-default);color:var(--bg-surface)}.toggle:where(.astro-ynitirjm)[aria-pressed=true] .box:where(.astro-ynitirjm) svg:where(.astro-ynitirjm){visibility:visible}.state:where(.astro-ynitirjm){text-align:left;width:3ch;font-family:var(--font-mono);font-weight:400;font-size:calc(var(--type-meta-size) * 1px);color:var(--fg-muted);display:inline-block}.stage:where(.astro-ynitirjm){padding-bottom:var(--room,0px);border:var(--stroke-hairline) solid var(--border-default);border-radius:var(--radius-md);background:var(--paper-100);position:relative;overflow:hidden}.canvas:where(.astro-ynitirjm){position:relative;overflow:hidden}.shot:where(.astro-ynitirjm){position:absolute;inset:0}.shot:where(.astro-ynitirjm) svg{width:100%;height:auto;display:block}.shot:where(.astro-ynitirjm).before,.shot:where(.astro-ynitirjm).overlay{visibility:hidden}.shot:where(.astro-ynitirjm).overlay{mix-blend-mode:multiply}.view:where(.astro-ynitirjm)[data-overlay] .shot:where(.astro-ynitirjm).overlay,.view:where(.astro-ynitirjm)[data-before] .shot:where(.astro-ynitirjm).before{visibility:visible}.view:where(.astro-ynitirjm)[data-before] .shot:where(.astro-ynitirjm).after,.view:where(.astro-ynitirjm)[data-before] .shot:where(.astro-ynitirjm).overlay,.view:where(.astro-ynitirjm)[data-before] .marks:where(.astro-ynitirjm),.view:where(.astro-ynitirjm)[data-before] .notes:where(.astro-ynitirjm){visibility:hidden}.marks:where(.astro-ynitirjm){pointer-events:none;position:absolute;inset:0}.mark:where(.astro-ynitirjm){box-sizing:border-box;border:var(--stroke-hairline) solid var(--ink-900);outline:var(--stroke-ink) solid var(--signal-bg);border-radius:2px;position:absolute}.mark:where(.astro-ynitirjm):not(.unexplained){box-shadow:0 0 0 3px var(--ink-900)}.mark:where(.astro-ynitirjm).unexplained{border-style:dashed;outline-style:dashed}.notes:where(.astro-ynitirjm){gap:var(--space-2);padding:var(--space-2);flex-wrap:wrap;display:flex}.cluster:where(.astro-ynitirjm){display:contents}.leader:where(.astro-ynitirjm){display:none}.stack:where(.astro-ynitirjm){align-items:flex-start;gap:var(--space-1);flex-direction:column;display:inline-flex}:where(.astro-ynitirjm)[data-js] .notes:where(.astro-ynitirjm){width:100%;height:0;padding:0;position:absolute;top:0;left:0}:where(.astro-ynitirjm)[data-js] .leader:where(.astro-ynitirjm){background:var(--signal-bg);border-left:var(--stroke-hairline) solid var(--ink-900);border-right:var(--stroke-hairline) solid var(--ink-900);width:4px;display:block;position:absolute}:where(.astro-ynitirjm)[data-js] .stack:where(.astro-ynitirjm){max-width:100%;position:absolute}.note:where(.astro-ynitirjm){padding:3px var(--space-2);border:var(--stroke-hairline) solid var(--ink-900);background:var(--signal-bg);color:var(--signal-fg);font-family:var(--font-mono);font-size:calc(var(--type-meta-size) * 1px);line-height:var(--type-meta-line-height);white-space:nowrap;border-radius:4px;display:inline-block}.key:where(.astro-ynitirjm){box-sizing:border-box;border:var(--stroke-hairline) solid var(--ink-900);border-radius:var(--radius-full);background:var(--signal-bg);min-width:20px;height:20px;color:var(--signal-fg);font-family:var(--font-mono);font-size:calc(var(--type-meta-size) * 1px);text-align:center;white-space:nowrap;padding:0 5px;line-height:18px;display:none;position:absolute}.marks:where(.astro-ynitirjm)>.key:where(.astro-ynitirjm).keyed,:where(.astro-ynitirjm)[data-js] .cluster:where(.astro-ynitirjm).keyed:not(.merged)>.key:where(.astro-ynitirjm){display:block}:where(.astro-ynitirjm)[data-js] .cluster:where(.astro-ynitirjm).merged>.stack:where(.astro-ynitirjm),:where(.astro-ynitirjm)[data-js] .cluster:where(.astro-ynitirjm).keyed>.leader:where(.astro-ynitirjm){display:none}.note:where(.astro-ynitirjm).unexplained{background:var(--paper-0);color:var(--ink-900);border-style:dashed}.tokens:where(.astro-ynitirjm){border-collapse:collapse;width:100%}.tokens:where(.astro-ynitirjm) caption:where(.astro-ynitirjm){text-align:left;padding-bottom:var(--space-2);font-family:var(--font-mono);font-size:calc(var(--type-meta-size) * 1px);color:var(--fg-subtle);text-transform:uppercase;display:none}.tokens:where(.astro-ynitirjm) th:where(.astro-ynitirjm),.tokens:where(.astro-ynitirjm) td:where(.astro-ynitirjm){padding:10px var(--space-3) 10px 0;text-align:left;border-bottom:var(--stroke-hairline) solid var(--border-default);vertical-align:middle;font-weight:400}.tokens:where(.astro-ynitirjm) thead:where(.astro-ynitirjm) th:where(.astro-ynitirjm){font-family:var(--font-mono);font-size:calc(var(--type-meta-size) * 1px);color:var(--fg-subtle);vertical-align:bottom}.col-word:where(.astro-ynitirjm),.col-ref:where(.astro-ynitirjm){display:block}.col-word:where(.astro-ynitirjm){color:var(--fg-default)}.swatch:where(.astro-ynitirjm){vertical-align:middle;border:var(--stroke-hairline) solid var(--border-default);border-radius:4px;width:18px;height:18px;margin-right:6px;display:inline-block}.why:where(.astro-ynitirjm){max-width:68ch;margin:0}.whole:where(.astro-ynitirjm){gap:var(--space-2);color:var(--fg-muted);flex-wrap:wrap;margin:0;display:flex}.whole:where(.astro-ynitirjm) a:where(.astro-ynitirjm){color:var(--action-text)}@media (width<=640px){.dta-diff-card:where(.astro-ynitirjm){padding:var(--space-3)}.bar:where(.astro-ynitirjm),.toggles:where(.astro-ynitirjm){grid-template-columns:minmax(0,1fr);display:grid}.toggle:where(.astro-ynitirjm){width:100%}.note-sep:where(.astro-ynitirjm){display:none}.note-change:where(.astro-ynitirjm),.tokens:where(.astro-ynitirjm) caption:where(.astro-ynitirjm){display:block}.tokens:where(.astro-ynitirjm) thead:where(.astro-ynitirjm){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tokens:where(.astro-ynitirjm) tr:where(.astro-ynitirjm){padding:var(--space-3) 0;border-bottom:var(--stroke-hairline) solid var(--border-default);grid-template-columns:minmax(0,1fr);display:grid}.tokens:where(.astro-ynitirjm) tbody:where(.astro-ynitirjm) tr:where(.astro-ynitirjm){column-gap:var(--space-3);grid-template-columns:max-content minmax(0,1fr)}.tokens:where(.astro-ynitirjm) th:where(.astro-ynitirjm),.tokens:where(.astro-ynitirjm) td:where(.astro-ynitirjm){grid-template-columns:subgrid;border:0;grid-column:1/-1;align-items:baseline;padding:2px 0;display:grid}.tokens:where(.astro-ynitirjm) th:where(.astro-ynitirjm){display:block}.tokens:where(.astro-ynitirjm) td:where(.astro-ynitirjm):before{content:attr(data-label);color:var(--fg-subtle);font-family:var(--font-mono);font-size:calc(var(--type-meta-size) * 1px)}}.pair:where(.astro-ll5tvfzr){flex-wrap:wrap;align-items:end;gap:28px;display:flex}.pair:where(.astro-37joojwb){gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.demo:where(.astro-gxx7nu7n){justify-items:center;gap:var(--space-6);padding-block:var(--space-20);text-align:center;display:grid}.demo-h:where(.astro-gxx7nu7n){font-family:var(--font-sans);font-size:calc(var(--type-heading-size) * 1px);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line-height);letter-spacing:var(--type-heading-letter-spacing);color:var(--fg-default);margin:0}.demo-h:where(.astro-63mk6juj){margin:0 0 var(--space-3);font-family:var(--font-sans);font-size:calc(var(--type-heading-size) * 1px);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line-height);letter-spacing:var(--type-heading-letter-spacing);color:var(--fg-default)}.demo-p:where(.astro-63mk6juj),.demo-p:where(.astro-pad4jcdg){max-width:40ch;color:var(--fg-muted);line-height:var(--type-body-line-height);margin:0}.frame:where(.astro-svifuz6t){min-height:640px;padding:var(--space-4);justify-content:flex-end;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.dta-redline:where(.astro-vmpe22u7){padding:var(--space-12) var(--space-16) var(--space-16);border-radius:var(--radius-lg);background-color:var(--bg-subtle);background-image:linear-gradient(var(--bg-grid) var(--stroke-hairline), transparent var(--stroke-hairline)), linear-gradient(90deg, var(--bg-grid) var(--stroke-hairline), transparent var(--stroke-hairline));background-size:var(--space-4) var(--space-4);justify-content:center;margin:0;display:flex}.object:where(.astro-vmpe22u7){width:fit-content;position:relative}.line:where(.astro-vmpe22u7){border-top:var(--stroke-redline) solid var(--signal-bg);transform-origin:0;animation:draw var(--motion-duration-slow) var(--motion-ease-enter) var(--motion-duration-base) both;position:absolute;bottom:-20px;left:0;right:0}.tag:where(.astro-vmpe22u7){background:var(--signal-bg);color:var(--signal-fg);font-family:var(--font-mono);font-size:calc(var(--type-redline-size) * 1px);line-height:var(--type-redline-line-height);white-space:nowrap;animation:pop var(--motion-duration-base) var(--motion-ease-enter) calc(var(--motion-duration-base) + var(--motion-duration-slow)) both;border-radius:4px;padding:2px 6px;position:absolute}.below:where(.astro-vmpe22u7){bottom:-34px;left:50%;transform:translate(-50%)}.corner:where(.astro-vmpe22u7){top:-26px;left:-26px}@keyframes draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pop{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.line:where(.astro-vmpe22u7),.tag:where(.astro-vmpe22u7){animation:none}}.card:where(.astro-z5jysk46){box-sizing:border-box;gap:var(--space-2);width:240px;padding:var(--space-6);border:var(--stroke-hairline) solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--fg-default);font-family:var(--font-sans);flex-direction:column;display:flex}strong:where(.astro-z5jysk46){font-size:calc(var(--type-body-size) * 1px)}small:where(.astro-z5jysk46){margin-bottom:var(--space-2);font-size:calc(var(--type-body-sm-size) * 1px);color:var(--fg-muted)}.bar:where(.astro-n7s2nbop){width:var(--space-24);height:var(--space-6);border-radius:var(--radius-sm);background:var(--action-subtle);border:var(--stroke-hairline) solid var(--action-bg)}.dta-field:where(.astro-7avns4la){max-width:380px;font-family:var(--font-sans);color:var(--fg-default)}label:where(.astro-7avns4la){font-size:calc(var(--type-body-sm-size) * 1px);font-weight:var(--type-label-weight);margin-bottom:6px;display:block}input:where(.astro-7avns4la){box-sizing:border-box;border:var(--stroke-ink) solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);width:100%;height:46px;color:var(--fg-default);font-family:var(--font-sans);font-size:calc(var(--type-body-sm-size) * 1px);outline:none;padding:0 14px}input:where(.astro-7avns4la).mono{font-family:var(--font-mono)}input:where(.astro-7avns4la):focus{border-color:var(--action-bg);box-shadow:0 0 0 var(--stroke-focus) var(--action-subtle)}p:where(.astro-7avns4la){font-size:calc(var(--type-body-sm-size) * 1px);color:var(--fg-muted);margin:6px 0 0}.dta-token-cycle:where(.astro-4f4m7rv3){color:var(--action-bg);cursor:pointer;display:inline-block;position:relative}.word:where(.astro-4f4m7rv3){font-weight:var(--token-weight);font-style:var(--token-style);transition:font-weight var(--motion-duration-slow) var(--motion-ease-standard)}.swap:where(.astro-4f4m7rv3) .word:where(.astro-4f4m7rv3){animation:dta-token-swap var(--motion-duration-slow) var(--motion-ease-standard)}.line:where(.astro-4f4m7rv3){left:0;right:0;bottom:calc(var(--space-1) * -1.5);border-top:var(--stroke-redline) solid var(--signal-bg);transform-origin:0;animation:dta-token-draw var(--motion-duration-slow) var(--motion-ease-enter) var(--motion-duration-base) both;position:absolute}.tag:where(.astro-4f4m7rv3){right:0;bottom:calc(var(--space-8) * -1);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--signal-bg);color:var(--signal-fg);font-family:var(--font-mono);font-size:calc(var(--type-redline-size) * 1px);font-weight:var(--type-redline-weight);font-style:normal;font-stretch:100%;line-height:var(--type-redline-line-height);letter-spacing:0;white-space:nowrap;animation:dta-token-pop var(--motion-duration-base) var(--motion-ease-enter) calc(var(--motion-duration-base) + var(--motion-duration-slow)) both;position:absolute}.changed:where(.astro-4f4m7rv3) .line:where(.astro-4f4m7rv3){animation:dta-token-draw var(--motion-duration-slow) var(--motion-ease-enter) both}.changed:where(.astro-4f4m7rv3) .tag:where(.astro-4f4m7rv3){animation:dta-token-pop var(--motion-duration-base) var(--motion-ease-enter) var(--motion-duration-fast) both}@keyframes dta-token-swap{50%{opacity:.15;filter:blur(2px)}}@keyframes dta-token-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes dta-token-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.word:where(.astro-4f4m7rv3){transition:none}.line:where(.astro-4f4m7rv3),.tag:where(.astro-4f4m7rv3),.changed:where(.astro-4f4m7rv3) .line:where(.astro-4f4m7rv3),.changed:where(.astro-4f4m7rv3) .tag:where(.astro-4f4m7rv3),.swap:where(.astro-4f4m7rv3) .word:where(.astro-4f4m7rv3){animation:none}}.headline:where(.astro-i7ccistc){margin:0 0 var(--space-8);font-family:var(--font-sans);font-size:calc(var(--type-heading-size) * 1px);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line-height)}.paths:where(.astro-awcvdwjc){gap:var(--space-3);margin:0;display:grid}.row:where(.astro-awcvdwjc){gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--stroke-hairline) solid var(--border-default);grid-template-columns:12ch minmax(0,16ch);display:grid}dt:where(.astro-awcvdwjc){font-size:calc(var(--type-meta-size) * 1px);color:var(--fg-muted)}dd:where(.astro-awcvdwjc){font-size:calc(var(--type-meta-size) * 1px);line-height:var(--type-meta-line-height);margin:0}.line:where(.astro-awcvdwjc){max-width:36ch;margin:var(--space-4) 0 0;font-size:calc(var(--type-meta-size) * 1px);line-height:var(--type-code-line-height)}