:root{color-scheme:light;--sui-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sui-font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--sui-font-size-xs: .75rem;--sui-font-size-sm: .875rem;--sui-font-size-md: 1rem;--sui-font-size-lg: 1.125rem;--sui-font-size-xl: 1.25rem;--sui-font-size-2xl: 1.5rem;--sui-font-size-3xl: 2rem;--sui-font-size-4xl: 2.5rem;--sui-font-weight-regular: 400;--sui-font-weight-medium: 500;--sui-font-weight-semibold: 600;--sui-font-weight-bold: 700;--sui-line-height-tight: 1.15;--sui-line-height-compact: 1.3;--sui-line-height-normal: 1.5;--sui-line-height-relaxed: 1.65;--sui-space-0: 0;--sui-space-1: .25rem;--sui-space-2: .5rem;--sui-space-3: .75rem;--sui-space-4: 1rem;--sui-space-5: 1.25rem;--sui-space-6: 1.5rem;--sui-space-8: 2rem;--sui-space-10: 2.5rem;--sui-space-12: 3rem;--sui-space-16: 4rem;--sui-space-20: 5rem;--sui-space-24: 6rem;--sui-radius-none: 0;--sui-radius-xs: .25rem;--sui-radius-sm: .375rem;--sui-radius-md: .5rem;--sui-radius-lg: .75rem;--sui-radius-xl: 1rem;--sui-radius-full: 999px;--sui-shadow-xs: 0 1px 2px rgb(15 23 42 / .08);--sui-shadow-sm: 0 4px 12px rgb(15 23 42 / .1);--sui-shadow-md: 0 10px 30px rgb(15 23 42 / .14);--sui-shadow-lg: 0 22px 60px rgb(15 23 42 / .18);--sui-shadow-focus: 0 0 0 3px rgb(15 127 234 / .28);--sui-motion-fast: .12s;--sui-motion-normal: .18s;--sui-motion-slow: .26s;--sui-ease-standard: cubic-bezier(.2, 0, 0, 1);--sui-ease-entrance: cubic-bezier(.16, 1, .3, 1);--sui-ease-exit: cubic-bezier(.7, 0, .84, 0);--sui-breakpoint-sm: 640px;--sui-breakpoint-md: 768px;--sui-breakpoint-lg: 1024px;--sui-breakpoint-xl: 1280px;--sui-breakpoint-2xl: 1536px;--sui-z-base: 0;--sui-z-raised: 10;--sui-z-sticky: 100;--sui-z-overlay: 1000;--sui-z-modal: 1100;--sui-z-toast: 1200;--sui-z-tooltip: 1300}:root,[data-theme=light]{color-scheme:light;--sui-color-bg-canvas: #f7f8fa;--sui-color-bg-surface: #ffffff;--sui-color-bg-subtle: #eef0f3;--sui-color-bg-muted: #dfe3e8;--sui-color-bg-inverse: #15191f;--sui-color-text-primary: #15191f;--sui-color-text-secondary: #4e5661;--sui-color-text-muted: #6f7784;--sui-color-text-inverse: #ffffff;--sui-color-text-link: #0067c8;--sui-color-border-subtle: #dfe3e8;--sui-color-border-strong: #c8ced7;--sui-color-border-focus: #0f7fea;--sui-color-accent: #0f7fea;--sui-color-accent-hover: #0067c8;--sui-color-accent-soft: #edf6ff;--sui-color-success: #128641;--sui-color-success-soft: #ebfbf1;--sui-color-warning: #b8680c;--sui-color-warning-soft: #fff8e7;--sui-color-danger: #d22424;--sui-color-danger-soft: #fff0f0;--sui-color-overlay: rgb(12 15 20 / .52)}[data-theme=dark]{color-scheme:dark;--sui-color-bg-canvas: #0c0f14;--sui-color-bg-surface: #15191f;--sui-color-bg-subtle: #22272e;--sui-color-bg-muted: #353c45;--sui-color-bg-inverse: #ffffff;--sui-color-text-primary: #f7f8fa;--sui-color-text-secondary: #c8ced7;--sui-color-text-muted: #9aa3af;--sui-color-text-inverse: #15191f;--sui-color-text-link: #75baff;--sui-color-border-subtle: #353c45;--sui-color-border-strong: #4e5661;--sui-color-border-focus: #75baff;--sui-color-accent: #3c9afe;--sui-color-accent-hover: #75baff;--sui-color-accent-soft: rgb(15 127 234 / .18);--sui-color-success: #3fc66d;--sui-color-success-soft: rgb(29 168 83 / .18);--sui-color-warning: #ffc24a;--sui-color-warning-soft: rgb(245 166 35 / .2);--sui-color-danger: #ff5f5f;--sui-color-danger-soft: rgb(239 61 61 / .18);--sui-color-overlay: rgb(0 0 0 / .68)}.sui-button,.sui-text-field__input,.sui-checkbox__input,.sui-tabs__tab,.sui-toast__dismiss{font:inherit}.sui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sui-space-2, .5rem);border:1px solid transparent;border-radius:var(--sui-radius-md, .5rem);cursor:pointer;font-weight:var(--sui-font-weight-semibold, 600);line-height:1;text-decoration:none;transition:background var(--sui-motion-fast, .12s) var(--sui-ease-standard, ease),border-color var(--sui-motion-fast, .12s) var(--sui-ease-standard, ease),color var(--sui-motion-fast, .12s) var(--sui-ease-standard, ease),box-shadow var(--sui-motion-fast, .12s) var(--sui-ease-standard, ease)}.sui-button:focus-visible,.sui-text-field__input:focus,.sui-checkbox__input:focus-visible+.sui-checkbox__label .sui-checkbox__control,.sui-tabs__tab:focus-visible,.sui-toast__dismiss:focus-visible{outline:none;box-shadow:var(--sui-shadow-focus, 0 0 0 3px rgb(15 127 234 / .28))}.sui-button:disabled{cursor:not-allowed;opacity:.58}.sui-button[data-size=sm]{min-height:2rem;padding:0 var(--sui-space-3, .75rem);font-size:var(--sui-font-size-sm, .875rem)}.sui-button[data-size=md]{min-height:2.5rem;padding:0 var(--sui-space-4, 1rem);font-size:var(--sui-font-size-sm, .875rem)}.sui-button[data-size=lg]{min-height:3rem;padding:0 var(--sui-space-5, 1.25rem);font-size:var(--sui-font-size-md, 1rem)}.sui-button[data-variant=primary]{background:var(--sui-color-accent, #0f7fea);color:var(--sui-color-text-inverse, #fff)}.sui-button[data-variant=primary]:not(:disabled):hover{background:var(--sui-color-accent-hover, #0067c8)}.sui-button[data-variant=secondary]{background:var(--sui-color-bg-surface, #fff);border-color:var(--sui-color-border-subtle, #dfe3e8);color:var(--sui-color-text-primary, #15191f)}.sui-button[data-variant=secondary]:not(:disabled):hover,.sui-button[data-variant=ghost]:not(:disabled):hover{background:var(--sui-color-bg-subtle, #eef0f3)}.sui-button[data-variant=ghost]{background:transparent;color:var(--sui-color-text-secondary, #4e5661)}.sui-button[data-variant=danger]{background:var(--sui-color-danger, #d22424);color:#fff}.sui-button[data-variant=danger]:not(:disabled):hover{background:#b11d1d}.sui-button__label{display:inline-flex;align-items:center;min-width:0}.sui-button__spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--sui-radius-full, 999px);animation:sui-spin .72s linear infinite}@keyframes sui-spin{to{transform:rotate(360deg)}}.sui-badge{display:inline-flex;align-items:center;width:fit-content;border-radius:var(--sui-radius-full, 999px);font-weight:var(--sui-font-weight-semibold, 600);line-height:1}.sui-badge[data-size=sm]{min-height:1.25rem;padding:0 var(--sui-space-2, .5rem);font-size:var(--sui-font-size-xs, .75rem)}.sui-badge[data-size=md]{min-height:1.5rem;padding:0 var(--sui-space-3, .75rem);font-size:var(--sui-font-size-sm, .875rem)}.sui-badge[data-variant=neutral]{background:var(--sui-color-bg-subtle, #eef0f3);color:var(--sui-color-text-secondary, #4e5661)}.sui-badge[data-variant=accent]{background:var(--sui-color-accent-soft, #edf6ff);color:var(--sui-color-accent-hover, #0067c8)}.sui-badge[data-variant=success]{background:var(--sui-color-success-soft, #ebfbf1);color:var(--sui-color-success, #128641)}.sui-badge[data-variant=warning]{background:var(--sui-color-warning-soft, #fff8e7);color:var(--sui-color-warning, #b8680c)}.sui-badge[data-variant=danger]{background:var(--sui-color-danger-soft, #fff0f0);color:var(--sui-color-danger, #d22424)}.sui-card{background:var(--sui-color-bg-surface, #fff);border:1px solid var(--sui-color-border-subtle, #dfe3e8);border-radius:var(--sui-radius-lg, .75rem);color:var(--sui-color-text-primary, #15191f)}.sui-card[data-elevation=sm]{box-shadow:var(--sui-shadow-xs, 0 1px 2px rgb(15 23 42 / .08))}.sui-card[data-elevation=md]{box-shadow:var(--sui-shadow-md, 0 10px 30px rgb(15 23 42 / .14))}.sui-card[data-interactive=true]{transition:transform var(--sui-motion-fast, .12s) var(--sui-ease-standard, ease),box-shadow var(--sui-motion-fast, .12s) var(--sui-ease-standard, ease)}.sui-card[data-interactive=true]:hover{transform:translateY(-1px);box-shadow:var(--sui-shadow-sm, 0 4px 12px rgb(15 23 42 / .1))}.sui-card__header,.sui-card__content,.sui-card__footer{padding:var(--sui-space-5, 1.25rem)}.sui-card__header+.sui-card__content,.sui-card__content+.sui-card__footer{padding-top:0}.sui-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--sui-space-3, .75rem)}.sui-card__title{margin:0;color:var(--sui-color-text-primary, #15191f);font-size:var(--sui-font-size-lg, 1.125rem);line-height:var(--sui-line-height-compact, 1.3)}.sui-card__description{margin:var(--sui-space-1, .25rem) 0 0;color:var(--sui-color-text-secondary, #4e5661);font-size:var(--sui-font-size-sm, .875rem);line-height:var(--sui-line-height-normal, 1.5)}.sui-field{display:grid;gap:var(--sui-space-2, .5rem)}.sui-field[data-disabled=true]{opacity:.58}.sui-field[data-disabled=true] .sui-text-field{cursor:not-allowed}.sui-field__label{color:var(--sui-color-text-primary, #15191f);font-size:var(--sui-font-size-sm, .875rem);font-weight:var(--sui-font-weight-semibold, 600)}.sui-text-field{display:flex;align-items:center;gap:var(--sui-space-2, .5rem);width:100%;border:1px solid var(--sui-color-border-subtle, #dfe3e8);border-radius:var(--sui-radius-md, .5rem);background:var(--sui-color-bg-surface, #fff);color:var(--sui-color-text-primary, #15191f);transition:border-color var(--sui-motion-fast, .12s) var(--sui-ease-standard, ease),box-shadow var(--sui-motion-fast, .12s) var(--sui-ease-standard, ease)}.sui-text-field:focus-within{border-color:var(--sui-color-border-focus, #0f7fea);box-shadow:var(--sui-shadow-focus, 0 0 0 3px rgb(15 127 234 / .28))}.sui-text-field[data-invalid=true]{border-color:var(--sui-color-danger, #d22424)}.sui-text-field[data-size=sm]{min-height:2rem;padding:0 var(--sui-space-3, .75rem)}.sui-text-field[data-size=md]{min-height:2.5rem;padding:0 var(--sui-space-3, .75rem)}.sui-text-field[data-size=lg]{min-height:3rem;padding:0 var(--sui-space-4, 1rem)}.sui-text-field__input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:inherit}.sui-text-field__input::placeholder{color:var(--sui-color-text-muted, #6f7784)}.sui-text-field__adornment{display:inline-flex;color:var(--sui-color-text-muted, #6f7784)}.sui-field__message{margin:0;color:var(--sui-color-text-muted, #6f7784);font-size:var(--sui-font-size-sm, .875rem);line-height:var(--sui-line-height-normal, 1.5)}.sui-field__message--error{color:var(--sui-color-danger, #d22424)}.sui-checkbox{color:var(--sui-color-text-primary, #15191f)}.sui-checkbox__input{position:absolute;opacity:0;pointer-events:none}.sui-checkbox__label{display:inline-flex;align-items:flex-start;gap:var(--sui-space-3, .75rem);cursor:pointer}.sui-checkbox[data-disabled=true] .sui-checkbox__label{cursor:not-allowed;opacity:.58}.sui-checkbox__control{display:inline-flex;width:1.125rem;height:1.125rem;margin-top:.125rem;border:1px solid var(--sui-color-border-strong, #c8ced7);border-radius:var(--sui-radius-sm, .375rem);background:var(--sui-color-bg-surface, #fff);transition:background var(--sui-motion-fast, .12s) var(--sui-ease-standard, ease),border-color var(--sui-motion-fast, .12s) var(--sui-ease-standard, ease)}.sui-checkbox__input:checked+.sui-checkbox__label .sui-checkbox__control,.sui-checkbox__input[aria-checked=mixed]+.sui-checkbox__label .sui-checkbox__control{border-color:var(--sui-color-accent, #0f7fea);background:linear-gradient(var(--sui-color-text-inverse, #fff),var(--sui-color-text-inverse, #fff)) center / .55rem .12rem no-repeat,var(--sui-color-accent, #0f7fea)}.sui-checkbox__input:checked+.sui-checkbox__label .sui-checkbox__control{background:linear-gradient(135deg,transparent 43%,var(--sui-color-text-inverse, #fff) 45% 55%,transparent 57%) .12rem .45rem / .38rem .38rem no-repeat,linear-gradient(45deg,transparent 43%,var(--sui-color-text-inverse, #fff) 45% 55%,transparent 57%) .44rem .32rem / .62rem .62rem no-repeat,var(--sui-color-accent, #0f7fea)}.sui-checkbox__copy{display:grid;gap:var(--sui-space-1, .25rem)}.sui-checkbox__title{font-size:var(--sui-font-size-sm, .875rem);font-weight:var(--sui-font-weight-semibold, 600)}.sui-checkbox__description{color:var(--sui-color-text-secondary, #4e5661);font-size:var(--sui-font-size-sm, .875rem);line-height:var(--sui-line-height-normal, 1.5)}.sui-tabs{display:grid;gap:var(--sui-space-4, 1rem)}.sui-tabs[data-orientation=vertical]{grid-template-columns:minmax(10rem,14rem) 1fr;align-items:start}.sui-tabs__list{display:flex;gap:var(--sui-space-1, .25rem);width:fit-content;padding:var(--sui-space-1, .25rem);border:1px solid var(--sui-color-border-subtle, #dfe3e8);border-radius:var(--sui-radius-lg, .75rem);background:var(--sui-color-bg-subtle, #eef0f3)}.sui-tabs[data-orientation=vertical] .sui-tabs__list{flex-direction:column;width:100%}.sui-tabs__tab{min-height:2.25rem;border:0;border-radius:var(--sui-radius-md, .5rem);background:transparent;color:var(--sui-color-text-secondary, #4e5661);cursor:pointer;font-size:var(--sui-font-size-sm, .875rem);font-weight:var(--sui-font-weight-semibold, 600);padding:0 var(--sui-space-3, .75rem)}.sui-tabs__tab[aria-selected=true]{background:var(--sui-color-bg-surface, #fff);color:var(--sui-color-text-primary, #15191f);box-shadow:var(--sui-shadow-xs, 0 1px 2px rgb(15 23 42 / .08))}.sui-tabs__panel{color:var(--sui-color-text-secondary, #4e5661);line-height:var(--sui-line-height-normal, 1.5)}.sui-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--sui-z-modal, 1100);display:grid;place-items:center;padding:var(--sui-space-4, 1rem);background:var(--sui-color-overlay, rgb(12 15 20 / .52))}.sui-modal{width:min(100%,36rem);max-height:min(42rem,calc(100vh - 2rem));overflow:auto;border:1px solid var(--sui-color-border-subtle, #dfe3e8);border-radius:var(--sui-radius-xl, 1rem);background:var(--sui-color-bg-surface, #fff);color:var(--sui-color-text-primary, #15191f);box-shadow:var(--sui-shadow-lg, 0 22px 60px rgb(15 23 42 / .18))}.sui-modal[data-size=sm]{width:min(100%,28rem)}.sui-modal[data-size=lg]{width:min(100%,52rem)}.sui-modal__header,.sui-modal__body,.sui-modal__footer{padding:var(--sui-space-5, 1.25rem)}.sui-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sui-space-4, 1rem)}.sui-modal__body{padding-top:0}.sui-modal__footer{display:flex;justify-content:flex-end;gap:var(--sui-space-3, .75rem);border-top:1px solid var(--sui-color-border-subtle, #dfe3e8)}.sui-modal__title{margin:0;font-size:var(--sui-font-size-xl, 1.25rem);line-height:var(--sui-line-height-compact, 1.3)}.sui-modal__description{margin:var(--sui-space-1, .25rem) 0 0;color:var(--sui-color-text-secondary, #4e5661);font-size:var(--sui-font-size-sm, .875rem);line-height:var(--sui-line-height-normal, 1.5)}.sui-button.sui-modal__close{flex:0 0 auto;width:2.25rem;padding:0}.sui-toast-viewport{position:fixed;right:var(--sui-space-5, 1.25rem);bottom:var(--sui-space-5, 1.25rem);z-index:var(--sui-z-toast, 1200);display:grid;gap:var(--sui-space-3, .75rem);width:min(24rem,calc(100vw - 2rem))}.sui-toast{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sui-space-3, .75rem);padding:var(--sui-space-4, 1rem);border:1px solid var(--sui-color-border-subtle, #dfe3e8);border-left:4px solid var(--sui-color-accent, #0f7fea);border-radius:var(--sui-radius-lg, .75rem);background:var(--sui-color-bg-surface, #fff);box-shadow:var(--sui-shadow-md, 0 10px 30px rgb(15 23 42 / .14))}.sui-toast[data-tone=success]{border-left-color:var(--sui-color-success, #128641)}.sui-toast[data-tone=warning]{border-left-color:var(--sui-color-warning, #b8680c)}.sui-toast[data-tone=danger]{border-left-color:var(--sui-color-danger, #d22424)}.sui-toast__title{display:block;color:var(--sui-color-text-primary, #15191f);font-size:var(--sui-font-size-sm, .875rem)}.sui-toast__description{margin:var(--sui-space-1, .25rem) 0 0;color:var(--sui-color-text-secondary, #4e5661);font-size:var(--sui-font-size-sm, .875rem);line-height:var(--sui-line-height-normal, 1.5)}.sui-toast__dismiss{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:0;border-radius:var(--sui-radius-md, .5rem);background:transparent;color:var(--sui-color-text-muted, #6f7784);cursor:pointer}.sui-toast__dismiss:hover{background:var(--sui-color-bg-subtle, #eef0f3)}.sui-tooltip{position:relative;display:inline-flex}.sui-tooltip__content{position:absolute;z-index:var(--sui-z-tooltip, 1300);width:max-content;max-width:18rem;padding:var(--sui-space-2, .5rem) var(--sui-space-3, .75rem);border-radius:var(--sui-radius-md, .5rem);background:var(--sui-color-bg-inverse, #15191f);color:var(--sui-color-text-inverse, #fff);font-size:var(--sui-font-size-sm, .875rem);line-height:var(--sui-line-height-normal, 1.5);box-shadow:var(--sui-shadow-md, 0 10px 30px rgb(15 23 42 / .14))}.sui-tooltip[data-side=top] .sui-tooltip__content{bottom:calc(100% + var(--sui-space-2, .5rem));left:50%;transform:translate(-50%)}.sui-tooltip[data-side=bottom] .sui-tooltip__content{top:calc(100% + var(--sui-space-2, .5rem));left:50%;transform:translate(-50%)}.sui-tooltip[data-side=left] .sui-tooltip__content{right:calc(100% + var(--sui-space-2, .5rem));top:50%;transform:translateY(-50%)}.sui-tooltip[data-side=right] .sui-tooltip__content{left:calc(100% + var(--sui-space-2, .5rem));top:50%;transform:translateY(-50%)}.sui-story-row{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--sui-space-3, .75rem);width:100%}*{box-sizing:border-box}body{margin:0;background:var(--sui-color-bg-canvas);color:var(--sui-color-text-primary);font-family:var(--sui-font-sans)}button,input{font:inherit}.docs-shell{min-height:100vh;display:grid;grid-template-columns:17rem minmax(0,1fr)}.docs-sidebar{position:sticky;top:0;height:100vh;padding:var(--sui-space-5);border-right:1px solid var(--sui-color-border-subtle);background:color-mix(in srgb,var(--sui-color-bg-surface) 92%,transparent)}.docs-brand{display:flex;align-items:center;gap:var(--sui-space-3);margin-bottom:var(--sui-space-6)}.docs-brand__mark{width:2.5rem;height:2.5rem;flex:0 0 auto;color:var(--sui-color-accent);filter:drop-shadow(0 .75rem 1.25rem color-mix(in srgb,var(--sui-color-accent) 24%,transparent))}.docs-brand__mark-bg{fill:color-mix(in srgb,var(--sui-color-bg-surface) 62%,var(--sui-color-accent) 38%);stroke:color-mix(in srgb,var(--sui-color-accent) 28%,var(--sui-color-border-subtle));stroke-width:1}.docs-brand__mark-link{fill:none;stroke:color-mix(in srgb,var(--sui-color-accent) 52%,var(--sui-color-bg-surface));stroke-linecap:round;stroke-width:2.25}.docs-brand__mark-node{fill:color-mix(in srgb,var(--sui-color-bg-surface) 88%,white);stroke:color-mix(in srgb,var(--sui-color-accent) 18%,var(--sui-color-border-subtle));stroke-width:1}.docs-brand__mark-node--primary{fill:var(--sui-color-accent);stroke:color-mix(in srgb,var(--sui-color-accent) 72%,white)}.docs-brand__mark-node--accent{fill:color-mix(in srgb,var(--sui-color-accent) 70%,var(--sui-color-bg-surface));stroke:color-mix(in srgb,var(--sui-color-accent) 78%,white)}.docs-brand strong,.docs-brand span{display:block}.docs-brand span{color:var(--sui-color-text-muted);font-size:var(--sui-font-size-sm)}.docs-nav-item{display:flex;width:100%;min-height:2.5rem;align-items:center;border:0;border-radius:var(--sui-radius-md);background:transparent;color:var(--sui-color-text-secondary);cursor:pointer;font-weight:var(--sui-font-weight-semibold);padding:0 var(--sui-space-3);text-align:left}.docs-nav-item:hover,.docs-nav-item[data-active=true]{background:var(--sui-color-bg-subtle);color:var(--sui-color-text-primary)}.docs-nav-item:focus-visible{outline:none;box-shadow:var(--sui-shadow-focus)}.docs-main{width:min(100%,72rem);padding:var(--sui-space-8)}.docs-page-header{max-width:48rem;margin-bottom:var(--sui-space-8)}.docs-page-header h1{margin:var(--sui-space-4) 0 var(--sui-space-3);font-size:var(--sui-font-size-4xl);line-height:var(--sui-line-height-tight)}.docs-page-header p,.docs-stack>p{color:var(--sui-color-text-secondary);font-size:var(--sui-font-size-lg);line-height:var(--sui-line-height-relaxed)}.docs-stack{display:grid;gap:var(--sui-space-6)}.docs-callout{display:flex;align-items:center;justify-content:space-between;gap:var(--sui-space-6);padding:var(--sui-space-6);border:1px solid var(--sui-color-border-subtle);border-radius:var(--sui-radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--sui-color-accent-soft) 70%,transparent),transparent),var(--sui-color-bg-surface)}.docs-callout h2{margin:var(--sui-space-3) 0 var(--sui-space-2);font-size:var(--sui-font-size-2xl)}.docs-callout p{max-width:46rem;margin:0;color:var(--sui-color-text-secondary);line-height:var(--sui-line-height-relaxed)}.docs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sui-space-4)}.docs-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-code{overflow:auto;margin:0;padding:var(--sui-space-4);border:1px solid var(--sui-color-border-subtle);border-radius:var(--sui-radius-lg);background:var(--sui-color-bg-inverse);color:var(--sui-color-text-inverse);font-family:var(--sui-font-mono);font-size:var(--sui-font-size-sm);line-height:var(--sui-line-height-normal)}.docs-token-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sui-space-4)}.docs-swatches{display:grid;grid-template-columns:repeat(8,1fr);overflow:hidden;border-radius:var(--sui-radius-md);border:1px solid var(--sui-color-border-subtle)}.docs-swatches span{aspect-ratio:1}.docs-table{width:100%;border-collapse:collapse;overflow:hidden;border:1px solid var(--sui-color-border-subtle);border-radius:var(--sui-radius-lg);background:var(--sui-color-bg-surface)}.docs-table th,.docs-table td{padding:var(--sui-space-4);border-bottom:1px solid var(--sui-color-border-subtle);text-align:left;vertical-align:top}.docs-table th{width:12rem}.docs-component-row,.docs-theme-preview{display:grid;gap:var(--sui-space-4);max-width:34rem}.docs-card-copy{margin:var(--sui-space-3) 0 0;color:var(--sui-color-text-secondary);line-height:var(--sui-line-height-normal)}.docs-theme-toolbar{display:flex;gap:var(--sui-space-3)}.docs-steps{display:grid;gap:var(--sui-space-3);margin:0;padding-left:var(--sui-space-6);color:var(--sui-color-text-secondary);line-height:var(--sui-line-height-relaxed)}@media(max-width:960px){.docs-shell{grid-template-columns:1fr}.docs-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--sui-color-border-subtle)}.docs-sidebar nav{display:flex;gap:var(--sui-space-2);overflow-x:auto}.docs-nav-item{width:auto;white-space:nowrap}.docs-main{padding:var(--sui-space-5)}.docs-grid,.docs-grid--two,.docs-token-swatches{grid-template-columns:1fr}.docs-callout{align-items:flex-start;flex-direction:column}}