@charset "UTF-8";@layer j-theme{:root,.j-theme{--j-color-white: #ffffff;--j-color-black: #020617;--j-color-slate-50: #f8fafc;--j-color-slate-100: #f1f5f9;--j-color-slate-200: #e2e8f0;--j-color-slate-300: #cbd5e1;--j-color-slate-400: #94a3b8;--j-color-slate-500: #64748b;--j-color-slate-600: #475569;--j-color-slate-700: #334155;--j-color-slate-800: #1e293b;--j-color-slate-900: #0f172a;--j-color-slate-950: #020617;--j-color-blue-50: #eff6ff;--j-color-blue-100: #dbeafe;--j-color-blue-500: #3b82f6;--j-color-blue-600: #2563eb;--j-color-blue-700: #1d4ed8;--j-color-indigo-50: #eef2ff;--j-color-indigo-500: #6366f1;--j-color-indigo-600: #4f46e5;--j-color-indigo-700: #4338ca;--j-color-emerald-50: #ecfdf5;--j-color-emerald-500: #10b981;--j-color-emerald-600: #059669;--j-color-amber-50: #fffbeb;--j-color-amber-500: #f59e0b;--j-color-amber-600: #d97706;--j-color-red-50: #fef2f2;--j-color-red-500: #ef4444;--j-color-red-600: #dc2626;--j-color-sky-50: #f0f9ff;--j-color-sky-500: #0ea5e9;--j-color-sky-600: #0284c7;--j-spacing-0: 0;--j-spacing-1: .25rem;--j-spacing-2: .5rem;--j-spacing-3: .75rem;--j-spacing-4: 1rem;--j-spacing-5: 1.25rem;--j-spacing-6: 1.5rem;--j-spacing-8: 2rem;--j-spacing-10: 2.5rem;--j-spacing-12: 3rem;--j-spacing-16: 4rem;--j-spacing-2xs: .125rem;--j-spacing-xs: var(--j-spacing-1);--j-spacing-sm: var(--j-spacing-2);--j-spacing-md: var(--j-spacing-3);--j-spacing-lg: var(--j-spacing-4);--j-spacing-xl: var(--j-spacing-5);--j-spacing-2xl: var(--j-spacing-6);--j-spacing-3xl: var(--j-spacing-8);--j-spacing-4xl: var(--j-spacing-10);--j-spacing-5xl: var(--j-spacing-12);--j-density-compact-gap: var(--j-spacing-1);--j-density-compact-padding: var(--j-spacing-2);--j-density-comfortable-gap: var(--j-spacing-2);--j-density-comfortable-padding: var(--j-spacing-3);--j-density-spacious-gap: var(--j-spacing-3);--j-density-spacious-padding: var(--j-spacing-4);--j-density-gap: var(--j-density-comfortable-gap);--j-density-padding: var(--j-density-comfortable-padding);--j-radius-none: 0;--j-radius-xs: .25rem;--j-radius-sm: .375rem;--j-radius-md: .5rem;--j-radius-lg: .75rem;--j-radius-xl: 1rem;--j-radius-2xl: 1.25rem;--j-radius-full: 999px;--j-shadow-none: none;--j-shadow-xs: 0 1px 1px rgb(15 23 42 / 5%);--j-shadow-sm: 0 1px 2px rgb(15 23 42 / 8%), 0 1px 1px rgb(15 23 42 / 4%);--j-shadow-md: 0 10px 24px rgb(15 23 42 / 10%), 0 2px 6px rgb(15 23 42 / 6%);--j-shadow-lg: 0 22px 60px rgb(15 23 42 / 14%);--j-shadow-inner: inset 0 1px 2px rgb(15 23 42 / 6%);--j-elevation-0: var(--j-shadow-none);--j-elevation-1: var(--j-shadow-xs);--j-elevation-2: var(--j-shadow-sm);--j-elevation-3: var(--j-shadow-md);--j-elevation-4: var(--j-shadow-lg);--j-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--j-font-size-xs: .75rem;--j-font-size-sm: .875rem;--j-font-size-md: 1rem;--j-font-size-lg: 1.125rem;--j-font-size-xl: 1.35rem;--j-font-size-2xl: 2rem;--j-line-height-tight: 1.2;--j-line-height-normal: 1.5;--j-line-height-relaxed: 1.65;--j-font-weight-normal: 400;--j-font-weight-medium: 550;--j-font-weight-semibold: 650;--j-font-weight-bold: 700;--j-icon-size-sm: 1rem;--j-icon-size-md: 1.25rem;--j-icon-size-lg: 1.5rem;--j-duration-instant: 0ms;--j-duration-fast: .12s;--j-duration-normal: .18s;--j-duration-slow: .26s;--j-ease-standard: cubic-bezier(.2, 0, 0, 1);--j-ease-emphasized: cubic-bezier(.2, 0, 0, 1.2);--j-transition-colors: background-color var(--j-duration-normal) var(--j-ease-standard), border-color var(--j-duration-normal) var(--j-ease-standard), color var(--j-duration-normal) var(--j-ease-standard);--j-transition-shadow: box-shadow var(--j-duration-normal) var(--j-ease-standard);--j-transition-transform: transform var(--j-duration-normal) var(--j-ease-standard);--j-z-index-base: 0;--j-z-index-dropdown: 1000;--j-z-index-sticky: 1020;--j-z-index-overlay: 1040;--j-z-index-modal: 1060;--j-z-index-popover: 1080;--j-z-index-toast: 1100;--j-z-index-tooltip: 1120;--j-z-index-fullscreen: 1200;--j-breakpoint-xs: 0;--j-breakpoint-sm: 40rem;--j-breakpoint-md: 48rem;--j-breakpoint-lg: 64rem;--j-breakpoint-xl: 80rem;--j-breakpoint-2xl: 96rem}}@layer j-theme{:root,.j-theme{color-scheme:light;--j-color-background: #f7f9fc;--j-color-foreground: #172033;--j-color-muted: #eef2f7;--j-color-muted-foreground: #647087;--j-color-card: var(--j-color-white);--j-color-card-foreground: #172033;--j-color-popover: var(--j-color-white);--j-color-popover-foreground: #172033;--j-color-border: #d8e0ea;--j-color-input: #d8e0ea;--j-color-ring: rgb(79 70 229 / 30%);--j-color-primary: var(--j-color-indigo-600);--j-color-primary-hover: var(--j-color-indigo-700);--j-color-primary-active: #3730a3;--j-color-primary-soft: #eef0ff;--j-color-primary-foreground: var(--j-color-white);--j-color-secondary: #293348;--j-color-secondary-hover: #1d2638;--j-color-secondary-soft: #e8edf4;--j-color-secondary-foreground: var(--j-color-white);--j-color-success: #087f5b;--j-color-success-soft: #e7f8f1;--j-color-success-foreground: var(--j-color-white);--j-color-warning: #b86500;--j-color-warning-soft: #fff4dc;--j-color-warning-foreground: #2a1900;--j-color-danger: #c92a2a;--j-color-danger-soft: #fff0f0;--j-color-danger-foreground: var(--j-color-white);--j-color-info: #087bb8;--j-color-info-soft: #e7f5fc;--j-color-info-foreground: var(--j-color-white);--j-color-neutral: var(--j-color-slate-600);--j-color-neutral-soft: var(--j-color-slate-100);--j-color-neutral-foreground: var(--j-color-white);--j-color-contrast: var(--j-color-slate-950);--j-color-contrast-soft: var(--j-color-slate-200);--j-color-contrast-foreground: var(--j-color-white);--j-color-surface: var(--j-color-card);--j-color-surface-elevated: var(--j-color-popover);--j-color-surface-muted: var(--j-color-muted);--j-color-surface-subtle: #f3f6fa;--j-color-page: var(--j-color-background);--j-color-border-strong: #bdc8d7;--j-color-text: var(--j-color-foreground);--j-color-text-muted: var(--j-color-muted-foreground);--j-color-text-soft: #8b96aa;--j-color-hover-background: #edf1f7;--j-color-selected-background: #e9eaff;--j-color-highlight: #895f00;--j-color-highlight-background: #fff0b8;--j-color-disabled-background: #eef1f5;--j-color-disabled-text: #929cad;--j-selection-color: var(--j-color-primary);--j-selection-background: var(--j-color-primary-soft);--j-overlay-backdrop-bg: rgb(15 23 42 / 54%);--j-color-on-primary: var(--j-color-primary-foreground);--j-color-on-danger: var(--j-color-danger-foreground);--j-focus-ring: 0 0 0 3px var(--j-color-ring);--j-shadow-focus: var(--j-focus-ring);--j-disabled-opacity: .58}}@layer j-theme{.j-dark,.j-theme-dark,[data-j-theme=dark]{color-scheme:dark;--j-highlight-background: #854d0e;--j-color-background: #0c1220;--j-color-foreground: #edf2fa;--j-color-muted: #182235;--j-color-muted-foreground: #a7b1c2;--j-color-card: #121b2c;--j-color-card-foreground: #edf2fa;--j-color-popover: #172237;--j-color-popover-foreground: #edf2fa;--j-color-border: #2b3850;--j-color-input: #384761;--j-color-ring: rgb(146 152 255 / 38%);--j-color-primary: #9298ff;--j-color-primary-hover: #adb1ff;--j-color-primary-active: #c9cbff;--j-color-primary-soft: #292d68;--j-color-primary-foreground: #10133a;--j-color-secondary: #e2e8f0;--j-color-secondary-hover: #f8fafc;--j-color-secondary-soft: #253147;--j-color-secondary-foreground: #0f172a;--j-color-success: #4ed2a2;--j-color-success-soft: #123f35;--j-color-success-foreground: #05271f;--j-color-warning: #ffc45b;--j-color-warning-soft: #503a12;--j-color-warning-foreground: #2d1c00;--j-color-danger: #ff8585;--j-color-danger-soft: #522528;--j-color-danger-foreground: #360b0d;--j-color-info: #55c2f3;--j-color-info-soft: #123f58;--j-color-info-foreground: #072d42;--j-color-neutral: var(--j-color-slate-300);--j-color-neutral-soft: var(--j-color-slate-800);--j-color-neutral-foreground: var(--j-color-slate-950);--j-color-contrast: var(--j-color-white);--j-color-contrast-soft: var(--j-color-slate-700);--j-color-contrast-foreground: var(--j-color-slate-950);--j-color-surface: var(--j-color-card);--j-color-surface-elevated: var(--j-color-popover);--j-color-surface-muted: var(--j-color-muted);--j-color-surface-subtle: #1d293d;--j-color-page: var(--j-color-background);--j-color-border-strong: #465570;--j-color-text: var(--j-color-foreground);--j-color-text-muted: var(--j-color-muted-foreground);--j-color-text-soft: #778399;--j-color-hover-background: #202d43;--j-color-selected-background: #2a3167;--j-color-highlight: #ffd980;--j-color-highlight-background: #5a4112;--j-color-disabled-background: #202b3e;--j-color-disabled-text: #69768b;--j-selection-color: var(--j-color-primary);--j-selection-background: var(--j-color-primary-soft);--j-overlay-backdrop-bg: rgb(2 6 18 / 68%);--j-color-on-primary: var(--j-color-primary-foreground);--j-color-on-danger: var(--j-color-danger-foreground);--j-focus-ring: 0 0 0 3px var(--j-color-ring);--j-shadow-focus: var(--j-focus-ring);--j-shadow-sm: 0 1px 2px rgb(0 0 0 / 32%);--j-shadow-md: 0 12px 30px rgb(0 0 0 / 34%);--j-shadow-lg: 0 24px 64px rgb(0 0 0 / 44%)}}@layer j-theme{:root,.j-theme{--j-component-size-xs: 1.75rem;--j-component-size-sm: 2rem;--j-component-size-md: 2.5rem;--j-component-size-lg: 3rem;--j-component-size-xl: 3.5rem;--j-control-height-sm: 2rem;--j-control-height-md: 2.5rem;--j-control-height-lg: 3rem;--j-control-padding-x-sm: var(--j-spacing-3);--j-control-padding-x-md: var(--j-spacing-4);--j-control-padding-x-lg: var(--j-spacing-5);--j-control-radius: var(--j-radius-md);--j-control-border-color: var(--j-color-input);--j-control-bg: var(--j-color-card);--j-control-color: var(--j-color-card-foreground);--j-control-placeholder-color: var(--j-color-muted-foreground);--j-control-focus-ring: var(--j-focus-ring);--j-highlight-background: #fde68a;--j-diff-added-background: color-mix(in srgb, var(--j-color-success) 12%, transparent);--j-diff-removed-background: color-mix(in srgb, var(--j-color-danger) 12%, transparent);--j-diff-changed-background: color-mix(in srgb, var(--j-color-warning) 12%, transparent);--j-button-height-sm: var(--j-control-height-sm);--j-button-height-md: var(--j-control-height-md);--j-button-height-lg: var(--j-control-height-lg);--j-button-radius: var(--j-control-radius);--j-button-font-weight: var(--j-font-weight-semibold);--j-button-primary-bg: var(--j-color-primary);--j-button-primary-bg-hover: var(--j-color-primary-hover);--j-button-primary-color: var(--j-color-primary-foreground);--j-button-secondary-bg: var(--j-color-secondary);--j-button-secondary-color: var(--j-color-secondary-foreground);--j-button-outline-border-color: var(--j-color-border);--j-button-ghost-bg-hover: var(--j-color-muted);--j-input-height-sm: var(--j-control-height-sm);--j-input-height-md: var(--j-control-height-md);--j-input-height-lg: var(--j-control-height-lg);--j-input-radius: var(--j-control-radius);--j-input-bg: var(--j-control-bg);--j-input-text-color: var(--j-control-color);--j-input-color: var(--j-input-text-color);--j-input-border-color: var(--j-control-border-color);--j-input-focus-border-color: var(--j-color-primary);--j-input-focus-shadow-color: var(--j-color-ring);--j-input-placeholder-color: var(--j-control-placeholder-color);--j-input-helper-color: var(--j-color-text-muted);--j-input-error-color: var(--j-color-danger);--j-input-success-color: var(--j-color-success);--j-input-warning-color: var(--j-color-warning);--j-input-clear-color: var(--j-color-text-muted);--j-input-icon-color: var(--j-color-text-muted);--j-ripple-color: currentColor;--j-ripple-opacity: .18;--j-ripple-duration: var(--j-duration-slow);--j-card-radius: var(--j-radius-lg);--j-card-bg: var(--j-color-card);--j-card-color: var(--j-color-card-foreground);--j-card-border-color: var(--j-color-border);--j-card-shadow: var(--j-shadow-sm);--j-card-padding: var(--j-spacing-5);--j-dialog-radius: var(--j-radius-xl);--j-dialog-bg: var(--j-color-popover);--j-dialog-color: var(--j-color-popover-foreground);--j-dialog-border-color: var(--j-color-border);--j-dialog-shadow: var(--j-shadow-lg);--j-dialog-padding: var(--j-spacing-4);--j-overlay-backdrop-bg: rgb(15 23 42 / 56%);--j-loading-opacity: .72;--j-surface-filled: var(--j-color-muted);--j-surface-outlined: transparent;--j-surface-soft: var(--j-color-surface-subtle);--j-surface-minimal: transparent;--j-surface-elevated: var(--j-color-surface-elevated);--j-surface-elevated-shadow: var(--j-elevation-2);--j-table-bg: var(--j-color-card);--j-table-color: var(--j-color-card-foreground);--j-table-border-color: var(--j-color-border);--j-table-header-bg: var(--j-color-muted);--j-table-header-color: var(--j-color-muted-foreground);--j-table-header-font-weight: var(--j-font-weight-medium);--j-table-filter-row-bg: var(--j-color-surface-subtle);--j-table-filter-control-bg: var(--j-color-surface);--j-table-filter-control-border: var(--j-color-border);--j-table-filter-icon-color: var(--j-color-text-muted);--j-table-sort-icon-color: var(--j-color-text-soft);--j-table-sort-active-color: var(--j-color-primary);--j-table-frozen-bg: var(--j-color-card);--j-table-frozen-shadow-start: .25rem 0 .35rem -.35rem rgb(0 0 0 / 28%);--j-table-frozen-shadow-end: -.25rem 0 .35rem -.35rem rgb(0 0 0 / 28%);--j-table-pagination-bg: var(--j-color-card);--j-table-pagination-active-bg: var(--j-color-primary);--j-table-row-hover-bg: color-mix(in srgb, var(--j-color-primary) 5%, transparent);--j-table-selected-bg: var(--j-color-selected-background);--j-table-header-height: 2.625rem;--j-table-filter-row-height: 3rem;--j-table-row-height: 2.875rem;--j-table-filter-control-height: 2.25rem;--j-table-toolbar-height: 3rem;--j-table-pagination-height: 2.875rem;--j-table-cell-padding-x: var(--j-spacing-3);--j-table-cell-padding-y: var(--j-spacing-2);--j-select-bg: var(--j-control-bg);--j-select-color: var(--j-control-color);--j-select-border-color: var(--j-control-border-color);--j-select-option-hover-bg: var(--j-color-hover-background);--j-select-option-selected-bg: var(--j-color-selected-background);--j-select-overlay-radius: var(--j-radius-lg);--j-tabs-border-color: var(--j-color-border);--j-tabs-active-color: var(--j-color-primary);--j-tabs-hover-bg: var(--j-color-hover-background);--j-menu-bg: var(--j-color-surface-elevated);--j-menu-color: var(--j-color-text);--j-menu-item-hover-bg: var(--j-color-hover-background);--j-menu-border-color: var(--j-color-border);--j-toast-bg: var(--j-color-surface-elevated);--j-toast-color: var(--j-color-text);--j-toast-border-color: var(--j-color-border);--j-toast-shadow: var(--j-shadow-md);--j-tooltip-bg: var(--j-color-foreground);--j-tooltip-color: var(--j-color-background);--j-tooltip-radius: var(--j-radius-sm);--j-drawer-bg: var(--j-color-surface-elevated);--j-drawer-color: var(--j-color-text);--j-drawer-border-color: var(--j-color-border);--j-editor-bg: var(--j-control-bg);--j-editor-color: var(--j-control-color);--j-editor-border-color: var(--j-control-border-color);--j-editor-toolbar-bg: var(--j-color-muted);--j-tour-overlay-color: rgb(15 23 42 / 58%);--j-tour-popover-bg: var(--j-color-popover);--j-tour-popover-color: var(--j-color-popover-foreground);--j-tour-popover-border: var(--j-color-border);--j-tour-popover-radius: var(--j-radius-lg);--j-tour-button-bg: var(--j-color-muted);--j-tour-button-color: var(--j-color-foreground);--j-tour-primary-button-bg: var(--j-color-primary);--j-tour-primary-button-color: var(--j-color-primary-foreground);--j-skeleton-bg: var(--j-color-surface-subtle);--j-skeleton-shimmer-color: rgb(255 255 255 / 42%);--j-progress-track-bg: var(--j-color-muted);--j-progress-value-bg: var(--j-color-primary)}}@layer j-theme,j-base,j-components,j-utilities;:root[data-j-density=compact]{--j-density-gap: var(--j-density-compact-gap);--j-density-padding: var(--j-density-compact-padding);--j-input-height-sm: 1.875rem;--j-input-height-md: 2.25rem;--j-input-height-lg: 2.75rem}:root[data-j-density=spacious]{--j-density-gap: var(--j-density-spacious-gap);--j-density-padding: var(--j-density-spacious-padding);--j-input-height-sm: 2.5rem;--j-input-height-md: 3rem;--j-input-height-lg: 3.5rem}:root.j-animations-disabled *,:root.j-animations-disabled *:before,:root.j-animations-disabled *:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}@layer j-base{*,*:before,*:after{box-sizing:border-box}.j-app{background:var(--j-color-background);color:var(--j-color-foreground);font-family:var(--j-font-family);line-height:var(--j-line-height-normal);min-height:100%;text-rendering:optimizeLegibility}.j-surface{background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-card-radius);color:var(--j-color-card-foreground);box-shadow:var(--j-card-shadow)}.j-focus-ring{outline:none}.j-focus-ring:focus-visible{box-shadow:var(--j-focus-ring);outline:2px solid transparent;outline-offset:2px}@media(forced-colors:active){.j-focus-ring:focus-visible,:where(button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{box-shadow:none;outline:2px solid CanvasText;outline-offset:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}}@layer j-utilities{.j-disabled,.is-disabled{cursor:not-allowed;opacity:var(--j-disabled-opacity)}.j-sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.j-hidden-accessible{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.j-hidden-focusable:not(:focus,:focus-within){border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.j-hidden-focusable:focus,.j-hidden-focusable:focus-within{clip:auto;clip-path:none;height:auto;margin:0;overflow:visible;position:static;white-space:normal;width:auto}.j-ripple{overflow:hidden;position:relative}.j-ripple:after{background:var(--j-ripple-color, currentColor);border-radius:var(--j-radius-full);content:"";height:0;left:var(--j-ripple-x, 50%);opacity:0;pointer-events:none;position:absolute;top:var(--j-ripple-y, 50%);transform:translate(-50%,-50%);width:0}.j-ripple.is-rippling:after{animation:j-ripple var(--j-ripple-duration, var(--j-duration-slow)) var(--j-ease-standard)}@media(prefers-reduced-motion:reduce){.j-ripple.is-rippling:after{animation:none}}@keyframes j-ripple{0%{height:0;opacity:var(--j-ripple-opacity, .18);width:0}to{height:12rem;opacity:0;width:12rem}}}@layer j-components{.driver-overlay{background:var(--j-tour-overlay-color, rgba(15, 23, 42, .58))!important}.driver-popover{background:var(--j-tour-popover-bg, var(--j-color-popover, #ffffff));border:1px solid var(--j-tour-popover-border, var(--j-color-border, #e2e8f0));border-radius:var(--j-tour-popover-radius, var(--j-radius-lg, .75rem));box-shadow:var(--j-shadow-lg, 0 16px 40px rgba(15, 23, 42, .18));color:var(--j-tour-popover-color, var(--j-color-popover-foreground, #111827));font-family:var(--j-font-family, inherit);max-width:min(22rem,100vw - 2rem);padding:var(--j-spacing-4, 1rem)}.driver-popover-title{color:var(--j-tour-popover-color, var(--j-color-popover-foreground, #111827));font-size:var(--j-font-size-lg, 1.125rem);font-weight:var(--j-font-weight-semibold, 600);line-height:var(--j-line-height-tight, 1.25)}.driver-popover-description{color:var(--j-color-muted-foreground, #64748b);font-size:var(--j-font-size-sm, .875rem);line-height:var(--j-line-height-relaxed, 1.625)}.driver-popover-footer{align-items:center;gap:var(--j-spacing-2, .5rem);margin-top:var(--j-spacing-4, 1rem)}.driver-popover-close-btn{color:var(--j-color-muted-foreground, #64748b)}.driver-popover button{border-radius:var(--j-radius-md, .5rem);font-family:var(--j-font-family, inherit);font-weight:var(--j-font-weight-semibold, 600)}.driver-popover-prev-btn,.driver-popover-next-btn{background:var(--j-tour-button-bg, var(--j-color-muted, #f1f5f9));border:1px solid var(--j-tour-popover-border, var(--j-color-border, #e2e8f0));color:var(--j-tour-button-color, var(--j-color-foreground, #111827));text-shadow:none}.driver-popover-next-btn{background:var(--j-tour-primary-button-bg, var(--j-color-primary, #2563eb));border-color:var(--j-tour-primary-button-bg, var(--j-color-primary, #2563eb));color:var(--j-tour-primary-button-color, var(--j-color-primary-foreground, #ffffff))}.driver-popover button:focus-visible,.driver-popover-close-btn:focus-visible{box-shadow:var(--j-focus-ring, 0 0 0 3px rgba(37, 99, 235, .28));outline:none}}*,*:before,*:after{box-sizing:border-box}.j-layout-preview-frame{border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);height:22rem;overflow:auto;width:100%}.j-doc-compact-shell,.j-doc-compact-auth,.j-doc-compact-dashboard{min-height:22rem!important}.j-doc-compact-shell{--j-app-shell-sidebar-width: 10rem}.j-preview-mini-nav{display:grid;gap:var(--j-spacing-1);padding:var(--j-spacing-3)}.j-preview-mini-nav span{border-radius:var(--j-radius-md);color:var(--j-color-muted-foreground);padding:var(--j-spacing-2) var(--j-spacing-3)}.j-preview-mini-nav span.is-active{background:var(--j-color-primary-subtle, color-mix(in srgb, var(--j-color-primary) 12%, transparent));color:var(--j-color-primary)}.j-context-preview-target{align-items:center;border:1px dashed var(--j-color-border);border-radius:var(--j-radius-lg);color:var(--j-color-muted-foreground);display:flex;justify-content:center;min-height:9rem;width:100%}.j-chart-preview{height:18rem;max-width:42rem;width:100%}.j-doc-splitter{border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);min-height:12rem;overflow:hidden;width:100%}.j-doc-splitter>section{padding:var(--j-spacing-4)}.j-doc-splitter--vertical{height:18rem}.j-splitter-demo-panel{align-content:start;background:var(--j-color-card);display:grid;gap:var(--j-spacing-3);height:100%;min-height:10rem;padding:var(--j-spacing-4)}.j-divider-row{align-items:stretch;display:flex;min-height:3rem}.j-doc-grid-demo{background:color-mix(in srgb,var(--j-color-primary) 4%,var(--j-color-background));border:1px dashed var(--j-color-border);border-radius:var(--j-radius-lg);overflow:hidden;padding-block:var(--j-spacing-4);width:100%}.j-doc-grid-cell{background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);display:grid;gap:var(--j-spacing-1);min-height:4.5rem;padding:var(--j-spacing-3)}.j-doc-grid-cell--primary{background:color-mix(in srgb,var(--j-color-primary) 9%,var(--j-color-card));border-color:color-mix(in srgb,var(--j-color-primary) 35%,var(--j-color-border))}.j-doc-grid-cell span{color:var(--j-color-muted-foreground);font-size:var(--j-font-size-sm)}@media(max-width:720px){.j-index-controls,.j-public-index-grid,.j-guide-index,.j-community-links,.j-action-menu-preview,.j-loader-preview-grid{grid-template-columns:1fr}.j-overlay-form-preview{min-height:20rem}.j-layout-preview-frame{height:18rem}.j-doc-compact-shell{--j-app-shell-sidebar-width: 7rem}}html{scroll-behavior:smooth}html.j-density-compact{--j-spacing-2: .375rem;--j-spacing-3: .5rem;--j-spacing-4: .75rem;--j-spacing-5: 1rem}body{background:var(--j-color-background);color:var(--j-color-foreground);font-family:var(--j-font-family);margin:0;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.docs-shell{display:flex;flex-direction:column;min-height:100dvh}.docs-container{margin-inline:auto;max-width:1200px;padding-inline:var(--j-spacing-5);width:100%}.docs-main{flex:1;min-width:0;padding-block:var(--j-spacing-5, 1.5rem)}.docs-section{display:grid;gap:var(--j-spacing-4);padding-block:var(--j-spacing-6, 2rem)}.docs-eyebrow{color:var(--j-color-primary);font-size:var(--j-font-size-xs);font-weight:var(--j-font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.docs-lead{color:var(--j-color-muted-foreground);font-size:1.125rem;line-height:1.7;max-width:46rem}.docs-header{-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);background:color-mix(in srgb,var(--j-color-background) 88%,transparent);border-bottom:1px solid var(--j-color-border);position:sticky;top:0;z-index:120}.docs-header .docs-container{max-width:none}.docs-header__inner{align-items:center;display:flex;gap:var(--j-spacing-4);height:4.25rem}.docs-brand{align-items:center;display:inline-flex;font-weight:var(--j-font-weight-bold);gap:var(--j-spacing-2);font-size:1.05rem}.docs-brand__text{display:grid;gap:.05rem;line-height:1.1}.docs-brand__text small{color:var(--j-color-muted-foreground);font-size:.72rem;font-weight:var(--j-font-weight-medium)}.docs-brand__mark{align-items:center;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.45),transparent 32%),linear-gradient(135deg,var(--j-color-primary),color-mix(in srgb,var(--j-color-primary) 50%,#8b5cf6));border-radius:var(--j-radius-lg);box-shadow:0 14px 34px color-mix(in srgb,var(--j-color-primary) 28%,transparent);color:var(--j-color-primary-foreground);display:inline-flex;font-weight:800;height:2rem;justify-content:center;width:2rem}.docs-nav{align-items:center;display:flex;gap:var(--j-spacing-1);margin-inline-start:var(--j-spacing-4)}.docs-nav a{border-radius:var(--j-radius-md);color:var(--j-color-muted-foreground);font-size:var(--j-font-size-sm);font-weight:var(--j-font-weight-medium);padding:var(--j-spacing-2) var(--j-spacing-3)}.docs-nav a:hover{background:var(--j-color-muted);color:var(--j-color-foreground)}.docs-nav a.is-active{background:color-mix(in srgb,var(--j-color-primary) 14%,transparent);color:var(--j-color-primary)}.docs-menu-button{align-items:center;background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);color:var(--j-color-foreground);cursor:pointer;display:none;gap:.22rem;height:2.25rem;justify-content:center;padding:0;width:2.25rem}.docs-menu-button span{background:currentColor;border-radius:999px;display:block;height:2px;width:1rem}.docs-header__actions{align-items:center;display:flex;gap:var(--j-spacing-2);margin-inline-start:auto}.docs-icon-button{align-items:center;background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);color:var(--j-color-foreground);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--j-font-size-sm);gap:var(--j-spacing-2);height:2.25rem;justify-content:center;padding:0 var(--j-spacing-3)}.docs-icon-button:hover{border-color:var(--j-color-primary)}.docs-icon-button:focus-visible{box-shadow:var(--j-focus-ring);outline:none}.docs-icon-button--square{padding:0;width:2.25rem}.docs-icon-button--square svg{display:block}.docs-icon-button.is-active{border-color:var(--j-color-primary);color:var(--j-color-primary)}.docs-layout{display:grid;flex:1;grid-template-columns:18rem minmax(0,1fr);margin-inline:auto;max-width:1600px;width:100%}.docs-layout--full{display:block;max-width:none}.docs-layout--full .docs-main{padding-block:0}.docs-sidebar{align-self:start;background:linear-gradient(180deg,color-mix(in srgb,var(--j-color-card) 96%,transparent),var(--j-color-background)),var(--j-color-background);border-right:1px solid var(--j-color-border);height:calc(100dvh - 4.25rem);overflow:auto;padding:var(--j-spacing-5) var(--j-spacing-4);position:sticky;top:4.25rem}.docs-sidebar__header{background:radial-gradient(circle at top right,color-mix(in srgb,var(--j-color-primary) 18%,transparent),transparent 55%),var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);box-shadow:var(--j-shadow-sm);display:grid;gap:var(--j-spacing-1);margin-bottom:var(--j-spacing-5);padding:var(--j-spacing-4)}.docs-sidebar__eyebrow{color:var(--j-color-primary);font-size:var(--j-font-size-xs);font-weight:var(--j-font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.docs-sidebar__nav,.docs-sidebar__group{display:grid;gap:var(--j-spacing-2)}.docs-sidebar__nav{gap:var(--j-spacing-5)}.docs-sidebar__group h2{color:var(--j-color-muted-foreground);font-size:var(--j-font-size-xs);font-weight:var(--j-font-weight-bold);letter-spacing:.08em;margin:0;padding-inline:var(--j-spacing-2);text-transform:uppercase}.docs-sidebar__group a{align-items:center;border-radius:var(--j-radius-md);color:var(--j-color-muted-foreground);display:flex;font-size:var(--j-font-size-sm);font-weight:var(--j-font-weight-medium);justify-content:space-between;min-height:2.55rem;padding:0 var(--j-spacing-3)}.docs-sidebar__group a:hover{background:var(--j-color-muted);color:var(--j-color-foreground)}.docs-sidebar__group a.is-active{background:color-mix(in srgb,var(--j-color-primary) 13%,transparent);color:var(--j-color-primary);font-weight:var(--j-font-weight-semibold)}.docs-sidebar__group small{color:var(--j-color-muted-foreground);font-size:var(--j-font-size-xs)}.docs-sidebar__parent{align-items:stretch;border-radius:var(--j-radius-md);display:grid;grid-template-columns:minmax(0,1fr) 2.55rem}.docs-sidebar__parent>a{border-radius:var(--j-radius-md) 0 0 var(--j-radius-md);min-width:0}.docs-sidebar__parent>button{background:transparent;border:0;border-radius:0 var(--j-radius-md) var(--j-radius-md) 0;color:var(--j-color-muted-foreground);cursor:pointer;display:grid;padding:0;place-items:center}.docs-sidebar__parent>button:hover{background:var(--j-color-muted);color:var(--j-color-foreground)}.docs-sidebar__parent>button:focus-visible,.docs-component-catalog__group a:focus-visible{outline:2px solid var(--j-color-primary);outline-offset:2px}.docs-component-search:focus-within{border-color:var(--j-color-primary);box-shadow:var(--j-focus-ring)}.docs-sidebar__parent>button svg{fill:none;height:1rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;transition:transform .16s ease;width:1rem}.docs-sidebar__parent>button[aria-expanded=true] svg{transform:rotate(180deg)}.docs-sidebar__parent.is-active{background:color-mix(in srgb,var(--j-color-primary) 13%,transparent)}.docs-component-catalog{border-inline-start:1px solid var(--j-color-border);display:grid;gap:var(--j-spacing-4);margin:var(--j-spacing-1) 0 0 var(--j-spacing-3);padding:var(--j-spacing-3) 0 var(--j-spacing-2) var(--j-spacing-3)}.docs-component-search{align-items:center;background:var(--j-color-muted);border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);color:var(--j-color-muted-foreground);display:flex;gap:var(--j-spacing-2);min-height:2.4rem;padding:0 var(--j-spacing-2)}.docs-component-search svg{fill:none;flex:0 0 auto;height:1rem;stroke:currentColor;stroke-linecap:round;stroke-width:1.7;width:1rem}.docs-component-search input{background:transparent;border:0;color:var(--j-color-foreground);font:inherit;font-size:var(--j-font-size-sm);min-width:0;outline:0;width:100%}.docs-component-catalog__groups,.docs-component-catalog__group{display:grid}.docs-component-catalog__groups{gap:var(--j-spacing-4)}.docs-component-catalog__group{gap:var(--j-spacing-1)}.docs-component-catalog__group h3{margin:0}.docs-component-catalog__group h3 button{align-items:center;background:transparent;border:0;border-radius:var(--j-radius-sm);color:var(--j-color-foreground);cursor:pointer;display:flex;font:inherit;font-size:var(--j-font-size-xs);font-weight:700;justify-content:space-between;letter-spacing:.07em;min-height:1.5rem;padding:0 var(--j-spacing-2);text-align:start;text-transform:uppercase;width:100%}.docs-component-catalog__group h3 button:hover{background:var(--j-color-muted)}.docs-component-catalog__group h3 button:focus-visible{outline:2px solid var(--j-color-primary);outline-offset:2px}.docs-component-catalog__group h3 small{align-items:center;background:var(--j-color-muted);border-radius:var(--j-radius-full);display:inline-flex;font-size:.625rem;justify-content:center;letter-spacing:normal;min-height:1.125rem;min-width:1.125rem;padding-inline:.3rem}.docs-component-catalog__category-meta{align-items:center;display:inline-flex;gap:var(--j-spacing-1)}.docs-component-catalog__category-meta svg{fill:none;height:.875rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;transition:transform .16s ease;width:.875rem}.docs-component-catalog__group h3 button[aria-expanded=false] svg{transform:rotate(-90deg)}.docs-component-catalog__items{display:grid;gap:var(--j-spacing-1)}.docs-component-catalog__items[hidden]{display:none}.docs-component-catalog__group a{border-radius:var(--j-radius-md);color:var(--j-color-foreground);font-size:var(--j-font-size-sm);font-weight:var(--j-font-weight-normal);min-height:2.35rem;padding-inline:var(--j-spacing-2)}.docs-component-catalog__group a.is-active{background:color-mix(in srgb,var(--j-color-primary) 13%,transparent);color:var(--j-color-primary);font-weight:var(--j-font-weight-semibold)}.docs-component-catalog__empty{color:var(--j-color-muted-foreground);font-size:var(--j-font-size-sm);line-height:1.5;margin:0}.docs-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media(prefers-reduced-motion:reduce){.docs-sidebar__parent>button svg,.docs-component-catalog__category-meta svg{transition:none}}.docs-sidebar-backdrop{display:none}.docs-hero{display:grid;gap:var(--j-spacing-5);padding-block:var(--j-spacing-8, 4rem);text-align:center;place-items:center}.docs-hero h1{font-size:clamp(2.5rem,6vw,4.5rem);letter-spacing:-.02em;line-height:1.02;max-width:20ch}.docs-hero__gradient{background:linear-gradient(120deg,var(--j-color-primary),color-mix(in srgb,var(--j-color-primary) 40%,#8b5cf6));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.docs-cta{display:flex;flex-wrap:wrap;gap:var(--j-spacing-3);justify-content:center}.docs-btn{align-items:center;border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--j-font-weight-semibold);gap:var(--j-spacing-2);min-height:2.75rem;padding:0 var(--j-spacing-5)}.docs-btn--primary{background:var(--j-color-primary);border-color:var(--j-color-primary);color:var(--j-color-primary-foreground)}.docs-btn--ghost{background:var(--j-color-card);color:var(--j-color-foreground)}.docs-btn:focus-visible{box-shadow:var(--j-focus-ring);outline:none}.docs-home{overflow:hidden}.docs-home-hero{position:relative}.docs-home-hero__glow{background:radial-gradient(ellipse 80% 55% at 50% -10%,color-mix(in srgb,var(--j-color-primary) 22%,transparent),transparent 68%),linear-gradient(180deg,color-mix(in srgb,var(--j-color-primary) 6%,transparent),transparent 72%);inset:0 0 auto;height:min(42rem,80vh);pointer-events:none;position:absolute}.docs-home-hero__inner{display:grid;gap:clamp(1.75rem,4vw,3.5rem);padding-block:clamp(3rem,6vw,5.25rem) clamp(2.5rem,5vw,4rem);position:relative}.docs-home-hero__copy{display:grid;gap:var(--j-spacing-5);justify-items:center;margin-inline:auto;max-width:58rem;text-align:center}.docs-home-pill{align-items:center;background:color-mix(in srgb,var(--j-color-card) 80%,transparent);border:1px solid var(--j-color-border);border-radius:var(--j-radius-full, 999px);color:var(--j-color-muted-foreground);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--j-font-size-xs);gap:var(--j-spacing-2);padding:var(--j-spacing-2) var(--j-spacing-3)}.docs-home-pill span{background:var(--j-color-primary);border-radius:999px;height:.5rem;width:.5rem}.docs-home-hero h1{font-size:clamp(3rem,7.5vw,6rem);letter-spacing:-.055em;line-height:.98;max-width:13ch}.docs-home-hero__copy>p{color:var(--j-color-muted-foreground);font-size:clamp(1.0625rem,2vw,1.35rem);line-height:1.7;max-width:44rem}.docs-home-highlight{display:inline-block;position:relative}.docs-home-highlight:after{background:color-mix(in srgb,var(--j-color-primary) 24%,transparent);border-radius:var(--j-radius-sm);block-size:.22em;content:"";inset-block-end:.05em;inset-inline:-.03em;position:absolute;z-index:-1}.docs-home-trust{color:var(--j-color-muted-foreground);display:grid;gap:var(--j-spacing-4);justify-items:center;margin-top:var(--j-spacing-5)}.docs-home-trust>span{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--j-font-size-xs);font-weight:var(--j-font-weight-bold);letter-spacing:.12em;text-transform:uppercase}.docs-home-trust div{display:grid;gap:var(--j-spacing-4);grid-template-columns:repeat(4,minmax(0,1fr));max-width:48rem;opacity:.72;width:100%}.docs-home-trust strong{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--j-font-size-sm);letter-spacing:.12em;text-align:center;text-transform:uppercase}.docs-home-showcase{background:radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--j-color-primary) 20%,transparent),transparent 28rem),color-mix(in srgb,var(--j-color-card) 96%,transparent);border:1px solid var(--j-color-border);border-radius:clamp(1.25rem,3vw,2rem);box-shadow:0 28px 90px -42px color-mix(in srgb,var(--j-color-primary) 50%,transparent),var(--j-shadow-sm);display:grid;grid-template-columns:4.25rem minmax(0,1fr);margin-inline:auto;max-width:72rem;overflow:hidden;width:100%}.docs-home-showcase__rail{align-items:center;background:var(--j-color-background);border-right:1px solid var(--j-color-border);display:flex;flex-direction:column;gap:var(--j-spacing-3);padding-block:var(--j-spacing-5)}.docs-home-showcase__rail span{background:var(--j-color-muted);border-radius:var(--j-radius-md);height:2.25rem;width:2.25rem}.docs-home-showcase__rail .is-brand,.docs-home-showcase__rail .is-active{background:var(--j-color-foreground);color:var(--j-color-background)}.docs-home-showcase__rail .is-brand{align-items:center;background:linear-gradient(135deg,var(--j-color-primary),color-mix(in srgb,var(--j-color-primary) 44%,#8b5cf6));color:var(--j-color-primary-foreground);display:inline-flex;font-size:.75rem;font-weight:800;justify-content:center}.docs-home-showcase__panel{display:grid;gap:var(--j-spacing-5);min-width:0;padding:clamp(1.25rem,3vw,2rem)}.docs-home-showcase__panel header{align-items:start;display:flex;gap:var(--j-spacing-4);justify-content:space-between}.docs-home-showcase__panel h2{font-size:clamp(1.35rem,3vw,2rem);margin-top:var(--j-spacing-2)}.docs-home-showcase__panel p,.docs-home-chart__header span{color:var(--j-color-muted-foreground);line-height:1.6}.docs-home-live{align-items:center;color:var(--j-color-success);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--j-font-size-xs);gap:var(--j-spacing-2)}.docs-home-live span{animation:docs-home-pulse 1.8s ease-in-out infinite;background:var(--j-color-success);border-radius:999px;height:.45rem;width:.45rem}.docs-home-search{background:var(--j-color-background);border:1px solid var(--j-color-border);border-radius:var(--j-radius-full, 999px);color:var(--j-color-muted-foreground);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--j-font-size-xs);padding:var(--j-spacing-2) var(--j-spacing-4)}.docs-home-segments{background:var(--j-color-background);border:1px solid var(--j-color-border);border-radius:var(--j-radius-full, 999px);display:inline-flex;gap:var(--j-spacing-1);padding:var(--j-spacing-1);width:max-content}.docs-home-segments span{border-radius:var(--j-radius-full, 999px);color:var(--j-color-muted-foreground);font-size:var(--j-font-size-xs);font-weight:var(--j-font-weight-semibold);padding:var(--j-spacing-2) var(--j-spacing-4)}.docs-home-segments .is-active{background:var(--j-color-foreground);color:var(--j-color-background)}.docs-home-stats{display:grid;gap:var(--j-spacing-3);grid-template-columns:repeat(4,minmax(0,1fr))}.docs-home-stats article{background:var(--j-color-background);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);display:grid;gap:var(--j-spacing-2);min-width:0;padding:var(--j-spacing-4)}.docs-home-stats span{color:var(--j-color-muted-foreground);font-size:var(--j-font-size-xs)}.docs-home-stats strong{font-size:clamp(1.25rem,2vw,1.75rem)}.docs-home-stats small{background:var(--j-color-muted);border-radius:var(--j-radius-full, 999px);color:var(--j-color-muted-foreground);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.68rem;padding:.2rem .45rem;width:max-content}.docs-home-stats article[data-tone=up] small{background:color-mix(in srgb,var(--j-color-success) 14%,transparent);color:var(--j-color-success)}.docs-home-stats article[data-tone=down] small{background:color-mix(in srgb,var(--j-color-primary) 14%,transparent);color:var(--j-color-primary)}.docs-home-chart{background:var(--j-color-background);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);display:grid;gap:var(--j-spacing-3);padding:var(--j-spacing-4)}.docs-home-chart__header{align-items:center;display:flex;justify-content:space-between}.docs-home-chart svg{height:10rem;width:100%}.docs-home-chart path{fill:none;stroke:var(--j-color-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.docs-home-chart path:first-of-type{stroke:none}.docs-home-chart path:last-of-type{stroke:color-mix(in srgb,var(--j-color-primary) 44%,#22c55e)}.docs-home-main{display:grid;gap:clamp(3.5rem,6vw,5.5rem);padding-block:clamp(2.5rem,5vw,4.5rem)}.docs-home-section{display:grid;gap:var(--j-spacing-5, 1.5rem)}.docs-home-section__heading{display:grid;gap:var(--j-spacing-3);max-width:46rem}.docs-home-section__heading h2,.docs-home-cta h2{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.04em;line-height:1.02}.docs-home-section__heading p,.docs-home-cta p{color:var(--j-color-muted-foreground);font-size:1.0625rem;line-height:1.7}.docs-home-section__heading--split{align-items:end;display:flex;gap:var(--j-spacing-5);justify-content:space-between;max-width:none}.docs-home-section__heading--split>div{display:grid;gap:var(--j-spacing-3);max-width:46rem}.docs-home-section__heading--split>a{color:var(--j-color-primary);font-weight:var(--j-font-weight-bold);white-space:nowrap}.docs-home-section__heading--center{justify-items:center;margin-inline:auto;text-align:center}.docs-home-bento{display:grid;gap:var(--j-spacing-4);grid-auto-rows:minmax(10rem,auto);grid-template-columns:repeat(6,minmax(0,1fr))}.docs-home-bento article{align-content:start;background:color-mix(in srgb,var(--j-color-card) 96%,transparent);border:1px solid var(--j-color-border);border-radius:var(--j-radius-xl, 1.25rem);display:grid;gap:var(--j-spacing-3);grid-column:span 2;overflow:hidden;padding:var(--j-spacing-5);position:relative}.docs-home-bento article:after{background:radial-gradient(circle,color-mix(in srgb,var(--j-color-primary) 16%,transparent),transparent 62%);content:"";height:12rem;inset:auto -5rem -6rem auto;pointer-events:none;position:absolute;width:12rem}.docs-home-bento article.is-hero{grid-column:span 4;grid-row:span 2}.docs-home-feature-icon{align-items:center;background:color-mix(in srgb,var(--j-color-primary) 12%,transparent);border-radius:var(--j-radius-lg);color:var(--j-color-primary);display:inline-flex;font-weight:800;height:2.75rem;justify-content:center;width:2.75rem}.docs-home-bento small,.docs-home-manifest small{color:var(--j-color-muted-foreground);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--j-font-size-xs);font-weight:var(--j-font-weight-bold);letter-spacing:.1em;text-transform:uppercase}.docs-home-bento h3{font-size:clamp(1.1rem,2vw,1.55rem)}.docs-home-bento p{color:var(--j-color-muted-foreground);line-height:1.7}.docs-home-manifest{display:grid;gap:var(--j-spacing-4);grid-auto-rows:minmax(9.5rem,auto);grid-template-columns:repeat(6,minmax(0,1fr))}.docs-home-manifest a{align-content:start;background:color-mix(in srgb,var(--j-color-card) 96%,transparent);border:1px solid var(--j-color-border);border-radius:var(--j-radius-xl, 1.25rem);display:grid;gap:var(--j-spacing-3);overflow:hidden;padding:var(--j-spacing-5);position:relative;text-decoration:none}.docs-home-manifest__category{grid-column:span 2;transition:border-color var(--j-motion-duration-fast, .16s) ease,box-shadow var(--j-motion-duration-fast, .16s) ease,transform var(--j-motion-duration-fast, .16s) ease}.docs-home-manifest__category:after{background:color-mix(in srgb,var(--j-color-primary) 9%,transparent);border-radius:999px;content:"";height:7rem;inset:auto -3.5rem -4.5rem auto;pointer-events:none;position:absolute;transition:transform var(--j-motion-duration-normal, .22s) ease;width:7rem}.docs-home-manifest__category:hover{border-color:color-mix(in srgb,var(--j-color-primary) 48%,var(--j-color-border));box-shadow:var(--j-shadow-sm);transform:translateY(-2px)}.docs-home-manifest__category:hover:after{transform:scale(1.18)}.docs-home-manifest__category:focus-visible{border-color:var(--j-color-primary);outline:3px solid color-mix(in srgb,var(--j-color-primary) 28%,transparent);outline-offset:2px}.docs-home-manifest__category-top{align-items:center;display:flex;justify-content:space-between}.docs-home-manifest__category-top small{align-items:center;background:color-mix(in srgb,var(--j-color-primary) 11%,transparent);border-radius:999px;color:var(--j-color-primary);display:inline-flex;height:1.75rem;justify-content:center;letter-spacing:0;min-width:1.75rem;padding-inline:var(--j-spacing-2)}.docs-home-manifest .docs-home-manifest__arrow{align-items:center;border:1px solid var(--j-color-border);border-radius:999px;color:var(--j-color-muted-foreground);display:inline-flex;font-size:1rem;font-weight:var(--j-font-weight-bold);height:2rem;justify-content:center;line-height:1;transition:background var(--j-motion-duration-fast, .16s) ease,border-color var(--j-motion-duration-fast, .16s) ease,color var(--j-motion-duration-fast, .16s) ease;width:2rem}.docs-home-manifest__category:hover .docs-home-manifest__arrow,.docs-home-manifest__category:focus-visible .docs-home-manifest__arrow{background:var(--j-color-primary);border-color:var(--j-color-primary);color:var(--j-color-primary-foreground)}.docs-home-manifest__feature{background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.18),transparent 18rem),linear-gradient(135deg,var(--j-color-primary),color-mix(in srgb,var(--j-color-primary) 42%,#8b5cf6))!important;color:var(--j-color-primary-foreground);grid-column:span 3;grid-row:span 2}.docs-home-manifest__feature small,.docs-home-manifest__feature span,.docs-home-manifest__feature em{color:color-mix(in srgb,var(--j-color-primary-foreground) 82%,transparent)}.docs-home-manifest strong{font-size:clamp(1.15rem,2vw,1.4rem)}.docs-home-manifest__category-name{line-height:1.25;max-width:18rem}.docs-home-manifest__feature strong{font-size:clamp(4rem,8vw,6rem);letter-spacing:-.08em;line-height:.95}.docs-home-manifest span{color:var(--j-color-muted-foreground);line-height:1.6}.docs-home-manifest .docs-home-manifest__count{align-items:baseline;display:flex;gap:var(--j-spacing-2);margin-top:auto;position:relative;width:max-content;z-index:1}.docs-home-manifest__count b{color:var(--j-color-foreground);font-size:1.15rem}.docs-home-manifest em{font-style:normal;font-weight:var(--j-font-weight-bold);margin-top:auto}@media(prefers-reduced-motion:reduce){.docs-home-manifest__category,.docs-home-manifest__category:after,.docs-home-manifest__arrow{transition:none}.docs-home-manifest__category:hover{transform:none}}.docs-home-code-grid{display:grid;gap:var(--j-spacing-5);grid-template-columns:minmax(0,1.35fr) minmax(19rem,.85fr)}.docs-home-live-components{display:grid;gap:var(--j-spacing-5)}.docs-home-live-components .docs-demo{align-items:center;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.docs-home-live-components j-card{grid-column:1/-1}.docs-home-cta{display:grid;gap:var(--j-spacing-4);justify-items:center;margin-inline:auto;max-width:44rem;text-align:center}@keyframes docs-home-pulse{0%,to{opacity:.4;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}.docs-grid{display:grid;gap:var(--j-spacing-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.docs-card{align-content:start;background:color-mix(in srgb,var(--j-color-card) 96%,transparent);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);box-shadow:var(--j-shadow-sm);display:grid;gap:var(--j-spacing-2);padding:var(--j-spacing-5)}.docs-card h3{font-size:1.05rem}.docs-card p{color:var(--j-color-muted-foreground);line-height:1.6}.docs-card__icon{font-size:1.5rem}.docs-code{background:#0f172a;border:1px solid rgba(148,163,184,.22);border-radius:var(--j-radius-lg);color:#e2e8f0;line-height:1.7;margin:0;overflow-x:auto;padding:var(--j-spacing-5);text-align:left;font-size:var(--j-font-size-sm)}.docs-demo{align-items:center;background:radial-gradient(circle,color-mix(in srgb,var(--j-color-border) 55%,transparent) 1px,transparent 1.2px);background-size:22px 22px;border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);display:flex;flex-wrap:wrap;gap:var(--j-spacing-3);padding:var(--j-spacing-5, 1.5rem)}.docs-footer{border-top:1px solid var(--j-color-border);color:var(--j-color-muted-foreground);padding-block:var(--j-spacing-6, 2.5rem)}.docs-footer__inner{align-items:center;display:flex;flex-wrap:wrap;gap:var(--j-spacing-4);justify-content:space-between}.docs-layout+.docs-footer .docs-footer__inner{max-width:1600px}.docs-chips{display:flex;flex-wrap:wrap;gap:var(--j-spacing-2)}.docs-chip{align-items:center;background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-full, 999px);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--j-font-size-sm);gap:var(--j-spacing-2);padding:var(--j-spacing-2) var(--j-spacing-3)}.docs-chip.is-active{border-color:var(--j-color-primary);color:var(--j-color-primary)}.docs-chip__swatch{border-radius:999px;height:.85rem;width:.85rem}.docs-tokens{display:grid;gap:var(--j-spacing-3);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.docs-token{align-items:center;border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);display:flex;gap:var(--j-spacing-2);padding:var(--j-spacing-2)}.docs-token__swatch{border:1px solid var(--j-color-border);border-radius:var(--j-radius-sm);height:1.75rem;width:1.75rem}.docs-token__name{font-size:.75rem;font-family:ui-monospace,monospace}@media(max-width:720px){.docs-nav--desktop,.docs-brand__text small{display:none}.docs-header__inner{gap:var(--j-spacing-2)}.docs-header__actions{gap:var(--j-spacing-1)}.docs-icon-button{padding-inline:var(--j-spacing-2)}}.j-page-hero{display:grid;gap:var(--j-spacing-3);margin-inline:auto;max-width:1200px;padding-block:0 var(--j-spacing-5);padding-inline:var(--j-spacing-5)}.j-page-hero--docs{border-bottom:1px solid var(--j-color-border)}.j-page-hero h1{letter-spacing:-.02em;line-height:1.05;max-width:48rem}.j-page-hero p{color:var(--j-color-muted-foreground);font-size:1.0625rem;line-height:1.7;max-width:46rem}.j-page-eyebrow{color:var(--j-color-primary);font-size:var(--j-font-size-xs);font-weight:var(--j-font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.j-section-heading{display:grid;gap:var(--j-spacing-2)}.j-doc-hero-links{align-items:center;display:flex;flex-wrap:wrap;gap:var(--j-spacing-3);margin-top:var(--j-spacing-2)}.j-doc-hero-links a{align-items:center;background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);color:var(--j-color-foreground);display:inline-flex;font-size:var(--j-font-size-sm);font-weight:var(--j-font-weight-semibold);gap:var(--j-spacing-2);min-height:2.5rem;padding:0 var(--j-spacing-3)}.j-doc-hero-links a:hover{border-color:var(--j-color-primary);color:var(--j-color-primary)}.j-two-column{display:grid;gap:var(--j-spacing-4);grid-template-columns:repeat(2,minmax(0,1fr))}.j-components-layout,.j-chart-doc-layout{align-items:start;display:grid;gap:var(--j-spacing-5);margin-inline:auto;max-width:1400px;padding:var(--j-spacing-5) var(--j-spacing-5)}.j-components-layout{grid-template-columns:19rem minmax(0,1fr)}.j-components-layout--detail{grid-template-columns:minmax(0,1fr);max-width:1180px}.j-chart-doc-layout{grid-template-columns:16rem minmax(0,1fr)}.j-components-sidebar,.j-doc-topic-nav{background:color-mix(in srgb,var(--j-color-card) 96%,transparent);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);box-shadow:var(--j-shadow-sm);max-height:calc(100dvh - 6rem);overflow:auto;padding:var(--j-spacing-3);position:sticky;top:5rem}.j-components-sidebar__filters{display:grid;gap:var(--j-spacing-3);margin-bottom:var(--j-spacing-4);padding-top:var(--j-spacing-1)}.j-components-sidebar__filters j-select{display:block}.j-doc-search{align-items:center;background:var(--j-color-muted);border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);color:var(--j-color-muted-foreground);display:flex;gap:var(--j-spacing-2);min-height:2.5rem;padding:0 var(--j-spacing-3)}.j-doc-search:focus-within{border-color:var(--j-color-primary)}.j-doc-search input{background:transparent;border:0;color:var(--j-color-foreground);font:inherit;min-width:0;outline:none;width:100%}.j-components-nav{display:grid;gap:var(--j-spacing-5);margin-top:var(--j-spacing-4)}.j-components-nav__group{display:grid;gap:var(--j-spacing-2)}.j-components-nav__group h2{align-items:center;color:var(--j-color-muted-foreground);display:flex;font-size:var(--j-font-size-xs);font-weight:var(--j-font-weight-bold);gap:var(--j-spacing-2);letter-spacing:.06em;margin:0;text-transform:uppercase}.j-components-nav__group button{align-items:center;background:transparent;border:0;border-radius:var(--j-radius-md);color:var(--j-color-foreground);cursor:pointer;display:grid;font:inherit;gap:var(--j-spacing-2);grid-template-columns:auto minmax(0,1fr) auto;min-height:2.5rem;padding:0 var(--j-spacing-3);text-align:left}.j-components-nav__group button small{color:var(--j-color-muted-foreground);font-size:var(--j-font-size-xs);text-transform:capitalize}.j-components-nav__group button:hover{background:var(--j-color-muted)}.j-components-nav__group button.is-active{background:color-mix(in srgb,var(--j-color-primary) 12%,transparent);color:var(--j-color-primary)}.j-components-nav__group button.is-active small{color:inherit}.j-empty-sidebar{color:var(--j-color-muted-foreground);line-height:1.6;padding:var(--j-spacing-3)}.j-doc-topic-nav{display:grid;gap:var(--j-spacing-1)}.j-doc-topic-nav a{align-items:center;border-radius:var(--j-radius-md);color:var(--j-color-muted-foreground);display:flex;font-size:var(--j-font-size-sm);gap:var(--j-spacing-2);min-height:2.5rem;padding:0 var(--j-spacing-3)}.j-doc-topic-nav a:hover{background:var(--j-color-muted);color:var(--j-color-foreground)}.j-components-content,.j-chart-doc-content{display:grid;gap:var(--j-spacing-4);min-width:0}app-component-detail-view,app-component-preview,app-data-component-preview,app-table-scenario-host,.j-doc-detail,.j-doc-detail-layout,.j-feature-example,.j-preview-code-tabs,.j-full-code,.j-doc-code,app-code-block{display:block;max-width:100%;min-width:0}.j-doc-detail,.j-doc-section-card{align-content:start;background:color-mix(in srgb,var(--j-color-card) 96%,transparent);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);box-shadow:var(--j-shadow-sm);display:grid;gap:var(--j-spacing-4);padding:var(--j-spacing-5);scroll-margin-top:5rem}.j-doc-detail h2,.j-doc-section-card h2{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.01em;line-height:1.15}.j-doc-detail__header{align-items:start;display:flex;gap:var(--j-spacing-4);justify-content:space-between}.j-doc-detail--api>:not(.j-component-view-tabs){order:20}.j-doc-detail--api>#component-api-overview{order:1}.j-doc-detail--api>#component-api{order:2}.j-doc-detail--api>#component-events{order:3}.j-doc-detail--api>#component-advanced-api{order:4}.j-doc-detail--api>#component-css-variables{order:5}.j-doc-detail--api>.j-api-support-grid{order:6}.j-doc-detail__header h2,.j-doc-detail__header p,.j-doc-opening-section h3,.j-doc-opening-section p{margin:0}.j-doc-detail__header>div,.j-doc-opening-section{display:grid;gap:var(--j-spacing-2)}.j-doc-opening-section h3{font-size:var(--j-font-size-xl)}.j-doc-opening-section p{color:var(--j-color-muted-foreground);line-height:1.7}.j-doc-opening-section app-code-block .j-code-block{margin-top:var(--j-spacing-2)}.j-doc-detail__title{align-items:center;display:flex;gap:var(--j-spacing-3)}.j-doc-icon{align-items:center;background:color-mix(in srgb,var(--j-color-primary) 12%,var(--j-color-card));border:1px solid color-mix(in srgb,var(--j-color-primary) 24%,var(--j-color-border));border-radius:var(--j-radius-md);color:var(--j-color-primary);display:inline-flex;flex:0 0 auto;height:2.75rem;justify-content:center;width:2.75rem}.j-doc-lead{color:var(--j-color-muted-foreground);font-size:1.0625rem;line-height:1.7}.j-doc-section-card p,.j-chart-example p,.j-chart-type-list p,.j-callout p,.j-doc-section-block li,.j-doc-list li,.j-preview-card__header span{color:var(--j-color-muted-foreground);line-height:1.7}.j-doc-meta{display:grid;gap:var(--j-spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.j-doc-meta div{background:var(--j-color-background);border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);display:grid;gap:var(--j-spacing-2);padding:var(--j-spacing-3)}.j-doc-meta dt{color:var(--j-color-muted-foreground);font-size:var(--j-font-size-xs);font-weight:var(--j-font-weight-bold);letter-spacing:.05em;text-transform:uppercase}.j-doc-meta dd{margin:0}.j-callout{align-items:start;background:color-mix(in srgb,var(--j-color-warning) 8%,var(--j-color-background));border:1px solid color-mix(in srgb,var(--j-color-warning) 30%,var(--j-color-border));border-radius:var(--j-radius-md);display:grid;gap:var(--j-spacing-3);grid-template-columns:auto minmax(0,1fr);padding:var(--j-spacing-4)}.j-callout>j-icon{color:var(--j-color-warning);margin-top:.15rem}.j-callout strong{display:block;margin-bottom:var(--j-spacing-1)}.j-doc-detail-layout{align-items:start;display:grid;gap:var(--j-spacing-7);grid-template-columns:minmax(0,1fr) 12rem}.j-component-view-tabs{border-bottom:1px solid var(--j-color-border);display:flex;gap:var(--j-spacing-2);position:sticky;top:0;z-index:8;background:var(--j-color-background)}.j-component-view-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--j-color-muted-foreground);cursor:pointer;font:inherit;font-size:var(--j-font-size-sm);font-weight:var(--j-font-weight-semibold);letter-spacing:.06em;margin-bottom:-1px;min-height:3rem;padding:0 var(--j-spacing-4);text-transform:uppercase}.j-component-view-tabs button.is-active{border-bottom-color:var(--j-color-primary);color:var(--j-color-primary)}.j-component-view-tabs button:focus-visible{box-shadow:var(--j-focus-ring);outline:none}.j-component-contents{align-content:start;border-inline-start:1px solid var(--j-color-border);display:grid;gap:var(--j-spacing-1);max-height:calc(100dvh - 8rem);overscroll-behavior:contain;overflow-y:auto;padding-inline-start:var(--j-spacing-4);position:sticky;scrollbar-gutter:stable;top:5.5rem}.j-component-contents strong{font-size:var(--j-font-size-sm);margin-bottom:var(--j-spacing-2)}.j-component-contents button{background:transparent;border:0;border-inline-start:2px solid transparent;color:var(--j-color-muted-foreground);cursor:pointer;font:inherit;font-size:var(--j-font-size-sm);padding:var(--j-spacing-1) var(--j-spacing-2);text-align:start}.j-component-contents button.is-nested{padding-inline-start:var(--j-spacing-4)}.j-component-contents button.is-active{border-inline-start-color:var(--j-color-primary);color:var(--j-color-primary)}.j-component-contents button:hover,.j-component-contents button:focus-visible{border-inline-start-color:var(--j-color-primary);color:var(--j-color-primary);outline:none}.j-feature-example,.j-doc-opening-section,.j-doc-section-block,.j-doc-grid-sections{scroll-margin-top:5rem}.j-preview-code-tabs{display:grid;gap:var(--j-spacing-4);max-width:100%;min-width:0}.j-feature-example+.j-feature-example{border-top:1px solid var(--j-color-border);margin-top:var(--j-spacing-5);padding-top:var(--j-spacing-6)}.j-doc-tabs{align-items:center;border-bottom:1px solid var(--j-color-border);display:flex;flex-wrap:wrap;gap:var(--j-spacing-2)}.j-doc-tabs button{align-items:center;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--j-color-muted-foreground);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--j-font-weight-semibold);gap:var(--j-spacing-2);margin-bottom:-1px;min-height:2.75rem;padding:0 var(--j-spacing-3)}.j-doc-tabs button:hover{color:var(--j-color-foreground)}.j-doc-tabs button.is-active{border-bottom-color:var(--j-color-primary);color:var(--j-color-primary)}.j-preview-card{background:var(--j-color-background);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);max-width:100%;min-width:0;overflow:visible}.j-preview-card__header{align-items:start;background:var(--j-color-background);border-radius:var(--j-radius-lg) var(--j-radius-lg) 0 0;display:flex;gap:var(--j-spacing-4);justify-content:space-between;padding:var(--j-spacing-4)}.j-preview-card__header strong{display:block}.j-preview-card__header span{font-size:var(--j-font-size-sm)}.j-example-toolbar{align-items:center;background:color-mix(in srgb,var(--j-color-foreground) 92%,var(--j-color-card));border:1px solid color-mix(in srgb,var(--j-color-border) 45%,transparent);border-radius:var(--j-radius-full);display:inline-flex;flex:0 0 auto;gap:var(--j-spacing-1);padding:var(--j-spacing-1)}.j-example-toolbar .j-copy-button{align-items:center;background:transparent;border:0;border-radius:var(--j-radius-full);color:var(--j-color-background);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--j-font-size-xs);font-weight:var(--j-font-weight-semibold);gap:var(--j-spacing-2);min-height:2rem;padding:0 var(--j-spacing-3)}.j-example-toolbar .j-copy-button:hover{background:color-mix(in srgb,var(--j-color-background) 14%,transparent)}.j-example-toolbar .j-copy-button:focus-visible{box-shadow:0 0 0 2px var(--j-color-card);outline:2px solid var(--j-color-primary);outline-offset:1px}.j-full-code{background:#0f172a;border:1px solid rgba(148,163,184,.22);border-radius:var(--j-radius-lg);display:grid;gap:0;overflow:hidden}.j-code-header{align-items:center;background:#1e293bf5;border:1px solid rgba(148,163,184,.24);border-radius:var(--j-radius-md);display:flex;justify-content:flex-end;margin:var(--j-spacing-2) var(--j-spacing-2) 0 auto;padding:.125rem;width:max-content}.j-code-tabs{align-items:center;background:transparent;border:0;display:flex;gap:0;margin-inline-start:auto;padding:0}.j-code-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#cbd5e1;cursor:pointer;font:inherit;font-size:var(--j-font-size-xs);font-weight:var(--j-font-weight-semibold);min-height:2rem;padding:0 var(--j-spacing-2)}.j-code-tabs button j-icon{display:block;font-size:.875rem}.j-code-tabs button.is-active{border-bottom-color:#34d399;color:#6ee7b7}.j-code-tabs button:focus-visible{box-shadow:var(--j-focus-ring);outline:none}.j-full-code app-code-block .j-code-block{border:0;border-radius:0}.j-full-code .j-doc-code{border:0;border-radius:0;box-shadow:none}.j-full-code .j-doc-code__header{display:none}.j-code-header .j-example-toolbar{background:transparent;border:0;gap:0;padding:0}.j-code-header .j-copy-button.j-copy-button--icon-only{background:transparent;border:0;border-radius:var(--j-radius-sm);color:#cbd5e1;min-height:1.875rem;padding:0;width:1.875rem}.j-code-header .j-copy-button.j-copy-button--icon-only j-icon,.j-code-header .j-code-expand-button j-icon{font-size:.875rem}.j-code-header .j-code-expand-button{align-items:center;background:transparent;border:0;border-radius:var(--j-radius-sm);color:#cbd5e1;cursor:pointer;display:inline-flex;height:1.875rem;justify-content:center;padding:0;width:1.875rem}.j-code-header .j-code-expand-button:hover{background:color-mix(in srgb,var(--j-color-background) 14%,transparent)}.j-code-header .j-code-expand-button:focus-visible{box-shadow:0 0 0 2px var(--j-color-card);outline:2px solid var(--j-color-primary);outline-offset:1px}.j-full-code .j-doc-code--collapsible pre{box-sizing:border-box;max-height:320px;overflow:auto}.j-full-code.is-expanded .j-doc-code--collapsible pre{max-height:none}.j-table-doc-example{display:grid;gap:var(--j-spacing-3);min-width:0;width:100%}.j-table-doc-variant{max-width:100%;min-width:0;width:100%}.j-preview-surface--disabled{cursor:not-allowed}.j-preview-surface--disabled>*{opacity:var(--j-disabled-opacity, .55)}.j-variant-picker{align-items:center;display:flex;flex-wrap:wrap;gap:var(--j-spacing-2)}.j-variant-picker>span{color:var(--j-color-muted-foreground);font-size:var(--j-font-size-xs);font-weight:var(--j-font-weight-bold);letter-spacing:.04em;margin-inline-end:var(--j-spacing-1);text-transform:uppercase}.j-variant-picker button{background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-full);color:var(--j-color-foreground);cursor:pointer;font:inherit;font-size:var(--j-font-size-sm);min-height:2rem;padding:0 var(--j-spacing-3);text-transform:capitalize}.j-variant-picker button.is-active{background:var(--j-color-primary);border-color:var(--j-color-primary);color:var(--j-color-primary-foreground)}@media(max-width:640px){.j-preview-card__header{align-items:stretch;flex-direction:column}.j-example-toolbar{align-self:flex-start}}@media(max-width:1100px){.j-doc-detail-layout{grid-template-columns:minmax(0,1fr)}.j-component-contents{display:none}}.j-preview-surface{background-color:var(--j-color-card);background-image:radial-gradient(circle,color-mix(in srgb,var(--j-color-border) 60%,transparent) 1px,transparent 1.2px);background-size:22px 22px;border-top:1px solid var(--j-color-border);display:grid;gap:var(--j-spacing-4);max-width:100%;min-height:11rem;min-width:0;padding:var(--j-spacing-5);place-items:center;position:relative}.j-preview-viewport-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem .75rem;border-block-end:1px solid var(--j-border-color)}.j-preview-viewport-toolbar button{min-block-size:2rem;padding-inline:.65rem;border:1px solid var(--j-border-color);border-radius:var(--j-radius-sm);color:var(--j-text-color);background:var(--j-surface-ground);cursor:pointer}.j-preview-viewport-toolbar button[aria-pressed=true]{border-color:var(--j-primary-color);outline:2px solid color-mix(in srgb,var(--j-primary-color) 35%,transparent);outline-offset:1px}.j-doc-quality-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.75rem}.j-doc-quality-summary div{padding:.75rem;border:1px solid var(--j-border-color);border-radius:var(--j-radius-md);background:var(--j-surface-card)}.j-doc-quality-summary dt{color:var(--j-text-muted);font-size:.8125rem}.j-doc-quality-summary dd{margin:.25rem 0 0;font-size:1.25rem;font-weight:700}.j-preview-surface[style*=max-width]{margin-inline:auto}.j-preview-surface>*{max-width:100%;min-width:0;width:100%}.j-preview-surface--overlay{align-content:start;min-height:29rem;overflow:visible;place-items:start stretch}.j-preview-surface--status{padding:var(--j-spacing-6)}.j-preview-surface>.j-preview-row,.j-preview-surface>j-empty-state,.j-preview-surface>j-breadcrumb,.j-preview-surface>j-timeline,.j-preview-surface>j-menu{width:auto}.j-preview-surface>j-button,.j-preview-surface>j-copy-button,.j-preview-surface>.j-doc-preview-button,.j-preview-surface>.j-doc-icon-button{justify-self:center;width:auto}.j-preview-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--j-spacing-3);justify-content:center}.j-copy-code{align-items:center;background:var(--j-color-surface-muted);border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);display:inline-flex;gap:var(--j-spacing-3);max-width:100%;padding:var(--j-spacing-2) var(--j-spacing-3)}.j-copy-code code{overflow-wrap:anywhere}.j-data-view-card{background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);display:grid;gap:var(--j-spacing-2);min-height:7rem;padding:var(--j-spacing-4)}.j-data-view-card span,.j-data-view-card small{color:var(--j-color-muted-foreground)}.j-preview-stack{display:grid;gap:var(--j-spacing-4);width:100%}.j-preview-grid{display:grid;gap:var(--j-spacing-4);grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.j-preview-grid>*,.j-overlay-form-preview>*{min-width:0;width:100%}.j-overlay-form-preview{align-content:start;display:grid;gap:var(--j-spacing-3);min-height:23rem;place-items:start stretch;width:100%}.j-overlay-form-preview--compact{min-height:18rem}.j-action-menu-preview{display:grid;gap:var(--j-spacing-5);grid-template-columns:repeat(2,minmax(0,1fr));min-height:11rem;padding:var(--j-spacing-3);place-items:start;width:100%}.j-action-menu-preview section{align-items:flex-start;background:var(--j-color-background);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);display:grid;gap:var(--j-spacing-3);min-height:7rem;padding:var(--j-spacing-4);width:100%}.j-preview-label{color:var(--j-color-muted-foreground);font-size:var(--j-font-size-sm);font-weight:var(--j-font-weight-semibold)}.j-filter-bar-preview{width:100%}.j-progress-preview-list{display:grid;gap:var(--j-spacing-5);max-width:42rem;width:100%}.j-progress-preview-list section,.j-progress-preview-list section>span{display:grid;gap:var(--j-spacing-2)}.j-progress-preview-list section>span{align-items:center;grid-template-columns:1fr auto}.j-progress-preview-list small{color:var(--j-color-muted-foreground)}.j-loader-preview-grid{display:grid;gap:var(--j-spacing-4);grid-template-columns:repeat(3,minmax(8rem,1fr));max-width:38rem;width:100%}.j-loader-preview-grid section{align-items:center;background:var(--j-color-background);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);display:grid;gap:var(--j-spacing-3);min-height:8rem;padding:var(--j-spacing-4);place-items:center}.j-loader-preview-grid span{color:var(--j-color-muted-foreground);font-size:var(--j-font-size-sm)}.j-calendar-preview{max-width:22rem;width:100%}.j-preview-grid--cards{grid-template-columns:repeat(3,minmax(0,1fr))}.j-preview-note{color:var(--j-color-muted-foreground);font-size:var(--j-font-size-sm)}.j-metric{display:block;font-size:1.75rem;font-weight:var(--j-font-weight-bold)}.j-doc-preview-button,.j-doc-icon-button{align-items:center;background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);color:var(--j-color-foreground);cursor:pointer;display:inline-flex;font:inherit;justify-content:center;min-height:2.5rem}.j-doc-preview-button{padding:0 var(--j-spacing-4)}.j-doc-preview-button.is-active{background:var(--j-color-primary);border-color:var(--j-color-primary);color:var(--j-color-primary-foreground)}.j-live-chart-preview-grid{display:grid;gap:var(--j-spacing-4);grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.j-live-chart-preview-grid section{background:var(--j-color-background);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);display:grid;gap:var(--j-spacing-3);min-height:20rem;padding:var(--j-spacing-4)}.j-live-chart-preview-grid j-chart{display:block;min-height:16rem}.j-live-chart-example{background:var(--j-color-background);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);display:grid;gap:var(--j-spacing-3);min-height:22rem;padding:var(--j-spacing-4);width:min(100%,48rem)}.j-live-chart-example j-chart{display:block;min-height:18rem}.j-file-preview-demo-grid{display:grid;gap:var(--j-spacing-3);width:min(100%,48rem)}.j-preview-action-status{color:var(--j-color-success);font-size:var(--j-font-size-sm);margin:var(--j-spacing-2) 0 0}.j-doc-compact-dashboard{align-content:start;padding:var(--j-spacing-4)}.j-dashboard-preview-heading,.j-dashboard-preview-metrics,.j-dashboard-preview-activity{min-width:0}.j-dashboard-preview-heading{display:grid;gap:var(--j-spacing-1);grid-column:1/-1}.j-dashboard-preview-heading span,.j-dashboard-preview-activity span{color:var(--j-color-muted-foreground);font-size:var(--j-font-size-sm)}.j-dashboard-preview-metrics{display:grid;gap:var(--j-spacing-4);grid-column:span 8;grid-template-columns:repeat(2,minmax(0,1fr))}.j-dashboard-preview-activity{background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);display:grid;gap:var(--j-spacing-2);grid-column:span 4;padding:var(--j-spacing-4)}.j-doc-icon-button{padding:0;width:2.5rem}.j-doc-icon-button--ghost{background:transparent}.j-doc-preview-button:hover,.j-doc-icon-button:hover:not(:disabled){border-color:var(--j-color-primary);color:var(--j-color-primary)}.j-doc-icon-button:disabled{cursor:not-allowed;opacity:var(--j-disabled-opacity)}.j-sidebar-demo{border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);height:16rem;overflow:hidden;width:100%}.j-sidebar-demo__nav{display:grid;gap:var(--j-spacing-1);padding:var(--j-spacing-3)}.j-sidebar-demo__nav a{border-radius:var(--j-radius-md);color:var(--j-color-muted-foreground);cursor:pointer;padding:var(--j-spacing-2) var(--j-spacing-3)}.j-sidebar-demo__nav a.is-active{background:var(--j-color-muted);color:var(--j-color-foreground)}.j-dialog-demo{display:grid;gap:var(--j-spacing-4);min-width:min(24rem,80vw)}.j-doc-muted{color:var(--j-color-muted-foreground);font-size:var(--j-font-size-sm)}.j-format-demo{display:grid;gap:var(--j-spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.j-format-demo span{background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);color:var(--j-color-muted-foreground);display:grid;gap:var(--j-spacing-1);padding:var(--j-spacing-3)}.j-format-demo strong{color:var(--j-color-foreground)}.j-generated-component-preview{background:color-mix(in srgb,var(--j-color-card) 94%,transparent);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);box-shadow:var(--j-shadow-sm);display:grid;gap:var(--j-spacing-4);max-width:56rem;padding:var(--j-spacing-5);width:100%}.j-generated-component-preview header{align-items:center;display:grid;gap:var(--j-spacing-3);grid-template-columns:auto minmax(0,1fr)}.j-generated-component-preview p{color:var(--j-color-muted-foreground);line-height:1.7;margin-top:var(--j-spacing-1)}.j-generated-component-preview__sample{background:linear-gradient(var(--j-color-card),var(--j-color-card)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--j-color-primary) 32%,transparent),transparent) border-box;border:1px solid transparent;border-radius:var(--j-radius-lg);overflow:hidden}.j-generated-preview-card{background:radial-gradient(circle at top right,color-mix(in srgb,var(--j-color-primary) 12%,transparent),transparent 15rem),var(--j-color-background);display:grid;gap:var(--j-spacing-4);min-height:18rem;padding:var(--j-spacing-5)}.j-generated-preview-card__header,.j-generated-preview-card footer{align-items:center;display:flex;gap:var(--j-spacing-3);justify-content:space-between}.j-generated-preview-card__header{justify-content:flex-start}.j-generated-preview-card__header span,.j-generated-preview-card p{color:var(--j-color-muted-foreground)}.j-generated-preview-card__icon{align-items:center;background:color-mix(in srgb,var(--j-color-primary) 12%,transparent);border-radius:var(--j-radius-md);color:var(--j-color-primary);display:inline-flex;height:2.5rem;justify-content:center;width:2.5rem}.j-generated-preview-card__body{align-items:center;display:grid;min-height:10rem}.j-generated-field{display:grid;gap:var(--j-spacing-2);max-width:24rem}.j-generated-input{align-items:center;background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);color:var(--j-color-muted-foreground);display:flex;min-height:2.75rem;padding:0 var(--j-spacing-3)}.j-generated-actions{display:flex;gap:var(--j-spacing-2);margin-top:var(--j-spacing-3)}.j-generated-actions span{background:var(--j-color-primary);border-radius:var(--j-radius-md);height:2.25rem;width:5rem}.j-generated-actions span:last-child{background:var(--j-color-muted)}.j-generated-layout{background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);display:grid;grid-template-columns:5rem minmax(0,1fr);min-height:10rem;overflow:hidden}.j-generated-layout aside{background:var(--j-color-muted);border-right:1px solid var(--j-color-border)}.j-generated-layout main{display:grid;gap:var(--j-spacing-3);padding:var(--j-spacing-4)}.j-generated-layout main span,.j-generated-table span,.j-generated-visual span{background:var(--j-color-muted);border-radius:var(--j-radius-md);min-height:1rem}.j-generated-layout main span:first-child{background:color-mix(in srgb,var(--j-color-primary) 16%,transparent);min-height:2.5rem}.j-generated-table{background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.j-generated-table span{border-radius:0;min-height:2.75rem}.j-generated-table span:nth-child(-n+3){background:color-mix(in srgb,var(--j-color-primary) 13%,var(--j-color-muted))}.j-generated-menu{align-items:center;background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-full, 999px);display:inline-flex;gap:var(--j-spacing-1);padding:var(--j-spacing-1);width:max-content}.j-generated-menu span{border-radius:var(--j-radius-full, 999px);color:var(--j-color-muted-foreground);padding:var(--j-spacing-2) var(--j-spacing-4)}.j-generated-menu .is-active{background:var(--j-color-primary);color:var(--j-color-primary-foreground)}.j-generated-overlay,.j-generated-surface{background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);box-shadow:var(--j-shadow-sm);display:grid;gap:var(--j-spacing-3);max-width:28rem;padding:var(--j-spacing-5)}.j-generated-overlay button{background:var(--j-color-primary);border:0;border-radius:var(--j-radius-md);color:var(--j-color-primary-foreground);font:inherit;font-weight:var(--j-font-weight-semibold);min-height:2.5rem;padding:0 var(--j-spacing-4);width:max-content}.j-generated-visual{align-items:end;background:linear-gradient(var(--j-color-card),var(--j-color-card)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--j-color-primary) 34%,transparent),transparent) border-box;border:1px solid transparent;border-radius:var(--j-radius-lg);display:grid;gap:var(--j-spacing-3);grid-template-columns:repeat(4,minmax(0,1fr));min-height:10rem;padding:var(--j-spacing-4)}.j-generated-visual span{background:linear-gradient(180deg,var(--j-color-primary),color-mix(in srgb,var(--j-color-primary) 42%,#8b5cf6));min-height:35%}.j-generated-visual span:nth-child(2){min-height:70%}.j-generated-visual span:nth-child(3){min-height:52%}.j-generated-visual span:nth-child(4){min-height:86%}.j-generated-component-preview__chrome{align-items:center;background:var(--j-color-muted);border-bottom:1px solid var(--j-color-border);display:flex;gap:var(--j-spacing-2);padding:var(--j-spacing-3)}.j-generated-component-preview__chrome span{background:color-mix(in srgb,var(--j-color-muted-foreground) 35%,transparent);border-radius:var(--j-radius-full);height:.65rem;width:.65rem}.j-generated-component-preview__body{display:grid;gap:var(--j-spacing-2);padding:var(--j-spacing-5)}.j-generated-component-preview__body p{margin:0}.j-generated-component-preview__meta{display:grid;gap:var(--j-spacing-3);grid-template-columns:repeat(2,minmax(0,1fr))}.j-generated-component-preview__meta span{background:var(--j-color-background);border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);color:var(--j-color-muted-foreground);display:grid;gap:var(--j-spacing-2);padding:var(--j-spacing-3)}.j-generated-component-preview code{background:var(--j-color-muted);border-radius:var(--j-radius-md);color:var(--j-color-primary);padding:var(--j-spacing-2) var(--j-spacing-3)}.j-generated-component-preview__code{display:grid;gap:var(--j-spacing-4);grid-template-columns:minmax(0,1fr)}.j-doc-grid-sections{display:grid;gap:var(--j-spacing-4);grid-template-columns:repeat(2,minmax(0,1fr))}.j-doc-section-block{display:grid;gap:var(--j-spacing-3)}.j-doc-section-block h3{margin:0}.j-doc-section-block ul,.j-chart-type-list ul,.j-doc-list{display:grid;gap:var(--j-spacing-2);margin:0;padding-left:var(--j-spacing-5)}.j-doc-empty-detail{align-items:flex-start;background:color-mix(in srgb,var(--j-color-muted) 72%,transparent);border:1px dashed var(--j-color-border);border-radius:var(--j-radius-md);color:var(--j-color-muted-foreground);display:flex;gap:var(--j-spacing-3);min-height:4.25rem;padding:var(--j-spacing-4)}.j-doc-empty-detail j-icon{color:var(--j-color-primary);flex:0 0 auto;margin-top:.125rem}.j-doc-empty-detail p{margin:0}.j-priority-doc-grid>.j-doc-section-block{background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);padding:var(--j-spacing-4)}.j-priority-doc-grid p{color:var(--j-color-muted-foreground);margin:0}.j-dark-mode-preview{align-items:flex-start;background:var(--j-color-background);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);color:var(--j-color-foreground);display:flex;gap:var(--j-spacing-3);padding:var(--j-spacing-4)}.j-dark-mode-preview>span{align-items:center;background:color-mix(in srgb,var(--j-color-primary) 16%,transparent);border-radius:var(--j-radius-md);color:var(--j-color-primary);display:inline-flex;flex:0 0 auto;height:2.5rem;justify-content:center;width:2.5rem}.j-index-controls{align-items:end;display:grid;gap:var(--j-spacing-4);grid-template-columns:minmax(0,1fr) minmax(14rem,20rem);margin-block:var(--j-spacing-6)}.j-index-controls>label:last-child{display:grid;gap:var(--j-spacing-2)}.j-index-controls select{background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);color:var(--j-color-foreground);font:inherit;min-height:2.75rem;padding-inline:var(--j-spacing-3)}.j-index-result-count{color:var(--j-color-muted-foreground)}.j-public-index-grid{display:grid;gap:var(--j-spacing-4);grid-template-columns:repeat(3,minmax(0,1fr))}.j-public-index-grid article{background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);display:grid;gap:var(--j-spacing-3);padding:var(--j-spacing-4)}.j-public-index-grid article>header{align-items:center;display:flex;justify-content:space-between}.j-public-index-grid article>header span,.j-public-index-grid article>header small{color:var(--j-color-primary);font-size:var(--j-font-size-xs);font-weight:var(--j-font-weight-semibold);text-transform:uppercase}.j-public-index-grid h2,.j-public-index-grid p,.j-public-index-grid dl,.j-public-index-grid dd{margin:0}.j-public-index-grid p,.j-public-index-grid dd{color:var(--j-color-muted-foreground)}.j-public-index-grid dl{display:grid;gap:var(--j-spacing-2)}.j-public-index-grid dl div{display:grid;gap:var(--j-spacing-1)}.j-guide{display:grid;gap:var(--j-spacing-7)}.j-guide>section{display:grid;gap:var(--j-spacing-3)}.j-guide>section h2,.j-guide>section p,.j-guide-index h2,.j-guide-index h3,.j-guide-index p{margin:0}.j-guide>section ul,.j-guide>section ol{display:grid;gap:var(--j-spacing-2);margin:0}.j-guide-index,.j-community-links{display:grid;gap:var(--j-spacing-4);grid-template-columns:repeat(2,minmax(0,1fr))}.j-guide-index article,.j-community-links a{background:var(--j-color-card);border:1px solid var(--j-color-border);border-radius:var(--j-radius-lg);display:grid;gap:var(--j-spacing-3);padding:var(--j-spacing-4);text-decoration:none}.j-community-links{grid-template-columns:repeat(3,minmax(0,1fr));margin-block:var(--j-spacing-6)}.j-community-links a:hover{border-color:var(--j-color-primary);color:var(--j-color-primary)}.j-table-wrap{border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);overflow-x:auto}.j-api-table{border-collapse:collapse;min-width:44rem;width:100%}.j-api-table th,.j-api-table td{border-bottom:1px solid var(--j-color-border);color:var(--j-color-muted-foreground);padding:var(--j-spacing-3);text-align:start;vertical-align:top}.j-api-table tr:last-child td{border-bottom:0}.j-api-table th{background:var(--j-color-muted);color:var(--j-color-foreground);font-size:var(--j-font-size-sm);font-weight:var(--j-font-weight-semibold)}.j-api-table td:first-child{color:var(--j-color-foreground)}.j-api-table code,.j-doc-meta code{background:var(--j-color-muted);border-radius:var(--j-radius-sm);color:var(--j-color-primary);font-size:.85em;padding:.125rem .375rem}.j-chart-preview-grid{display:grid;gap:var(--j-spacing-4);grid-template-columns:repeat(3,minmax(0,1fr))}.j-chart-preview-grid--states{grid-template-columns:repeat(3,minmax(0,1fr))}.j-chart-example,.j-chart-type-list article{background:var(--j-color-background);border:1px solid var(--j-color-border);border-radius:var(--j-radius-md);display:grid;gap:var(--j-spacing-3);min-width:0;padding:var(--j-spacing-4)}.j-chart-example header,.j-chart-type-list header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--j-spacing-2);justify-content:space-between}.j-chart-example h3,.j-chart-type-list h3{margin:0}.j-chart-example j-chart{display:block;min-width:0}.j-chart-type-list{display:grid;gap:var(--j-spacing-4);grid-template-columns:repeat(2,minmax(0,1fr))}.j-chart-type-list strong{display:block}.j-chart-state-frame{display:grid;min-height:12rem;place-items:stretch}.j-code-grid{display:grid;gap:var(--j-spacing-4);grid-template-columns:minmax(0,1fr)}.j-doc-code{background:#0f172a;border:1px solid rgba(148,163,184,.22);border-radius:var(--j-radius-lg);box-shadow:var(--j-shadow-sm);display:grid;overflow:hidden}.j-doc-code__header{align-items:center;background:#0f172aeb;border-bottom:1px solid rgba(148,163,184,.22);display:flex;gap:var(--j-spacing-3);justify-content:space-between;padding:var(--j-spacing-3)}.j-doc-code__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--j-spacing-2)}.j-doc-code__meta span{color:#e2e8f0;font-size:var(--j-font-size-sm);font-weight:var(--j-font-weight-semibold)}.j-doc-code__meta small{background:#94a3b829;border:1px solid rgba(148,163,184,.2);border-radius:var(--j-radius-sm);color:#cbd5e1;font-size:var(--j-font-size-xs);font-weight:var(--j-font-weight-bold);padding:.125rem .375rem}.j-doc-code__actions{align-items:center;display:inline-flex;gap:var(--j-spacing-2)}.j-doc-code__header button{align-items:center;background:#94a3b824;border:1px solid rgba(148,163,184,.24);border-radius:var(--j-radius-md);color:#e2e8f0;cursor:pointer;display:inline-flex;font:inherit;font-size:var(--j-font-size-sm);gap:var(--j-spacing-2);min-height:2rem;padding:0 var(--j-spacing-3)}.j-doc-code__header button:hover{background:#94a3b83d}.j-doc-code pre{max-width:100%;margin:0;overflow-x:auto;padding:var(--j-spacing-4)}.j-doc-code code{background:transparent;color:#e2e8f0;line-height:1.7;white-space:pre}.j-doc-code .j-token{background:transparent}.j-token--comment{color:#94a3b8}.j-token--keyword,.j-token--attr{color:#c084fc}.j-token--string{color:#86efac}.j-token--tag,.j-token--type{color:#7dd3fc}.j-components-nav__group button:focus-visible,.j-doc-tabs button:focus-visible,.j-doc-code__header button:focus-visible,.j-doc-icon-button:focus-visible,.j-doc-preview-button:focus-visible,.j-doc-topic-nav a:focus-visible,.j-doc-hero-links a:focus-visible,.j-sidebar-demo__nav a:focus-visible,.docs-menu-button:focus-visible,.docs-sidebar__group a:focus-visible{box-shadow:var(--j-focus-ring);outline:none}@media(max-width:1024px){.docs-layout{display:block}.docs-nav--desktop{display:none}.docs-menu-button{display:inline-grid}.docs-sidebar{box-shadow:0 24px 80px #0f172a3d;height:calc(100dvh - 4.25rem);inset-block-start:4.25rem;inset-inline-start:0;max-width:min(86vw,20rem);position:fixed;transform:translate(-104%);transition:transform .18s ease;width:20rem;z-index:110}.docs-layout.is-nav-open .docs-sidebar{transform:translate(0)}.docs-sidebar-backdrop{background:#0f172a66;border:0;cursor:pointer;display:block;inset:4.25rem 0 0;opacity:0;pointer-events:none;position:fixed;transition:opacity .18s ease;z-index:105}.docs-layout.is-nav-open .docs-sidebar-backdrop{opacity:1;pointer-events:auto}.j-components-layout,.j-chart-doc-layout{grid-template-columns:1fr}.j-components-sidebar,.j-doc-topic-nav{max-height:none;position:static}.docs-home-stats,.docs-home-bento,.docs-home-manifest,.docs-home-code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-home-bento article,.docs-home-bento article.is-hero,.docs-home-manifest a,.docs-home-manifest a:not(.docs-home-manifest__feature),.docs-home-manifest__feature{grid-column:auto;grid-row:auto}.docs-home-section__heading--split{align-items:start;display:grid}.docs-home-code-grid{grid-template-columns:1fr}}@media(max-width:720px){.j-two-column,.j-preview-grid,.j-preview-grid--cards,.j-chart-preview-grid,.j-chart-preview-grid--states,.j-chart-type-list,.j-doc-grid-sections,.j-doc-meta,.j-format-demo,.j-generated-component-preview__meta{grid-template-columns:1fr}.j-components-layout,.j-chart-doc-layout{padding-inline:var(--j-spacing-4)}.j-doc-detail,.j-doc-section-card{padding:var(--j-spacing-4)}.docs-home-hero__inner{padding-inline:var(--j-spacing-4)}.docs-home-showcase{grid-template-columns:1fr}.docs-home-showcase__rail{border-bottom:1px solid var(--j-color-border);border-right:0;flex-direction:row;justify-content:center;padding:var(--j-spacing-3)}.docs-home-showcase__panel header,.docs-home-chart__header{display:grid}.docs-home-search{width:max-content}.docs-home-stats,.docs-home-bento,.docs-home-manifest,.docs-home-live-components .docs-demo,.docs-home-trust div{grid-template-columns:1fr}.docs-home-main{padding-inline:var(--j-spacing-4)}}.j-avatar-doc-badge{display:inline-flex;position:relative}.j-avatar-doc-badge j-badge{inset-block-start:-.4rem;inset-inline-end:-.55rem;position:absolute}.j-profile-avatar-example{align-items:center;display:flex;gap:var(--j-spacing-md)}.j-profile-avatar-example>div{display:grid;gap:var(--j-spacing-xs)}.j-profile-avatar-example span{color:var(--j-color-muted-foreground);font-size:var(--j-font-size-sm)}.j-loader-demo-overlay{min-height:8rem;position:relative}