:root{--blue-100: rgb(153,192,255);--blue-10: rgb(236,243,255);--blue-200: rgb(128,177,255);--blue-250: rgb(102,161,255);--blue-300: rgb(51,129,255);--blue-400: rgb(0,98,255);--blue-500: rgb(0,69,179);--blue-50: rgb(204,224,255);--blue-600: rgb(0,39,102);--border-divider-inset: 2;--border-divider-thickness: var(--border-sm);--border-lg: 4;--border-s: 1.5;--border-sm: 2;--border-xs: 1;--wrapper-xs: 240;--wrapper-sm: 320;--wrapper-md: 400;--wrapper-lg: 480;--wrapper-xl: 640;--wrapper-2xl: 840;--wrapper-3xl: 1200;--wrapper-4xl: 1600;--brand-bg-accent: var(--purple-250);--brand-bg-default: var(--purple-300);--brand-bg-inverse: var(--purple-10);--brand-bg-muted: var(--purple-200);--brand-bg-strong: var(--purple-500);--brand-bg-subtle: var(--purple-100);--brand-bg-weak: var(--purple-50);--brand-border-accent: var(--purple-250);--brand-border-default: var(--purple-200);--brand-border-focused: var(--purple-100);--brand-border-semi-strong: var(--purple-300);--brand-border-strong: var(--purple-300);--brand-border-very-strong: var(--purple-400);--brand-border-subtle: var(--purple-100);--brand-text-icon-default: var(--purple-300);--brand-text-icon-muted: var(--purple-250);--brand-text-icon-on: var(--purple-10);--brand-text-icon-strong: var(--purple-600);--brand-text-icon-subtle: var(--purple-200);--button-shadow-clicked-large-blur: 8;--button-shadow-clicked-large-fill: rgba(0,0,0,.15);--button-shadow-clicked-large-x: 0;--button-shadow-clicked-large-y: -3;--button-shadow-clicked-regular-blur: 5;--button-shadow-clicked-regular-fill: rgba(0,0,0,.125);--button-shadow-clicked-regular-x: 0;--button-shadow-clicked-regular-y: -2;--button-shadow-clicked-small-blur: 4;--button-shadow-clicked-small-fill: rgba(0,0,0,.1);--button-shadow-clicked-small-x: 0;--button-shadow-clicked-small-y: -1;--button-shadow-default-large-blur: 4;--button-shadow-default-large-fill: rgba(0,0,0,.3);--button-shadow-default-large-x: 0;--button-shadow-default-large-y: 1.5;--button-shadow-default-regular-blur: 2.5;--button-shadow-default-regular-fill: rgba(0,0,0,.25);--button-shadow-default-regular-x: 0;--button-shadow-default-regular-y: 1;--button-shadow-default-small-blur: 2;--button-shadow-default-small-fill: rgba(0,0,0,.2);--button-shadow-default-small-x: 0;--button-shadow-default-small-y: .5;--button-shadow-focused-large-blur: 6;--button-shadow-focused-large-fill: rgba(0,0,0,.3);--button-shadow-focused-large-x: 0;--button-shadow-focused-large-y: 2;--button-shadow-focused-regular-blur: 4.5;--button-shadow-focused-regular-fill: rgba(0,0,0,.25);--button-shadow-focused-regular-x: 0;--button-shadow-focused-regular-y: 1.5;--button-shadow-focused-small-blur: 3;--button-shadow-focused-small-fill: rgba(0,0,0,.2);--button-shadow-focused-small-x: 0;--button-shadow-focused-small-y: .75;--button-shadow-hovered-large-blur: 8;--button-shadow-hovered-large-fill: rgba(0,0,0,.3);--button-shadow-hovered-large-x: 0;--button-shadow-hovered-large-y: 3;--button-shadow-hovered-regular-blur: 5;--button-shadow-hovered-regular-fill: rgba(0,0,0,.25);--button-shadow-hovered-regular-x: 0;--button-shadow-hovered-regular-y: 2;--button-shadow-hovered-small-blur: 4;--button-shadow-hovered-small-fill: rgba(0,0,0,.2);--button-shadow-hovered-small-x: 0;--button-shadow-hovered-small-y: 1;--card-corner: 12;--cell-border-default: var(--neutral-border-subtle);--cell-border-highlighted: var(--brand-bg-subtle);--cell-border-hovered: var(--neutral-border-muted);--cell-border-selected: var(--neutral-border-default);--cell-border: .5;--cell-color-banded-stroke: var(--gray-50);--cell-color-banded-text: var(--gray-500);--cell-color-cell-header-text: var(--gray-400);--cell-color-default-stroke: var(--gray-50);--cell-color-default-surface: var(--white);--cell-color-default-text: var(--gray-500);--cell-color-hovered-stroke: var(--gray-100);--cell-color-hovered-surface: var(--blue-10);--cell-color-hovered-text: var(--gray-500);--cell-color-selected-stroke: var(--gray-100);--cell-color-selected-surface: var(--blue-50);--cell-height: var(--control-md-height);--cell-padding-2: var(--padding-sm);--cell-padding: 8;--cell-surface-banded: var(--purple-10);--cell-surface-default: var(--neutral-bg-default);--cell-surface-hard-select: var(--info-bg-weak);--cell-surface-highlighted: var(--neutral-bg-subtle);--cell-surface-hovered: var(--info-bg-subtle);--cell-surface-selected: var(--info-bg-soft);--control-lg-border: var(--border-sm);--control-lg-focus-ring: 5;--control-lg-gap: var(--spacing-sm);--control-lg-height: var(--height-lg);--control-lg-icon-height: 28;--control-lg-padding-icon: var(--padding-lg);--control-lg-padding: var(--padding-xl);--control-lg-radius: var(--radius-md);--control-md-border: var(--border-sm);--control-md-focus-ring: 4;--control-md-gap: 6;--control-md-height: var(--height-md);--control-md-icon-height: var(--size-6-2);--control-md-multi-line-height: var(--size-11);--control-md-padding-icon: var(--padding-md);--control-md-padding: var(--padding-lg);--control-md-radius: 10;--control-sm-border: var(--border-xs);--control-sm-focus-ring: 3;--control-sm-gap: var(--spacing-xs);--control-sm-height: var(--height-sm);--control-sm-icon-height: var(--size-5);--control-sm-padding-icon: var(--padding-sm);--control-sm-padding: var(--padding-md);--control-sm-radius: var(--radius-sm);--error-bg-default: var(--red-300);--error-bg-emphasis: var(--red-400);--error-bg-muted: var(--red-200);--error-bg-soft: var(--red-50);--error-bg-strong: var(--red-500);--error-bg-subtle: var(--red-10);--error-bg-weak: var(--red-100);--error-border-default: var(--red-200);--error-border-focused: var(--red-50);--error-border-strong: var(--red-300);--error-text-icon-default: var(--red-400);--error-text-icon-muted: var(--red-200);--error-text-icon-on: var(--red-10);--error-text-icon-strong: var(--red-500);--focus-ring-offset: 2;--focus-ring-width: var(--border-sm);--gap-gutter-lg: var(--spacing-3xl);--gap-gutter-md: var(--spacing-xl);--gap-gutter-sm: var(--spacing-lg);--gap-item-horizontal-lg: var(--spacing-md);--gap-item-horizontal-md: var(--spacing-sm);--gap-item-horizontal-sm: var(--spacing-xs);--gap-item-horizontal-xl: var(--spacing-lg);--gap-item-vertical-lg: var(--spacing-md);--gap-item-vertical-md: var(--spacing-sm);--gap-item-vertical-sm: var(--spacing-xs);--gap-item-vertical-xl: var(--spacing-lg);--gap-section-lg: var(--spacing-3xl);--gap-section-md: var(--spacing-2xl);--gap-section-sm: var(--spacing-xl);--gap-section-xs: var(--spacing-lg);--gray-100: rgb(205,209,217);--gray-10: rgb(242,244,246);--gray-200: rgb(154,164,179);--gray-300: rgb(129,141,160);--gray-400: rgb(104,115,133);--gray-500: rgb(89,97,113);--gray-50: rgb(217,221,227);--gray-600: rgb(65,69,82);--gray-700: rgb(48,49,61);--gray-800: rgb(33,37,44);--gray-900: rgb(26,27,37);--green-100: rgb(173,234,185);--green-10: rgb(239,251,241);--green-200: rgb(141,225,156);--green-300: rgb(90,212,114);--green-400: rgb(63,148,80);--green-500: rgb(36,85,46);--green-50: rgb(189,238,199);--green-600: rgb(9,21,11);--height-lg: var(--size-9);--height-md: var(--size-8);--height-sm: var(--size-7);--height-xs: var(--size-6-2);--icon-size-2xl: var(--size-9);--icon-size-3xl: var(--size-10);--icon-size-4xl: var(--size-11);--icon-size-lg: var(--size-7);--icon-size-md: var(--size-6-2);--icon-size-sm: var(--size-5);--icon-size-xl: var(--size-8);--icon-size-xs: var(--size-4);--info-bg-default: var(--blue-300);--info-bg-emphasis: var(--blue-400);--info-bg-muted: var(--blue-200);--info-bg-soft: var(--blue-50);--info-bg-strong: var(--blue-500);--info-bg-subtle: var(--blue-10);--info-bg-weak: var(--blue-100);--info-border-default: var(--blue-200);--info-border-focused: var(--blue-50);--info-border-strong: var(--blue-300);--info-text-icon-default: var(--blue-400);--info-text-icon-muted: var(--blue-200);--info-text-icon-on: var(--blue-10);--info-text-icon-strong: var(--blue-500);--info-text-icon-weak: var(--blue-100);--magenta-100: rgb(255,163,253);--magenta-10: rgb(255,237,254);--magenta-200: rgb(255,125,250);--magenta-300: rgb(255,81,238);--magenta-400: rgb(196,42,172);--magenta-500: rgb(139,31,123);--magenta-50: rgb(255,200,253);--magenta-600: rgb(56,13,51);--neutral-bg-default: rgb(255,255,255);--neutral-bg-emphasis: var(--gray-50);--neutral-bg-inverse: var(--gray-500);--neutral-bg-semi-strong: var(--gray-100);--neutral-bg-strong: var(--gray-200);--neutral-bg-subtle: var(--gray-10);--neutral-border-default: var(--gray-200);--neutral-border-muted: var(--gray-100);--neutral-border-strong: var(--gray-300);--neutral-border-subtle: var(--gray-50);--neutral-text-icon-default: var(--gray-400);--neutral-text-icon-emphasis: var(--gray-500);--neutral-text-icon-muted: var(--gray-300);--neutral-text-icon-on: var(--white);--neutral-text-icon-semi-strong: var(--gray-600);--neutral-text-icon-strong: var(--gray-700);--neutral-text-icon-subtle: var(--gray-200);--neutral-text-icon-weak: var(--gray-100);--opacity-disabled: 40;--opacity-overlay: 20;--padding-2xl: var(--size-7);--padding-2xs: var(--size-1);--padding-3xl: var(--size-8);--padding-4xl: var(--size-11);--padding-lg: var(--size-4);--padding-md: var(--size-3);--padding-sm: var(--size-2);--padding-xl: var(--size-6-2);--padding-xs: 6;--purple-100: rgb(238,242,255);--purple-10: rgb(247,249,255);--purple-150: rgb(235,237,249);--purple-200: rgb(209,214,254);--purple-250: rgb(114,111,242);--purple-300: rgb(85,81,255);--purple-400: rgb(59,57,179);--purple-500: rgb(35,33,96);--purple-50: rgb(243,245,251);--purple-600: rgb(16,15,72);--radius-circle: 9999;--radius-lg: var(--size-4);--radius-md: var(--size-3);--radius-sm: var(--size-2);--radius-xl: var(--size-6);--radius-xs: var(--size-1);--red-100: rgb(255,184,185);--red-10: rgb(255,237,237);--red-200: rgb(255,130,132);--red-300: rgb(255,77,79);--red-400: rgb(204,62,63);--red-500: rgb(128,40,40);--red-50: rgb(255,202,202);--red-600: rgb(51,15,16);--secondary-bg-default: var(--magenta-300);--secondary-bg-emphasis: var(--magenta-400);--secondary-bg-muted: var(--magenta-200);--secondary-bg-soft: var(--magenta-50);--secondary-bg-strong: var(--magenta-500);--secondary-bg-subtle: var(--magenta-10);--secondary-bg-weak: var(--magenta-100);--secondary-border-default: var(--magenta-200);--secondary-border-focused: var(--magenta-50);--secondary-border-strong: var(--magenta-300);--secondary-text-icon-default: var(--magenta-400);--secondary-text-icon-muted: var(--magenta-200);--secondary-text-icon-on: var(--magenta-10);--secondary-text-icon-strong: var(--magenta-500);--size-0: 0;--size-10: 64;--size-11: 80;--size-1: 4;--size-2: 8;--size-3: 12;--size-4: 16;--size-5: 20;--size-6-2: 24;--size-6: 24;--size-7: 32;--size-8: 40;--size-9: 48;--spacing-2xl: var(--size-7);--spacing-3xl: var(--size-8);--spacing-lg: var(--size-4);--spacing-md: var(--size-3);--spacing-sm: var(--size-2);--spacing-xl: var(--size-6-2);--spacing-xs: var(--size-1);--success-bg-default: var(--green-300);--success-bg-emphasis: var(--green-400);--success-bg-muted: var(--green-200);--success-bg-soft: var(--green-50);--success-bg-strong: var(--green-500);--success-bg-subtle: var(--green-10);--success-bg-weak: var(--green-100);--success-border-default: var(--green-200);--success-border-focused: var(--green-50);--success-border-strong: var(--green-300);--success-text-icon-default: var(--green-400);--success-text-icon-muted: var(--green-200);--success-text-icon-on: var(--green-10);--success-text-icon-strong: var(--green-500);--table-border: var(--neutral-border-subtle);--table-corner: var(--control-md-radius);--table-surface: var(--neutral-bg-default);--table-thickness: var(--border-sm);--warning-bg-default: var(--yellow-300);--warning-bg-emphasis: var(--yellow-400);--warning-bg-muted: var(--yellow-200);--warning-bg-soft: var(--yellow-50);--warning-bg-strong: var(--yellow-500);--warning-bg-subtle: var(--yellow-10);--warning-bg-weak: var(--yellow-100);--warning-border-default: var(--yellow-200);--warning-border-focused: var(--yellow-50);--warning-border-strong: var(--yellow-300);--warning-text-icon-default: var(--yellow-400);--warning-text-icon-muted: var(--yellow-200);--warning-text-icon-on: var(--yellow-10);--warning-text-icon-strong: var(--yellow-500);--white: rgb(255,255,255);--wrapper-width-2xs: 400;--wrapper-width-3xs: 320;--wrapper-width-4xs: 240;--wrapper-width-lg: 1200;--wrapper-width-md: 860;--wrapper-width-sm: 640;--wrapper-width-xl: 1600;--wrapper-width-xs: 480;--yellow-100: rgb(255,225,151);--yellow-10: rgb(255,249,233);--yellow-200: rgb(255,213,108);--yellow-300: rgb(255,195,45);--yellow-400: rgb(204,156,35);--yellow-500: rgb(128,98,23);--yellow-50: rgb(255,237,192);--yellow-600: rgb(51,39,9)}:root{--neutral-bg-muted: var(--gray-50);--ink: 20 23 38;--on-dark: 255 255 255;--shadow-xs: 0 1px 2px rgb(var(--ink) / .06);--shadow-sm: 0 1px 3px rgb(var(--ink) / .08), 0 1px 2px rgb(var(--ink) / .06);--shadow-md: 0 2px 8px rgb(var(--ink) / .12);--shadow-lg: 0 8px 24px rgb(var(--ink) / .16);--shadow-xl: 0 16px 48px rgb(var(--ink) / .2);--shadow-raised: 0 3px 10px rgb(var(--ink) / .2);--shadow-raised-subtle: 0 2px 8px rgb(var(--ink) / .12);--shadow-pressed: inset 0 2px 4px rgb(var(--ink) / .24);--shadow-pressed-deep: inset 0 2px 3px rgb(var(--ink) / .28);--shadow-popover: 0 4px 16px rgb(var(--ink) / .14), 0 1px 3px rgb(var(--ink) / .08);--shadow-dialog: 0 24px 64px rgb(var(--ink) / .24);--shadow-toast: 0 6px 20px rgb(var(--ink) / .18);--focus-ring: 0 0 0 3px var(--brand-bg-subtle);--focus-ring-error: 0 0 0 3px var(--error-bg-subtle);--focus-ring-inverse: 0 0 0 3px rgb(var(--on-dark) / .35);--focus-ring-width: 3px;--scrim-default: rgb(var(--ink) / .35);--scrim-strong: rgb(var(--ink) / .55);--scrim-light: rgb(var(--ink) / .16);--surface-glass: rgb(var(--on-dark) / .85);--surface-glass-weak: rgb(var(--on-dark) / .7);--hairline-on-dark: rgb(var(--on-dark) / .14);--hairline-on-light: rgb(var(--ink) / .06);--motion-fast: .1s;--motion-base: .15s;--motion-slow: .25s;--motion-ease: cubic-bezier(.2, 0, .2, 1)}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms}}:root{--font-family-heading: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-body: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-data: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;--text-display: 600 28px/1.1 var(--font-family-heading);--text-h1: 600 24px/1.15 var(--font-family-heading);--text-h2: 600 20px/1.2 var(--font-family-heading);--text-h3: 600 18px/1.3 var(--font-family-heading);--text-title: 600 16px/1.4 var(--font-family-heading);--text-subtitle: 600 14px/1.4 var(--font-family-heading);--text-body-lg: 400 16px/1.5 var(--font-family-body);--text-body: 400 14px/1.5 var(--font-family-body);--text-body-sm: 400 12px/1.5 var(--font-family-body);--text-button-lg: 600 18px/1 var(--font-family-heading);--text-button: 600 16px/1 var(--font-family-heading);--text-button-sm: 600 14px/1 var(--font-family-heading);--text-label: 600 13.5px/1.4 var(--font-family-data);--text-label-sm: 600 12px/1.4 var(--font-family-data);--text-caption: 500 11px/1.4 var(--font-family-data)}.text-display{font:var(--text-display);color:var(--gray-900)}.text-h1{font:var(--text-h1);color:var(--gray-900)}.text-h2{font:var(--text-h2);color:var(--gray-800)}.text-h3{font:var(--text-h3);color:var(--gray-800)}.text-title{font:var(--text-title);color:var(--gray-700)}.text-subtitle{font:var(--text-subtitle);color:var(--gray-600)}.text-body-lg{font:var(--text-body-lg);color:var(--color-text)}.text-body{font:var(--text-body);color:var(--color-text)}.text-body-sm{font:var(--text-body-sm);color:var(--color-text)}.text-button{font:var(--text-button)}.text-label{font:var(--text-label);color:var(--gray-400)}.text-label-sm{font:var(--text-label-sm);color:var(--gray-400)}.text-caption{font:var(--text-caption);color:var(--gray-300)}.ivdsField::placeholder{color:var(--neutral-text-icon-subtle);opacity:1}*{box-sizing:border-box}:root{--sb-bg: #ffffff;--sb-panel: #fafbfc;--sb-line: #e6e8ef;--sb-text: #141726;--sb-dim: #6b7180;--sb-faint: #8b90a0;--sb-accent: #141726;--sb-stage: #ffffff}:root[data-theme=dark]{--sb-bg: #16181f;--sb-panel: #1b1e27;--sb-line: #2a2e3a;--sb-text: #e8eaf0;--sb-dim: #9aa0b0;--sb-faint: #6f7688;--sb-accent: #5551ff;--sb-stage: #21242e}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;color:var(--sb-text);background:var(--sb-bg)}.app{display:grid;grid-template-columns:300px 1fr;height:100vh}.rail{border-right:1px solid var(--sb-line);overflow-y:auto;background:var(--sb-panel)}.rail-head{position:sticky;top:0;z-index:2;background:var(--sb-panel);padding:16px;border-bottom:1px solid var(--sb-line);display:grid;gap:8px}.brand{display:flex;align-items:center;justify-content:space-between}.brand strong{font-size:13px}.theme{border:1px solid var(--sb-line);background:var(--sb-bg);color:var(--sb-text);border-radius:6px;width:26px;height:24px;cursor:pointer;font-size:12px}.count{font-size:11px;color:var(--sb-faint);line-height:1.5}.rail-head input{width:100%;padding:7px 10px;border:1px solid var(--sb-line);border-radius:8px;font-size:13px;background:var(--sb-bg);color:var(--sb-text)}.group{padding:10px 8px 4px}.group-name{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--sb-faint);padding:4px 8px;display:flex;justify-content:space-between}.item{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:6px 10px;border:0;background:none;border-radius:7px;font-size:13px;cursor:pointer;color:var(--sb-text)}.item:hover{background:var(--sb-line)}.item.on{background:var(--sb-accent);color:#fff}.dot{width:6px;height:6px;border-radius:50%;background:#e0a020}.main{overflow-y:auto}.page{padding:32px 40px 96px;max-width:1180px}.titlerow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page h1{margin:0;font-size:26px}.badges{display:flex;gap:6px;flex-wrap:wrap}.badge{font-size:11px;background:var(--sb-line);color:var(--sb-dim);padding:3px 8px;border-radius:999px}.badge.ok{background:#e6f6ec;color:#1c6b3a}.badge.warn{background:#fdf1d8;color:#8a5d00}:root[data-theme=dark] .badge.ok{background:#14361f;color:#7bd6a0}:root[data-theme=dark] .badge.warn{background:#3a2c0c;color:#e0b451}.desc{margin:10px 0;color:var(--sb-dim);max-width:72ch}.import{display:inline-block;background:#141726;color:#d7f5e0;padding:8px 12px;border-radius:8px;font-size:12.5px}.tabs{display:flex;gap:2px;margin:24px 0 20px;border-bottom:1px solid var(--sb-line)}.tabs button{border:0;background:none;padding:8px 14px;font-size:13px;cursor:pointer;color:var(--sb-dim);border-bottom:2px solid transparent;text-transform:capitalize}.tabs button.on{color:var(--sb-text);border-bottom-color:var(--sb-accent);font-weight:600}.split{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}@media(max-width:1100px){.split{grid-template-columns:1fr}}.stage{padding:32px;border:1px solid var(--sb-line);border-radius:12px;background:var(--sb-stage);display:flex;align-items:center;justify-content:center;min-height:120px;overflow:auto}.stage.wide{min-height:220px}.code{margin:12px 0 0;padding:12px 14px;background:#141726;color:#d7f5e0;border-radius:10px;font-size:12.5px;line-height:1.6;overflow-x:auto;white-space:pre}.prose{margin:0;white-space:pre-wrap;font:inherit;color:var(--sb-dim)}.controls{border:1px solid var(--sb-line);border-radius:12px;padding:16px;background:var(--sb-panel);position:sticky;top:16px;max-height:calc(100vh - 60px);overflow-y:auto}.controls h3{margin:0 0 12px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--sb-faint)}.ctl{display:grid;gap:4px;margin-bottom:12px}.ctl-name{font-size:12px;display:flex;justify-content:space-between;align-items:baseline}.ctl-name em{font-style:normal;font-size:10px;color:var(--sb-faint)}.ctl input[type=text],.ctl input[type=number],.ctl select,.ctl textarea{width:100%;padding:5px 8px;border:1px solid var(--sb-line);border-radius:6px;font-size:12px;background:var(--sb-bg);color:var(--sb-text);font-family:inherit}.ctl input[type=checkbox]{justify-self:start;width:16px;height:16px}.ctl-fn{font-size:11px;color:var(--sb-faint)}.controls .reset{width:100%;margin-top:8px;padding:6px;border:1px solid var(--sb-line);background:var(--sb-bg);color:var(--sb-text);border-radius:7px;font-size:12px;cursor:pointer}.states{margin-bottom:32px}.states h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--sb-faint);display:flex;gap:8px;align-items:baseline}.states .hint{font-size:10px;color:var(--sb-faint);text-transform:none;letter-spacing:0}.matrix{display:flex;flex-wrap:wrap;gap:16px}.matrix figure{margin:0}.matrix figcaption{font-size:11px;color:var(--sb-faint);text-align:center;padding-top:6px}.matrix .stage{min-width:200px;min-height:90px;padding:20px}.docs section{margin-bottom:24px;max-width:76ch}.docs h3{font-size:13px;margin:0 0 8px}.dodont{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:none}@media(max-width:900px){.dodont{grid-template-columns:1fr}}.dodont section{border:1px solid var(--sb-line);border-radius:10px;padding:14px 16px;margin:0}.dodont .do{border-left:3px solid #2e9e5b}.dodont .dont{border-left:3px solid #d24b4b}.dodont ul{margin:0;padding-left:18px;font-size:13.5px;line-height:1.65;color:var(--sb-dim)}.props{border-collapse:collapse;width:100%;font-size:13px}.props th,.props td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--sb-line);vertical-align:top}.props th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--sb-faint)}.props .opts{color:var(--sb-dim);font-size:12px}code{background:var(--sb-line);padding:1px 5px;border-radius:4px;font-size:12px}.tokenlist{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.token{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;border:1px solid var(--sb-line);border-radius:999px;padding:3px 10px 3px 4px;color:var(--sb-dim)}.token i{width:14px;height:14px;border-radius:50%;border:1px solid var(--sb-line)}.literals{margin-top:20px}.literals code{margin-right:6px;background:#fdecec;color:#a02020}.muted{color:var(--sb-dim);font-size:13.5px}.muted.warn{color:#8a5d00}.boom{display:grid;gap:6px;padding:12px;border:1px solid #f3c2c2;background:#fff4f4;border-radius:8px;color:#a02020;font-size:12px}