@charset "UTF-8";@layer cngx.reset,cngx.tokens,cngx.base,cngx.components,cngx.theme,app;@layer cngx.tokens{@property --cngx-space-xs{syntax: "<length>"; inherits: true; initial-value: 4px;}@property --cngx-space-sm{syntax: "<length>"; inherits: true; initial-value: 8px;}@property --cngx-space-md{syntax: "<length>"; inherits: true; initial-value: 16px;}@property --cngx-space-lg{syntax: "<length>"; inherits: true; initial-value: 24px;}@property --cngx-space-xl{syntax: "<length>"; inherits: true; initial-value: 32px;}@property --cngx-radius-sm{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --cngx-radius-md{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --cngx-radius-lg{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --cngx-radius-pill{syntax: "<length>"; inherits: false; initial-value: 999px;}@property --cngx-duration-fast{syntax: "<time>"; inherits: false; initial-value: .15s;}@property --cngx-duration-base{syntax: "<time>"; inherits: false; initial-value: .2s;}@property --cngx-duration-slow{syntax: "<time>"; inherits: false; initial-value: .32s;}@property --cngx-easing-standard{syntax: "*"; inherits: false; initial-value: cubic-bezier(.4,0,.2,1);}@property --cngx-easing-decelerate{syntax: "*"; inherits: false; initial-value: cubic-bezier(0,0,.2,1);}@property --cngx-easing-accelerate{syntax: "*"; inherits: false; initial-value: cubic-bezier(.4,0,1,1);}@property --cngx-color-surface{syntax: "<color>"; inherits: true; initial-value: oklch(1 0 0);}@property --cngx-color-text{syntax: "<color>"; inherits: true; initial-value: oklch(.2 .01 250);}@property --cngx-color-text-muted{syntax: "<color>"; inherits: true; initial-value: oklch(.5 .01 250);}@property --cngx-color-border{syntax: "<color>"; inherits: true; initial-value: oklch(.88 .005 250);}@property --cngx-color-primary{syntax: "<color>"; inherits: true; initial-value: oklch(.66 .19 50);}@property --cngx-color-danger{syntax: "<color>"; inherits: true; initial-value: oklch(.6 .18 25);}@property --cngx-color-success{syntax: "<color>"; inherits: true; initial-value: oklch(.6 .15 145);}@property --cngx-color-warning{syntax: "<color>"; inherits: true; initial-value: oklch(.72 .15 75);}@property --cngx-color-info{syntax: "<color>"; inherits: true; initial-value: oklch(.65 .12 240);}@property --cngx-font-size-sm{syntax: "*"; inherits: false; initial-value: .8125rem;}@property --cngx-font-size-md{syntax: "*"; inherits: false; initial-value: .9375rem;}@property --cngx-font-size-lg{syntax: "*"; inherits: false; initial-value: 1.0625rem;}@property --cngx-line-height-base{syntax: "<number>"; inherits: true; initial-value: 1.5;}@property --cngx-shadow-sm{syntax: "*"; inherits: false; initial-value: 0 1px 2px oklch(0 0 0 / .05);}@property --cngx-shadow-md{syntax: "*"; inherits: false; initial-value: 0 4px 16px oklch(0 0 0 / .12);}@property --cngx-shadow-lg{syntax: "*"; inherits: false; initial-value: 0 16px 40px oklch(0 0 0 / .18);}:root{color-scheme:light;--cngx-color-surface: oklch(1 0 0);--cngx-color-text: oklch(.2 .01 250);--cngx-color-text-muted: oklch(.5 .01 250);--cngx-color-border: oklch(.88 .005 250);--cngx-color-primary: oklch(.66 .19 50);--cngx-color-danger: oklch(.6 .18 25);--cngx-color-success: oklch(.6 .15 145);--cngx-color-warning: oklch(.72 .15 75);--cngx-color-info: oklch(.65 .12 240);accent-color:var(--cngx-color-primary)}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){color-scheme:dark;--cngx-color-surface: oklch(.2 .01 250);--cngx-color-text: oklch(.95 .01 250);--cngx-color-text-muted: oklch(.7 .01 250);--cngx-color-border: oklch(.32 .005 250);--cngx-color-primary: oklch(.72 .18 50);--cngx-color-danger: oklch(.68 .17 25);--cngx-color-success: oklch(.68 .14 145);--cngx-color-warning: oklch(.78 .14 75);--cngx-color-info: oklch(.72 .11 240)}}[data-color-scheme=dark],.dark{color-scheme:dark;--cngx-color-surface: oklch(.2 .01 250);--cngx-color-text: oklch(.95 .01 250);--cngx-color-text-muted: oklch(.7 .01 250);--cngx-color-border: oklch(.32 .005 250);--cngx-color-primary: oklch(.72 .18 50);--cngx-color-danger: oklch(.68 .17 25);--cngx-color-success: oklch(.68 .14 145);--cngx-color-warning: oklch(.78 .14 75);--cngx-color-info: oklch(.72 .11 240)}[data-color-scheme=light],.light{color-scheme:light;--cngx-color-surface: oklch(1 0 0);--cngx-color-text: oklch(.2 .01 250);--cngx-color-text-muted: oklch(.5 .01 250);--cngx-color-border: oklch(.88 .005 250);--cngx-color-primary: oklch(.66 .19 50);--cngx-color-danger: oklch(.6 .18 25);--cngx-color-success: oklch(.6 .15 145);--cngx-color-warning: oklch(.72 .15 75);--cngx-color-info: oklch(.65 .12 240)}}@layer cngx.theme{[data-density=comfortable],.cngx-density-comfortable{--cngx-space-xs: 4px;--cngx-space-sm: 8px;--cngx-space-md: 16px;--cngx-space-lg: 24px;--cngx-space-xl: 32px}[data-density=compact],.cngx-density-compact{--cngx-space-xs: 2px;--cngx-space-sm: 4px;--cngx-space-md: 8px;--cngx-space-lg: 12px;--cngx-space-xl: 16px}[data-density=spacious],.cngx-density-spacious{--cngx-space-xs: 6px;--cngx-space-sm: 12px;--cngx-space-md: 20px;--cngx-space-lg: 28px;--cngx-space-xl: 40px}}@layer cngx.reset{*,*:before,*:after{box-sizing:border-box}html{text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-synthesis:none}button{font:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--cngx-color-primary, oklch(.66 .19 50));outline-offset:3px}}@layer cngx.base{:root{scrollbar-color:var(--cngx-color-border, oklch(.88 .005 250)) transparent;scrollbar-width:thin}input,textarea,select{padding:var(--cngx-space-sm, 8px) var(--cngx-space-md, 16px);border:1px solid var(--cngx-color-border, oklch(.88 .005 250));border-radius:var(--cngx-radius-md, 8px);background:transparent;color:var(--cngx-color-text, oklch(.2 .01 250));font:inherit;font-size:var(--cngx-font-size-md, .9375rem)}input,textarea{caret-color:var(--cngx-color-primary, oklch(.66 .19 50))}kbd{display:inline-block;margin:0 2px;padding:1px var(--cngx-space-sm, 8px);border:1px solid var(--cngx-color-border, oklch(.88 .005 250));border-bottom-width:2px;border-radius:var(--cngx-radius-sm, 4px);background:var(--cngx-color-surface, oklch(1 0 0));color:var(--cngx-color-text, oklch(.2 .01 250));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--cngx-space-xs, 4px) var(--cngx-space-md, 16px);margin:var(--cngx-space-sm, 8px) 0;font-size:var(--cngx-font-size-sm, .8125rem)}dl>dt{color:var(--cngx-color-text, oklch(.2 .01 250));opacity:.65}dl>dd{margin:0;font-variant-numeric:tabular-nums}hr{block-size:0;margin:var(--cngx-space-md, 16px) 0;border:0;border-block-start:1px solid var(--cngx-color-border, oklch(.88 .005 250))}}@layer cngx.base{.cngx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer cngx.tokens{@property --cngx-accordion-header-padding{syntax: "*"; inherits: true; initial-value: .75rem 1rem;}@property --cngx-accordion-region-padding{syntax: "*"; inherits: true; initial-value: .75rem 1rem;}@property --cngx-accordion-border-color{syntax: "<color>"; inherits: true; initial-value: oklch(.88 .005 250);}@property --cngx-accordion-twisty-display{syntax: "*"; inherits: true; initial-value: block;}}@layer cngx.components{[cngxAccordion]{display:block;border:1px solid var(--cngx-accordion-border-color, oklch(.88 .005 250));border-radius:var(--cngx-radius-md, .375rem);overflow:hidden}[cngxAccordionPanel]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;inline-size:100%;padding:var(--cngx-accordion-header-padding, .75rem 1rem);border:0;border-block-end:1px solid var(--cngx-accordion-border-color, oklch(.88 .005 250));background:var(--cngx-color-surface, oklch(1 0 0));color:var(--cngx-color-text, oklch(.2 .01 250));font:inherit;text-align:start;cursor:pointer}[cngxAccordionPanel]:hover{background:color-mix(in oklch,var(--cngx-color-primary, oklch(.66 .19 50)) 6%,var(--cngx-color-surface, oklch(1 0 0)))}[cngxAccordionPanel]:focus-visible{outline:2px solid var(--cngx-color-primary, oklch(.66 .19 50));outline-offset:-2px}[cngxAccordionPanel]:after{content:"";display:var(--cngx-accordion-twisty-display, block);flex:0 0 auto;inline-size:.5rem;block-size:.5rem;border-inline-end:2px solid currentcolor;border-block-end:2px solid currentcolor;rotate:45deg;transition:rotate .15s ease}[cngxAccordionPanel][aria-expanded=true]:after{rotate:225deg}.cngx-accordion__region{padding:var(--cngx-accordion-region-padding, .75rem 1rem);border-block-end:1px solid var(--cngx-accordion-border-color, oklch(.88 .005 250))}}@layer cngx.components{.cngx-async--pending{opacity:var(--cngx-action-btn-pending-opacity, .7);cursor:wait;transition:opacity var(--cngx-action-btn-transition, .2s ease)}.cngx-async--succeeded{background-color:var( --cngx-action-btn-succeeded-bg, var(--cngx-color-success, oklch(.95 .04 145)) );color:var(--cngx-action-btn-succeeded-color, var(--cngx-color-success, oklch(.5 .15 145)));border-color:var( --cngx-action-btn-succeeded-border, var(--cngx-color-success, oklch(.5 .15 145)) );transition:background-color var(--cngx-action-btn-transition, .2s ease),color var(--cngx-action-btn-transition, .2s ease),border-color var(--cngx-action-btn-transition, .2s ease)}.cngx-async--failed{background-color:var( --cngx-action-btn-failed-bg, var(--cngx-color-danger, oklch(.95 .025 25)) );color:var(--cngx-action-btn-failed-color, var(--cngx-color-danger, oklch(.45 .15 25)));border-color:var( --cngx-action-btn-failed-border, var(--cngx-color-danger, oklch(.45 .15 25)) );transition:background-color var(--cngx-action-btn-transition, .2s ease),color var(--cngx-action-btn-transition, .2s ease),border-color var(--cngx-action-btn-transition, .2s ease)}}@layer cngx.tokens{@property --cngx-backdrop-bg{syntax: "<color>"; inherits: true; initial-value: oklch(0 0 0 / .5);}@property --cngx-backdrop-transition-duration{syntax: "<time>"; inherits: false; initial-value: .2s;}}@layer cngx.components{@scope(.cngx-backdrop){:scope{position:fixed;inset:0;box-sizing:border-box;opacity:0;pointer-events:none;background:var(--cngx-backdrop-bg, oklch(0 0 0 / .5));transition:opacity var(--cngx-backdrop-transition-duration, var(--cngx-duration-base, .2s))}:scope.cngx-backdrop--visible{opacity:1;pointer-events:auto}}}@layer cngx.tokens{@property --cngx-badge-size{syntax: "<length>"; inherits: false; initial-value: 16px;}@property --cngx-badge-dot-size{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --cngx-badge-padding-inline{syntax: "<length>"; inherits: false; initial-value: 3px;}@property --cngx-badge-radius{syntax: "<length>"; inherits: false; initial-value: 999px;}@property --cngx-badge-inline-gap{syntax: "*"; inherits: false; initial-value: .375rem;}@property --cngx-badge-font-size{syntax: "*"; inherits: false; initial-value: .6875rem;}@property --cngx-badge-font-weight{syntax: "*"; inherits: false; initial-value: 600;}@property --cngx-badge-border{syntax: "*"; inherits: true; initial-value: 0;}@property --cngx-badge-primary-bg{syntax: "<color>"; inherits: true; initial-value: oklch(.66 .19 50);}@property --cngx-badge-primary-color{syntax: "<color>"; inherits: true; initial-value: oklch(1 0 0);}@property --cngx-badge-error-bg{syntax: "<color>"; inherits: true; initial-value: oklch(.62 .22 25);}@property --cngx-badge-error-color{syntax: "<color>"; inherits: true; initial-value: oklch(1 0 0);}@property --cngx-badge-warning-bg{syntax: "<color>"; inherits: true; initial-value: oklch(.65 .2 70);}@property --cngx-badge-warning-color{syntax: "<color>"; inherits: true; initial-value: oklch(.2 .01 250);}@property --cngx-badge-neutral-bg{syntax: "<color>"; inherits: true; initial-value: oklch(.68 .01 240);}@property --cngx-badge-neutral-color{syntax: "<color>"; inherits: true; initial-value: oklch(1 0 0);}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-badge-border: var(--cngx-badge-border-dark, var(--cngx-badge-border, 0))}}[data-color-scheme=dark],.dark{--cngx-badge-border: var(--cngx-badge-border-dark, var(--cngx-badge-border, 0))}[data-color-scheme=light],.light{--cngx-badge-border: var(--cngx-badge-border-light, var(--cngx-badge-border, 0))}}@layer cngx.components{@scope(.cngx-badge-host){:scope{position:relative}}@scope(.cngx-badge-indicator){:scope{--cngx-badge-padding-inline: var(--cngx-space-xs);--cngx-badge-inline-gap: var(--cngx-space-xs);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:var(--cngx-badge-size, 16px);height:var(--cngx-badge-size, 16px);padding:0 var(--cngx-badge-padding-inline, 3px);border-radius:var(--cngx-badge-radius, var(--cngx-radius-pill, 999px));font-size:var(--cngx-badge-font-size, .6875rem);font-weight:var(--cngx-badge-font-weight, 600);line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}:scope.cngx-badge-indicator--dot{min-width:var(--cngx-badge-dot-size, 8px);width:var(--cngx-badge-dot-size, 8px);height:var(--cngx-badge-dot-size, 8px);padding:0}:scope.cngx-badge-indicator--primary{background:var(--cngx-badge-primary-bg, var(--cngx-color-primary, oklch(.66 .19 50)));color:var(--cngx-badge-primary-color, oklch(1 0 0))}:scope.cngx-badge-indicator--error{background:var(--cngx-badge-error-bg, var(--cngx-color-danger, oklch(.62 .22 25)));color:var(--cngx-badge-error-color, oklch(1 0 0))}:scope.cngx-badge-indicator--warning{background:var(--cngx-badge-warning-bg, var(--cngx-color-warning, oklch(.65 .2 70)));color:var(--cngx-badge-warning-color, oklch(.2 .01 250))}:scope.cngx-badge-indicator--neutral{background:var(--cngx-badge-neutral-bg, oklch(.68 .01 240));color:var(--cngx-badge-neutral-color, oklch(1 0 0))}:scope.cngx-badge-indicator--inline{position:static;border:0;margin-inline-start:var(--cngx-badge-inline-gap, .375rem)}:scope.cngx-badge-indicator--above-start{position:absolute;top:0;inset-inline-start:0;transform:translate(-50%,-50%);border:var(--cngx-badge-border, 0)}:scope.cngx-badge-indicator--above-end{position:absolute;top:0;inset-inline-end:0;transform:translate(50%,-50%);border:var(--cngx-badge-border, 0)}:scope.cngx-badge-indicator--below-start{position:absolute;bottom:0;inset-inline-start:0;transform:translate(-50%,50%);border:var(--cngx-badge-border, 0)}:scope.cngx-badge-indicator--below-end{position:absolute;bottom:0;inset-inline-end:0;transform:translate(50%,50%);border:var(--cngx-badge-border, 0)}}}@layer cngx.tokens{@property --cngx-bottom-sheet-radius{syntax: "*"; inherits: false; initial-value: 16px 16px 0 0;}@property --cngx-bottom-sheet-padding{syntax: "<length>"; inherits: false; initial-value: 24px;}@property --cngx-bottom-sheet-max-width{syntax: "*"; inherits: false; initial-value: 100%;}@property --cngx-bottom-sheet-max-height{syntax: "*"; inherits: false; initial-value: 80vh;}@property --cngx-bottom-sheet-handle-width{syntax: "<length>"; inherits: false; initial-value: 40px;}@property --cngx-bottom-sheet-handle-height{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --cngx-bottom-sheet-handle-color{syntax: "<color>"; inherits: true; initial-value: oklch(.8 .005 250);}@property --cngx-bottom-sheet-handle-radius{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --cngx-bottom-sheet-handle-margin{syntax: "*"; inherits: true; initial-value: 0 auto 16px;}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-bottom-sheet-handle-color: oklch(.5 .005 250)}}[data-color-scheme=dark],.dark{--cngx-bottom-sheet-handle-color: oklch(.5 .005 250)}[data-color-scheme=light],.light{--cngx-bottom-sheet-handle-color: oklch(.8 .005 250)}}@layer cngx.components{@scope(dialog.cngx-bottom-sheet){:scope{--cngx-bottom-sheet-padding: var(--cngx-space-lg);--cngx-bottom-sheet-handle-margin: 0 auto var(--cngx-space-md);margin:0;inset:auto 0 0;width:100%;max-width:var(--cngx-bottom-sheet-max-width, 100%);max-height:var(--cngx-bottom-sheet-max-height, 80vh);border-radius:var(--cngx-bottom-sheet-radius, 16px 16px 0 0);padding:var(--cngx-bottom-sheet-padding, 24px);--cngx-dialog-border-radius: var(--cngx-bottom-sheet-radius, 16px 16px 0 0);--cngx-dialog-padding: var(--cngx-bottom-sheet-padding, 24px);--cngx-dialog-max-width: var(--cngx-bottom-sheet-max-width, 100%);--cngx-dialog-max-height: var(--cngx-bottom-sheet-max-height, 80vh)}:scope:before{content:"";display:block;width:var(--cngx-bottom-sheet-handle-width, 40px);height:var(--cngx-bottom-sheet-handle-height, 4px);background:var(--cngx-bottom-sheet-handle-color, oklch(.8 .005 250));border-radius:var(--cngx-bottom-sheet-handle-radius, 2px);margin:var(--cngx-bottom-sheet-handle-margin, 0 auto 16px)}:scope.cngx-dialog--opening{opacity:0;transform:translateY(100%)}:scope.cngx-dialog--open{opacity:1;transform:translateY(0)}:scope.cngx-dialog--closing{opacity:0;transform:translateY(100%)}@media(prefers-reduced-motion:reduce){:scope{transition:none}}}}@layer cngx.tokens{@property --cngx-breadcrumb-gap{syntax: "<length>"; inherits: true; initial-value: .5rem;}@property --cngx-breadcrumb-separator-color{syntax: "<color>"; inherits: true; initial-value: oklch(.6 .01 250);}:root{--cngx-breadcrumb-separator-color: var(--cngx-color-text-muted, oklch(.6 .01 250))}}@layer cngx.components{[cngxBreadcrumb]>ol{--cngx-breadcrumb-gap: var(--cngx-space-sm);display:flex;flex-wrap:wrap;align-items:center;gap:var(--cngx-breadcrumb-gap, .5rem);margin:0;padding:0;list-style:none}[cngxBreadcrumb]>ol>li{display:inline-flex;align-items:center}[cngxBreadcrumbItem]{color:var(--cngx-color-primary, oklch(.66 .19 50));text-decoration:none;font-size:var(--cngx-font-size-sm, .8125rem)}[cngxBreadcrumbItem]:hover{text-decoration:underline}[cngxBreadcrumbItem][aria-current=page]{color:var(--cngx-color-text, oklch(.2 .01 250));font-weight:600;text-decoration:none;cursor:default}[cngxBreadcrumbSeparator]{color:var(--cngx-breadcrumb-separator-color, oklch(.6 .01 250));-webkit-user-select:none;user-select:none}}@layer cngx.tokens{@property --cngx-button-toggle-padding-block{syntax: "*"; inherits: false; initial-value: .4rem;}@property --cngx-button-toggle-padding-inline{syntax: "*"; inherits: false; initial-value: .875rem;}}@layer cngx.components{@scope(.cngx-button-toggle){:scope{--cngx-button-toggle-padding-block: var(--cngx-space-sm);--cngx-button-toggle-padding-inline: var(--cngx-space-md);display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:var(--cngx-button-toggle-padding-block, .4rem) var(--cngx-button-toggle-padding-inline, .875rem);border:1px solid var(--cngx-color-border, oklch(.88 .005 250));background:var(--cngx-color-surface, oklch(1 0 0));color:var(--cngx-color-text, oklch(.2 .01 250));font:inherit;font-size:var(--cngx-font-size-sm, .8125rem);cursor:pointer;transition:background-color .12s,border-color .12s,color .12s}:scope+:scope{border-inline-start-width:0}:scope:first-child{border-start-start-radius:var(--cngx-radius-md, .375rem);border-end-start-radius:var(--cngx-radius-md, .375rem)}:scope:last-child{border-start-end-radius:var(--cngx-radius-md, .375rem);border-end-end-radius:var(--cngx-radius-md, .375rem)}:scope:hover:not(.cngx-button-toggle--disabled){background:color-mix(in oklch,var(--cngx-color-primary, oklch(.66 .19 50)) 8%,var(--cngx-color-surface, oklch(1 0 0)))}:scope.cngx-button-toggle--checked{background:var(--cngx-color-primary, oklch(.66 .19 50));color:var(--cngx-color-on-primary, oklch(.99 .01 250));border-color:var(--cngx-color-primary, oklch(.66 .19 50))}:scope.cngx-button-toggle--disabled{opacity:.5;cursor:not-allowed}}}@layer cngx.tokens{@property --cngx-dga-columns{syntax: "*"; inherits: true; initial-value: 1fr;}@property --cngx-dga-col-gap{syntax: "*"; inherits: true; initial-value: .5rem;}@property --cngx-dga-row-py{syntax: "*"; inherits: true; initial-value: .5rem;}@property --cngx-dga-row-px{syntax: "*"; inherits: true; initial-value: .75rem;}@property --cngx-dga-region-padding{syntax: "*"; inherits: true; initial-value: .75rem 1rem;}@property --cngx-dga-fs{syntax: "*"; inherits: true; initial-value: inherit;}@property --cngx-dga-min-width{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --cngx-dga-border-color{syntax: "<color>"; inherits: true; initial-value: oklch(.88 .005 250);}@property --cngx-dga-surface-alt{syntax: "<color>"; inherits: true; initial-value: oklch(.97 .003 250);}@property --cngx-dga-col-sm{syntax: "<length>"; inherits: true; initial-value: 5rem;}@property --cngx-dga-col-md{syntax: "<length>"; inherits: true; initial-value: 7rem;}@property --cngx-dga-col-lg{syntax: "<length>"; inherits: true; initial-value: 10rem;}}@layer cngx.tokens{@property --cngx-dialog-bg{syntax: "<color>"; inherits: true; initial-value: oklch(1 0 0);}@property --cngx-dialog-color{syntax: "*"; inherits: true; initial-value: currentColor;}@property --cngx-dialog-shadow{syntax: "*"; inherits: true; initial-value: 0 8px 32px oklch(0 0 0 / .12);}@property --cngx-dialog-border{syntax: "*"; inherits: false; initial-value: none;}@property --cngx-dialog-border-radius{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --cngx-dialog-padding{syntax: "<length>"; inherits: false; initial-value: 24px;}@property --cngx-dialog-max-width{syntax: "<length-percentage>"; inherits: false; initial-value: 560px;}@property --cngx-dialog-max-height{syntax: "*"; inherits: false; initial-value: 80vh;}@property --cngx-dialog-backdrop-bg{syntax: "<color>"; inherits: true; initial-value: oklch(0 0 0 / .5);}@property --cngx-dialog-backdrop-blur{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --cngx-dialog-backdrop-opacity{syntax: "<number>"; inherits: true; initial-value: 1;}@property --cngx-dialog-backdrop-transition{syntax: "*"; inherits: true; initial-value: none;}@property --cngx-dialog-transition-duration{syntax: "<time>"; inherits: false; initial-value: .2s;}@property --cngx-dialog-transition-easing{syntax: "*"; inherits: false; initial-value: ease;}@property --cngx-dialog-drag-cursor{syntax: "*"; inherits: false; initial-value: grab;}@property --cngx-dialog-dragging-cursor{syntax: "*"; inherits: false; initial-value: grabbing;}@property --cngx-dialog-focus-outline{syntax: "*"; inherits: false; initial-value: auto;}:root{--cngx-dialog-bg: var(--cngx-color-surface)}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-dialog-shadow: 0 8px 32px oklch(0 0 0 / .5)}}[data-color-scheme=dark],.dark{--cngx-dialog-shadow: 0 8px 32px oklch(0 0 0 / .5)}[data-color-scheme=light],.light{--cngx-dialog-shadow: 0 8px 32px oklch(0 0 0 / .12)}}@layer cngx.components{@scope(dialog[cngxDialog]){:scope{--cngx-dialog-padding: var(--cngx-space-lg);border:var(--cngx-dialog-border, none);border-radius:var(--cngx-dialog-border-radius, 8px);padding:var(--cngx-dialog-padding, 24px);max-width:var(--cngx-dialog-max-width, 560px);max-height:var(--cngx-dialog-max-height, 80vh);width:100%;background:var(--cngx-dialog-bg, var(--cngx-color-surface, oklch(1 0 0)));color:var(--cngx-dialog-color, inherit);box-shadow:var(--cngx-dialog-shadow, 0 8px 32px oklch(0 0 0 / .12));overflow:auto;scrollbar-gutter:stable both-edges;transition:opacity var(--cngx-dialog-transition-duration, .2s) var(--cngx-dialog-transition-easing, ease),transform var(--cngx-dialog-transition-duration, .2s) var(--cngx-dialog-transition-easing, ease)}:scope:focus-visible{outline:var(--cngx-dialog-focus-outline, auto)}:scope::backdrop{background:var(--cngx-dialog-backdrop-bg, oklch(0 0 0 / .5));opacity:var(--cngx-dialog-backdrop-opacity, 1);-webkit-backdrop-filter:blur(var(--cngx-dialog-backdrop-blur, 0px));backdrop-filter:blur(var(--cngx-dialog-backdrop-blur, 0px));transition:var(--cngx-dialog-backdrop-transition, none)}:scope.cngx-dialog--opening{opacity:0;transform:translateY(8px) scale(.98)}:scope.cngx-dialog--open{opacity:1;transform:translateY(0) scale(1)}:scope.cngx-dialog--closing{opacity:0;transform:translateY(8px) scale(.98)}@media(prefers-reduced-motion:reduce){:scope{transition:none}:scope::backdrop{transition:none}}}@scope(dialog[cngxDialogDraggable]){:scope{transform:translate(var(--cngx-dialog-x, 0px),var(--cngx-dialog-y, 0px))}:scope.cngx-dialog--opening{transform:translate(var(--cngx-dialog-x, 0px),var(--cngx-dialog-y, 0px)) scale(.98);opacity:0}:scope.cngx-dialog--open{transform:translate(var(--cngx-dialog-x, 0px),var(--cngx-dialog-y, 0px)) scale(1);opacity:1}:scope.cngx-dialog--closing{transform:translate(var(--cngx-dialog-x, 0px),var(--cngx-dialog-y, 0px)) scale(.98);opacity:0}:scope.cngx-dialog--dragging{transition:none}}}@layer cngx.tokens{@property --cngx-divider-thickness{syntax: "<length>"; inherits: false; initial-value: 1px;}@property --cngx-divider-color{syntax: "<color>"; inherits: true; initial-value: oklch(.9 .01 250);}@property --cngx-divider-spacing{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --cngx-divider-inset-amount{syntax: "<length>"; inherits: false; initial-value: 16px;}:root{--cngx-divider-color: var(--cngx-color-border)}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-divider-color: oklch(.45 .005 250)}}[data-color-scheme=dark],.dark{--cngx-divider-color: oklch(.45 .005 250)}}@layer cngx.components{@scope(.cngx-divider){:scope{--cngx-divider-inset-amount: var(--cngx-space-md);display:block;box-sizing:border-box;width:100%;height:var(--cngx-divider-thickness, 1px);margin-block:var(--cngx-divider-spacing, var(--cngx-space-sm, 8px));margin-inline:0;border:0;background:var(--cngx-divider-color, var(--cngx-color-border, oklch(.9 .01 250)))}:scope.cngx-divider--vertical{display:inline-block;width:var(--cngx-divider-thickness, 1px);height:1em;margin-block:0;margin-inline:var(--cngx-divider-spacing, var(--cngx-space-sm, 8px));align-self:stretch}:scope.cngx-divider--inset{margin-inline:var(--cngx-divider-inset-amount, var(--cngx-space-md, 16px))}:scope.cngx-divider--vertical.cngx-divider--inset{margin-block:var(--cngx-divider-inset-amount, var(--cngx-space-md, 16px));margin-inline:var(--cngx-divider-spacing, var(--cngx-space-sm, 8px))}}}@layer cngx.tokens{@property --cngx-listbox-focus-outline-color{syntax: "<color>"; inherits: true; initial-value: oklch(.66 .19 50);}@property --cngx-listbox-focus-outline-width{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --cngx-listbox-focus-outline-offset{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --cngx-option-highlight-bg{syntax: "<color>"; inherits: true; initial-value: oklch(.66 .19 50 / .1);}@property --cngx-option-selected-bg{syntax: "<color>"; inherits: true; initial-value: oklch(.66 .19 50 / .18);}@property --cngx-option-disabled-opacity{syntax: "<number>"; inherits: false; initial-value: .5;}@property --cngx-listbox-padding{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --cngx-option-padding{syntax: "*"; inherits: false; initial-value: 6px 10px;}@property --cngx-option-radius{syntax: "<length>"; inherits: false; initial-value: 4px;}:root{--cngx-listbox-focus-outline-color: var(--cngx-color-primary, oklch(.66 .19 50));--cngx-option-highlight-bg: oklch(.66 .19 50 / .1);--cngx-option-selected-bg: oklch(.66 .19 50 / .18)}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-option-highlight-bg: oklch(.72 .18 50 / .18);--cngx-option-selected-bg: oklch(.72 .18 50 / .28)}}:root[data-color-scheme=dark],:root.dark{--cngx-option-highlight-bg: oklch(.72 .18 50 / .18);--cngx-option-selected-bg: oklch(.72 .18 50 / .28)}:root[data-color-scheme=light],:root.light{--cngx-option-highlight-bg: oklch(.66 .19 50 / .1);--cngx-option-selected-bg: oklch(.66 .19 50 / .18)}}@layer cngx.components{[cngxListbox]{--cngx-listbox-padding: var(--cngx-space-xs);list-style:none;margin:0;padding:var(--cngx-listbox-padding, 4px);outline:none}[cngxListbox]:focus-visible{outline:var(--cngx-listbox-focus-outline-width, 2px) solid var(--cngx-listbox-focus-outline-color, oklch(.66 .19 50));outline-offset:var(--cngx-listbox-focus-outline-offset, 2px)}[cngxOption]{--cngx-option-padding: var(--cngx-space-xs) var(--cngx-space-sm);display:flex;align-items:center;padding:var(--cngx-option-padding, 6px 10px);border-radius:var(--cngx-option-radius, 4px);cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit}.cngx-option--highlighted{background:var(--cngx-option-highlight-bg, oklch(.66 .19 50 / .1))}.cngx-option--selected{background:var(--cngx-option-selected-bg, oklch(.66 .19 50 / .18))}.cngx-option--disabled{opacity:var(--cngx-option-disabled-opacity, .5);cursor:not-allowed}.cngx-option--hidden{display:none}}@layer cngx.tokens{@property --cngx-menu-focus-outline-color{syntax: "<color>"; inherits: true; initial-value: oklch(.66 .19 50);}@property --cngx-menu-focus-outline-width{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --cngx-menu-focus-outline-offset{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --cngx-menu-item-highlight-bg{syntax: "<color>"; inherits: true; initial-value: oklch(.66 .19 50 / .1);}@property --cngx-menu-item-disabled-opacity{syntax: "<number>"; inherits: false; initial-value: .5;}@property --cngx-menu-padding{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --cngx-menu-item-padding{syntax: "*"; inherits: false; initial-value: 6px 10px;}@property --cngx-menu-item-gap{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --cngx-menu-item-radius{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --cngx-menu-item-checked-font-weight{syntax: "<number>"; inherits: false; initial-value: 600;}@property --cngx-menu-item-checked-color{syntax: "<color>"; inherits: true; initial-value: oklch(.66 .19 50);}@property --cngx-menu-item-icon-min-width{syntax: "*"; inherits: false; initial-value: 1.25rem;}@property --cngx-menu-item-kbd-color{syntax: "<color>"; inherits: true; initial-value: oklch(.45 0 0);}@property --cngx-menu-separator-color{syntax: "<color>"; inherits: true; initial-value: oklch(.89 0 0);}:root{--cngx-menu-focus-outline-color: var(--cngx-color-primary, oklch(.66 .19 50));--cngx-menu-item-checked-color: var(--cngx-color-primary, oklch(.66 .19 50));--cngx-menu-separator-color: var(--cngx-color-border, oklch(.89 0 0));--cngx-menu-item-highlight-bg: color-mix( in oklch, var(--cngx-color-primary, oklch(.66 .19 50)) 10%, transparent );--cngx-menu-item-kbd-color: oklch(.45 0 0)}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-menu-item-highlight-bg: color-mix( in oklch, var(--cngx-color-primary, oklch(.72 .18 50)) 18%, transparent );--cngx-menu-item-kbd-color: oklch(.7 0 0)}}:root[data-color-scheme=dark],:root.dark{--cngx-menu-item-highlight-bg: color-mix( in oklch, var(--cngx-color-primary, oklch(.72 .18 50)) 18%, transparent );--cngx-menu-item-kbd-color: oklch(.7 0 0)}:root[data-color-scheme=light],:root.light{--cngx-menu-item-highlight-bg: color-mix( in oklch, var(--cngx-color-primary, oklch(.66 .19 50)) 10%, transparent );--cngx-menu-item-kbd-color: oklch(.45 0 0)}}@layer cngx.components{[cngxMenu]{--cngx-menu-padding: var(--cngx-space-xs);list-style:none;margin:0;padding:var(--cngx-menu-padding, 4px);outline:none}[cngxMenu]:focus-visible{outline:var(--cngx-menu-focus-outline-width, 2px) solid var(--cngx-menu-focus-outline-color, oklch(.66 .19 50));outline-offset:var(--cngx-menu-focus-outline-offset, 2px)}[cngxMenuItem],[cngxMenuItemCheckbox],[cngxMenuItemRadio],[cngxMenuItemSubmenu]{--cngx-menu-item-gap: var(--cngx-space-sm);--cngx-menu-item-padding: var(--cngx-space-xs) var(--cngx-space-sm);display:flex;align-items:center;gap:var(--cngx-menu-item-gap, 8px);padding:var(--cngx-menu-item-padding, 6px 10px);border-radius:var(--cngx-menu-item-radius, 4px);cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit}.cngx-menu-item--highlighted{background:var(--cngx-menu-item-highlight-bg, oklch(.66 .19 50 / .1))}.cngx-menu-item--disabled{opacity:var(--cngx-menu-item-disabled-opacity, .5);cursor:not-allowed}.cngx-menu-item--checked{font-weight:var(--cngx-menu-item-checked-font-weight, 600)}[cngxMenuItemCheckbox].cngx-menu-item--checked:not(:has(.cngx-menu-item__icon)):before{content:"\2713";display:inline-flex;align-items:center;justify-content:center;min-width:var(--cngx-menu-item-icon-min-width, 1.25rem);color:var(--cngx-menu-item-checked-color, oklch(.66 .19 50));font-weight:700}[cngxMenuItemRadio].cngx-menu-item--checked:not(:has(.cngx-menu-item__icon)):before{content:"\25cf";display:inline-flex;align-items:center;justify-content:center;min-width:var(--cngx-menu-item-icon-min-width, 1.25rem);color:var(--cngx-menu-item-checked-color, oklch(.66 .19 50));font-size:.875em}.cngx-menu-item__icon{display:inline-flex;align-items:center;justify-content:center;min-width:var(--cngx-menu-item-icon-min-width, 1.25rem);flex-shrink:0}.cngx-menu-item__label{flex:1;min-width:0}.cngx-menu-item__suffix{flex-shrink:0}.cngx-menu-item__kbd{margin-inline-start:auto;color:var(--cngx-menu-item-kbd-color, oklch(.45 0 0));font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;flex-shrink:0}[cngxMenuSeparator]{display:block;height:1px;margin:4px 6px;background:var(--cngx-menu-separator-color, oklch(.89 0 0));list-style:none}}@layer cngx.tokens{@property --cngx-ripple-color{syntax: "*"; inherits: true; initial-value: currentColor;}@property --cngx-ripple-opacity{syntax: "<number>"; inherits: false; initial-value: .12;}@property --cngx-ripple-duration{syntax: "<time>"; inherits: false; initial-value: .5s;}}@layer cngx.components{@scope(.cngx-ripple__wave){:scope{position:absolute;top:0;left:0;width:var(--cngx-ripple-size, 100px);height:var(--cngx-ripple-size, 100px);border-radius:50%;background:var(--cngx-ripple-color, currentColor);opacity:0;pointer-events:none;transform:translate(calc(var(--cngx-ripple-x, 50%) - var(--cngx-ripple-size, 100px) / 2),calc(var(--cngx-ripple-y, 50%) - var(--cngx-ripple-size, 100px) / 2));animation:cngx-ripple-expand var(--cngx-ripple-duration, .5s) ease-out forwards}@media(prefers-reduced-motion:reduce){:scope{animation:none;opacity:var(--cngx-ripple-opacity, .12);transition:opacity .15s ease}}}@keyframes cngx-ripple-expand{0%{transform:translate(calc(var(--cngx-ripple-x) - var(--cngx-ripple-size) / 2),calc(var(--cngx-ripple-y) - var(--cngx-ripple-size) / 2)) scale(0);opacity:var(--cngx-ripple-opacity, .12)}to{transform:translate(calc(var(--cngx-ripple-x) - var(--cngx-ripple-size) / 2),calc(var(--cngx-ripple-y) - var(--cngx-ripple-size) / 2)) scale(1);opacity:0}}}@layer cngx.tokens{@property --cngx-slider-track-size{syntax: "<length>"; inherits: true; initial-value: 4px;}@property --cngx-slider-thumb-size{syntax: "<length>"; inherits: true; initial-value: 16px;}@property --cngx-slider-thumb-border-width{syntax: "<length>"; inherits: true; initial-value: 2px;}@property --cngx-slider-focus-ring-width{syntax: "<length>"; inherits: true; initial-value: 2px;}@property --cngx-slider-length{syntax: "<length>"; inherits: true; initial-value: 9rem;}}@layer cngx.components{:is([cngxSliderTrack],[cngxRangeSliderTrack]){position:relative;display:inline-flex;align-items:center;box-sizing:border-box;inline-size:100%;min-block-size:var(--cngx-slider-thumb-size, 16px);cursor:pointer}:is([cngxSliderTrack],[cngxRangeSliderTrack])[aria-disabled=true]{opacity:.5;cursor:not-allowed}:is([cngxSliderTrack],[cngxRangeSliderTrack]) .cngx-slider__track{position:relative;flex:1 1 auto;block-size:var(--cngx-slider-track-size, 4px);border-radius:999px;background:var(--cngx-slider-track-color, var(--cngx-color-border, oklch(.88 .005 250)))}:is([cngxSliderTrack]) .cngx-slider__fill{position:absolute;inset-block:0;inset-inline-start:0;inline-size:calc(var(--cngx-slider-fraction, 0) * 100%);border-radius:inherit;background:var(--cngx-slider-fill-color, var(--cngx-color-primary, oklch(.66 .19 50)))}[cngxRangeSliderTrack] .cngx-slider__track{background:linear-gradient(to right,var(--cngx-slider-track-color, var(--cngx-color-border, oklch(.88 .005 250))) 0,var(--cngx-slider-track-color, var(--cngx-color-border, oklch(.88 .005 250))) calc(var(--cngx-slider-start-fraction, 0) * 100%),var(--cngx-slider-fill-color, var(--cngx-color-primary, oklch(.66 .19 50))) calc(var(--cngx-slider-start-fraction, 0) * 100%),var(--cngx-slider-fill-color, var(--cngx-color-primary, oklch(.66 .19 50))) calc(var(--cngx-slider-end-fraction, 1) * 100%),var(--cngx-slider-track-color, var(--cngx-color-border, oklch(.88 .005 250))) calc(var(--cngx-slider-end-fraction, 1) * 100%))}:is([cngxSliderTrack]) .cngx-slider__thumb{position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--cngx-slider-fraction, 0) * 100%);inline-size:var(--cngx-slider-thumb-size, 16px);block-size:var(--cngx-slider-thumb-size, 16px);border-radius:50%;background:var(--cngx-slider-thumb-color, var(--cngx-color-surface, oklch(1 0 0)));border:var(--cngx-slider-thumb-border-width, 2px) solid var(--cngx-slider-thumb-border-color, var(--cngx-color-primary, oklch(.66 .19 50)));translate:-50% -50%}[cngxSliderThumb]{position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--cngx-slider-fraction, 0) * 100%);inline-size:var(--cngx-slider-thumb-size, 16px);block-size:var(--cngx-slider-thumb-size, 16px);border-radius:50%;background:var(--cngx-slider-thumb-color, var(--cngx-color-surface, oklch(1 0 0)));border:var(--cngx-slider-thumb-border-width, 2px) solid var(--cngx-slider-thumb-border-color, var(--cngx-color-primary, oklch(.66 .19 50)));translate:-50% -50%;cursor:grab}[cngxSliderTrack]:focus-visible{outline:none}[cngxSliderTrack]:focus-visible .cngx-slider__thumb,[cngxSliderThumb]:focus-visible{outline:var(--cngx-slider-focus-ring-width, 2px) solid var(--cngx-slider-focus-ring-color, var(--cngx-color-primary, oklch(.66 .19 50)));outline-offset:2px}:is([cngxSliderTrack],[cngxRangeSliderTrack])[aria-orientation=vertical]{flex-direction:column;inline-size:max-content;min-inline-size:var(--cngx-slider-thumb-size, 16px);block-size:var(--cngx-slider-length, 9rem);min-block-size:0}:is([cngxSliderTrack],[cngxRangeSliderTrack])[aria-orientation=vertical] .cngx-slider__track{flex:1 1 auto;inline-size:var(--cngx-slider-track-size, 4px);block-size:auto}[cngxSliderTrack][aria-orientation=vertical] .cngx-slider__fill{inset-inline:0;inset-block:auto 0;inline-size:100%;block-size:calc(var(--cngx-slider-fraction, 0) * 100%)}[cngxRangeSliderTrack][aria-orientation=vertical] .cngx-slider__track{background:linear-gradient(to top,var(--cngx-slider-track-color, var(--cngx-color-border, oklch(.88 .005 250))) 0,var(--cngx-slider-track-color, var(--cngx-color-border, oklch(.88 .005 250))) calc(var(--cngx-slider-start-fraction, 0) * 100%),var(--cngx-slider-fill-color, var(--cngx-color-primary, oklch(.66 .19 50))) calc(var(--cngx-slider-start-fraction, 0) * 100%),var(--cngx-slider-fill-color, var(--cngx-color-primary, oklch(.66 .19 50))) calc(var(--cngx-slider-end-fraction, 1) * 100%),var(--cngx-slider-track-color, var(--cngx-color-border, oklch(.88 .005 250))) calc(var(--cngx-slider-end-fraction, 1) * 100%))}[cngxSliderTrack][aria-orientation=vertical] .cngx-slider__thumb,[cngxRangeSliderTrack][aria-orientation=vertical] [cngxSliderThumb]{inset-inline-start:50%;inset-block-start:auto;inset-block-end:calc(var(--cngx-slider-fraction, 0) * 100%);translate:-50% 50%}}@layer cngx.tokens{@property --cngx-tooltip-bg{syntax: "<color>"; inherits: true; initial-value: oklch(.2 .005 290);}@property --cngx-tooltip-color{syntax: "<color>"; inherits: true; initial-value: oklch(.96 .005 290);}@property --cngx-tooltip-font-family{syntax: "*"; inherits: true; initial-value: system-ui;}@property --cngx-tooltip-font-size{syntax: "*"; inherits: true; initial-value: .75rem;}@property --cngx-tooltip-line-height{syntax: "*"; inherits: true; initial-value: 1rem;}@property --cngx-tooltip-font-weight{syntax: "<number>"; inherits: true; initial-value: 400;}@property --cngx-tooltip-letter-spacing{syntax: "*"; inherits: true; initial-value: .033em;}@property --cngx-tooltip-padding-block{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --cngx-tooltip-padding-inline{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --cngx-tooltip-border-radius{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --cngx-tooltip-max-width{syntax: "<length>"; inherits: false; initial-value: 200px;}@property --cngx-tooltip-transition-duration{syntax: "<time>"; inherits: false; initial-value: .15s;}@property --cngx-tooltip-transition-easing{syntax: "*"; inherits: false; initial-value: cubic-bezier(.4,0,.2,1);}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-tooltip-bg: oklch(.95 .005 290);--cngx-tooltip-color: oklch(.2 .005 290)}}[data-color-scheme=dark],.dark{--cngx-tooltip-bg: oklch(.95 .005 290);--cngx-tooltip-color: oklch(.2 .005 290)}[data-color-scheme=light],.light{--cngx-tooltip-bg: oklch(.2 .005 290);--cngx-tooltip-color: oklch(.96 .005 290)}}@layer cngx.components{@scope(.cngx-tooltip){:scope{position:fixed;inset:unset;border:none;margin:0;box-sizing:border-box;background:var(--cngx-tooltip-bg, oklch(.2 .005 290));color:var(--cngx-tooltip-color, oklch(.96 .005 290));font-family:var(--cngx-tooltip-font-family, inherit);font-size:var(--cngx-tooltip-font-size, .75rem);line-height:var(--cngx-tooltip-line-height, 1rem);font-weight:var(--cngx-tooltip-font-weight, 400);letter-spacing:var(--cngx-tooltip-letter-spacing, .033em);--cngx-tooltip-padding-block: var(--cngx-space-xs);--cngx-tooltip-padding-inline: var(--cngx-space-sm);padding:var(--cngx-tooltip-padding-block, 4px) var(--cngx-tooltip-padding-inline, 8px);border-radius:var(--cngx-tooltip-border-radius, 4px);max-width:var(--cngx-tooltip-max-width, 200px);width:max-content;word-wrap:break-word;white-space:normal;pointer-events:none;transition:opacity var(--cngx-tooltip-transition-duration, .15s) var(--cngx-tooltip-transition-easing, cubic-bezier(.4, 0, .2, 1)),transform var(--cngx-tooltip-transition-duration, .15s) var(--cngx-tooltip-transition-easing, cubic-bezier(.4, 0, .2, 1))}:scope.cngx-popover--opening{opacity:0;transform:scale(.95)}:scope.cngx-popover--open{opacity:1;transform:scale(1)}:scope.cngx-popover--closing{opacity:0;transform:scale(.95)}@media(hover:none){:scope{--cngx-tooltip-padding-block: 8px;--cngx-tooltip-padding-inline: 16px;--cngx-tooltip-font-size: .875rem;--cngx-tooltip-line-height: 1.25rem;--cngx-tooltip-max-width: 280px}}@media(prefers-reduced-motion:reduce){:scope{transition:none}}}}@layer cngx.tokens{@property --cngx-file-drop-border-width{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --cngx-file-drop-border-color{syntax: "<color>"; inherits: false; initial-value: oklch(.8 0 0);}@property --cngx-file-drop-radius{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --cngx-file-drop-padding{syntax: "<length>"; inherits: false; initial-value: 32px;}@property --cngx-file-drop-transition{syntax: "*"; inherits: false; initial-value: .2s ease;}@property --cngx-file-drop-active-border{syntax: "*"; inherits: false; initial-value: currentColor;}@property --cngx-file-drop-active-bg{syntax: "<color>"; inherits: false; initial-value: oklch(0 0 0 / .03);}@property --cngx-file-drop-success-border{syntax: "<color>"; inherits: false; initial-value: oklch(.65 .15 155);}@property --cngx-file-drop-uploading-opacity{syntax: "<number>"; inherits: false; initial-value: .6;}}@layer cngx.components{@scope(.cngx-file-drop){:scope{--cngx-file-drop-padding: var(--cngx-space-xl);display:block;border:var(--cngx-file-drop-border-width, 2px) dashed var(--cngx-file-drop-border-color, oklch(.8 0 0));border-radius:var(--cngx-file-drop-radius, var(--cngx-radius-md, 8px));padding:var(--cngx-file-drop-padding, var(--cngx-space-xl, 32px));text-align:center;cursor:pointer;transition:border-color var(--cngx-file-drop-transition, .2s ease),background var(--cngx-file-drop-transition, .2s ease)}:scope.cngx-file-drop--dragging{border-color:var(--cngx-file-drop-active-border, currentColor);border-style:solid;background:var(--cngx-file-drop-active-bg, oklch(0 0 0 / .03))}:scope.cngx-file-drop--has-files{border-color:var( --cngx-file-drop-success-border, var(--cngx-color-success, oklch(.65 .15 155)) );border-style:solid}:scope.cngx-file-drop--uploading{opacity:var(--cngx-file-drop-uploading-opacity, .6);pointer-events:none;cursor:wait}@media(prefers-reduced-motion:reduce){:scope{transition:none}}}}@layer cngx.tokens{@property --cngx-field-affix-gap{syntax: "<length>"; inherits: false; initial-value: .5rem;}}@layer cngx.components{@scope(.cngx-field-affix-row){:scope{--cngx-field-affix-gap: var(--cngx-space-sm);display:inline-flex;align-items:center;gap:var(--cngx-field-affix-gap, .5rem);inline-size:100%}:scope>:where(input,textarea){flex:1 1 auto;min-inline-size:0}.cngx-field-prefix,.cngx-field-suffix{flex:0 0 auto;display:inline-flex;align-items:center}}}:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5;--cngx-ex-bg: #ffffff;--cngx-ex-text: #1f2937;--cngx-ex-muted: #6b7280;--cngx-ex-faint: #9ca3af;--cngx-ex-border: #e5e7eb;--cngx-ex-surface: #ffffff;--cngx-ex-surface-alt: #f9fafb;--cngx-ex-highlight-bg: rgba(37, 99, 235, .12);--cngx-ex-focus: #2563eb;color:var(--cngx-ex-text)}html[data-color-scheme=dark],html.dark{--cngx-ex-bg: #111111;--cngx-ex-text: #e6e6e6;--cngx-ex-muted: #aaaaaa;--cngx-ex-faint: #777777;--cngx-ex-border: #555555;--cngx-ex-surface: #1a1a1a;--cngx-ex-surface-alt: #1f1f1f;--cngx-ex-highlight-bg: rgba(121, 192, 255, .18);--cngx-ex-focus: #79c0ff}@media(prefers-color-scheme:dark){html:not([data-color-scheme=light]):not(.light){--cngx-ex-bg: #111111;--cngx-ex-text: #e6e6e6;--cngx-ex-muted: #aaaaaa;--cngx-ex-faint: #777777;--cngx-ex-border: #555555;--cngx-ex-surface: #1a1a1a;--cngx-ex-surface-alt: #1f1f1f;--cngx-ex-highlight-bg: rgba(121, 192, 255, .18);--cngx-ex-focus: #79c0ff}}body{margin:0;padding:16px;background:var(--cngx-ex-bg);color:var(--cngx-ex-text)}#cngx-ex-color-scheme-toggle,#cngx-ex-density-toggle{position:fixed;right:16px;bottom:16px;z-index:99999;display:inline-block;padding:2px 6px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:0;background:var(--cngx-color-surface, var(--cngx-ex-surface, #ffffff));color:var(--cngx-color-text, var(--cngx-ex-text, #1f2937));cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;line-height:1.2}#cngx-ex-density-toggle{bottom:44px}#cngx-ex-color-scheme-toggle:hover,#cngx-ex-density-toggle:hover{background:color-mix(in oklch,var(--cngx-color-surface, #fff),currentColor 6%)}#cngx-ex-color-scheme-toggle:focus-visible,#cngx-ex-density-toggle:focus-visible{outline:1px solid var(--cngx-color-primary, #4a8cff);outline-offset:1px}.cngx-ex-intro{margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid var(--cngx-ex-border)}.cngx-ex-intro h1{margin:0 0 2px;font-size:1.125rem;font-weight:600;line-height:1.3}.cngx-ex-intro h2{margin:0;font-size:.95rem;font-weight:600;color:var(--cngx-ex-text);line-height:1.4}.cngx-ex-intro p{margin:8px 0 0;color:var(--cngx-ex-muted);font-size:.875rem;line-height:1.55}.cngx-ex-intro code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;padding:1px 5px;background:var(--cngx-ex-surface-alt);border-radius:3px}.cngx-ex-intro em,.cngx-ex-intro i{font-style:italic;font-weight:600;color:var(--cngx-ex-text, var(--cngx-color-text, inherit))}.cngx-ex-intro strong,.cngx-ex-intro b{font-weight:700;color:var(--cngx-ex-text, var(--cngx-color-text, inherit))}.cngx-ex-intro kbd{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78em;line-height:1;padding:2px 6px;margin:0 1px;border:1px solid var(--cngx-ex-border);border-bottom-width:2px;border-radius:4px;background:var(--cngx-ex-surface-alt);color:var(--cngx-ex-text, var(--cngx-color-text, inherit));vertical-align:baseline}.cngx-ex-intro mark{background:color-mix(in oklch,transparent,currentColor 14%);color:inherit;padding:0 3px;border-radius:2px}.cngx-ex-intro .cngx-ex-hint{font-style:italic;color:var(--cngx-ex-muted)}.cngx-ex-artifact{display:block;max-width:var(--demo-artifact-max-width, 640px);margin:0 0 24px;padding:8px 0 24px;border-block-end:1px solid var(--cngx-ex-border)}.cngx-ex-chrome{display:block;max-width:var(--demo-artifact-max-width, 640px);margin:0 0 24px}.cngx-ex-tags{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 6px}.cngx-ex-tag{display:inline-block;padding:0 5px;border:1px solid var(--cngx-ex-border);border-left-width:3px;border-radius:0;background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;line-height:1.6;color:var(--cngx-ex-text);white-space:nowrap}.cngx-ex-tag[data-dim=atomic-level]{border-left-color:#2563eb}.cngx-ex-tag[data-dim=audience]{border-left-color:#16a34a}.cngx-ex-tag[data-dim=artifact]{border-left-color:#9333ea}.cngx-ex-tag[data-dim=focus]{border-left-color:#6b7280}.cngx-ex-tag[data-dim=framework]{border-left-color:#0891b2}.cngx-ex-tag[data-dim=stability][data-value=experimental]{border-left-color:#d97706;border-color:#d97706;color:#d97706}.cngx-ex-tag[data-dim=stability][data-value=deprecated]{border-left-color:#dc2626;border-color:#dc2626;color:#dc2626;text-decoration:line-through}.cngx-ex-refs{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.75rem}.cngx-ex-refs:before{content:"Implements:";color:var(--cngx-ex-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.cngx-ex-ref a{color:var(--cngx-ex-link, var(--cngx-color-link, #2563eb));text-decoration:underline;text-underline-offset:2px}.cngx-ex-ref a:hover{text-decoration:none}html[data-color-scheme=dark] .cngx-ex-tag[data-dim=atomic-level],html.dark .cngx-ex-tag[data-dim=atomic-level]{border-left-color:#79c0ff}html[data-color-scheme=dark] .cngx-ex-tag[data-dim=audience],html.dark .cngx-ex-tag[data-dim=audience]{border-left-color:#56d364}html[data-color-scheme=dark] .cngx-ex-tag[data-dim=artifact],html.dark .cngx-ex-tag[data-dim=artifact]{border-left-color:#c39df0}html[data-color-scheme=dark] .cngx-ex-tag[data-dim=focus],html.dark .cngx-ex-tag[data-dim=focus]{border-left-color:#aaa}html[data-color-scheme=dark] .cngx-ex-tag[data-dim=framework],html.dark .cngx-ex-tag[data-dim=framework]{border-left-color:#5eead4}html[data-color-scheme=dark] .cngx-ex-tag[data-dim=stability][data-value=experimental],html.dark .cngx-ex-tag[data-dim=stability][data-value=experimental]{border-left-color:#fbbf24;border-color:#fbbf24;color:#fbbf24}html[data-color-scheme=dark] .cngx-ex-tag[data-dim=stability][data-value=deprecated],html.dark .cngx-ex-tag[data-dim=stability][data-value=deprecated]{border-left-color:#f87171;border-color:#f87171;color:#f87171}@media(prefers-color-scheme:dark){html:not([data-color-scheme=light]):not(.light) .cngx-ex-tag[data-dim=atomic-level]{border-left-color:#79c0ff}html:not([data-color-scheme=light]):not(.light) .cngx-ex-tag[data-dim=audience]{border-left-color:#56d364}html:not([data-color-scheme=light]):not(.light) .cngx-ex-tag[data-dim=artifact]{border-left-color:#c39df0}html:not([data-color-scheme=light]):not(.light) .cngx-ex-tag[data-dim=focus]{border-left-color:#aaa}html:not([data-color-scheme=light]):not(.light) .cngx-ex-tag[data-dim=framework]{border-left-color:#5eead4}html:not([data-color-scheme=light]):not(.light) .cngx-ex-tag[data-dim=stability][data-value=experimental]{border-left-color:#fbbf24;border-color:#fbbf24;color:#fbbf24}html:not([data-color-scheme=light]):not(.light) .cngx-ex-tag[data-dim=stability][data-value=deprecated]{border-left-color:#f87171;border-color:#f87171;color:#f87171}}.cngx-ex-code{margin-top:.75rem;border:1px solid var(--cngx-ex-border);border-radius:.5rem;background:var(--cngx-ex-surface);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.cngx-ex-code[open]{box-shadow:0 1px 2px #0000000a}.cngx-ex-code>summary{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;cursor:pointer;font-size:.8125rem;font-weight:600;letter-spacing:.01em;color:var(--cngx-ex-text);-webkit-user-select:none;user-select:none;list-style:none}.cngx-ex-code>summary::-webkit-details-marker{display:none}.cngx-ex-code>summary:before{content:"";display:inline-block;width:0;height:0;margin-right:.125rem;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.75;transition:transform .15s ease;transform:rotate(-90deg)}.cngx-ex-code[open]>summary:before{transform:rotate(0)}.cngx-ex-code>summary:hover{background:var(--cngx-ex-surface-alt)}.cngx-ex-code>summary:focus-visible{outline:2px solid currentColor;outline-offset:-2px;border-radius:.5rem .5rem 0 0}.cngx-ex-code[open]>summary{border-bottom:1px solid var(--cngx-ex-border);background:var(--cngx-ex-surface-alt)}.cngx-ex-code>pre{margin:0;padding:.875rem 1rem;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;line-height:1.6;background:var(--cngx-ex-surface);color:var(--cngx-ex-text)}.cngx-ex-code>pre>code{font:inherit;background:none;padding:0;white-space:pre}@media(max-width:640px){.cngx-ex-code{display:none}}.chip-strip{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.event-grid{display:flex;flex-direction:column;gap:.5rem;margin-top:12px}.event-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.875rem}.event-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;color:var(--cngx-ex-muted);min-width:12rem}.event-value{font-size:.8125rem;font-variant-numeric:tabular-nums}@media(max-width:480px){.event-row{gap:.5rem}.event-label{min-width:0}}.status-row,.button-row,.filter-row,.search-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.demo-card-label,.demo-metric-label{font-size:.8125rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted))}.demo-metric-label{margin-bottom:4px}.demo-table-emptycell{padding:0}.demo-layout-cell{padding:12px 16px;border-radius:var(--cngx-radius-sm, 4px);background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f3f4f6));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-size:.875rem}.demo-dismissible-card{padding:16px 40px 16px 16px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:var(--cngx-radius-md, 8px);background:var(--cngx-color-surface, var(--cngx-ex-surface, #ffffff));color:var(--cngx-color-text, var(--cngx-ex-text, inherit))}.demo-disclosure-panel{padding:.75rem;border-left:3px solid var(--cngx-color-primary, var(--cngx-ex-accent, currentColor));background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f9fafb));border-radius:var(--cngx-radius-sm, 4px);font-size:.875rem;color:var(--cngx-color-text, var(--cngx-ex-text, inherit))}.demo-disclosure-faq-row{border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0))}.demo-disclosure-faq-trigger{text-align:left;padding:.75rem 0;font-weight:600;font-size:.875rem;background:none;border:none;cursor:pointer;color:var(--cngx-color-text, var(--cngx-ex-text, inherit))}.demo-disclosure-faq-answer{padding:0 0 .75rem;font-size:.875rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted))}.demo-scroll-frame{overflow-y:auto;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:8px}.demo-scroll-row{display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0))}.demo-scroll-row-stack{display:block;padding:12px 16px;border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0))}.demo-scroll-sentinel{padding:8px;text-align:center}.demo-cv-item{content-visibility:auto;contain-intrinsic-size:auto 48px}.demo-sr-transcript{display:grid;grid-template-columns:max-content 1fr;align-items:baseline;column-gap:16px;row-gap:6px;margin:0}.demo-sr-transcript dt{display:flex;align-items:center;gap:6px;margin:0;font-weight:500}.demo-sr-transcript dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted))}.demo-sr-tag{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:999px;color:var(--cngx-color-text-muted, var(--cngx-ex-muted))}.demo-sr-tag--accent{border-color:var(--cngx-color-accent-positive, currentColor);color:var(--cngx-color-accent-positive, currentColor)}.demo-skeleton-row{background:linear-gradient(90deg,var(--cngx-color-surface-2, var(--cngx-ex-surface-2, #f0f0f0)) 25%,var(--cngx-color-surface-3, var(--cngx-ex-surface-3, #e5e5e5)) 50%,var(--cngx-color-surface-2, var(--cngx-ex-surface-2, #f0f0f0)) 75%);background-size:200% 100%;animation:demo-skeleton-shimmer 1.4s ease-in-out infinite}.demo-error-list{margin:8px 0;padding-inline-start:24px;color:var(--cngx-color-danger, #b00020)}.demo-error-message{margin:4px 0 12px;color:var(--cngx-color-danger, #b00020);font-size:.875em}.demo-error-input{padding:6px 8px;min-width:240px;border-radius:4px;border:1px solid var(--cngx-color-border, #d1d5db);display:block;margin-top:4px}.demo-error-input.cngx-error,.demo-error-input[aria-invalid=true]{border-color:var(--cngx-color-danger, #b00020);outline-color:var(--cngx-color-danger, #b00020)}.demo-error-surface{padding:12px 16px;margin-bottom:1rem;border-radius:6px;border:1px solid var(--cngx-color-border, #d1d5db)}.demo-error-surface.cngx-error,.demo-error-surface[aria-invalid=true]{border-color:var(--cngx-color-danger, #b00020);background:color-mix(in srgb,var(--cngx-color-danger, #b00020) 4%,transparent)}.demo-error-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-inline-start:6px;border-radius:9px;background:var(--cngx-color-danger, #b00020);color:var(--cngx-color-on-danger, #ffffff);font-size:.75em;line-height:1}@keyframes demo-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.demo-list-row{padding:8px 0;border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0))}.demo-list-flush{list-style:none;padding:0;margin:0}.demo-numeric-input,.demo-icon-button{padding:4px 8px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #ccc));border-radius:4px;background:transparent;color:inherit;font:inherit}.demo-numeric-input{width:80px}.demo-icon-button{padding:6px 16px;cursor:pointer}.demo-dialog-handle{display:flex;align-items:center;justify-content:space-between;cursor:grab;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0))}.demo-dialog-section{margin:16px 0;padding:12px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:4px}.demo-dialog-input{display:block;width:100%;margin-top:4px;padding:6px 8px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:4px;background:transparent;color:inherit;font:inherit}.demo-dialog-floating{border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:8px;padding:16px;background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff));box-shadow:0 4px 12px var(--cngx-color-shadow, oklch(0% 0 0deg / .18))}.demo-dialog-anchor{anchor-name:--demo-help-anchor}.demo-dialog-anchored{position-anchor:--demo-help-anchor;inset:auto;position-area:bottom span-inline-end;margin-block-start:8px;max-width:280px}.demo-listbox-surface{display:flex;flex-direction:column;max-width:260px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 8px);background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff))}.demo-listbox-surface--scroll{max-height:260px;overflow:auto}.demo-listbox-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:200px;padding:8px 12px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 6px);background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font:inherit;text-align:left;cursor:pointer}.demo-listbox-trigger:focus-visible{outline:2px solid var(--cngx-color-primary, var(--cngx-ex-accent, #4a8cff));outline-offset:2px}.demo-listbox-trigger--flush{width:100%;min-width:0;border:none}.demo-panel-option-list{padding:4px}.demo-panel-footer-pgn{padding:4px 8px;border-top:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0))}.demo-listbox-search{width:260px;padding:6px 10px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 8px);background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font:inherit}.demo-listbox-empty{margin:6px 0 0;padding:6px 10px;color:var(--cngx-color-text-muted, var(--cngx-ex-muted));font-size:.875rem}.demo-ad-listbox{display:flex;flex-direction:column;gap:2px;max-width:260px;padding:4px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 8px);outline:none;background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff))}.demo-ad-listbox:focus-visible{outline:2px solid var(--cngx-color-primary, var(--cngx-ex-accent, #4a8cff));outline-offset:2px}.demo-radio-bound{margin-top:12px;font-size:.875em;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-radio-bound>code{display:inline-block;min-width:8ch}.demo-kbd-hint{display:flex;flex-wrap:wrap;gap:4px 12px;margin-bottom:12px;font-size:.8125rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-kbd-hint kbd{display:inline-block;margin:0 1px;padding:1px 6px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:4px;background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f9fafb));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6875rem;line-height:1.2}.demo-ripple-icon-button{width:48px;height:48px;border-radius:50%;padding:0}.demo-ripple-card{display:inline-block;max-width:280px;padding:20px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 8px);background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff));cursor:pointer;-webkit-user-select:none;user-select:none}.demo-ripple-card-hint{margin:8px 0 0;font-size:.875rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-press-ripple-button{transition:transform 80ms ease}button.chip--icon-close{padding:2px 8px}button.chip--danger{color:var(--cngx-color-danger, currentColor);border-color:var(--cngx-color-danger, currentColor)}button.chip{appearance:none;padding:6px 12px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:6px;background:transparent;color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-size:.8125rem;font-family:inherit;cursor:pointer;transition:background .15s ease}.cngx-ex-overlay-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.cngx-ex-overlay-backdrop--right{align-items:stretch;justify-content:flex-end}.cngx-ex-overlay-backdrop--left{align-items:stretch;justify-content:flex-start}.cngx-ex-overlay-panel{background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));border-radius:8px;padding:24px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;gap:12px;max-width:380px}.cngx-ex-overlay-panel--drawer{width:300px;max-width:none;height:100%;border-radius:0;box-shadow:0 0 24px #00000026}.cngx-ex-keyboard-ring{outline:none;transition:box-shadow .15s ease}.cngx-ex-keyboard-ring.cngx-focus-visible{box-shadow:0 0 0 2px var(--cngx-color-accent, var(--cngx-color-primary, #f5a623))}.cngx-ex-live-region{margin-top:12px;padding:10px 14px;border:1px solid var(--cngx-ex-border);border-radius:6px;min-height:40px;transition:background .3s ease,border-color .3s ease}.cngx-ex-live-region--flash{background:var(--cngx-color-accent, var(--cngx-color-primary, #f5a623));border-color:var(--cngx-color-accent, var(--cngx-color-primary, #f5a623));color:var(--cngx-color-on-accent, #000)}button.chip[aria-pressed=true],.chip.chip--active{background:var(--cngx-ex-surface-alt);border-color:currentColor}.filter-label{font-size:.8125rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280));font-weight:500}.cngx-ex-form-error{min-height:1.25rem;font-size:.8125rem;color:var(--cngx-color-danger, #e53e3e)}.cngx-ex-form-error:empty{visibility:hidden}@keyframes cngx-ex-demo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cngx-ex-demo-progress{0%,to{transform:translate(-100%)}50%{transform:translate(200%)}}@keyframes cngx-ex-demo-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.cngx-ex-demo-spinner{width:60px;height:60px;border-radius:50%;border:6px solid var(--cngx-ex-surface-alt);border-top-color:var(--cngx-color-accent, var(--cngx-color-primary, #f5a623));flex-shrink:0;box-sizing:border-box;animation:cngx-ex-demo-spin 2s linear infinite}.cngx-ex-demo-progress{width:120px;height:8px;border-radius:4px;background:var(--cngx-ex-surface-alt);overflow:hidden}.cngx-ex-demo-progress-bar{width:40%;height:100%;border-radius:4px;background:var(--cngx-color-accent, var(--cngx-color-primary, #f5a623));animation:cngx-ex-demo-progress 1.5s ease-in-out infinite}.cngx-reduced-motion .cngx-ex-demo-spinner,.cngx-reduced-motion .cngx-ex-demo-progress-bar{animation:none}.cngx-ex-toast{padding:10px 14px;border-radius:6px;background:var(--cngx-ex-surface-alt);border:1px solid var(--cngx-ex-border);display:flex;align-items:center;justify-content:space-between;font-size:.8125rem}.cngx-ex-toast--animate{animation:cngx-ex-demo-slide-in .3s ease-out}.cngx-ex-toast-list{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;min-height:60px}.cngx-ex-toast-list__empty{padding:16px;text-align:center;font-size:.8125rem;color:var(--cngx-ex-muted)}.cngx-ex-help-disclosure{margin:8px 0 0}.cngx-ex-help-disclosure>summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:.8125rem;color:var(--cngx-ex-muted);-webkit-user-select:none;user-select:none;list-style:none}.cngx-ex-help-disclosure>summary::-webkit-details-marker{display:none}.cngx-ex-help-disclosure>summary:before{content:"?";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid currentColor;font-size:.72rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1}.cngx-ex-help-disclosure[open]>summary{color:var(--cngx-ex-text)}.cngx-ex-help-disclosure-panel{margin:8px 0 0;padding:10px 12px;border-radius:6px;background:var(--cngx-ex-surface-alt);font-size:.8125rem;line-height:1.5}.cngx-ex-help-disclosure-panel ul{margin:0;padding-inline-start:1.25rem}.cngx-ex-help-disclosure-panel li+li{margin-top:4px}.cngx-ex-status-readout{font-size:.75rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted));font-variant-numeric:tabular-nums}.cngx-ex-chart-frame{display:inline-block;max-width:100%;box-sizing:border-box;padding:8px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:4px}.cngx-ex-chart-frame--bottom-axis-room{padding-bottom:32px}.cngx-ex-chart-frame--left-axis-room{padding-left:40px}.cngx-ex-chart-frame--responsive{resize:horizontal;overflow:auto;max-width:600px;min-width:0;width:100%}.cngx-ex-kpi-strip{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;max-width:360px}.cngx-ex-kpi-strip>li{display:flex;align-items:center;gap:12px}.cngx-ex-kpi-strip>li>:first-child{flex:1}.cngx-ex-kpi-strip>li>:last-child{width:60px;text-align:right}.cngx-ex-menu-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px;max-width:220px}.cngx-ex-menu-item{padding:6px 12px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:6px;background:transparent;color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-size:.8125rem;font-family:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.cngx-ex-menu-item:hover,.cngx-ex-menu-item:focus-visible{background:color-mix(in oklch,transparent,currentColor 6%)}.cngx-ex-menu-item[aria-disabled=true]{opacity:.4;cursor:not-allowed}cngx-speak-button[cngxCardBadge]{background:transparent;padding:0;min-width:0}button.chip:hover:not(:disabled){background:color-mix(in oklch,transparent,currentColor 6%)}button.chip:disabled{cursor:not-allowed;opacity:.5}.filter-container{display:flex;flex-wrap:wrap;gap:.375rem}.kbd-hint{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem .75rem;margin-bottom:.75rem;font-size:.8rem}.kbd-hint>strong{font-weight:600}.kbd-hint>span{display:inline-flex;align-items:center;gap:.25rem}.demo-sidenav__container{height:420px;margin-top:.75rem;border:1px solid var(--cngx-color-border);border-radius:6px;--cngx-nav-link-radius: 0;--cngx-nav-link-active-bg: transparent;--cngx-nav-link-active-color: inherit;--cngx-nav-link-active-font-weight: inherit}.demo-sidenav__container--short{height:320px}.demo-sidenav__header{padding:1rem;font-size:1rem;font-weight:700}.demo-sidenav__label{display:block;padding:.75rem 1rem .25rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cngx-color-text-muted)}.demo-sidenav__link{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;text-decoration:none;font-size:.85rem;color:inherit;border-left:3px solid transparent}.demo-sidenav__link--plain{display:block;border-left:0;justify-content:initial}.demo-sidenav__link--sub{display:block;padding:.4rem 1rem .4rem calc(1rem + 14px);text-decoration:none;font-size:.8rem;color:inherit}.demo-sidenav__badge{background:var(--cngx-color-danger);color:var(--cngx-color-surface);font-size:.65rem;font-weight:700;padding:.1em .45em;border-radius:10px;min-width:1.1em;text-align:center}.demo-sidenav__badge-dot{width:7px;height:7px;border-radius:50%;background:var(--cngx-color-success);flex-shrink:0}.demo-sidenav__group{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border:none;background:none;cursor:pointer;text-align:left;font-size:.85rem;color:inherit}.demo-sidenav__chevron{font-size:.6rem;transition:transform .15s}.demo-sidenav__footer{padding:.75rem 1rem;font-size:.7rem;color:var(--cngx-color-text-muted)}.demo-sidenav__content{padding:1.25rem}.demo-sidenav__content--compact{padding:1rem}.demo-sidenav__content-title{margin:0 0 .5rem;font-size:1.1rem}.demo-sidenav__content-title--small{font-size:1rem}.demo-sidenav__content-hint{margin:0;font-size:.85rem;color:var(--cngx-color-text-muted)}.demo-sidenav__order-item{padding:.5rem .75rem;margin-bottom:.5rem;border:1px solid var(--cngx-color-border);border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .15s}.demo-sidenav__order-item.is-selected{background:color-mix(in oklch,var(--cngx-color-primary) 8%,transparent);border-color:var(--cngx-color-primary)}.demo-sidenav__detail-pad{padding:1.25rem}.demo-sidenav__detail-actions{display:flex;gap:.5rem}.demo-sidenav__themes-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.demo-sidenav__theme-label{margin-bottom:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--cngx-color-text-muted)}.demo-sidenav__theme-label--inset{padding:.5rem .5rem 0}.demo-sidenav__theme-panel{height:300px;border-radius:6px;overflow:hidden}.demo-sidenav__theme-panel--dark{background:var(--cngx-color-surface);color:var(--cngx-color-text);border-radius:6px}.demo-tag-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.demo-tag-stack{display:flex;flex-direction:column;gap:16px}.demo-tag-group-frame{border:1px dashed var(--cngx-color-border, var(--cngx-ex-border, #d1d5db));padding:8px}.demo-tag-link{text-decoration:none}.demo-tag-link:hover{filter:brightness(.92)}.demo-tag-label-strong{font-weight:700}.demo-tag-label-meta{opacity:.7}.cngx-tag[data-color=my-brand]{--cngx-tag-bg: var(--cngx-color-primary, oklch(.55 .21 280));--cngx-tag-color: var(--cngx-color-on-primary, oklch(.99 0 0));--cngx-tag-border: 1px solid transparent}.demo-radio-row{display:flex;gap:24px;align-items:center;font-size:1.5em;color:var(--cngx-color-primary, var(--cngx-ex-accent, oklch(66% .19 50deg)))}.demo-radio-row--baseline{align-items:baseline}.demo-radio-cell{display:flex;flex-direction:column;align-items:center;gap:8px}.demo-radio-caption{font-size:.625em;color:var(--cngx-color-text-muted, var(--cngx-ex-text-muted, oklch(50% .01 250deg)))}.demo-radio-brand-magenta{--cngx-radio-indicator-checked-color: var(--cngx-color-magenta, oklch(.55 .25 350));--cngx-radio-indicator-border-width: 2px}.demo-radio-brand-emerald{--cngx-radio-indicator-checked-color: var(--cngx-color-success, oklch(.55 .13 165));--cngx-radio-indicator-dot-size: .6em}.demo-button-toggle-caption{font-size:.875em;margin-top:12px;color:var(--cngx-color-text-muted, var(--cngx-ex-text-muted, oklch(50% .01 250deg)))}.demo-checkbox-caption{font-size:.875em;margin-top:12px;color:var(--cngx-color-text-muted, var(--cngx-ex-muted))}.demo-button-toggle-group .cngx-button-toggle{padding:.5rem 1rem;border:1px solid var(--cngx-color-outline, oklch(72% .01 250deg));background:var(--cngx-color-surface, var(--cngx-ex-surface, #ffffff));color:var(--cngx-color-on-surface, var(--cngx-ex-text, currentColor));font:inherit;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.demo-button-toggle-group .cngx-button-toggle+.cngx-button-toggle{margin-left:-1px}.demo-button-toggle-group .cngx-button-toggle:first-child{border-top-left-radius:var(--cngx-radius-md, .375rem);border-bottom-left-radius:var(--cngx-radius-md, .375rem)}.demo-button-toggle-group .cngx-button-toggle:last-child{border-top-right-radius:var(--cngx-radius-md, .375rem);border-bottom-right-radius:var(--cngx-radius-md, .375rem)}.demo-button-toggle-group[aria-orientation=vertical] .cngx-button-toggle+.cngx-button-toggle{margin-left:0;margin-top:-1px}.demo-button-toggle-group[aria-orientation=vertical] .cngx-button-toggle:first-child{border-radius:var(--cngx-radius-md, .375rem) var(--cngx-radius-md, .375rem) 0 0}.demo-button-toggle-group[aria-orientation=vertical] .cngx-button-toggle:last-child{border-radius:0 0 var(--cngx-radius-md, .375rem) var(--cngx-radius-md, .375rem)}.demo-button-toggle-group .cngx-button-toggle:not(.cngx-button-toggle--checked):hover:not([disabled]){background:color-mix(in oklch,var(--cngx-color-surface, #ffffff),var(--cngx-color-on-surface, oklch(25% 0 0deg)) 8%)}.demo-button-toggle-group .cngx-button-toggle--checked:hover:not([disabled]){background:color-mix(in oklch,var(--cngx-color-primary, var(--cngx-ex-accent, oklch(60% .15 250deg))) 88%,#000);border-color:color-mix(in oklch,var(--cngx-color-primary, var(--cngx-ex-accent, oklch(60% .15 250deg))) 88%,#000)}.demo-button-toggle-group .cngx-button-toggle:focus-visible{outline:2px solid var(--cngx-color-primary, var(--cngx-ex-accent, oklch(60% .15 250deg)));outline-offset:2px;position:relative;z-index:1}.demo-button-toggle-group .cngx-button-toggle--checked{background:var(--cngx-color-primary, var(--cngx-ex-accent, oklch(60% .15 250deg)));color:var(--cngx-color-on-primary, #ffffff);border-color:var(--cngx-color-primary, var(--cngx-ex-accent, oklch(60% .15 250deg)));z-index:1}.demo-button-toggle-group .cngx-button-toggle--disabled,.demo-button-toggle-group .cngx-button-toggle[disabled]{opacity:.5;cursor:not-allowed}.required-badge{display:inline-block;margin-left:.25em;padding:0 .4em;border-radius:999px;font-size:.6875em;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--cngx-color-danger-on, #fff);background:var(--cngx-color-danger, #c0392b)}.demo-hoverable-target{border:1px solid var(--cngx-color-border, var(--cngx-ex-border, oklch(88% .005 250deg)));border-radius:var(--cngx-radius-md, 6px);background:var(--cngx-color-surface, var(--cngx-ex-surface, oklch(100% 0 0deg)));color:var(--cngx-color-text, var(--cngx-ex-text, oklch(20% .01 250deg)));transition:transform .12s ease,background .12s ease}.demo-hoverable-target--active{background:color-mix(in oklch,var(--cngx-color-surface, oklch(100% 0 0deg)),var(--cngx-color-primary, oklch(66% .19 50deg)) 8%)}.demo-hover-card{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, oklch(88% .005 250deg)));background:var(--cngx-color-surface, var(--cngx-ex-surface, oklch(100% 0 0deg)));color:var(--cngx-color-text, var(--cngx-ex-text, oklch(20% .01 250deg)));transition:transform .12s ease,background .12s ease}.demo-hover-card--active{background:color-mix(in oklch,var(--cngx-color-surface, oklch(100% 0 0deg)),var(--cngx-color-primary, oklch(66% .19 50deg)) 8%);transform:scale(1.02)}.demo-hover-card__state{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75em;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, oklch(50% .01 250deg)))}.demo-gesture-panel{display:inline-block;padding:12px 16px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, oklch(88% .005 250deg)));border-radius:var(--cngx-radius-md, 6px);background:var(--cngx-color-surface-variant, var(--cngx-color-surface, oklch(98% .005 250deg)))}.demo-gesture-target{padding:16px;border:2px dashed var(--cngx-color-border, var(--cngx-ex-border, oklch(88% .005 250deg)));border-radius:var(--cngx-radius-md, 6px);text-align:center;outline:none}.demo-gesture-target--accent{border-color:var(--cngx-color-primary, oklch(66% .19 50deg));background:color-mix(in oklch,var(--cngx-color-surface, oklch(100% 0 0deg)),var(--cngx-color-primary, oklch(66% .19 50deg)) 6%)}.demo-gesture-target--danger{border-color:var(--cngx-color-error, oklch(60% .2 25deg));background:color-mix(in oklch,var(--cngx-color-surface, oklch(100% 0 0deg)),var(--cngx-color-error, oklch(60% .2 25deg)) 8%)}.demo-gesture-card{padding:20px;max-width:280px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, oklch(88% .005 250deg)));border-radius:var(--cngx-radius-md, 8px);background:var(--cngx-color-surface, oklch(100% 0 0deg));text-align:left;-webkit-user-select:none;user-select:none;transition:transform .1s ease,box-shadow .1s ease}.demo-gesture-card[aria-pressed=true],.demo-gesture-card.is-pressed{box-shadow:none}.demo-gesture-flash,button.chip.demo-gesture-flash{background:color-mix(in oklch,var(--cngx-color-surface, oklch(100% 0 0deg)),var(--cngx-color-primary, oklch(66% .19 50deg)) 18%);border-color:var(--cngx-color-primary, oklch(66% .19 50deg))}.demo-gesture-hint{margin:0 0 8px;font-size:.875rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, oklch(50% .01 250deg)))}.demo-swipe-target{padding:2rem;border:2px dashed var(--cngx-color-border, var(--cngx-ex-border, oklch(88% .005 250deg)));border-radius:var(--cngx-radius-md, 8px);background:var(--cngx-color-surface-variant, var(--cngx-color-surface, oklch(98% .005 250deg)));text-align:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .1s ease,border-color .1s ease}.demo-swipe-target--active{border-color:var(--cngx-color-primary, oklch(66% .19 50deg))}@media(prefers-reduced-motion:reduce){.demo-gesture-target,.demo-swipe-target,.demo-gesture-card{transition:none}}.demo-context-menu-zone{display:flex;align-items:center;justify-content:center;min-height:160px;padding:16px;border:2px dashed var(--cngx-color-border, oklch(88% .005 250deg));border-radius:var(--cngx-radius-md, 8px);background:var(--cngx-color-surface-variant, var(--cngx-color-surface, oklch(98% .005 250deg)));color:var(--cngx-color-text-muted, oklch(50% .01 250deg));cursor:context-menu;-webkit-user-select:none;user-select:none}.demo-context-menu-zone:focus-visible{outline:2px solid var(--cngx-color-primary, oklch(66% .19 50deg));outline-offset:2px}.demo-copy-token__code{padding:6px 10px;border:1px solid var(--cngx-color-border, oklch(88% .005 250deg));border-radius:var(--cngx-radius-sm, 4px);background:var(--cngx-color-surface-variant, var(--cngx-color-surface, oklch(98% .005 250deg)));color:var(--cngx-color-text, currentColor);font-family:var(--cngx-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--cngx-font-size-sm, .8125rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.chip.demo-chip--copied{background:#e8f7e8;border-color:var(--cngx-color-success, oklch(50% .12 145deg));color:var(--cngx-color-success, oklch(50% .12 145deg))}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light) button.chip.demo-chip--copied{background:#1e3b1f}}[data-color-scheme=dark] button.chip.demo-chip--copied,.dark button.chip.demo-chip--copied{background:#1e3b1f}[data-color-scheme=light] button.chip.demo-chip--copied,.light button.chip.demo-chip--copied{background:#e8f7e8}.demo-copy-url__label{font-size:var(--cngx-font-size-sm, .875rem);color:var(--cngx-color-text-muted, oklch(50% .01 250deg))}.demo-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0;margin:-1px}.demo-nav__frame{width:240px;padding:.5rem 0;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 6px);background:var(--cngx-surface-alt, #f9fafb)}.demo-nav__label{display:block;padding:.5rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-nav__link{display:block;padding:.5rem 1rem;text-decoration:none;font-size:.875rem;color:var(--cngx-color-text, var(--cngx-ex-text, #1f2937));border-left:3px solid transparent;transition:background .15s ease,border-left-color .15s ease}.demo-nav__link--row{display:flex;align-items:center;justify-content:space-between}.demo-nav__link--active{border-left-color:var(--cngx-color-primary, #2563eb);background:color-mix(in oklch,var(--cngx-color-primary, #2563eb) 8%,transparent);font-weight:600}.demo-nav__link--indent-1{padding-left:calc(1rem + 12px)}.demo-nav__link--indent-2{padding-left:calc(1rem + 24px)}.demo-nav__divider{margin:.5rem 1rem;border-top:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd))}.demo-nav__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border:none;background:none;cursor:pointer;text-align:left;font-size:.875rem;color:var(--cngx-color-text, var(--cngx-ex-text, #1f2937))}.demo-nav__caret{font-size:.75rem;transition:transform .15s ease}.demo-nav__badge--count{padding:.1em .5em;min-width:1.2em;border-radius:10px;background:var(--cngx-color-primary, #2563eb);color:var(--cngx-color-surface, #fff);font-size:.7rem;font-weight:700;text-align:center}.demo-nav__badge--muted{padding:.1em .5em;border-radius:10px;background:var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280));font-size:.7rem}.demo-nav__badge--dot{width:8px;height:8px;border-radius:50%;background:var(--cngx-color-success, #16a34a)}.demo-nav__note{margin-top:.5rem;font-size:.8rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-typeahead-listbox{display:flex;flex-direction:column;list-style:none;margin:0;padding:4px 0;max-height:12rem;overflow:auto;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 6px);background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff))}.demo-typeahead-option{padding:4px 10px;cursor:pointer;color:var(--cngx-color-text, var(--cngx-ex-text, inherit))}.demo-typeahead-option[aria-selected=true]{background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f3f4f6))}.demo-typeahead-empty{padding:4px 10px;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280));font-style:italic}.demo-speak-label{font-size:.875rem;font-weight:500}.demo-speak-input{padding:8px 12px;border-radius:var(--cngx-radius-md, 6px);border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-size:.875rem}.demo-speak-input--invalid{border-color:var(--cngx-color-danger, #b00020)}.demo-speak-error-row{font-size:.8125rem;color:transparent}.demo-speak-error-row--shown{color:var(--cngx-color-danger, #b00020)}.demo-speak-hear-btn{display:inline-flex;align-items:center;gap:.35rem;padding:2px 10px;border-radius:var(--cngx-radius-sm, 4px);border:1px solid var(--cngx-color-danger, #b00020);background:color-mix(in srgb,var(--cngx-color-danger, #b00020) 8%,transparent);color:var(--cngx-color-danger, #b00020);font-size:.75rem;font-weight:500;cursor:pointer}.demo-speak-hear-btn:focus-visible{outline:2px solid var(--cngx-color-danger, #b00020);outline-offset:2px}.demo-speak-hear-btn:before{content:"\1f50a";font-size:.9rem;line-height:1}.demo-speak-listen-btn--active{background:var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb));color:var(--cngx-color-surface, var(--cngx-ex-surface, #fff))}.demo-speak-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;font-size:.875rem;line-height:1}.demo-speak-icon-btn--active{background:var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb));color:var(--cngx-color-surface, var(--cngx-ex-surface, #fff))}.demo-speak-note{font-size:.75rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-speak-passage{padding:16px 20px;border-radius:var(--cngx-radius-md, 8px);border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f9fafb));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-size:.875rem;line-height:1.6}.demo-speak-passage--accent{border-left:4px solid var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb))}.demo-speak-passage--speaking{outline:2px solid var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb));outline-offset:2px}.demo-speak-reading-badge{position:absolute;top:-.7rem;right:.5rem;padding:.05rem .5rem;border-radius:999px;background:var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb));color:var(--cngx-color-surface, var(--cngx-ex-surface, #fff));font-size:.6875rem;font-weight:600;letter-spacing:.02em}.demo-speak-reading-pulse{display:inline-flex;align-items:center;padding:0 .4rem;border-radius:999px;background:color-mix(in srgb,var(--cngx-color-primary, #2563eb) 12%,transparent);color:var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb));font-size:.6875rem;font-weight:600}.demo-speak-hear-btn--active{background:var(--cngx-color-danger, #b00020);color:var(--cngx-color-surface, var(--cngx-ex-surface, #fff))}.demo-toggle-caption{font-size:.875em;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-backdrop-frame{position:relative;min-height:200px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:var(--cngx-radius-md, 6px);overflow:hidden}.demo-backdrop-frame__content{padding:1rem}.demo-drawer-container{position:relative;min-height:180px}.demo-drawer-container--bordered{border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:var(--cngx-radius-md, 6px);overflow:hidden}.demo-drawer-layout{position:relative;display:flex;min-height:200px;overflow:hidden}.demo-drawer-layout--relative{position:relative}.demo-drawer-layout--push .demo-drawer-panel{position:relative;inset:auto;transform:none;flex:0 0 auto}.demo-drawer-backdrop{position:absolute;inset:0;background:var(--cngx-backdrop-bg, rgba(0, 0, 0, .4));opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1}.demo-drawer-backdrop.cngx-backdrop--visible{opacity:1;pointer-events:auto}.demo-drawer-panel{position:absolute;inset:0 auto 0 0;width:220px;background:var(--cngx-color-surface, var(--cngx-ex-surface, #ffffff));border-right:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));transform:translate(-100%);transition:transform .25s ease;z-index:2}.demo-drawer-panel.cngx-drawer-panel--open{transform:translate(0)}.demo-drawer-panel.cngx-drawer-panel--right{inset:0 0 0 auto;border-right:0;border-left:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));transform:translate(100%)}.demo-drawer-panel.cngx-drawer-panel--right.cngx-drawer-panel--open{transform:translate(0)}.demo-drawer-panel.cngx-drawer-panel--top{inset:0 0 auto;width:auto;height:120px;border-right:0;border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));transform:translateY(-100%)}.demo-drawer-panel.cngx-drawer-panel--top.cngx-drawer-panel--open{transform:translateY(0)}.demo-drawer-panel.cngx-drawer-panel--bottom{inset:auto 0 0;width:auto;height:120px;border-right:0;border-top:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));transform:translateY(100%)}.demo-drawer-panel.cngx-drawer-panel--bottom.cngx-drawer-panel--open{transform:translateY(0)}.demo-drawer-panel--static{position:relative;inset:auto;transform:none;flex:0 0 auto;overflow:hidden;transition:width .25s ease,border-right-width .25s ease}.demo-drawer-panel--static:not(.cngx-drawer-panel--open){width:0;border-right-width:0}.demo-drawer-panel-content{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;font-size:.875rem}.demo-drawer-main{flex:1 1 auto;padding:.75rem 1rem;background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f9fafb));transition:margin-left .25s ease,margin-right .25s ease;font-size:.875rem}.demo-drawer-main--tall{min-height:220px}.demo-expandable-toggle{border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-sm, 4px);background:none;padding:4px 10px;cursor:pointer;font-size:.8125rem;color:var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb))}.demo-expandable-toggle__glyph{font-size:1rem}.demo-highlight-input{padding:8px 12px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-sm, 6px);background:var(--cngx-color-surface, var(--cngx-ex-surface, #ffffff));color:inherit;font:inherit}.demo-highlight-passage{font-size:.9375rem;line-height:1.8}.demo-highlight-passage p{margin:0 0 8px}.demo-highlight-passage p:last-child{margin-bottom:0}.demo-infinite-scroll-frame{max-height:300px;overflow-y:auto;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:var(--cngx-radius-md, 8px)}.demo-infinite-scroll-item{padding:12px 16px;border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0))}.demo-infinite-scroll-sentinel{padding:16px;text-align:center;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-pgn-infinite-frame{max-height:320px;overflow-y:auto;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:var(--cngx-radius-md, 8px)}.demo-page-divider{position:sticky;top:0;z-index:1;padding:6px 12px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280));background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff));border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0))}.demo-pgn-alpha-stack{display:flex;flex-direction:column;gap:16px}.demo-incremental-frame{max-height:320px;overflow-y:auto;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:var(--cngx-radius-md, 8px)}.demo-io-frame{height:200px;overflow-y:auto;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 6px);padding:0 16px}.demo-io-spacer{height:400px;display:flex;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-io-spacer--top{align-items:flex-end;padding-bottom:16px}.demo-io-spacer--bottom{align-items:flex-start;padding-top:16px}.demo-io-sentinel{padding:16px;text-align:center;border-radius:var(--cngx-radius-md, 6px);background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f8f9fa));transition:background .3s}.demo-io-sentinel--visible{background:var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb));color:var(--cngx-color-on-primary, #ffffff)}.demo-resize-hint{margin-bottom:8px;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-resize-box{background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f8f9fa));border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 6px);font-size:.875rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-scroll-lock-chip[aria-pressed=true]{background:var(--cngx-color-danger, #b00020);color:var(--cngx-color-on-danger, #ffffff);border-color:var(--cngx-color-danger, #b00020)}.demo-scroll-lock-hint{font-size:.875rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-scroll-lock-row{padding:12px 16px;background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f8fafc));border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:var(--cngx-radius-md, 6px)}.demo-spy-nav-link{text-decoration:none;font-size:.8125rem;text-transform:capitalize;padding:6px 10px}.demo-spy-container{border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 8px)}.demo-spy-section{padding:20px;border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #eaeaea))}.demo-spy-section:last-child{border-bottom:0}.demo-spy-section h3{margin:0 0 8px;text-transform:capitalize}.demo-spy-section p{margin:0;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280));font-size:.875rem}.demo-skeleton-line{height:20px;border-radius:4px;background:var(--cngx-color-surface-2, var(--cngx-ex-surface-2, #e0e0e0))}.demo-skeleton-line--sm{height:12px}.demo-skeleton-line--md{height:16px}.demo-skeleton-line.cngx-skeleton--shimmer,.cngx-skeleton--shimmer .demo-skeleton-line{background:linear-gradient(90deg,var(--cngx-color-surface-2, var(--cngx-ex-surface-2, #f0f0f0)) 25%,var(--cngx-color-surface-3, var(--cngx-ex-surface-3, #e5e5e5)) 50%,var(--cngx-color-surface-2, var(--cngx-ex-surface-2, #f0f0f0)) 75%);background-size:200% 100%;animation:demo-skeleton-shimmer 1.4s ease-in-out infinite}.demo-skeleton-card{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:var(--cngx-radius-md, 8px)}.demo-sticky-frame{height:250px;overflow-y:auto;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 8px)}.demo-sticky-intro{padding:16px}.demo-sticky-hint{margin:0 0 8px;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280));font-size:.875rem}.demo-sticky-header{padding:12px 16px;background:var(--cngx-color-surface, var(--cngx-ex-surface, #ffffff));border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #eaeaea));transition:box-shadow .2s ease}.demo-sticky-header.cngx-sticky--active{box-shadow:0 2px 8px #0000001a}.demo-sticky-item{padding:12px 16px;border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #f0f0f0))}.demo-truncate-text{margin:0;line-height:1.6;font-size:.875rem}.demo-truncate-toggle{margin-top:4px;background:none;border:none;cursor:pointer;padding:0;font-size:.8125rem;color:var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb))}pre.code-block{margin:0;padding:12px 16px;background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f8fafc));border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:var(--cngx-radius-md, 6px);color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.55;overflow-x:auto;white-space:pre}pre.code-block code{font:inherit;color:inherit;background:none;padding:0}.demo-popover-stage{padding-top:20px}.demo-popover-stage--tall{padding-top:40px}.demo-arrow-glyph{position:absolute;width:14px;height:14px;pointer-events:none}.demo-arrow-glyph[data-edge=bottom]{top:-10px;left:var(--offset, 50%);transform:translate(-50%) rotate(180deg)}.demo-arrow-glyph[data-edge=top]{bottom:-10px;left:var(--offset, 50%);transform:translate(-50%)}.demo-arrow-glyph[data-edge=right]{left:-10px;top:var(--offset, 50%);transform:translateY(-50%) rotate(90deg)}.demo-arrow-glyph[data-edge=left]{right:-10px;top:var(--offset, 50%);transform:translateY(-50%) rotate(-90deg)}.demo-popover-surface{padding:8px 12px;font-size:.8125rem;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:6px;background:var(--cngx-color-surface, var(--cngx-ex-surface, Canvas));color:var(--cngx-color-text, var(--cngx-ex-text, inherit))}.demo-popover-menu{list-style:none;margin:0;padding:4px 0;min-width:140px}.demo-popover-menu-item{display:block;width:100%;padding:8px 16px;border:none;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}.demo-popover-menu-item:hover{background:var(--cngx-ex-surface-alt, transparent)}.demo-popover-tile{width:140px;padding:6px 10px;font-size:.75rem;text-align:center;border:1px solid currentColor;border-radius:4px;background:var(--cngx-color-surface, var(--cngx-ex-surface, Canvas));color:var(--cngx-color-text, var(--cngx-ex-text, inherit))}.demo-popover-placement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:72px;padding:48px 16px;justify-items:center;align-items:center}.demo-popover-placement-cell{position:relative;padding:24px}.demo-tooltip-disabled-chip{opacity:.5}.demo-tooltip-caption{font-size:.875rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280));margin-bottom:12px}.demo-popover-control-label{display:flex;align-items:center;gap:6px;font-size:.875rem;cursor:pointer}.demo-flight-section{display:flex;flex-direction:column;gap:8px;padding:4px 0}.demo-flight-section h4{margin:0;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-flight-row{display:flex;justify-content:space-between;gap:16px;font-size:.875rem}.demo-flight-row dt{margin:0;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-flight-row dd{margin:0;font-weight:500;color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-variant-numeric:tabular-nums}.demo-flight-footer{display:flex;align-items:center;gap:12px;width:100%}.demo-flight-footer-spacer{flex:1}.demo-flight-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;border:1px solid currentColor}.demo-flight-pill--ok{color:var(--cngx-color-success, #15803d);background:var(--cngx-color-success-surface, rgba(21, 128, 61, .08))}.demo-flight-pill--warn{color:var(--cngx-color-warning, #b45309);background:var(--cngx-color-warning-surface, rgba(180, 83, 9, .08))}.demo-flight-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-flight-doc-note{display:flex;gap:8px;padding:8px 10px;border-radius:6px;background:var(--cngx-color-info-surface, rgba(59, 130, 246, .08));font-size:.8125rem;line-height:1.45}.demo-flight-doc-note strong{font-weight:600}.demo-otp-slot{width:var(--cngx-demo-otp-slot-size, 48px);height:var(--cngx-demo-otp-slot-size, 48px);text-align:center;font-size:var(--cngx-demo-otp-slot-font, 1.25rem);font-family:var(--cngx-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.demo-otp-slot--lg{--cngx-demo-otp-slot-font: 1.5rem}.demo-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;font-size:.75rem;color:var(--cngx-field-hint-color, #666)}.demo-drop-zone-title{margin:0;font-weight:500}.demo-drop-zone-hint{margin:4px 0 0;font-size:.75rem;color:var(--cngx-color-text-muted, #6b7280)}.demo-drop-zone-error{margin-top:8px;color:var(--cngx-field-error-color, #d32f2f);font-size:.75rem}.demo-counter{font-size:.75rem}.demo-counter--warn{color:var(--cngx-color-danger, #d32f2f)}.demo-mono{font-family:var(--cngx-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.demo-mono--sm{font-size:.75rem}.demo-success-text{color:var(--cngx-color-success, #15803d)}.demo-mini-form-input{width:100%;padding:.35rem .5rem;border:1px solid var(--cngx-color-border, #cbd5e1);border-radius:.25rem;font:inherit}.demo-mini-form-actions{display:flex;gap:.5rem;justify-content:flex-end}.demo-mini-form-btn{padding:.35rem .75rem;border-radius:.25rem;cursor:pointer;font:inherit}.demo-mini-form-btn--ghost{background:transparent;border:1px solid var(--cngx-color-border, #cbd5e1)}.demo-mini-form-btn--primary{background:var(--cngx-color-primary, #2563eb);color:var(--cngx-color-on-primary, #fff);border:0}.demo-mini-form-heading{font-weight:600;font-size:.875rem}.demo-mini-form-marker{color:var(--cngx-color-primary, #2563eb)}.demo-split-action-heading{flex:1;font-weight:600}.demo-split-action-glyph{font-size:1.25rem}.demo-multi-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:999px;background:var(--cngx-color-info-surface, rgba(59, 130, 246, .12));color:var(--cngx-color-info, #2563eb);font-size:.75rem;font-weight:500}.demo-select-loading-slot{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem}.demo-select-loading-glyph{font-size:1.5rem}.demo-select-loading-glyph--inline{font-size:1.25rem}.demo-select-error-banner{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;background:color-mix(in oklch,var(--cngx-color-danger, #d32f2f) 10%,transparent);color:var(--cngx-color-danger, #d32f2f)}.demo-select-refresh-strip{padding:.4rem .75rem;font-size:.8rem;color:var(--cngx-color-info, #2563eb);background:linear-gradient(90deg,color-mix(in oklch,var(--cngx-color-info, #2563eb) 10%,transparent),color-mix(in oklch,var(--cngx-color-info, #2563eb) 25%,transparent),color-mix(in oklch,var(--cngx-color-info, #2563eb) 10%,transparent));background-size:200% 100%;animation:cngx-select-refresh-shimmer 1.6s linear infinite}.demo-select-optgroup-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.demo-select-optgroup-badge{font-size:.75rem;padding:2px 6px;border-radius:999px;background:color-mix(in oklch,var(--cngx-color-text, currentColor) 8%,transparent);color:var(--cngx-color-text-muted, #6b7280)}.demo-select-retry-button{padding:.25rem .625rem;border-radius:.25rem;border:1px solid var(--cngx-color-border, #cbd5e1);background:transparent;color:var(--cngx-color-text, inherit);font:inherit;font-size:.8125rem;cursor:pointer}.demo-select-option-status{margin-inline-start:.5rem;font-size:.75rem}.demo-select-option-status--pending{color:var(--cngx-color-text-muted, #6b7280)}.demo-select-option-status--error{color:var(--cngx-color-danger, #d32f2f)}.demo-typeahead-option-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:color-mix(in oklch,var(--cngx-color-info, #2563eb) 18%,transparent);color:var(--cngx-color-info, #2563eb);font-size:.7rem}.demo-typeahead-option-id{display:block;color:var(--cngx-color-text-muted, #6b7280)}.demo-select-custom-glyph{font-weight:700;font-family:var(--cngx-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.demo-form-primitives-coming-soon{color:var(--cngx-muted, #6b7280);font-style:italic}.demo-variant-heading{margin:0 0 .5rem;font-size:.85rem}.demo-event-value--mono{font-family:var(--cngx-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:.75rem}.demo-async-error-strip{padding:.5rem .75rem;color:var(--cngx-color-danger, #d32f2f)}.demo-popover-padding-sm{padding:.25rem}.demo-select-retry-button--warn{background:color-mix(in oklch,var(--cngx-color-warning, #b45309) 10%,transparent);border-color:color-mix(in oklch,var(--cngx-color-warning, #b45309) 35%,transparent);color:var(--cngx-color-warning, #b45309)}.demo-multi-chip-remove,.demo-combobox-chip-remove{border:0;background:transparent;color:inherit;cursor:pointer;padding:0 .125rem}.demo-combobox-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:999px;background:color-mix(in oklch,var(--cngx-color-info, #2563eb) 15%,transparent);color:var(--cngx-color-info, #2563eb);font-size:.8rem}.demo-combobox-trigger-summary{padding-inline-end:.5rem;font-weight:500}.demo-select-shell-retry-btn{padding:.25rem .5rem;border:1px solid var(--cngx-color-border, #cbd5e1);border-radius:.25rem;font:inherit;background:transparent;cursor:pointer}.demo-select-empty-state{padding:.75rem;opacity:.6;text-align:center}.demo-variant-caption{display:block;margin-top:6px;color:var(--cngx-color-text-muted, #6b7280)}.demo-success-dot,.demo-success-event{color:var(--cngx-color-success, #15803d)}.demo-placeholder-muted{display:inline-flex;align-items:center;gap:.4rem;color:var(--cngx-color-text-muted, #6b7280)}.demo-form{display:flex;flex-direction:column;gap:16px;width:100%}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:999px;background:var(--cngx-ex-surface-alt, var(--cngx-color-surface, #f9fafb));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-size:.75rem;font-variant-numeric:tabular-nums;line-height:1.4}.demo-field{display:flex;flex-direction:column;gap:6px}.demo-field>button,.demo-form>button,.demo-field>.button-row,.demo-form>.button-row{align-self:flex-start}.demo-label{font-size:.8125rem;font-weight:500;color:var(--cngx-color-text, var(--cngx-ex-text, inherit))}.demo-input{font:inherit}cngx-checkbox-group,cngx-radio-group{display:flex;flex-direction:column;gap:6px}cngx-checkbox-group .cngx-checkbox+.cngx-checkbox,cngx-radio-group .cngx-radio+.cngx-radio{margin-inline-start:0}.demo-frame-card{border:1px solid var(--cngx-color-border, #e5e7eb);border-radius:8px;overflow:hidden}.demo-frame-list{border:1px solid var(--cngx-color-border, #e5e7eb);border-radius:8px;min-height:120px;display:flex;align-items:center;justify-content:center}.demo-frame-padded{border:1px solid var(--cngx-color-border, #e5e7eb);border-radius:8px;padding:24px}.demo-frame-relative{position:relative;border:1px solid var(--cngx-color-border, #e5e7eb);border-radius:8px;padding:24px;min-height:80px}.demo-hint{font-size:.875rem;color:var(--cngx-color-text-muted, #64748b);margin:0}.demo-hint--small{font-size:.8125rem}.demo-empty-state-link{font-size:.8125rem;color:var(--cngx-color-interactive, #4f46e5)}.demo-skeleton-bar{background:var(--cngx-skeleton-bg, #e5e7eb);border-radius:4px}.demo-card-tile{padding:8px 12px;background:var(--cngx-card-bg, #f8fafc);border-radius:4px}.demo-card-cell{padding:16px;background:var(--cngx-card-bg, #f8fafc);border-radius:6px;text-align:center}.demo-empty-state-block{text-align:center;padding:24px;color:var(--cngx-color-text-muted, #64748b)}.demo-empty-state-block--large{padding:32px}.demo-error-block{text-align:center;padding:24px;color:var(--cngx-alert-error-icon, #ef4444)}.demo-stack{display:flex;flex-direction:column;gap:12px}.demo-stack--tight{gap:8px}.demo-row-center{display:flex;align-items:center;gap:12px}.demo-skeleton-row{display:flex;gap:12px;padding:16px;border:1px solid var(--cngx-color-border, #e0e0e0);border-radius:8px;margin-bottom:12px}.demo-skeleton-avatar{width:48px;height:48px;border-radius:50%;background:var(--cngx-surface-alt, #e0e0e0);flex-shrink:0}.demo-skeleton-lines{flex:1;display:flex;flex-direction:column;gap:8px}.demo-skeleton-line{border-radius:4px;background:var(--cngx-surface-alt, #e0e0e0)}.demo-skeleton-line--title{height:14px;width:40%}.demo-skeleton-line--body{height:12px}.demo-card-loaded{padding:16px;border:1px solid var(--cngx-color-border, #e0e0e0);border-radius:8px;margin-bottom:12px}.demo-card-loaded p{margin:4px 0 0;color:var(--cngx-color-text-muted, #64748b)}.demo-skeleton-rule{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--cngx-color-border, #e0e0e0)}.demo-skeleton-rule__index{font-size:.75rem;color:var(--cngx-color-text-muted, #64748b);width:24px}.demo-speak-card{padding:16px 20px;border-radius:8px;background:var(--cngx-surface-alt, #f8f9fa);border:1px solid var(--cngx-color-border, #ddd);line-height:1.6;font-size:.875rem;flex:1}.demo-speak-card--accent{border:0;border-left:4px solid var(--cngx-color-accent, #f5a623);border-radius:8px}.demo-speak-row{display:flex;align-items:flex-start;gap:8px}.demo-speak-stack{display:flex;flex-direction:column;gap:16px;max-width:480px}.demo-speak-control-row{margin-top:16px;display:flex;gap:16px;align-items:center;font-size:.8125rem}.demo-speak-control-row label{display:flex;align-items:center;gap:6px}.demo-speak-control-row input[type=range]{width:100px}.demo-speak-section h4{margin:0 0 8px;font-size:.8125rem;font-weight:600}.demo-speak-section p{margin:0 0 8px;font-size:.8125rem;color:var(--cngx-color-text-muted, #666)}.demo-speak-row-label{font-size:.75rem;color:var(--cngx-color-text-muted, #666)}.demo-speak-row-text{font-size:.875rem}.demo-speak-strong{display:block;margin-bottom:4px}.demo-speak-pre{font-size:.75rem;margin:0 0 12px}.demo-speak-thumb{display:flex;flex-direction:column;align-items:center;gap:6px}.demo-speak-thumbrow{display:flex;gap:24px;flex-wrap:wrap}.demo-narrow-frame{max-width:320px;border:1px dashed currentColor;padding:4px;resize:horizontal;overflow:auto}.demo-vtab-overflow{width:250px;border:1px dashed currentColor;padding:4px}.demo-vtab-overflow cngx-tab-group[data-orientation=vertical]{row-gap:0}.demo-vtab-overflow cngx-tab-group[data-orientation=vertical] .cngx-tabs__strip-wrapper{flex-direction:column;align-items:stretch}.demo-vtab-overflow cngx-tab-group[data-orientation=vertical] .cngx-tabs__strip{max-height:124px}.demo-vtab-overflow cngx-tab-group[data-skin=contained] .cngx-tabs__strip{max-height:142px;scroll-snap-type:y mandatory}.demo-vtab-overflow cngx-tab-group[data-skin=segmented] .cngx-tabs__strip{max-height:138px}.demo-vtab-overflow cngx-tab-group[data-skin=pill] .cngx-tabs__strip{max-height:138px}.demo-vtab-overflow cngx-tab-group[data-skin=pill-outline] .cngx-tabs__strip{max-height:146px}.demo-vtab-overflow cngx-tab-group[data-orientation=vertical] .cngx-tab-overflow__trigger{padding-block:.3125rem;font-size:var(--cngx-tab-sublabel-font-size, .8125rem)}.demo-vtab-overflow cngx-tab-group[data-skin=pill] .cngx-tab-overflow__trigger,.demo-vtab-overflow cngx-tab-group[data-skin=pill-outline] .cngx-tab-overflow__trigger{width:100%;justify-content:center}.demo-vtab-overflow cngx-tab-group[data-skin=contained] .cngx-tab-overflow__trigger{width:100%;border:var(--cngx-tab-surface-border-width, 1px) solid var(--cngx-tab-surface-border-color, oklch(87% 0 0deg));border-bottom:0;border-radius:0;background:var(--cngx-tab-inactive-bg, oklch(97% 0 0deg))}.chip.demo-chip-toggle--active{background:var(--cngx-color-success-surface, #c8e6c9);border-color:var(--cngx-color-success-border, #66bb6a)}.sort-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--cngx-color-border, #d1d5db);border-radius:4px;background:var(--cngx-color-surface, #fff);color:var(--cngx-color-text, inherit);font:inherit;font-size:.8125rem;cursor:pointer}.sort-btn:hover{background:var(--cngx-ex-surface-alt, #f3f4f6)}.demo-slot-busy{padding:0 6px;font-size:.7em;background:var(--cngx-color-info-surface, #1d4ed8);color:var(--cngx-color-on-info, #fff)}.demo-slot-error-pill{background:var(--cngx-color-error-surface, #dc2626);color:var(--cngx-color-on-error, #fff);font-size:.7em;padding:0 6px}.demo-stepper-empty{padding:24px;text-align:center;color:var(--mat-sys-on-surface-variant, var(--cngx-color-text-muted, #666))}.demo-stepper-empty p{margin:6px 0 0;font-size:.9em}.demo-sidenav-active-link{border-left-color:var(--cngx-color-primary);background:color-mix(in oklch,var(--cngx-color-primary) 8%,transparent);font-weight:600}.demo-sidenav-sub-active{color:var(--cngx-color-primary);font-weight:600}.demo-async-input{padding:8px 12px;border:1px solid var(--cngx-color-border, #ddd);border-radius:6px;width:240px}.demo-filter-empty{padding:16px;color:var(--cngx-color-text-muted, #64748b);text-align:center}.demo-empty-text-small{padding:24px;color:var(--cngx-color-text-muted, #64748b);margin:0;text-align:center}.demo-error-text-small{padding:24px;color:var(--cngx-alert-error-icon, #ef4444);margin:0;text-align:center}.demo-loading-pad{padding:var(--cngx-sidenav-padding, 16px)}.demo-loading-pad p{font-size:.8rem;margin:0;opacity:.6}.demo-stepper-chips-accent{--cngx-step-chips-fill-active: #2563eb}.demo-step-count-chip{padding:var(--demo-step-count-chip-pad, 0 6px);font-size:var(--demo-step-count-chip-size, .7em)}.demo-cq-resize{resize:horizontal;overflow:auto;min-width:240px;max-width:100%;border:1px solid var(--cngx-border, #d4d4d8);border-radius:8px;padding:8px}.demo-cq-grid{display:grid;grid-template-columns:1fr;gap:8px}.demo-cq-card{border:1px solid var(--cngx-border, #d4d4d8);border-radius:6px;padding:12px}@container cngx-tab-panel (min-width: 420px){.demo-cq-grid{grid-template-columns:repeat(3,1fr)}}.demo-grip-glyph{display:inline-block;font-size:.875rem;letter-spacing:.1em;font-weight:700;color:var(--cngx-color-primary)}.tree-node-row{display:inline-flex;align-items:center;gap:.5rem;width:100%;cursor:pointer}.tree-node-twisty{border:0;background:transparent;cursor:pointer;font:inherit;padding:0}.tree-node-label{flex:1 1 auto}.demo-breadcrumb-resizable{display:block;resize:horizontal;overflow:auto;min-width:220px;max-width:100%;padding:.75rem;border:1px dashed var(--cngx-color-border, var(--cngx-ex-border, #cbd5e1));border-radius:var(--cngx-radius-sm, 4px)}mat-icon.demo-breadcrumb-icon{font-size:1.125rem;width:1.125rem;height:1.125rem}.demo-audio-zone{padding:var(--cngx-space-6, 1.5rem);border:var(--cngx-border-width, 1px) dashed var(--cngx-color-border, #cbd5e1);border-radius:var(--cngx-radius-md, .5rem)}html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}