@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-xs:.125rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.inline{display:inline}}:root{--primitive-color-neutral-0:#fff;--primitive-color-neutral-25:#f0f1f3;--primitive-color-neutral-50:#f7f7f8;--primitive-color-neutral-100:#eeeff1;--primitive-color-neutral-200:#dfe1e5;--primitive-color-neutral-300:#c9ccd2;--primitive-color-neutral-400:#a6aab3;--primitive-color-neutral-500:#6b707b;--primitive-color-neutral-600:#5f6470;--primitive-color-neutral-700:#454a54;--primitive-color-neutral-800:#2c3038;--primitive-color-neutral-900:#1c1f25;--primitive-color-neutral-950:#121418;--primitive-color-neutral-975:#0d0f12;--primitive-color-neutral-1000:#090a0c;--primitive-color-indigo-50:#f2f3ff;--primitive-color-indigo-100:#e3e5ff;--primitive-color-indigo-200:#c9ccff;--primitive-color-indigo-300:#a7abff;--primitive-color-indigo-400:#8588ff;--primitive-color-indigo-500:#6968f7;--primitive-color-indigo-600:#5954e8;--primitive-color-indigo-625:#3327c6;--primitive-color-indigo-700:#4b45ca;--primitive-color-indigo-750:#1f168f;--primitive-color-indigo-800:#3e3ba3;--primitive-color-indigo-900:#35357f;--primitive-color-indigo-950:#21204a;--primitive-color-green-100:#ddf6ea;--primitive-color-green-300:#78d8ac;--primitive-color-green-600:#16875a;--primitive-color-green-800:#0d5e3e;--primitive-color-green-950:#173a2d;--primitive-color-amber-100:#fff0d5;--primitive-color-amber-300:#e9b45d;--primitive-color-amber-600:#b56a08;--primitive-color-amber-800:#774204;--primitive-color-amber-950:#3c2b14;--primitive-color-red-100:#ffe4e6;--primitive-color-red-300:#ee8a92;--primitive-color-red-600:#d03b45;--primitive-color-red-800:#8f202a;--primitive-color-red-950:#421e24;--primitive-color-blue-100:#e1eeff;--primitive-color-blue-300:#7bb0f0;--primitive-color-blue-600:#3478d4;--primitive-color-blue-800:#205394;--primitive-color-blue-900:#00f;--primitive-color-blue-950:#172e4c;--primitive-space-0:0px;--primitive-space-1:4px;--primitive-space-2:8px;--primitive-space-3:12px;--primitive-space-4:16px;--primitive-space-5:20px;--primitive-space-6:24px;--primitive-space-8:32px;--primitive-space-10:40px;--primitive-space-12:48px;--primitive-space-16:64px;--primitive-space-20:80px;--primitive-space-24:96px;--primitive-space-0-5:2px;--primitive-space-1-5:6px;--primitive-radius-none:0px;--primitive-radius-xs:4px;--primitive-radius-sm:6px;--primitive-radius-md:8px;--primitive-radius-lg:12px;--primitive-radius-xl:16px;--primitive-radius-full:999px;--primitive-border-thin:1px;--primitive-border-focus:2px;--primitive-control-xs:28px;--primitive-control-sm:32px;--primitive-control-md:36px;--primitive-control-lg:40px;--primitive-control-xl:48px;--primitive-font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Arial, sans-serif;--primitive-font-family-mono:"SFMono-Regular", "Roboto Mono", Consolas, monospace;--primitive-font-size-10:10px;--primitive-font-size-11:11px;--primitive-font-size-12:12px;--primitive-font-size-13:13px;--primitive-font-size-14:14px;--primitive-font-size-16:16px;--primitive-font-size-18:18px;--primitive-font-size-22:22px;--primitive-font-size-28:28px;--primitive-font-size-36:36px;--primitive-font-size-64:64px;--primitive-font-line-14:14px;--primitive-font-line-16:16px;--primitive-font-line-18:18px;--primitive-font-line-20:20px;--primitive-font-line-21:21px;--primitive-font-line-24:24px;--primitive-font-line-26:26px;--primitive-font-line-30:30px;--primitive-font-line-36:36px;--primitive-font-line-44:44px;--primitive-font-line-64:64px;--primitive-font-weight-regular:450;--primitive-font-weight-medium:550;--primitive-font-weight-semibold:650;--primitive-font-weight-bold:700;--primitive-motion-duration-reduced:0s;--primitive-motion-duration-instant:80ms;--primitive-motion-duration-fast:.14s;--primitive-motion-duration-normal:.22s;--primitive-motion-duration-status:1.2s;--primitive-motion-ease-standard:cubic-bezier(.2, 0, 0, 1);--primitive-motion-ease-exit:cubic-bezier(.4, 0, 1, 1);--primitive-shadow-floating-light:0 16px 40px #0c0e1421, 0 2px 8px #0c0e1414;--primitive-shadow-floating-dark:0 18px 48px #0000005c, 0 3px 10px #00000040;--primitive-shadow-contrast:0 0 0 2px #000;--space-0:var(--primitive-space-0);--space-1:var(--primitive-space-1);--space-2:var(--primitive-space-2);--space-3:var(--primitive-space-3);--space-4:var(--primitive-space-4);--space-5:var(--primitive-space-5);--space-6:var(--primitive-space-6);--space-8:var(--primitive-space-8);--space-10:var(--primitive-space-10);--space-12:var(--primitive-space-12);--space-16:var(--primitive-space-16);--space-20:var(--primitive-space-20);--space-24:var(--primitive-space-24);--space-0-5:var(--primitive-space-0-5);--space-1-5:var(--primitive-space-1-5);--radius-none:var(--primitive-radius-none);--radius-xs:var(--primitive-radius-xs);--radius-sm:var(--primitive-radius-sm);--radius-md:var(--primitive-radius-md);--radius-lg:var(--primitive-radius-lg);--radius-xl:var(--primitive-radius-xl);--radius-full:var(--primitive-radius-full);--border-width-thin:var(--primitive-border-thin);--border-width-focus:var(--primitive-border-focus);--control-size-xs:var(--primitive-control-xs);--control-size-sm:var(--primitive-control-sm);--control-size-md:var(--primitive-control-md);--control-size-lg:var(--primitive-control-lg);--control-size-xl:var(--primitive-control-xl);--type-family-sans:var(--primitive-font-family-sans);--type-family-mono:var(--primitive-font-family-mono);--type-size-10:var(--primitive-font-size-10);--type-size-11:var(--primitive-font-size-11);--type-size-12:var(--primitive-font-size-12);--type-size-13:var(--primitive-font-size-13);--type-size-14:var(--primitive-font-size-14);--type-size-16:var(--primitive-font-size-16);--type-size-18:var(--primitive-font-size-18);--type-size-22:var(--primitive-font-size-22);--type-size-28:var(--primitive-font-size-28);--type-size-36:var(--primitive-font-size-36);--type-size-64:var(--primitive-font-size-64);--type-line-14:var(--primitive-font-line-14);--type-line-16:var(--primitive-font-line-16);--type-line-18:var(--primitive-font-line-18);--type-line-20:var(--primitive-font-line-20);--type-line-21:var(--primitive-font-line-21);--type-line-24:var(--primitive-font-line-24);--type-line-26:var(--primitive-font-line-26);--type-line-30:var(--primitive-font-line-30);--type-line-36:var(--primitive-font-line-36);--type-line-44:var(--primitive-font-line-44);--type-line-64:var(--primitive-font-line-64);--type-weight-regular:var(--primitive-font-weight-regular);--type-weight-medium:var(--primitive-font-weight-medium);--type-weight-semibold:var(--primitive-font-weight-semibold);--type-weight-bold:var(--primitive-font-weight-bold);--motion-duration-reduced:var(--primitive-motion-duration-reduced);--motion-duration-instant:var(--primitive-motion-duration-instant);--motion-duration-fast:var(--primitive-motion-duration-fast);--motion-duration-normal:var(--primitive-motion-duration-normal);--motion-duration-status:var(--primitive-motion-duration-status);--motion-ease-standard:var(--primitive-motion-ease-standard);--motion-ease-exit:var(--primitive-motion-ease-exit);--component-focus-width:var(--primitive-border-focus);--component-focus-offset:var(--primitive-space-0-5);--component-focus-color:var(--color-border-focus);--component-button-radius:var(--primitive-radius-sm);--component-button-font-weight:var(--primitive-font-weight-semibold);--component-button-gap:var(--primitive-space-2);--component-field-radius:var(--primitive-radius-sm);--component-field-border-width:var(--primitive-border-thin);--component-field-border-color:var(--color-border-control);--component-panel-radius:var(--primitive-radius-lg);--component-panel-border-width:var(--primitive-border-thin);--component-dialog-radius:var(--primitive-radius-lg);--component-dialog-shadow:var(--shadow-floating);--component-pill-radius:var(--primitive-radius-full);--component-shape-control-radius:var(--primitive-radius-sm);--component-shape-group-radius:var(--primitive-radius-md);--component-shape-panel-radius:var(--primitive-radius-lg);--component-shape-editorial-radius:var(--primitive-radius-xl);--component-shape-pill-radius:var(--primitive-radius-full);--component-navigation-radius:var(--primitive-radius-sm);--component-navigation-indicator-width:var(--primitive-space-0-5);--component-navigation-indicator-height:var(--primitive-space-4);--component-navigation-current-background:var(--color-state-selected);--component-navigation-current-border:var(--color-border-selected);--component-navigation-selected-background:var(--color-bg-subtle);--component-navigation-pressed-background:var(--color-state-pressed);--component-typography-operational-size:var(--primitive-font-size-11);--component-typography-operational-line:var(--primitive-font-line-16);--component-typography-operational-weight:var(--primitive-font-weight-medium);--component-typography-meta-size:var(--primitive-font-size-10);--component-typography-meta-line:var(--primitive-font-line-14);--component-typography-meta-weight:var(--primitive-font-weight-medium)}:root,:root[data-theme=light],[data-preview-theme=light]{--color-bg-canvas:var(--primitive-color-neutral-50);--color-bg-surface:var(--primitive-color-neutral-0);--color-bg-subtle:var(--primitive-color-neutral-100);--color-bg-elevated:var(--primitive-color-neutral-0);--color-bg-inverse:var(--primitive-color-neutral-900);--color-text-primary:var(--primitive-color-neutral-900);--color-text-secondary:var(--primitive-color-neutral-600);--color-text-tertiary:var(--primitive-color-neutral-500);--color-text-inverse:var(--primitive-color-neutral-0);--color-text-disabled:var(--primitive-color-neutral-400);--color-border-default:var(--primitive-color-neutral-200);--color-border-strong:var(--primitive-color-neutral-300);--color-border-control:var(--primitive-color-neutral-500);--color-border-focus:var(--primitive-color-indigo-500);--color-border-invalid:var(--primitive-color-red-600);--color-border-selected:var(--primitive-color-indigo-600);--color-action-primary:var(--primitive-color-indigo-600);--color-action-primary-hover:var(--primitive-color-indigo-700);--color-action-secondary:var(--primitive-color-neutral-900);--color-action-ghost:var(--primitive-color-neutral-600);--color-action-on-primary:var(--primitive-color-neutral-0);--color-status-success:var(--primitive-color-green-800);--color-status-success-subtle:var(--primitive-color-green-100);--color-status-warning:var(--primitive-color-amber-800);--color-status-warning-subtle:var(--primitive-color-amber-100);--color-status-danger:var(--primitive-color-red-800);--color-status-danger-subtle:var(--primitive-color-red-100);--color-status-info:var(--primitive-color-blue-800);--color-status-info-subtle:var(--primitive-color-blue-100);--color-state-hover:var(--primitive-color-neutral-100);--color-state-pressed:var(--primitive-color-neutral-200);--color-state-selected:var(--primitive-color-indigo-50);--color-state-disabled:var(--primitive-color-neutral-100);--color-state-readonly:var(--primitive-color-neutral-50);--shadow-floating:var(--primitive-shadow-floating-light);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark],[data-preview-theme=dark]{--color-bg-canvas:var(--primitive-color-neutral-975);--color-bg-surface:var(--primitive-color-neutral-950);--color-bg-subtle:var(--primitive-color-neutral-900);--color-bg-elevated:var(--primitive-color-neutral-900);--color-bg-inverse:var(--primitive-color-neutral-50);--color-text-primary:var(--primitive-color-neutral-25);--color-text-secondary:var(--primitive-color-neutral-300);--color-text-tertiary:var(--primitive-color-neutral-400);--color-text-inverse:var(--primitive-color-neutral-950);--color-text-disabled:var(--primitive-color-neutral-600);--color-border-default:var(--primitive-color-neutral-800);--color-border-strong:var(--primitive-color-neutral-700);--color-border-control:var(--primitive-color-neutral-500);--color-border-focus:var(--primitive-color-indigo-300);--color-border-invalid:var(--primitive-color-red-300);--color-border-selected:var(--primitive-color-indigo-400);--color-action-primary:var(--primitive-color-indigo-400);--color-action-primary-hover:var(--primitive-color-indigo-300);--color-action-secondary:var(--primitive-color-neutral-50);--color-action-ghost:var(--primitive-color-neutral-400);--color-action-on-primary:var(--primitive-color-neutral-1000);--color-status-success:var(--primitive-color-green-300);--color-status-success-subtle:var(--primitive-color-green-950);--color-status-warning:var(--primitive-color-amber-300);--color-status-warning-subtle:var(--primitive-color-amber-950);--color-status-danger:var(--primitive-color-red-300);--color-status-danger-subtle:var(--primitive-color-red-950);--color-status-info:var(--primitive-color-blue-300);--color-status-info-subtle:var(--primitive-color-blue-950);--color-state-hover:var(--primitive-color-neutral-900);--color-state-pressed:var(--primitive-color-neutral-800);--color-state-selected:var(--primitive-color-indigo-950);--color-state-disabled:var(--primitive-color-neutral-900);--color-state-readonly:var(--primitive-color-neutral-1000);--shadow-floating:var(--primitive-shadow-floating-dark);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=contrast],[data-preview-theme=contrast]{--color-bg-canvas:var(--primitive-color-neutral-0);--color-bg-surface:var(--primitive-color-neutral-0);--color-bg-subtle:var(--primitive-color-neutral-100);--color-bg-elevated:var(--primitive-color-neutral-0);--color-bg-inverse:var(--primitive-color-neutral-1000);--color-text-primary:var(--primitive-color-neutral-1000);--color-text-secondary:var(--primitive-color-neutral-900);--color-text-tertiary:var(--primitive-color-neutral-800);--color-text-inverse:var(--primitive-color-neutral-0);--color-text-disabled:var(--primitive-color-neutral-700);--color-border-default:var(--primitive-color-neutral-700);--color-border-strong:var(--primitive-color-neutral-1000);--color-border-control:var(--primitive-color-neutral-1000);--color-border-focus:var(--primitive-color-blue-900);--color-border-invalid:var(--primitive-color-red-800);--color-border-selected:var(--primitive-color-indigo-625);--color-action-primary:var(--primitive-color-indigo-625);--color-action-primary-hover:var(--primitive-color-indigo-750);--color-action-secondary:var(--primitive-color-neutral-1000);--color-action-ghost:var(--primitive-color-neutral-900);--color-action-on-primary:var(--primitive-color-neutral-0);--color-status-success:var(--primitive-color-green-800);--color-status-success-subtle:var(--primitive-color-green-100);--color-status-warning:var(--primitive-color-amber-800);--color-status-warning-subtle:var(--primitive-color-amber-100);--color-status-danger:var(--primitive-color-red-800);--color-status-danger-subtle:var(--primitive-color-red-100);--color-status-info:var(--primitive-color-blue-800);--color-status-info-subtle:var(--primitive-color-blue-100);--color-state-hover:var(--primitive-color-neutral-100);--color-state-pressed:var(--primitive-color-neutral-200);--color-state-selected:var(--primitive-color-indigo-100);--color-state-disabled:var(--primitive-color-neutral-200);--color-state-readonly:var(--primitive-color-neutral-50);--shadow-floating:var(--primitive-shadow-contrast);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root,:root[data-density=comfortable],[data-preview-density=comfortable]{--component-control-height:var(--primitive-control-md);--component-control-padding-inline:var(--primitive-space-3);--component-control-gap:var(--primitive-space-2);--component-table-row-height:var(--primitive-control-xl);--component-sidebar-item-height:var(--primitive-control-md);--component-sidebar-gap:var(--primitive-space-1);--component-toolbar-height:var(--primitive-space-16);--component-toolbar-gap:var(--primitive-space-2);--component-panel-inset:var(--primitive-space-6);--component-form-stack:var(--primitive-space-4)}:root[data-density=compact],[data-preview-density=compact]{--component-control-height:var(--primitive-control-sm);--component-control-padding-inline:var(--primitive-space-2);--component-control-gap:var(--primitive-space-1-5);--component-table-row-height:var(--primitive-control-lg);--component-sidebar-item-height:var(--primitive-control-sm);--component-sidebar-gap:var(--primitive-space-0-5);--component-toolbar-height:var(--primitive-space-12);--component-toolbar-gap:var(--primitive-space-1);--component-panel-inset:var(--primitive-space-4);--component-form-stack:var(--primitive-space-3)}:root{--font-sans:var(--type-family-sans);--font-mono:var(--font-geist-mono), var(--type-family-mono);--page-inline:var(--space-8);--section-block:var(--space-24);--sidebar-width:248px}:root[data-density=compact]{--section-block:var(--space-20)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--component-toolbar-height) + var(--space-5));background:var(--color-bg-canvas)}body{background:var(--color-bg-canvas);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--type-size-14);line-height:var(--type-line-21);-webkit-font-smoothing:antialiased;font-variant-numeric:proportional-nums;margin:0}button,select,input,textarea{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button:focus,a:focus,select:focus,input:focus,textarea:focus,[tabindex]:focus{outline:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,.forced-focus{outline:var(--component-focus-width) solid var(--component-focus-color);outline-offset:var(--component-focus-offset)}a{color:inherit;text-decoration:none}code,pre,kbd,.mono{font-family:var(--font-mono)}.tabular{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.meta{color:var(--color-text-tertiary);font:var(--type-size-10) / var(--type-line-14) var(--font-mono);letter-spacing:.06em}.site-shell{min-height:100vh}.sidebar{width:var(--sidebar-width);padding:var(--space-6) var(--space-4) var(--space-4);background:var(--color-bg-subtle);border-right:var(--border-width-thin) solid var(--color-border-default);z-index:20;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{padding:0 var(--space-2) var(--space-6);align-items:center;gap:var(--space-3);border-radius:var(--component-button-radius);display:flex}.brand-mark{width:var(--control-size-sm);height:var(--control-size-sm);color:var(--color-action-on-primary);background:var(--color-action-primary);border:var(--border-width-thin) solid var(--color-action-on-primary);flex:none;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.brand-mark{border:var(--border-width-thin) solid color-mix(in srgb, var(--color-action-on-primary) 18%, transparent)}}.brand-mark{border-radius:var(--component-shape-group-radius);font-size:var(--type-size-14);font-weight:var(--type-weight-bold)}.brand strong,.brand small{display:block}.brand strong{font-size:var(--type-size-14);line-height:var(--type-line-18);letter-spacing:-.01em}.brand small{margin-top:var(--space-0-5);color:var(--color-text-tertiary);font-size:var(--type-size-11);line-height:var(--type-line-14)}.side-nav{gap:var(--component-sidebar-gap);display:grid}.mobile-nav-toggle{display:none}.nav-label{padding:var(--space-2) var(--space-3) var(--space-1);color:var(--color-text-tertiary);font-size:var(--type-size-10);font-weight:var(--type-weight-bold);letter-spacing:.08em;text-transform:uppercase}.side-nav a{min-height:var(--component-sidebar-item-height);padding:0 var(--space-2);grid-template-columns:var(--component-navigation-indicator-width) 1fr auto;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);border:var(--border-width-thin) solid transparent;border-radius:var(--component-navigation-radius);transition:background var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard), color var(--motion-duration-fast) var(--motion-ease-standard);display:grid}.side-nav a:hover:not([aria-current=page]){color:var(--color-text-primary);background:var(--color-state-hover)}.side-nav a:active{color:var(--color-text-primary);background:var(--component-navigation-pressed-background)}.side-nav a>i{width:var(--component-navigation-indicator-width);height:var(--component-navigation-indicator-height);border-radius:var(--component-shape-pill-radius);background:0 0}.side-nav a.is-selected{color:var(--color-text-primary);background:var(--component-navigation-selected-background);border-color:var(--color-border-strong)}.side-nav a[aria-current=page]{color:var(--color-text-primary);background:var(--component-navigation-current-background);border-color:var(--component-navigation-current-border);font-weight:var(--type-weight-semibold)}.side-nav a[aria-current=page]>i{background:var(--color-action-primary)}.side-nav a[aria-current=page] small{color:var(--color-action-primary)}.side-nav a span{font-size:var(--type-size-13)}.side-nav a small{color:var(--color-text-tertiary);font:var(--type-size-10) var(--font-mono)}.sidebar-note{padding:var(--space-4) var(--space-3);align-items:flex-start;gap:var(--space-3);border-top:var(--border-width-thin) solid var(--color-border-default);margin-top:auto;display:flex}.sidebar-note strong,.sidebar-note p{display:block}.sidebar-note strong{font-size:var(--type-size-12);line-height:var(--type-line-16)}.sidebar-note p{margin:var(--space-0-5) 0 0;color:var(--color-text-tertiary);font-size:var(--type-size-11);line-height:var(--type-line-14)}.note-dot{width:var(--space-2);height:var(--space-2);margin-top:var(--space-1);border-radius:var(--component-shape-pill-radius);background:var(--color-status-success);box-shadow:0 0 0 var(--space-0-5) var(--color-status-success-subtle)}.main{min-width:0;margin-left:var(--sidebar-width)}.topbar{min-height:var(--component-toolbar-height);padding:0 var(--page-inline);background:var(--color-bg-canvas);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in srgb, var(--color-bg-canvas) 90%, transparent)}}.topbar{border-bottom:var(--border-width-thin) solid var(--color-border-default);-webkit-backdrop-filter:blur(var(--space-4));backdrop-filter:blur(var(--space-4));z-index:10}.breadcrumb,.toolbar{align-items:center;display:flex}.breadcrumb{gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--type-size-12)}.breadcrumb strong{color:var(--color-text-primary);font-weight:var(--type-weight-semibold)}.toolbar{gap:var(--component-toolbar-gap)}.select-control{height:var(--component-control-height);min-width:126px;padding:0 var(--space-2);align-items:center;gap:var(--space-2);background:var(--color-bg-surface);border:var(--component-field-border-width) solid var(--component-field-border-color);border-radius:var(--component-field-radius);display:flex}.select-control select{appearance:none;width:100%;color:var(--color-text-primary);font-size:var(--type-size-12);font-weight:var(--type-weight-medium);cursor:pointer;background:0 0;border:0;outline:0}.theme-indicator{width:var(--space-3);height:var(--space-3);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--component-shape-pill-radius);background:var(--color-bg-surface);box-shadow:inset var(--space-1-5) 0 0 var(--color-text-primary);flex:none}.density-switch{height:var(--component-control-height);padding:var(--space-0-5);background:var(--color-bg-subtle);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-field-radius);align-items:stretch;display:flex}.density-switch button{padding:0 var(--space-3);color:var(--color-text-tertiary);border-radius:var(--component-shape-control-radius);font-size:var(--type-size-11);font-weight:var(--type-weight-semibold);cursor:pointer;background:0 0;border:0}.density-switch button[aria-pressed=true]{color:var(--color-text-primary);background:var(--color-bg-surface);box-shadow:0 var(--border-width-thin) var(--space-0-5) var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.density-switch button[aria-pressed=true]{box-shadow:0 var(--border-width-thin) var(--space-0-5) color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}.content{width:min(1180px, calc(100% - var(--space-16)));margin:0 auto}.hero{padding:var(--space-20) 0 0}.eyebrow{color:var(--color-text-tertiary);font:var(--type-size-11) / var(--type-line-16) var(--font-mono);letter-spacing:.06em;justify-content:space-between;align-items:center;display:flex}.hero h1{max-width:920px;margin:var(--space-8) 0 var(--space-6);letter-spacing:-.055em;font-size:clamp(52px,6.4vw,84px);line-height:.98;font-weight:var(--type-weight-bold)}.hero-copy{max-width:720px;color:var(--color-text-secondary);font-size:var(--type-size-18);line-height:var(--type-line-30);letter-spacing:-.015em;margin:0}.hero-actions{margin-top:var(--space-8);gap:var(--space-3);display:flex}.hero-meta{margin-top:var(--space-16);border-top:var(--border-width-thin) solid var(--color-border-default);border-bottom:var(--border-width-thin) solid var(--color-border-default);grid-template-columns:repeat(5,1fr);display:grid}.hero-meta div{min-height:var(--space-24);padding:var(--space-5);border-right:var(--border-width-thin) solid var(--color-border-default)}.hero-meta div:first-child{padding-left:0}.hero-meta div:last-child{border-right:0}.hero-meta span,.hero-meta strong{display:block}.hero-meta span{color:var(--color-text-tertiary);font:var(--type-size-10) / var(--type-line-14) var(--font-mono);letter-spacing:.07em}.hero-meta strong{margin-top:var(--space-2);font-size:var(--type-size-14);line-height:var(--type-line-20)}.section{padding:var(--section-block) 0;border-bottom:var(--border-width-thin) solid var(--color-border-default)}.system-principles{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.principle{align-items:flex-start;gap:var(--space-3);display:flex}.principle>span{color:var(--color-action-primary);font:var(--type-size-11) / var(--type-line-18) var(--font-mono)}.principle strong{font-size:var(--type-size-14);line-height:var(--type-line-20)}.principle p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:var(--type-size-12);line-height:var(--type-line-18)}.section-header{margin-bottom:var(--space-12);gap:var(--space-16);grid-template-columns:1fr minmax(320px,450px);align-items:end;display:grid}.section-index{margin-bottom:var(--space-2);color:var(--color-action-primary);font:var(--type-size-10) / var(--type-line-14) var(--font-mono);letter-spacing:.08em;display:block}.section-header h2{font-size:var(--type-size-36);line-height:var(--type-line-44);letter-spacing:-.04em;font-weight:var(--type-weight-semibold);margin:0}.section-header>p{color:var(--color-text-secondary);font-size:var(--type-size-14);line-height:var(--type-line-21);margin:0}.subsection-heading{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-end;gap:var(--space-6);display:flex}.subsection-heading h3{font-size:var(--type-size-16);line-height:var(--type-line-24);margin:0}.subsection-heading p{margin:var(--space-0-5) 0 0;color:var(--color-text-tertiary);font-size:var(--type-size-12);line-height:var(--type-line-18)}.subsection-heading>span{color:var(--color-text-tertiary);font:var(--type-size-10) var(--font-mono);text-transform:uppercase}.token-flow{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.token-flow__item{align-items:center;gap:var(--space-2);grid-template-columns:1fr auto;min-width:0;display:grid}.token-flow__item:last-child{grid-template-columns:1fr}.token-flow__item>i{color:var(--color-text-tertiary);font-style:normal}.token-flow article{min-width:0;padding:var(--space-5);gap:var(--space-1-5);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius);display:grid}.token-flow article.highlighted{background:var(--color-state-selected);border-color:var(--color-border-selected)}.token-flow article span{color:var(--color-text-tertiary);font:var(--type-size-10) var(--font-mono);letter-spacing:.05em}.token-flow article strong{font-size:var(--type-size-13);text-overflow:ellipsis;overflow:hidden}.token-flow article code{color:var(--color-text-tertiary);font-size:var(--type-size-10);text-overflow:ellipsis;overflow:hidden}.palette-pair{margin-top:var(--space-12);gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.swatch-strip{height:var(--space-20);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;overflow:hidden}.palette-block:nth-child(2) .swatch-strip{grid-template-columns:repeat(11,minmax(0,1fr))}.palette-block{min-width:0}.swatch-strip>div{min-width:0;padding:var(--space-2) var(--space-1);box-shadow:inset calc(var(--border-width-thin) * -1) 0 0 var(--color-border-strong);align-items:flex-end;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.swatch-strip>div{box-shadow:inset calc(var(--border-width-thin) * -1) 0 0 color-mix(in srgb, var(--color-border-strong) 18%, transparent)}}.swatch-strip span{color:var(--color-action-on-primary);font:var(--type-size-10) var(--font-mono);mix-blend-mode:difference}.semantic-reference{margin-top:var(--space-12)}.semantic-grid{border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.semantic-grid button{min-height:var(--space-16);padding:var(--space-3) var(--space-4);grid-template-columns:var(--space-6) 1fr auto;align-items:center;gap:var(--space-3);color:var(--color-text-primary);background:var(--color-bg-surface);border:0;border-bottom:var(--border-width-thin) solid var(--color-border-default);text-align:left;cursor:pointer;display:grid}.semantic-grid button:nth-child(odd){border-right:var(--border-width-thin) solid var(--color-border-default)}.semantic-grid button:nth-last-child(-n+2){border-bottom:0}.semantic-grid button:hover{background:var(--color-state-hover)}.semantic-chip{width:var(--space-6);height:var(--space-6);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-control-radius)}.semantic-chip--color-bg-canvas{background:var(--color-bg-canvas)}.semantic-chip--color-bg-surface{background:var(--color-bg-surface)}.semantic-chip--color-bg-elevated{background:var(--color-bg-elevated)}.semantic-chip--color-text-primary{background:var(--color-text-primary)}.semantic-chip--color-text-secondary{background:var(--color-text-secondary)}.semantic-chip--color-border-default{background:var(--color-border-default)}.semantic-chip--color-action-primary{background:var(--color-action-primary)}.semantic-chip--color-border-focus{background:var(--color-border-focus)}.semantic-chip--color-state-selected{background:var(--color-state-selected)}.semantic-chip--color-state-disabled{background:var(--color-state-disabled)}.semantic-grid button>span strong,.semantic-grid button>span small{display:block}.semantic-grid button>span strong{font-size:var(--type-size-12)}.semantic-grid button>span small{margin-top:var(--space-0-5);color:var(--color-text-tertiary);font-size:var(--type-size-10)}.semantic-grid code{color:var(--color-text-tertiary);font-size:var(--type-size-10)}.theme-proof-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.theme-proof{color:var(--color-text-primary);background:var(--color-bg-canvas);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius);overflow:hidden}.theme-proof__head{min-height:var(--control-size-xl);padding:0 var(--space-4);background:var(--color-bg-surface);border-bottom:var(--border-width-thin) solid var(--color-border-default);justify-content:space-between;align-items:center;display:flex}.theme-proof__head>div{align-items:center;gap:var(--space-2);display:flex}.theme-proof__head i{width:var(--space-2);height:var(--space-2);background:var(--color-action-primary);border-radius:var(--component-shape-pill-radius)}.theme-proof__head strong{font-size:var(--type-size-12)}.theme-proof__head>span{color:var(--color-text-tertiary);font:var(--component-typography-meta-size) var(--font-mono)}.theme-proof__body{grid-template-columns:86px 1fr;min-height:290px;display:grid}.mini-sidebar{padding:var(--space-3) var(--space-2);align-content:start;gap:var(--space-1);background:var(--color-bg-subtle);border-right:var(--border-width-thin) solid var(--color-border-default);display:grid}.mini-sidebar span{padding:var(--space-1-5);color:var(--color-text-tertiary);border-radius:var(--component-shape-control-radius);font-size:var(--component-typography-meta-size)}.mini-sidebar span.is-active{color:var(--color-text-primary);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);font-weight:var(--type-weight-semibold)}.mini-workspace{padding:var(--space-4)}.mini-toolbar{justify-content:space-between;align-items:center;display:flex}.mini-toolbar strong{font-size:var(--type-size-11)}.mini-metrics{margin-top:var(--space-4);gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.mini-metrics div{padding:var(--space-3);gap:var(--space-1);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-control-radius);display:grid}.mini-metrics span,.mini-list small{color:var(--color-text-tertiary);font-size:var(--component-typography-meta-size)}.mini-metrics strong{font-size:var(--type-size-14)}.mini-list{margin-top:var(--space-3);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-control-radius)}.mini-list>span{min-height:var(--control-size-lg);padding:0 var(--space-3);grid-template-columns:var(--space-2) 1fr auto;align-items:center;gap:var(--space-2);border-bottom:var(--border-width-thin) solid var(--color-border-default);font-size:var(--component-typography-meta-size);display:grid}.mini-list>span:last-child{border-bottom:0}.mini-list i{width:var(--space-1-5);height:var(--space-1-5);border-radius:var(--component-shape-pill-radius)}.mini-list i.success{background:var(--color-status-success)}.mini-list i.warning{background:var(--color-status-warning)}.density-proof-grid{margin-top:var(--space-12);gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.density-proof{background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius);overflow:hidden}.density-proof__head{min-height:var(--component-toolbar-height);padding:0 var(--component-panel-inset);border-bottom:var(--border-width-thin) solid var(--color-border-default);justify-content:space-between;align-items:center;display:flex}.density-proof__head div strong,.density-proof__head div span{display:block}.density-proof__head strong{font-size:var(--type-size-13)}.density-proof__head div span{color:var(--color-text-tertiary);font-size:var(--type-size-10)}.density-measure{color:var(--color-action-primary);font:var(--type-size-10) var(--font-mono)}.density-toolbar{min-height:var(--component-toolbar-height);padding:0 var(--component-panel-inset);align-items:center;gap:var(--component-toolbar-gap);background:var(--color-bg-subtle);border-bottom:var(--border-width-thin) solid var(--color-border-default);display:flex}.density-search{height:var(--component-control-height);min-width:0;padding:0 var(--component-control-padding-inline);color:var(--color-text-tertiary);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-field-radius);font-size:var(--type-size-11);flex:1;align-items:center;display:flex}.density-list>div{min-height:var(--component-table-row-height);padding:0 var(--component-panel-inset);align-items:center;gap:var(--component-control-gap);border-bottom:var(--border-width-thin) solid var(--color-border-default);grid-template-columns:auto 1fr 70px 70px;display:grid}.density-list>div:last-child{border-bottom:0}.density-list strong{font-size:var(--type-size-12)}.density-list span,.density-list small{color:var(--color-text-tertiary);font-size:var(--type-size-10)}.type-table{border-top:var(--border-width-thin) solid var(--color-border-default)}.type-row{min-height:var(--space-16);padding:var(--space-4) 0;align-items:center;gap:var(--space-4);border-bottom:var(--border-width-thin) solid var(--color-border-default);grid-template-columns:120px 80px 64px 1fr;display:grid}.type-row>code,.type-row>span{color:var(--color-text-tertiary);font:var(--type-size-10) / var(--type-line-16) var(--font-mono)}.type-row.type-head{min-height:var(--control-size-lg);color:var(--color-text-tertiary);font-size:var(--type-size-10);font-weight:var(--type-weight-semibold);text-transform:uppercase;letter-spacing:.06em;padding:0}.type-sample strong,.type-sample small{display:block}.type-sample strong{font-weight:inherit}.type-sample small{margin-top:var(--space-1);color:var(--color-text-tertiary);font-size:.7em;line-height:1.4}.type-sample--display{font-size:var(--type-size-36);line-height:var(--type-line-44);font-weight:var(--type-weight-bold);letter-spacing:-.035em}.type-sample--heading-1{font-size:var(--type-size-28);line-height:var(--type-line-36);font-weight:var(--type-weight-semibold);letter-spacing:-.03em}.type-sample--heading-2{font-size:var(--type-size-22);line-height:var(--type-line-30);font-weight:var(--type-weight-semibold);letter-spacing:-.02em}.type-sample--heading-3{font-size:var(--type-size-18);line-height:var(--type-line-26);font-weight:var(--type-weight-semibold)}.type-sample--body-lg{font-size:var(--type-size-16);line-height:var(--type-line-24)}.type-sample--body-md{font-size:var(--type-size-14);line-height:var(--type-line-21)}.type-sample--body-sm{font-size:var(--type-size-13);line-height:var(--type-line-18)}.type-sample--operational-sm{font-size:var(--component-typography-operational-size);line-height:var(--component-typography-operational-line);font-weight:var(--component-typography-operational-weight)}.type-sample--meta-sm{font-size:var(--component-typography-meta-size);line-height:var(--component-typography-meta-line);font-weight:var(--component-typography-meta-weight);letter-spacing:.04em;text-transform:uppercase}.type-sample--label-lg{font-size:var(--type-size-13);line-height:var(--type-line-18);font-weight:var(--type-weight-semibold)}.type-sample--label-md{font-size:var(--type-size-12);line-height:var(--type-line-16);font-weight:var(--type-weight-semibold)}.type-sample--label-sm{font-size:var(--type-size-11);line-height:var(--type-line-14);font-weight:var(--type-weight-semibold);letter-spacing:.04em}.type-sample--caption{font-size:var(--type-size-11);line-height:var(--type-line-16)}.type-sample--helper-meta{font-size:var(--type-size-10);line-height:var(--type-line-14);font-weight:var(--type-weight-medium);letter-spacing:.04em}.type-sample--mono-md{font:var(--type-size-12) / var(--type-line-18) var(--font-mono)}.type-sample--mono-sm{font:var(--type-size-10) / var(--type-line-14) var(--font-mono)}.numeric-proof{margin-top:var(--space-12);background:var(--color-bg-inverse);border-radius:var(--component-panel-radius);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.numeric-proof>div{padding:var(--space-8);color:var(--color-text-inverse)}.numeric-proof>div+div{border-left:var(--border-width-thin) solid var(--color-text-inverse)}@supports (color:color-mix(in lab, red, red)){.numeric-proof>div+div{border-left:var(--border-width-thin) solid color-mix(in srgb, var(--color-text-inverse) 18%, transparent)}}.numeric-proof span,.numeric-proof strong,.numeric-proof small{display:block}.numeric-proof strong{margin:var(--space-4) 0 var(--space-2);font-size:var(--type-size-22)}.numeric-proof small{color:var(--color-text-inverse)}@supports (color:color-mix(in lab, red, red)){.numeric-proof small{color:color-mix(in srgb, var(--color-text-inverse) 62%, transparent)}}.numeric-proof small{font-size:var(--type-size-11)}.operational-tier{margin-top:var(--space-6);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-panel-radius);grid-template-columns:1.2fr .8fr;display:grid;overflow:hidden}.operational-tier>div{min-width:0;padding:var(--space-5)}.operational-tier>div+div{border-left:var(--border-width-thin) solid var(--color-border-default)}.operational-log{margin-top:var(--space-4);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-group-radius);overflow:hidden}.operational-log>span{min-height:var(--component-table-row-height);padding:0 var(--space-3);align-items:center;gap:var(--space-3);border-bottom:var(--border-width-thin) solid var(--color-border-default);font-size:var(--component-typography-operational-size);line-height:var(--component-typography-operational-line);grid-template-columns:72px 88px 1fr;display:grid}.operational-log>span:last-child{border-bottom:0}.operational-log code,.operational-log small{color:var(--color-text-tertiary);font-size:var(--component-typography-meta-size)}.operational-tier ul{margin:var(--space-4) 0 0;padding:0;list-style:none}.operational-tier li{min-height:var(--control-size-lg);padding:var(--space-2) 0;align-items:center;gap:var(--space-3);border-bottom:var(--border-width-thin) solid var(--color-border-default);grid-template-columns:92px 1fr;display:grid}.operational-tier li:last-child{border-bottom:0}.operational-tier li strong{font:var(--component-typography-meta-size) / var(--component-typography-meta-line) var(--font-mono)}.operational-tier li span{color:var(--color-text-secondary);font-size:var(--component-typography-operational-size);line-height:var(--component-typography-operational-line)}.operational-meta,.operational-mono{color:var(--color-text-tertiary);font-size:var(--component-typography-meta-size);line-height:var(--component-typography-meta-line)}.operational-mono{font-family:var(--font-mono)}.focus-contract{padding:var(--space-6);align-items:center;gap:var(--space-8);background:var(--color-state-selected);border:var(--border-width-thin) solid var(--color-border-selected);border-radius:var(--component-panel-radius);grid-template-columns:190px 1fr auto;display:grid}.focus-contract__sample{min-height:var(--space-20);background:var(--color-bg-surface);border-radius:var(--component-shape-group-radius);place-items:center;display:grid}.focus-contract h3{margin:var(--space-1) 0;font-size:var(--type-size-18)}.focus-contract p{color:var(--color-text-secondary);font-size:var(--type-size-12);margin:0}.focus-contract>code{color:var(--color-action-primary);font-size:var(--type-size-10)}.matrix-heading{margin-top:var(--space-12)}.state-matrix{border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius);overflow:hidden}.state-matrix__coverage{background:var(--color-bg-subtle);border-bottom:var(--border-width-thin) solid var(--color-border-default);grid-template-columns:repeat(5,1fr);display:grid}.state-matrix__coverage>div{padding:var(--space-3) var(--space-4);border-right:var(--border-width-thin) solid var(--color-border-default);justify-content:space-between;display:flex}.state-matrix__coverage>div:last-child{border-right:0}.state-matrix__coverage strong,.state-matrix__coverage span{font-size:var(--type-size-10)}.state-matrix__coverage span{color:var(--color-text-tertiary);font-family:var(--font-mono)}.button-state-row{padding:var(--space-6);gap:var(--space-5) var(--space-3);grid-template-columns:repeat(6,1fr);display:grid}.button-state{gap:var(--space-2);min-width:0;display:grid}.button-state>span{color:var(--color-text-tertiary);font:var(--type-size-10) var(--font-mono)}.demo-hover{background:var(--color-state-hover)!important}.demo-pressed{transform:translateY(var(--border-width-thin));background:var(--color-state-pressed)!important}.demo-focus{outline:var(--component-focus-width) solid var(--component-focus-color);outline-offset:var(--component-focus-offset)}.demo-selected{color:var(--color-action-primary)!important;background:var(--color-state-selected)!important;border-color:var(--color-border-selected)!important}.demo-read-only:before{content:"◇"}.demo-invalid{color:var(--color-status-danger)!important;border-color:var(--color-border-invalid)!important}.state-gallery{margin-top:var(--space-8);gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.state-demo{padding:var(--space-5);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius)}.state-demo>span{margin-bottom:var(--space-4);color:var(--color-text-tertiary);font:var(--type-size-10) var(--font-mono);display:block}.state-demo.is-hover .f-input{border-color:var(--color-border-strong);background:var(--color-state-hover)}.state-demo.is-focus .f-input{outline:var(--component-focus-width) solid var(--component-focus-color);outline-offset:var(--component-focus-offset)}.control-support-grid{margin-top:var(--space-8);gap:var(--space-4);grid-template-columns:1fr 1.4fr;display:grid}.control-support-card{padding:var(--space-6);align-content:start;gap:var(--space-4);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius);display:grid}.control-support-card .f-tab-panel p{color:var(--color-text-secondary);margin:0}.size-reference{margin-top:var(--space-12)}.size-table{border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius);overflow:hidden}.size-table__row{min-height:var(--component-table-row-height);padding:0 var(--space-4);border-bottom:var(--border-width-thin) solid var(--color-border-default);grid-template-columns:60px 80px 80px 80px 80px 1fr;align-items:center;display:grid}.size-table__row:last-child{border-bottom:0}.size-table__row span{font-size:var(--type-size-11)}.size-table__row span:not(:last-child){color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--type-size-10)}.size-table__row.head{min-height:var(--control-size-lg);color:var(--color-text-tertiary);background:var(--color-bg-subtle);font-size:var(--type-size-10);font-weight:var(--type-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.spacing-recipes{margin-bottom:var(--space-8);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.spacing-recipes>div{min-height:var(--space-16);padding:var(--space-3) var(--space-4);border-right:var(--border-width-thin) solid var(--color-border-default);border-bottom:var(--border-width-thin) solid var(--color-border-default);grid-template-columns:1fr auto;align-content:center;display:grid}.spacing-recipes>div:nth-child(3n){border-right:0}.spacing-recipes>div:nth-last-child(-n+3){border-bottom:0}.spacing-recipes strong{font-size:var(--type-size-12)}.spacing-recipes code{color:var(--color-action-primary);font-size:var(--type-size-10)}.spacing-recipes span{color:var(--color-text-tertiary);font-size:var(--type-size-10);grid-column:1/-1}.navigation-contract{margin-bottom:var(--space-8);padding:var(--space-5);align-items:center;gap:var(--space-8);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-panel-radius);grid-template-columns:minmax(220px,.75fr) 1.25fr;display:grid}.navigation-contract h3{margin:var(--space-2) 0 var(--space-1);font-size:var(--type-size-16)}.navigation-contract p{color:var(--color-text-secondary);font-size:var(--type-size-11);line-height:var(--type-line-16);margin:0}.navigation-state-row{gap:var(--space-2);grid-template-columns:repeat(3,1fr);min-width:0;display:grid}.navigation-state-row button{min-height:var(--component-sidebar-item-height);padding:0 var(--space-2);grid-template-columns:var(--component-navigation-indicator-width) 1fr auto;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);border:var(--border-width-thin) solid transparent;border-radius:var(--component-navigation-radius);text-align:left;font-size:var(--component-typography-operational-size);background:0 0;display:grid}.navigation-state-row button i{width:var(--component-navigation-indicator-width);height:var(--component-navigation-indicator-height);border-radius:var(--component-shape-pill-radius);background:0 0}.navigation-state-row button small{color:var(--color-text-tertiary);font:var(--component-typography-meta-size) var(--font-mono)}.navigation-state-row .demo-hover{color:var(--color-text-primary);background:var(--color-state-hover)}.navigation-state-row .demo-pressed{color:var(--color-text-primary);background:var(--component-navigation-pressed-background)}.navigation-state-row .is-selected{color:var(--color-text-primary);background:var(--component-navigation-selected-background);border-color:var(--color-border-strong)}.navigation-state-row [aria-current=page]{color:var(--color-text-primary);background:var(--component-navigation-current-background);border-color:var(--component-navigation-current-border);font-weight:var(--type-weight-semibold)}.navigation-state-row [aria-current=page] i{background:var(--color-action-primary)}.shape-contracts{margin-bottom:var(--space-8);gap:var(--space-6);grid-template-columns:1.2fr 1fr;display:grid}.shape-contracts>div{padding:var(--space-5);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius)}.shape-map{margin-top:var(--space-4);gap:var(--space-3);grid-template-columns:repeat(5,1fr);display:grid}.shape-map>div>i{aspect-ratio:1.25;background:var(--color-state-selected);border:var(--border-width-thin) solid var(--color-border-selected);display:block}.shape-map .radius-sm{border-radius:var(--component-shape-control-radius)}.shape-map .radius-md{border-radius:var(--component-shape-group-radius)}.shape-map .radius-lg{border-radius:var(--component-shape-panel-radius)}.shape-map .radius-xl{border-radius:var(--component-shape-editorial-radius)}.shape-map .radius-full{border-radius:var(--component-shape-pill-radius)}.shape-map>div>span{margin-top:var(--space-2);justify-content:space-between;gap:var(--space-1);display:flex}.shape-map strong,.shape-map code{font-size:var(--component-typography-meta-size)}.shape-map code{color:var(--color-text-tertiary)}.border-map{margin-top:var(--space-4);gap:var(--space-2);display:grid}.border-map>span{min-height:var(--control-size-md);padding:0 var(--space-3);grid-template-columns:var(--space-4) 1fr auto;align-items:center;gap:var(--space-2);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-control-radius);font-size:var(--type-size-10);display:grid}.border-map>span>i{width:var(--space-3);height:var(--space-3);background:var(--color-bg-subtle);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-control-radius)}.border-map>span>strong{color:var(--color-text-tertiary);font:var(--component-typography-meta-size) var(--font-mono)}.border-map .border-strong{border-color:var(--color-border-strong)}.border-map .border-selected{border-color:var(--color-border-selected);background:var(--color-state-selected)}.border-map .border-invalid{border-color:var(--color-border-invalid)}.border-map .border-focus{outline:var(--component-focus-width) solid var(--component-focus-color);outline-offset:var(--component-focus-offset)}.shape-governance{margin-bottom:var(--space-8);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-panel-radius);overflow:hidden}.shape-governance>div:first-child{padding:var(--space-5);align-items:center;gap:var(--space-4);border-bottom:var(--border-width-thin) solid var(--color-border-default);grid-template-columns:180px 1fr;display:grid}.shape-governance>div:first-child>span{grid-column:1/-1}.shape-governance>div:first-child>strong{font:var(--type-size-16) var(--font-mono)}.shape-governance>div:first-child>p{color:var(--color-text-secondary);font-size:var(--type-size-11);line-height:var(--type-line-16);margin:0}.shape-rules{grid-template-columns:repeat(5,1fr);display:grid}.shape-rules>span{min-width:0;padding:var(--space-4) var(--space-3);border-right:var(--border-width-thin) solid var(--color-border-default)}.shape-rules>span:last-child{border-right:0}.shape-rules i,.shape-rules strong,.shape-rules small{display:block}.shape-rules i{color:var(--color-action-primary);font:var(--type-size-16) var(--font-mono);font-style:normal}.shape-rules strong{margin-top:var(--space-2);font-size:var(--component-typography-operational-size)}.shape-rules small{margin-top:var(--space-1);color:var(--color-text-tertiary);font-size:var(--component-typography-meta-size);line-height:var(--component-typography-meta-line)}.shape-dont{padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-4);background:var(--color-status-warning-subtle);border-top:var(--border-width-thin) solid var(--color-status-warning);display:flex}.shape-dont strong{color:var(--color-status-warning);font-size:var(--component-typography-operational-size);flex:none}.shape-dont p{color:var(--color-text-secondary);font-size:var(--component-typography-meta-size);line-height:var(--component-typography-meta-line);margin:0}.f-tabs{min-width:0}.f-tab-list{align-items:center;gap:var(--space-1);border-bottom:var(--border-width-thin) solid var(--color-border-default);display:flex}.f-tab-list button{min-height:var(--component-control-height);padding:0 var(--component-control-padding-inline);color:var(--color-text-secondary);font-size:var(--type-size-12);font-weight:var(--type-weight-medium);cursor:pointer;background:0 0;border:0;position:relative}.f-tab-list button:hover{color:var(--color-text-primary);background:var(--color-state-hover)}.f-tab-list button[aria-selected=true]{color:var(--color-text-primary);font-weight:var(--type-weight-semibold)}.f-tab-list button[aria-selected=true]:after{height:var(--border-width-focus);inset:auto var(--space-2) calc(var(--border-width-thin) * -1);content:"";background:var(--color-action-primary);border-radius:var(--component-shape-pill-radius);position:absolute}.f-tab-panel{padding-top:var(--space-4)}.pattern-canvas{background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius);overflow:hidden}.pattern-page-header{padding:var(--component-panel-inset);justify-content:space-between;align-items:flex-end;gap:var(--space-8);display:flex}.pattern-page-header h3{margin:var(--space-1) 0;font-size:var(--type-size-22);letter-spacing:-.02em}.pattern-page-header p{color:var(--color-text-secondary);font-size:var(--type-size-12);margin:0}.pattern-page-header>div:last-child{gap:var(--space-2);display:flex}.pattern-toolbar{min-height:var(--component-toolbar-height);padding:0 var(--component-panel-inset);align-items:center;gap:var(--component-toolbar-gap);background:var(--color-bg-subtle);border-top:var(--border-width-thin) solid var(--color-border-default);border-bottom:var(--border-width-thin) solid var(--color-border-default);display:flex}.pattern-search{width:240px;height:var(--component-control-height);padding:0 var(--component-control-padding-inline);color:var(--color-text-tertiary);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-field-radius);font-size:var(--type-size-11);align-items:center;display:flex}.pattern-toolbar__push{margin-left:auto}.saved-views{min-height:var(--component-control-height);padding:0 var(--component-panel-inset);align-items:center;gap:var(--space-4);border-bottom:var(--border-width-thin) solid var(--color-border-default);display:flex}.saved-views strong,.saved-views span,.saved-views button{font-size:var(--type-size-11)}.saved-views span{color:var(--color-text-tertiary)}.saved-views button{color:var(--color-action-primary);cursor:pointer;background:0 0;border:0;margin-left:auto}.f-table-wrap{overflow-x:auto}.f-table{border-collapse:collapse;width:100%}.f-table th,.f-table td{min-height:var(--component-table-row-height);padding:0 var(--space-4);border-bottom:var(--border-width-thin) solid var(--color-border-default);text-align:left;white-space:nowrap;font-size:var(--type-size-11)}.f-table thead th{height:var(--control-size-lg);color:var(--color-text-tertiary);background:var(--color-bg-subtle);font-size:var(--type-size-10);font-weight:var(--type-weight-semibold);text-transform:uppercase;letter-spacing:.04em}.f-table tbody th{height:var(--component-table-row-height);font-weight:var(--type-weight-semibold)}.f-table tbody tr:hover{background:var(--color-state-hover)}.f-table tbody tr:last-child th,.f-table tbody tr:last-child td{border-bottom:0}input[type=checkbox]{accent-color:var(--color-action-primary)}.inspector-pattern{background:var(--color-bg-subtle);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius);grid-template-columns:1fr 360px;min-height:480px;display:grid;overflow:hidden}.inspector-stage{padding:var(--space-8)}.inspector-stage h3{margin:var(--space-2) 0;font-size:var(--type-size-22)}.inspector-stage p{max-width:520px;color:var(--color-text-secondary);margin:0}.inspector-placeholder{margin-top:var(--space-8);gap:var(--space-3);display:grid}.inspector-placeholder i{height:var(--space-16);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-group-radius);display:block}.inspector-panel{padding:var(--component-panel-inset);align-content:start;gap:var(--component-form-stack);background:var(--color-bg-surface);border-left:var(--border-width-thin) solid var(--color-border-default);display:grid}.inspector-panel__head,.inspector-panel__footer{justify-content:space-between;align-items:center;display:flex}.inspector-panel__head{padding-bottom:var(--space-4);border-bottom:var(--border-width-thin) solid var(--color-border-default)}.inspector-panel__head button{width:var(--control-size-xs);height:var(--control-size-xs);color:var(--color-text-tertiary);border-radius:var(--component-button-radius);cursor:pointer;background:0 0;border:0}.inspector-panel__head button:hover{background:var(--color-state-hover)}.inspector-panel__footer{margin-top:var(--space-4);justify-content:flex-end;gap:var(--space-2)}.command-stage{min-height:500px;padding:var(--space-16);background:var(--color-bg-subtle);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius);place-items:start center;display:grid}.f-command-launch{justify-items:start;gap:var(--space-2);display:grid}.f-command{background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--component-dialog-radius);width:min(560px,100%);box-shadow:var(--component-dialog-shadow);overflow:hidden}.f-command__search{min-height:var(--control-size-xl);padding:0 var(--space-4);align-items:center;gap:var(--space-3);color:var(--color-text-tertiary);border-bottom:var(--border-width-thin) solid var(--color-border-default);display:flex}.f-command__search input{min-width:0;height:var(--component-control-height);color:var(--color-text-primary);font:inherit;background:0 0;border:0;flex:1;padding:0}.f-command__search input::placeholder{color:var(--color-text-tertiary)}kbd{padding:var(--space-0-5) var(--space-1-5);color:var(--color-text-tertiary);background:var(--color-bg-subtle);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-control-radius);font-size:var(--component-typography-meta-size)}.f-command__group{padding:var(--space-2)}.f-command__label{padding:var(--space-1) var(--space-2);color:var(--color-text-tertiary);font-size:var(--type-size-10);font-weight:var(--type-weight-semibold);text-transform:uppercase;display:block}.f-command__group>div{min-height:var(--control-size-lg);padding:0 var(--space-3);grid-template-columns:var(--space-6) 1fr auto;border:var(--border-width-thin) solid transparent;border-radius:var(--component-button-radius);cursor:pointer;align-items:center;display:grid}.f-command__group>div[aria-selected=true]{background:var(--color-state-selected);border-color:var(--color-border-selected);box-shadow:inset var(--component-navigation-indicator-width) 0 0 var(--color-action-primary)}.f-command__group strong{font-size:var(--type-size-12)}.f-command__empty{padding:var(--space-4);color:var(--color-text-secondary);font-size:var(--type-size-12);margin:0}.feedback-patterns{margin-top:var(--space-8);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius);grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.feedback-patterns article{min-height:230px;padding:var(--space-5);border-right:var(--border-width-thin) solid var(--color-border-default);flex-direction:column;align-items:flex-start;display:flex}.feedback-patterns article:last-child{border-right:0}.feedback-patterns h4{margin:var(--space-5) 0 var(--space-2);font-size:var(--type-size-14)}.feedback-patterns p{margin:0 0 var(--space-5);color:var(--color-text-secondary);font-size:var(--type-size-11);line-height:var(--type-line-18)}.feedback-patterns .f-button{margin-top:auto}.skeleton-lines{width:100%;margin-top:var(--space-4);gap:var(--space-2);display:grid}.skeleton-lines i{height:var(--space-2);background:var(--color-state-disabled);border-radius:var(--component-shape-control-radius);display:block}.skeleton-lines i:nth-child(2){width:76%}.skeleton-lines i:nth-child(3){width:48%}.ai-workspace{background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius);grid-template-columns:190px 1.15fr .85fr;min-height:720px;display:grid;overflow:hidden}.ai-rail{padding:var(--space-4) var(--space-3);background:var(--color-bg-subtle);border-right:var(--border-width-thin) solid var(--color-border-default)}.ai-rail__brand{padding:0 var(--space-2) var(--space-6);align-items:center;gap:var(--space-2);display:flex}.brand-mark.small{width:var(--control-size-xs);height:var(--control-size-xs);border-radius:var(--component-shape-control-radius);font-size:var(--type-size-11)}.ai-rail__brand strong{font-size:var(--type-size-11)}.ai-rail__label{padding:0 var(--space-2) var(--space-2);color:var(--color-text-tertiary);font-size:var(--component-typography-meta-size);font-weight:var(--type-weight-semibold);letter-spacing:.06em;display:block}.ai-rail>button{width:100%;min-height:var(--control-size-xl);padding:var(--space-2);grid-template-columns:var(--space-2) 1fr;align-items:start;gap:var(--space-2);color:var(--color-text-primary);border:var(--border-width-thin) solid transparent;border-radius:var(--component-button-radius);text-align:left;cursor:pointer;background:0 0;display:grid}.ai-rail>button.active{background:var(--color-bg-surface);border-color:var(--color-border-default)}.ai-rail>button>i{width:var(--space-1-5);height:var(--space-1-5);margin-top:var(--space-1);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--component-shape-pill-radius)}.ai-rail>button>i.running-dot{background:var(--color-action-primary);border-color:var(--color-action-primary)}.ai-rail button strong,.ai-rail button small{display:block}.ai-rail button strong{font-size:var(--type-size-10);line-height:var(--type-line-14)}.ai-rail button small{margin-top:var(--space-0-5);color:var(--color-text-tertiary);font-size:var(--component-typography-meta-size)}.ai-conversation{border-right:var(--border-width-thin) solid var(--color-border-default);grid-template-rows:auto 1fr auto;min-width:0;display:grid}.ai-header,.ai-artifact__head{min-height:var(--component-toolbar-height);padding:0 var(--component-panel-inset);justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:var(--border-width-thin) solid var(--color-border-default);display:flex}.ai-header strong,.ai-header span,.ai-artifact__head strong,.ai-artifact__head span{display:block}.ai-header strong,.ai-artifact__head strong{font-size:var(--type-size-12)}.ai-header>div:last-child{gap:var(--space-2);display:flex}.ai-thread{padding:var(--component-panel-inset);overflow:auto}.user-message{max-width:86%;padding:var(--space-3) var(--space-4);background:var(--color-state-selected);border:var(--border-width-thin) solid var(--color-border-selected);border-radius:var(--component-shape-panel-radius) var(--component-shape-panel-radius) var(--component-shape-control-radius) var(--component-shape-panel-radius);font-size:var(--type-size-12);line-height:var(--type-line-18);margin-left:auto}.agent-message{margin-top:var(--space-6);grid-template-columns:var(--control-size-xs) 1fr;gap:var(--space-3);display:grid}.agent-avatar{width:var(--control-size-xs);height:var(--control-size-xs);color:var(--color-action-on-primary);background:var(--color-action-primary);border-radius:var(--component-shape-control-radius);font-size:var(--type-size-10);font-weight:var(--type-weight-bold);place-items:center;display:grid}.agent-message>div>strong{font-size:var(--type-size-12)}.agent-message p{margin:var(--space-1) 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--type-size-11);line-height:var(--type-line-18)}.f-agent-plan{border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-group-radius);margin:0;padding:0;list-style:none}.f-agent-plan li{min-height:var(--control-size-lg);padding:var(--space-2) var(--space-3);grid-template-columns:var(--space-5) 1fr auto;align-items:center;gap:var(--space-2);border-bottom:var(--border-width-thin) solid var(--color-border-default);display:grid}.f-agent-plan li:last-child{border-bottom:0}.f-agent-plan__mark{width:var(--space-5);height:var(--space-5);color:var(--color-text-tertiary);background:var(--color-bg-subtle);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-pill-radius);font-size:var(--component-typography-meta-size);place-items:center;display:grid}.f-agent-plan li.is-complete .f-agent-plan__mark{color:var(--color-status-success);background:var(--color-status-success-subtle);border-color:var(--color-status-success)}.f-agent-plan li.is-running{background:var(--color-state-selected)}.f-agent-plan li.is-running .f-agent-plan__mark{color:var(--color-action-on-primary);background:var(--color-action-primary);border-color:var(--color-action-primary)}.f-agent-plan li strong,.f-agent-plan li span{display:block}.f-agent-plan li strong{font-size:var(--type-size-10)}.f-agent-plan li div span{color:var(--color-text-tertiary);font-size:var(--component-typography-meta-size)}.f-progress{margin-top:var(--space-4)}.f-progress__meta{margin-bottom:var(--space-2);color:var(--color-text-tertiary);font-size:var(--type-size-10);justify-content:space-between;display:flex}.f-progress__track{height:var(--space-1);background:var(--color-state-disabled);border-radius:var(--component-shape-pill-radius);overflow:hidden}.f-progress__track i{background:var(--color-action-primary);border-radius:inherit;height:100%;display:block}.f-approval{margin-top:var(--space-5);padding:var(--space-4);grid-template-columns:var(--control-size-xs) 1fr;gap:var(--space-3);background:var(--color-status-warning-subtle);border:var(--border-width-thin) solid var(--color-status-warning);border-radius:var(--component-shape-group-radius);display:grid}.f-approval__icon{width:var(--control-size-xs);height:var(--control-size-xs);color:var(--color-status-warning);border:var(--border-width-thin) solid var(--color-status-warning);border-radius:var(--component-shape-pill-radius);font-weight:var(--type-weight-bold);place-items:center;display:grid}.f-approval h4{margin:var(--space-1) 0;font-size:var(--type-size-12)}.f-approval p{color:var(--color-text-secondary);font-size:var(--type-size-10);line-height:var(--type-line-16);margin:0}.f-approval__actions{margin-top:var(--space-3);gap:var(--space-2);flex-wrap:wrap;display:flex}.ai-composer{margin:0 var(--component-panel-inset) var(--component-panel-inset);min-height:var(--space-20);padding:var(--space-3);color:var(--color-text-tertiary);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--component-shape-panel-radius);font-size:var(--type-size-11);flex-direction:column;justify-content:space-between;display:flex}.ai-composer>div{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.ai-composer>div>button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;margin-right:auto}.ai-artifact{background:var(--color-bg-subtle);min-width:0}.ai-mobile-switch{display:none}.artifact-stats{border-bottom:var(--border-width-thin) solid var(--color-border-default);grid-template-columns:repeat(3,1fr);display:grid}.artifact-stats>div{padding:var(--space-4);border-right:var(--border-width-thin) solid var(--color-border-default)}.artifact-stats>div:last-child{border-right:0}.artifact-stats span,.artifact-stats strong{display:block}.artifact-stats span{color:var(--color-text-tertiary);font-size:var(--component-typography-meta-size)}.artifact-stats strong{margin-top:var(--space-1);font-size:var(--type-size-18)}.artifact-list{margin:var(--component-panel-inset);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-group-radius);overflow:hidden}.artifact-list>div{min-height:var(--component-table-row-height);padding:0 var(--space-3);align-items:center;gap:var(--space-2);border-bottom:var(--border-width-thin) solid var(--color-border-default);grid-template-columns:1fr auto;display:grid}.artifact-list>div:last-child{border-bottom:0}.artifact-list>div strong{font-size:var(--type-size-10)}.artifact-list__head{color:var(--color-text-tertiary);background:var(--color-bg-subtle);font-size:var(--component-typography-meta-size);font-weight:var(--type-weight-semibold);text-transform:uppercase;min-height:var(--control-size-sm)!important}.sources-panel{margin:var(--component-panel-inset);padding:var(--space-3);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-group-radius)}.sources-panel p{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:var(--type-size-10);line-height:var(--type-line-16)}.ai-stress-heading,.a11y-proof-heading{margin-top:var(--space-12)}.ai-stress-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.ai-stress-card{min-width:0;padding:var(--space-5);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-panel-radius);flex-direction:column;align-items:flex-start;display:flex}.ai-stress-card.is-error{border-color:var(--color-status-danger)}.ai-stress-card.is-approval{border-color:var(--color-status-info)}.ai-stress-card__head{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;display:flex}.ai-stress-card h4{margin:var(--space-4) 0 var(--space-1);font-size:var(--type-size-14)}.ai-stress-card>p{margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--component-typography-operational-size);line-height:var(--component-typography-operational-line)}.ai-stress-card>.f-button{margin-top:auto}.ai-stress-card .f-progress{width:100%;margin:auto 0 var(--space-4)}.ai-stress-card__actions{gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.ai-stress-status{color:var(--color-text-secondary);font-size:var(--component-typography-operational-size);line-height:var(--component-typography-operational-line);grid-column:1/-1}.side-nav a span,.f-button>span,.f-command strong,.f-approval h4,.f-approval p,.ai-header,.user-message,.agent-message,.ai-stress-card,.artifact-list,.sources-panel{overflow-wrap:anywhere}.conflict-diff{width:100%;margin:var(--space-3) 0 var(--space-4);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-group-radius);overflow:hidden}.conflict-diff>span{min-height:var(--control-size-lg);padding:var(--space-2) var(--space-3);align-items:center;gap:var(--space-3);border-bottom:var(--border-width-thin) solid var(--color-border-default);grid-template-columns:52px 1fr;display:grid}.conflict-diff>span:last-child{border-bottom:0}.conflict-diff small{color:var(--color-text-tertiary);font:var(--component-typography-meta-size) var(--font-mono);text-transform:uppercase}.conflict-diff strong{font-size:var(--component-typography-operational-size)}.ai-parallel-card{grid-column:1/-1}.parallel-task-list{width:100%;margin:var(--space-3) 0 0;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-group-radius);padding:0;list-style:none;overflow:hidden}.parallel-task-list li{min-height:var(--component-table-row-height);padding:0 var(--space-3);grid-template-columns:var(--space-2) 1fr auto;align-items:center;gap:var(--space-3);border-bottom:var(--border-width-thin) solid var(--color-border-default);display:grid}.parallel-task-list li:last-child{border-bottom:0}.parallel-task-list i{width:var(--space-1-5);height:var(--space-1-5);border-radius:var(--component-shape-pill-radius)}.parallel-task-list .running-dot{background:var(--color-action-primary)}.parallel-task-list .status-warning-dot{background:var(--color-status-warning)}.parallel-task-list .status-success-dot{background:var(--color-status-success)}.parallel-task-list strong,.parallel-task-list small{display:block}.parallel-task-list strong{font-size:var(--component-typography-operational-size);line-height:var(--component-typography-operational-line)}.parallel-task-list small,.parallel-task-list code{color:var(--color-text-tertiary);font-size:var(--component-typography-meta-size);line-height:var(--component-typography-meta-line)}.a11y-score{min-height:150px;padding:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-8);background:var(--color-state-selected);border:var(--border-width-thin) solid var(--color-border-selected);border-radius:var(--component-panel-radius);display:flex}.a11y-score>div:first-child{align-items:center;gap:var(--space-4);display:flex}.score-ring{width:var(--space-16);height:var(--space-16);color:var(--color-action-primary);background:var(--color-bg-surface);border:var(--border-width-focus) solid var(--color-action-primary);border-radius:var(--component-shape-pill-radius);font-weight:var(--type-weight-bold);place-items:center;display:grid}.a11y-score strong{font-size:var(--type-size-16)}.a11y-score p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--type-size-11)}.a11y-metrics{gap:var(--space-4) var(--space-8);grid-template-columns:1fr 1fr;display:grid}.a11y-metrics span{color:var(--color-text-tertiary);font-size:var(--type-size-10)}.a11y-metrics strong{margin-right:var(--space-1);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--type-size-12)}.a11y-checklist{margin-top:var(--space-8);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.a11y-checklist>div{min-height:var(--space-16);padding:var(--space-3) var(--space-4);grid-template-columns:var(--space-5) 1fr;align-items:center;gap:var(--space-3);border-right:var(--border-width-thin) solid var(--color-border-default);border-bottom:var(--border-width-thin) solid var(--color-border-default);display:grid}.a11y-checklist>div:nth-child(2n){border-right:0}.a11y-checklist>div:nth-last-child(-n+2){border-bottom:0}.a11y-checklist>div>span{width:var(--space-5);height:var(--space-5);color:var(--color-status-success);background:var(--color-status-success-subtle);border-radius:var(--component-shape-pill-radius);font-size:var(--type-size-10);place-items:center;display:grid}.a11y-checklist strong,.a11y-checklist p{display:block}.a11y-checklist strong{font-size:var(--type-size-12)}.a11y-checklist p{margin:var(--space-0-5) 0 0;color:var(--color-text-tertiary);font-size:var(--type-size-10)}.a11y-proof-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.a11y-proof-grid>article{min-width:0;padding:var(--space-5);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-panel-radius)}.a11y-proof-grid>article:last-child{grid-column:1/-1}.a11y-proof-grid h4{margin:var(--space-3) 0 var(--space-2);font-size:var(--type-size-14)}.a11y-proof-grid article>p{margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--component-typography-operational-size);line-height:var(--component-typography-operational-line)}.keyboard-path-proof ol{margin:var(--space-4) 0 0;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-group-radius);padding:0;list-style:none;overflow:hidden}.keyboard-path-proof li{min-height:var(--control-size-lg);padding:0 var(--space-3);align-items:center;gap:var(--space-3);color:var(--color-text-secondary);border-bottom:var(--border-width-thin) solid var(--color-border-default);font-size:var(--component-typography-operational-size);grid-template-columns:52px 1fr;display:grid}.keyboard-path-proof li:last-child{border-bottom:0}.keyboard-path-proof li.is-complete{color:var(--color-text-tertiary)}.keyboard-path-proof li.is-current{color:var(--color-text-primary);background:var(--color-state-selected);box-shadow:inset var(--component-navigation-indicator-width) 0 0 var(--color-action-primary);font-weight:var(--type-weight-semibold)}.keyboard-path-proof kbd{width:fit-content;min-width:var(--space-8);padding:var(--space-1) var(--space-2);color:var(--color-text-primary);background:var(--color-bg-subtle);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--component-shape-control-radius);font:var(--component-typography-meta-size) var(--font-mono);text-align:center}.focus-restoration-demo{justify-items:start;gap:var(--space-2);display:grid}.f-dialog-backdrop{padding:var(--space-6);background:var(--color-bg-inverse);place-items:center;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.f-dialog-backdrop{background:color-mix(in srgb, var(--color-bg-inverse) 36%, transparent)}}.f-dialog-backdrop{z-index:100}.f-dialog{width:min(420px,100%);padding:var(--space-6);background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--component-dialog-radius);box-shadow:var(--component-dialog-shadow)}.f-dialog--command{width:min(560px,100%);padding:0}.f-dialog--command .f-command{width:100%;box-shadow:none;border:0}.f-dialog h4{margin:var(--space-3) 0 var(--space-1);font-size:var(--type-size-18)}.f-dialog p{color:var(--color-text-secondary);font-size:var(--type-size-12);line-height:var(--type-line-18);margin:0}.f-dialog__consequence{padding:var(--space-3);background:var(--color-status-warning-subtle);border-left:var(--border-width-focus) solid var(--color-status-warning);border-radius:var(--component-shape-control-radius);margin-top:var(--space-3)!important}.f-dialog__actions{margin-top:var(--space-5);justify-content:flex-end;gap:var(--space-2);display:flex}.reflow-frame{width:min(320px,100%);padding:var(--space-4);justify-items:start;gap:var(--space-2);background:var(--color-bg-subtle);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--component-shape-group-radius);display:grid}.reflow-frame>span{color:var(--color-action-primary);font:var(--component-typography-meta-size) var(--font-mono)}.reflow-frame strong{font-size:var(--type-size-12)}.reflow-frame small{color:var(--color-text-secondary);font-size:var(--component-typography-operational-size);line-height:var(--component-typography-operational-line)}.motion-proof__track{height:var(--control-size-lg);padding:0 var(--space-3);align-items:center;gap:var(--space-3);background:var(--color-bg-subtle);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-group-radius);display:flex;position:relative;overflow:hidden}.motion-proof__track i{width:var(--space-2);height:var(--space-2);background:var(--color-action-primary);border-radius:var(--component-shape-pill-radius);animation:operational-pulse var(--motion-duration-status) var(--motion-ease-standard) infinite;flex:none}.motion-proof__track span{font-size:var(--component-typography-operational-size);font-weight:var(--component-typography-operational-weight)}.sr-status{color:var(--color-text-tertiary);font-size:var(--component-typography-meta-size)}@keyframes operational-pulse{50%{opacity:.45}}.docs-layout{gap:var(--space-6);grid-template-columns:1fr 320px;display:grid}.storybook-preview{background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius);min-width:0;overflow:hidden}.storybook-top{min-height:var(--control-size-xl);padding:0 var(--space-4);background:var(--color-bg-subtle);border-bottom:var(--border-width-thin) solid var(--color-border-default);justify-content:space-between;align-items:center;display:flex}.storybook-top>div{align-items:center;gap:var(--space-2);display:flex}.story-logo{width:var(--space-6);height:var(--space-6);color:var(--color-action-on-primary);background:var(--color-action-primary);border-radius:var(--component-shape-control-radius);font-size:var(--type-size-10);font-weight:var(--type-weight-bold);place-items:center;display:grid}.storybook-top strong,.storybook-top span{font-size:var(--type-size-10)}.storybook-top>div:last-child span{padding:var(--space-1) var(--space-2);color:var(--color-text-secondary);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-control-radius)}.storybook-body{grid-template-columns:150px 1fr;min-height:430px;display:grid}.storybook-body>aside{padding:var(--space-4) var(--space-3);align-content:start;gap:var(--space-1);background:var(--color-bg-subtle);border-right:var(--border-width-thin) solid var(--color-border-default);display:grid}.storybook-body aside strong{margin:var(--space-3) var(--space-2) var(--space-1);color:var(--color-text-tertiary);font-size:var(--component-typography-meta-size)}.storybook-body aside span{padding:var(--space-1-5) var(--space-2);border-radius:var(--component-shape-control-radius);font-size:var(--type-size-10)}.storybook-body aside span.active{color:var(--color-action-primary);background:var(--color-state-selected);font-weight:var(--type-weight-semibold)}.story-canvas{padding:var(--space-8)}.story-canvas h3{margin:var(--space-2) 0 var(--space-1);font-size:var(--type-size-22)}.story-canvas>p{color:var(--color-text-secondary);font-size:var(--type-size-12);margin:0}.story-row{margin:var(--space-8) 0;gap:var(--space-3);flex-wrap:wrap;display:flex}.story-doc-grid{border-top:var(--border-width-thin) solid var(--color-border-default);grid-template-columns:repeat(3,1fr);display:grid}.story-doc-grid>div{padding:var(--space-4) var(--space-3);border-right:var(--border-width-thin) solid var(--color-border-default)}.story-doc-grid>div:last-child{border-right:0}.story-doc-grid strong,.story-doc-grid span{display:block}.story-doc-grid strong{font-size:var(--type-size-10)}.story-doc-grid span{margin-top:var(--space-1);color:var(--color-text-tertiary);font-size:var(--component-typography-meta-size);line-height:var(--type-line-14)}.docs-manifest{padding:var(--space-5);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius)}.docs-manifest>.meta{margin-bottom:var(--space-4);display:block}.docs-manifest>div{min-height:var(--space-16);justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:var(--border-width-thin) solid var(--color-border-default);display:flex}.docs-manifest>div:last-child{border-bottom:0}.docs-manifest strong,.docs-manifest small{display:block}.docs-manifest strong{font-size:var(--type-size-11)}.docs-manifest small{margin-top:var(--space-0-5);color:var(--color-text-tertiary);font:var(--component-typography-meta-size) var(--font-mono)}footer{justify-content:space-between;align-items:center;min-height:160px;display:flex}footer>div{align-items:center;gap:var(--space-3);display:flex}footer strong,footer small{display:block}footer strong{font-size:var(--type-size-12)}footer small,footer p,footer a{color:var(--color-text-tertiary);font-size:var(--type-size-10)}footer p{margin:0}footer a:hover{color:var(--color-action-primary)}.f-button{min-width:0;padding:0 var(--component-control-padding-inline);justify-content:center;align-items:center;gap:var(--component-button-gap);color:var(--color-text-primary);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--component-button-radius);font-weight:var(--component-button-font-weight);white-space:nowrap;cursor:pointer;transition:background var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-instant) var(--motion-ease-standard);display:inline-flex}.f-button:hover:not(:disabled){background:var(--color-state-hover)}.f-button:active:not(:disabled){background:var(--color-state-pressed);transform:translateY(var(--border-width-thin))}.f-button:disabled{color:var(--color-text-disabled);background:var(--color-state-disabled);border-color:var(--color-border-default);cursor:not-allowed}.f-button[aria-busy=true]{opacity:1;cursor:wait}.f-button--primary{color:var(--color-action-on-primary);background:var(--color-action-primary);border-color:var(--color-action-primary)}.f-button--primary:hover:not(:disabled){background:var(--color-action-primary-hover);border-color:var(--color-action-primary-hover)}.f-button--ghost{color:var(--color-action-ghost);background:0 0;border-color:#0000}.f-button--destructive{color:var(--color-status-danger);background:var(--color-status-danger-subtle);border-color:var(--color-status-danger)}.f-button.is-complete{color:var(--color-status-success);background:var(--color-status-success-subtle);border-color:var(--color-status-success)}.f-button.is-selected,.f-button[aria-pressed=true]{color:var(--color-action-primary);background:var(--color-state-selected);border-color:var(--color-border-selected);box-shadow:inset var(--component-navigation-indicator-width) 0 0 var(--color-action-primary)}.f-control--density{height:var(--component-control-height);padding-inline:var(--component-control-padding-inline);gap:var(--component-control-gap);font-size:var(--type-size-13)}.f-control--xs{height:var(--control-size-xs);padding-inline:var(--space-2);font-size:var(--type-size-11)}.f-control--sm{height:var(--control-size-sm);padding-inline:var(--space-2);font-size:var(--type-size-12)}.f-control--md{height:var(--control-size-md);padding-inline:var(--space-3);font-size:var(--type-size-13)}.f-control--lg{height:var(--control-size-lg);padding-inline:var(--space-3);font-size:var(--type-size-14)}.f-control--xl{height:var(--control-size-xl);padding-inline:var(--space-4);font-size:var(--type-size-16)}.f-spinner{width:var(--space-3);height:var(--space-3);border:var(--border-width-focus) solid currentColor;border-radius:var(--component-shape-pill-radius);animation:spin var(--motion-duration-normal) linear infinite;border-top-color:#0000;flex:none}.f-check{font-weight:var(--type-weight-bold)}@keyframes spin{to{transform:rotate(360deg)}}.f-field{gap:var(--space-1-5);display:grid}.f-field__label{color:var(--color-text-primary);font-size:var(--type-size-11);font-weight:var(--type-weight-semibold)}.f-input,.f-select{width:100%;height:var(--component-control-height);padding:0 var(--component-control-padding-inline);color:var(--color-text-primary);background:var(--color-bg-surface);border:var(--component-field-border-width) solid var(--component-field-border-color);border-radius:var(--component-field-radius);font-size:var(--type-size-12)}.f-input:hover:not(:disabled):not(:read-only),.f-select:hover:not(:disabled){border-color:var(--color-border-strong)}.f-input[aria-invalid=true],.f-select[aria-invalid=true]{border-color:var(--color-border-invalid)}.f-input:read-only{color:var(--color-text-secondary);background:var(--color-state-readonly);border-style:dashed}.f-input:disabled,.f-select:disabled{color:var(--color-text-disabled);background:var(--color-state-disabled);cursor:not-allowed}.f-field__message{color:var(--color-text-tertiary);font-size:var(--type-size-10);line-height:var(--type-line-14)}.f-field__message.is-error{color:var(--color-status-danger)}.f-select-wrap{display:block;position:relative}.f-select{appearance:none;padding-right:var(--space-8)}.f-select-wrap>span{top:50%;right:var(--space-3);color:var(--color-text-tertiary);pointer-events:none;position:absolute;transform:translateY(-50%)}.f-toggle-row{min-height:var(--component-control-height);align-items:center;gap:var(--space-3);color:var(--color-text-primary);font-size:var(--type-size-12);cursor:pointer;background:0 0;border:0;padding:0;display:flex}.f-toggle-row:disabled{color:var(--color-text-disabled);cursor:not-allowed}.f-toggle-row:hover:not(:disabled) .f-switch{border-color:var(--color-action-primary)}.f-toggle-row:active:not(:disabled) .f-switch{background:var(--color-state-pressed)}.f-switch{width:var(--control-size-md);height:var(--space-5);padding:var(--space-0-5);background:var(--color-state-pressed);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--component-pill-radius);transition:background var(--motion-duration-fast) var(--motion-ease-standard);align-items:center;display:flex}.f-switch i{width:var(--space-4);height:var(--space-4);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--component-pill-radius);transition:transform var(--motion-duration-fast) var(--motion-ease-standard);display:block}.f-toggle-row[aria-checked=true] .f-switch{background:var(--color-action-primary);border-color:var(--color-action-primary)}.state-not-applicable{color:var(--color-text-tertiary);font-size:var(--component-typography-meta-size);line-height:var(--component-typography-meta-line)}.f-toggle-row[aria-checked=true] .f-switch i{transform:translateX(var(--space-4))}.f-status{width:fit-content;min-height:var(--space-5);padding:0 var(--space-2);align-items:center;gap:var(--space-1-5);color:var(--color-text-secondary);background:var(--color-bg-subtle);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-pill-radius);font-size:var(--type-size-10);font-weight:var(--type-weight-semibold);line-height:var(--type-line-14);white-space:nowrap;display:inline-flex}.f-status i{width:var(--space-1-5);height:var(--space-1-5);border-radius:var(--component-shape-pill-radius);background:currentColor}.f-status--success{color:var(--color-status-success);background:var(--color-status-success-subtle);border-color:var(--color-status-success)}.f-status--warning{color:var(--color-status-warning);background:var(--color-status-warning-subtle);border-color:var(--color-status-warning)}.f-status--danger{color:var(--color-status-danger);background:var(--color-status-danger-subtle);border-color:var(--color-status-danger)}.f-status--info{color:var(--color-status-info);background:var(--color-status-info-subtle);border-color:var(--color-status-info)}@media (max-width:1100px){:root{--sidebar-width:210px}.content{width:min(100% - var(--space-10), 980px)}.system-principles,.feedback-patterns{grid-template-columns:repeat(2,1fr)}.feedback-patterns article:nth-child(2){border-right:0}.feedback-patterns article:nth-child(-n+2){border-bottom:var(--border-width-thin) solid var(--color-border-default)}.theme-proof-grid{grid-template-columns:1fr}.theme-proof__body{min-height:230px}.ai-workspace{grid-template-columns:160px 1fr}.ai-artifact{border-top:var(--border-width-thin) solid var(--color-border-default);grid-column:1/-1}.ai-conversation{border-right:0}.docs-layout{grid-template-columns:1fr}.docs-manifest{gap:0 var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.docs-manifest>.meta{grid-column:1/-1}}@media (max-width:820px){:root{--page-inline:var(--space-4);--section-block:var(--space-16)}.sidebar{width:100%;height:56px;padding:0 var(--space-4);flex-direction:row;align-items:center;inset:0 0 auto}.brand{padding:0}.brand small,.sidebar-note{display:none}.mobile-nav-toggle{min-height:var(--component-control-height);padding:0 var(--component-control-padding-inline);align-items:center;gap:var(--component-control-gap);color:var(--color-text-primary);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--component-navigation-radius);font-size:var(--type-size-12);font-weight:var(--type-weight-semibold);cursor:pointer;margin-left:auto;display:inline-flex}.side-nav{max-height:calc(100vh - 56px);padding:var(--space-3) var(--space-4) var(--space-4);background:var(--color-bg-elevated);border-bottom:var(--border-width-thin) solid var(--color-border-strong);display:none;position:fixed;inset:56px 0 auto;overflow:auto}.side-nav.is-mobile-open{display:grid}.side-nav a{min-height:var(--component-control-height)}.main{margin:56px 0 0}.topbar{min-height:58px;padding:var(--space-2) var(--space-4)}.breadcrumb{display:none}.toolbar{justify-content:space-between;width:100%}.content{width:calc(100% - var(--space-8))}.hero{padding-top:var(--space-16)}.hero h1{font-size:clamp(44px,13vw,68px)}.hero-copy{font-size:var(--type-size-16);line-height:var(--type-line-24)}.hero-meta{grid-template-columns:1fr 1fr}.hero-meta div{border-bottom:var(--border-width-thin) solid var(--color-border-default)}.hero-meta div:nth-child(2n){border-right:0}.hero-meta div:last-child{border-bottom:0;grid-column:1/-1}.section-header{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:1fr}.section-header h2{font-size:var(--type-size-28);line-height:var(--type-line-36)}.system-principles,.palette-pair,.density-proof-grid,.numeric-proof,.operational-tier,.state-gallery,.control-support-grid,.shape-contracts,.navigation-contract,.ai-stress-grid,.a11y-checklist,.a11y-proof-grid{grid-template-columns:1fr}.token-flow{grid-template-columns:1fr 1fr}.token-flow__item>i{display:none}.semantic-grid{grid-template-columns:1fr}.semantic-grid button,.semantic-grid button:nth-child(odd),.semantic-grid button:nth-last-child(-n+2){border-right:0;border-bottom:var(--border-width-thin) solid var(--color-border-default)}.semantic-grid button:last-child{border-bottom:0}.type-row{grid-template-columns:100px 64px 1fr}.type-row>span:nth-child(3){display:none}.numeric-proof>div+div{border-left:0;border-top:var(--border-width-thin) solid var(--color-text-inverse)}@supports (color:color-mix(in lab, red, red)){.numeric-proof>div+div{border-top:var(--border-width-thin) solid color-mix(in srgb, var(--color-text-inverse) 18%, transparent)}}.operational-tier>div+div{border-top:var(--border-width-thin) solid var(--color-border-default);border-left:0}.focus-contract{grid-template-columns:1fr}.button-state-row{grid-template-columns:repeat(3,1fr)}.state-matrix__coverage{grid-template-columns:repeat(2,1fr)}.state-matrix__coverage>div{border-bottom:var(--border-width-thin) solid var(--color-border-default)}.size-table,.f-table-wrap{overflow-x:auto}.size-table__row{min-width:720px}.spacing-recipes{grid-template-columns:1fr 1fr}.shape-map,.shape-rules{grid-template-columns:repeat(3,1fr)}.shape-rules>span{border-bottom:var(--border-width-thin) solid var(--color-border-default)}.shape-rules>span:nth-child(3n){border-right:0}.navigation-state-row{grid-template-columns:repeat(2,1fr)}.spacing-recipes>div,.spacing-recipes>div:nth-child(3n),.spacing-recipes>div:nth-last-child(-n+3){border-right:var(--border-width-thin) solid var(--color-border-default);border-bottom:var(--border-width-thin) solid var(--color-border-default)}.spacing-recipes>div:nth-child(2n){border-right:0}.spacing-recipes>div:nth-last-child(-n+2){border-bottom:0}.inspector-pattern{grid-template-columns:1fr}.inspector-panel{border-top:var(--border-width-thin) solid var(--color-border-default);border-left:0}.ai-workspace{grid-template-columns:1fr}.ai-mobile-switch{padding:var(--space-2);gap:var(--space-1);background:var(--color-bg-subtle);border-bottom:var(--border-width-thin) solid var(--color-border-default);grid-template-columns:repeat(3,1fr);display:grid}.ai-mobile-switch button{min-height:var(--component-control-height);padding:0 var(--component-control-padding-inline);color:var(--color-text-secondary);border:var(--border-width-thin) solid transparent;border-radius:var(--component-navigation-radius);font-size:var(--type-size-11);cursor:pointer;background:0 0}.ai-mobile-switch button[aria-pressed=true]{color:var(--color-text-primary);background:var(--color-state-selected);border-color:var(--color-border-selected);font-weight:var(--type-weight-semibold)}.ai-rail{border-right:0;min-height:420px}.ai-rail.is-mobile-hidden,.ai-conversation.is-mobile-hidden,.ai-artifact.is-mobile-hidden{display:none}.ai-conversation,.ai-artifact{grid-column:1}.a11y-checklist>div,.a11y-checklist>div:nth-child(2n),.a11y-checklist>div:nth-last-child(-n+2){border-right:0;border-bottom:var(--border-width-thin) solid var(--color-border-default)}.a11y-checklist>div:last-child{border-bottom:0}.a11y-proof-grid>article:last-child,.ai-parallel-card{grid-column:auto}.a11y-score{flex-direction:column;align-items:flex-start}.storybook-body{grid-template-columns:1fr}.storybook-body>aside,.storybook-top>div:last-child span:nth-child(-n+2){display:none}}@media (max-width:560px){.eyebrow{align-items:flex-start;gap:var(--space-4)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .f-button{width:100%}.system-principles,.token-flow,.theme-proof-grid,.feedback-patterns,.docs-manifest{grid-template-columns:1fr}.theme-proof__body{grid-template-columns:72px 1fr}.density-toolbar{padding-block:var(--space-3);flex-wrap:wrap}.density-search{flex-basis:100%;order:3}.type-row{padding:var(--space-4) 0;gap:var(--space-1);grid-template-columns:1fr}.type-row.type-head{display:none}.button-state-row{grid-template-columns:1fr 1fr}.state-matrix__coverage{grid-template-columns:1fr}.operational-log>span{padding:var(--space-3);grid-template-columns:1fr 1fr}.operational-log small{grid-column:1/-1}.spacing-recipes{grid-template-columns:1fr}.shape-map{grid-template-columns:1fr 1fr}.shape-governance>div:first-child{grid-template-columns:1fr}.shape-rules{grid-template-columns:1fr 1fr}.shape-rules>span,.shape-rules>span:nth-child(3n){border-right:var(--border-width-thin) solid var(--color-border-default)}.shape-rules>span:nth-child(2n),.shape-rules>span:last-child{border-right:0}.shape-dont{flex-direction:column;align-items:flex-start}.spacing-recipes>div,.spacing-recipes>div:nth-child(2n),.spacing-recipes>div:nth-last-child(-n+2){border-right:0;border-bottom:var(--border-width-thin) solid var(--color-border-default)}.spacing-recipes>div:last-child{border-bottom:0}.pattern-page-header{flex-direction:column;align-items:flex-start}.pattern-toolbar{padding-block:var(--space-3);flex-wrap:wrap}.pattern-search{width:100%}.saved-views span{display:none}.feedback-patterns article{border-right:0;border-bottom:var(--border-width-thin) solid var(--color-border-default)}.feedback-patterns article:last-child{border-bottom:0}.ai-thread{padding:var(--space-4)}.ai-composer{margin:0 var(--space-4) var(--space-4)}.f-dialog-backdrop{padding:var(--space-3)}.f-dialog{max-height:calc(100vh - var(--space-6));padding:var(--space-4);overflow:auto}.f-dialog--command{padding:0}.f-command__search{padding:0 var(--space-3)}.f-command__group>div{min-height:var(--control-size-xl)}.a11y-metrics{grid-template-columns:1fr}.storybook-top>div:last-child{display:none}.story-canvas{padding:var(--space-5)}.story-doc-grid{grid-template-columns:1fr}.story-doc-grid>div{border-right:0;border-bottom:var(--border-width-thin) solid var(--color-border-default)}footer{padding:var(--space-8) 0;align-items:flex-start;gap:var(--space-4);flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation-duration:var(--motion-duration-reduced)!important;scroll-behavior:auto!important;transition-duration:var(--motion-duration-reduced)!important;animation-iteration-count:1!important}}