@kingsoft-ai/design 0.1.14 → 0.1.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/index.cjs +322 -278
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.mjs +2278 -2281
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/style.css +1 -0
  6. package/dist/styles.css +1 -0
  7. package/dist/types/button/Button.style.d.ts +6 -6
  8. package/dist/types/card/Card.d.ts +8 -1
  9. package/dist/types/card/Card.style.d.ts +12 -14
  10. package/dist/types/index.d.ts +1 -0
  11. package/dist/types/tag/Tag.style.d.ts +6 -6
  12. package/package.json +5 -2
package/dist/style.css ADDED
@@ -0,0 +1 @@
1
+ :root{--ksd-colors-red-50: #FEF6F1;--ksd-colors-red-100: #FEE0D1;--ksd-colors-red-200: #FDBBA3;--ksd-colors-red-300: #F98C75;--ksd-colors-red-400: #F46052;--ksd-colors-red-500: #ED1C1C;--ksd-colors-red-600: #CB1424;--ksd-colors-red-700: #AA0E29;--ksd-colors-red-800: #89082A;--ksd-colors-red-900: #71052A;--ksd-colors-blue-50: #EEF6FD;--ksd-colors-blue-100: #D4E9FD;--ksd-colors-blue-200: #AAD1FC;--ksd-colors-blue-300: #7FB3F7;--ksd-colors-blue-400: #5E98F0;--ksd-colors-blue-500: #2C6FE7;--ksd-colors-blue-600: #2055C6;--ksd-colors-blue-700: #163FA6;--ksd-colors-blue-800: #0E2B85;--ksd-colors-blue-900: #081E6E;--ksd-colors-mint-50: #F4FCFB;--ksd-colors-mint-100: #DBFCF7;--ksd-colors-mint-200: #B7FAF5;--ksd-colors-mint-300: #91F2F2;--ksd-colors-mint-400: #72DDE6;--ksd-colors-mint-500: #47C0D6;--ksd-colors-mint-600: #3399B8;--ksd-colors-mint-700: #23759A;--ksd-colors-mint-800: #16547C;--ksd-colors-mint-900: #0D3D66;--ksd-colors-rose-50: #FDF1F0;--ksd-colors-rose-100: #FDD9D7;--ksd-colors-rose-200: #FCA9AD;--ksd-colors-rose-300: #F7778A;--ksd-colors-rose-400: #EF5179;--ksd-colors-rose-500: #E51E64;--ksd-colors-rose-600: #C41263;--ksd-colors-rose-700: #A41263;--ksd-colors-rose-800: #840B59;--ksd-colors-rose-900: #6D0853;--ksd-colors-word-50: #F0F2F5;--ksd-colors-word-100: #E3E6EB;--ksd-colors-word-200: #CED1D6;--ksd-colors-word-300: #B5BAC2;--ksd-colors-word-400: #9B9AAD;--ksd-colors-word-500: #848B99;--ksd-colors-word-600: #6C7485;--ksd-colors-word-700: #545D70;--ksd-colors-word-800: #3B485C;--ksd-colors-word-900: #0A1833;--ksd-colors-green-50: #F2FBEE;--ksd-colors-green-100: #DFFBD6;--ksd-colors-green-200: #B9F8AF;--ksd-colors-green-300: #87EB84;--ksd-colors-green-400: #61D768;--ksd-colors-green-500: #33BD48;--ksd-colors-green-600: #25A244;--ksd-colors-green-700: #19883F;--ksd-colors-green-800: #106D38;--ksd-colors-green-900: #095A34;--ksd-colors-lilac-50: #FBF2FC;--ksd-colors-lilac-100: #F9D8FC;--ksd-colors-lilac-200: #EEB1FA;--ksd-colors-lilac-300: #DA88F2;--ksd-colors-lilac-400: #C168E6;--ksd-colors-lilac-500: #9F3AD6;--ksd-colors-lilac-600: #7D2AB8;--ksd-colors-lilac-700: #5E1D9A;--ksd-colors-lilac-800: #43127C;--ksd-colors-lilac-900: #2F0B66;--ksd-colors-olive-50: #FBFCEA;--ksd-colors-olive-100: #F9FCD2;--ksd-colors-olive-200: #F2FAA7;--ksd-colors-olive-300: #E4F279;--ksd-colors-olive-400: #D2E656;--ksd-colors-olive-500: #BBD624;--ksd-colors-olive-600: #9DB81A;--ksd-colors-olive-700: #819A12;--ksd-colors-olive-800: #657C0B;--ksd-colors-olive-900: #526606;--ksd-colors-common-black: #000000;--ksd-colors-common-white: #FFFFFF;--ksd-colors-orange-50: #FEF9E5;--ksd-colors-orange-100: #FEF3CB;--ksd-colors-orange-200: #FDE497;--ksd-colors-orange-300: #F9CF63;--ksd-colors-orange-400: #F4BA3D;--ksd-colors-orange-500: #ED9A00;--ksd-colors-orange-600: #CB7D00;--ksd-colors-orange-700: #AA6200;--ksd-colors-orange-800: #894A00;--ksd-colors-orange-900: #713900;--ksd-colors-yellow-50: #FFFDE6;--ksd-colors-yellow-100: #FFF9C2;--ksd-colors-yellow-200: #FFF291;--ksd-colors-yellow-300: #FFEA61;--ksd-colors-yellow-400: #FFE030;--ksd-colors-yellow-500: #FAD000;--ksd-colors-yellow-600: #D4A900;--ksd-colors-yellow-700: #AD8500;--ksd-colors-yellow-800: #876300;--ksd-colors-yellow-900: #614400;--ksd-colors-carmine-50: #FCF2F7;--ksd-colors-carmine-100: #FCD8E9;--ksd-colors-carmine-200: #FAB1DB;--ksd-colors-carmine-300: #F288CF;--ksd-colors-carmine-400: #E668C8;--ksd-colors-carmine-500: #D63ABF;--ksd-colors-carmine-600: #B82AB0;--ksd-colors-carmine-700: #951D9A;--ksd-colors-carmine-800: #6E127C;--ksd-colors-carmine-900: #520B66;--ksd-colors-neutral-0: #FFFFFF;--ksd-colors-neutral-50: #F7F7F9;--ksd-colors-neutral-100: #F2F2F4;--ksd-colors-neutral-200: #E9E9EB;--ksd-colors-neutral-300: #D4D6D9;--ksd-colors-neutral-400: #C2C5CC;--ksd-colors-neutral-500: #9B9AAD;--ksd-colors-lavender-50: #F8F7FC;--ksd-colors-lavender-100: #E3DDFC;--ksd-colors-lavender-200: #C7BBFA;--ksd-colors-lavender-300: #A796F2;--ksd-colors-lavender-400: #8B79E6;--ksd-colors-lavender-500: #634FD6;--ksd-colors-lavender-600: #4A39B8;--ksd-colors-lavender-700: #35279A;--ksd-colors-lavender-800: #23197C;--ksd-colors-lavender-900: #160F66;--ksd-spacing-lg: 16px;--ksd-spacing-md: 12px;--ksd-spacing-sm: 8px;--ksd-spacing-xl: 24px;--ksd-spacing-xs: 4px;--ksd-spacing-xxl: 32px;--ksd-radii-r0: 50%;--ksd-radii-r2: 4px;--ksd-radii-r3: 6px;--ksd-radii-r4: 8px;--ksd-radii-r5: 12px;--ksd-radii-r6: 16px;--ksd-radii-r7: 20px;--ksd-typography-font-size-lg: 18px;--ksd-typography-font-size-md: 16px;--ksd-typography-font-size-sm: 14px;--ksd-typography-font-size-xs: 12px;--ksd-typography-font-family: "PingFang SC", "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--ksd-typography-font-weight-bold: 700;--ksd-typography-font-weight-medium: 500;--ksd-typography-font-weight-regular: 400;--ksd-typography-font-weight-semibold: 600;--ksd-typography-line-height-snug: 1.4;--ksd-typography-line-height-tight: 1.2;--ksd-typography-line-height-normal: 1.6;--ksd-shadows-l0: none;--ksd-shadows-l1: 0px 2px 16px 2px rgba(10, 24, 51, .08);--ksd-shadows-l2: 0px 2px 18px 0px rgba(0, 30, 78, .1);--ksd-shadows-l3: 0px 2px 28px 0px rgba(0, 30, 78, .13);--ksd-shadows-l4: 0px 4px 32px 4px rgba(10, 24, 51, .08);--ksd-shadows-l5: 0px 2px 42px 0px rgba(0, 30, 78, .13);--ksd-shadows-l6: 0px 4px 10px -2px rgba(0, 30, 78, .1);--ksd-shadows-l7: 0px 4px 10px -2px rgba(36, 104, 242, .1);--ksd-gradients-brand: linear-gradient(135deg, #2C6FE7 0%, #2468F2 100%);--ksd-gradients-success: linear-gradient(135deg, #30BF13 0%, #1E9A0D 100%);--ksd-gradients-sunrise: linear-gradient(135deg, #FF9326 0%, #FFD166 100%);--ksd-gradients-blue-violet: linear-gradient(90deg, #0194FF 0%, #D581FF 100%)}:root,[data-theme=light]{--ksd-text-caption: #6C7485;--ksd-text-inverse: #FFFFFF;--ksd-text-on-brand: #FFFFFF;--ksd-text-primary: #0A1833;--ksd-text-disabled: #B5BAC2;--ksd-text-tertiary: #545D70;--ksd-text-secondary: #3B485C;--ksd-text-placeholder: #B5BAC2;--ksd-brand-primary: #2C6FE7;--ksd-brand-primary-hover: #5E98F0;--ksd-brand-primary-active: #2055C6;--ksd-brand-primary-subtle: rgba(44, 111, 231, .06);--ksd-state-danger: #ED1C1C;--ksd-state-success: #33BD48;--ksd-state-warning: #ED9A00;--ksd-state-danger-on: #FFFFFF;--ksd-state-danger-hover: #F46052;--ksd-state-danger-active: #CB1424;--ksd-state-danger-subtle: #FEF6F1;--ksd-state-success-hover: #61D768;--ksd-state-warning-hover: #F4BA3D;--ksd-state-success-active: #25A244;--ksd-state-success-subtle: #F2FBEE;--ksd-state-warning-active: #CB7D00;--ksd-state-warning-subtle: #FEF9E5;--ksd-border-strong: #D4D6D9;--ksd-border-divider: #E6E6EB;--ksd-border-primary: #E9E9EB;--ksd-background-primary: #FFFFFF;--ksd-background-surface: #FFFFFF;--ksd-background-secondary: #F2F2F4;--ksd-background-surface-strong: #F2F2F4;--ksd-background-surface-subtle: #F7F7F9;--ksd-interactive-accent: #47C0D6;--ksd-interactive-accent-on: #FFFFFF;--ksd-interactive-accent-hover: #3399B8;--ksd-interactive-accent-subtle: #F4FCFB;--ksd-spacing-gap-lg: 16px;--ksd-spacing-gap-md: 12px;--ksd-spacing-gap-sm: 8px;--ksd-spacing-gap-xs: 4px;--ksd-spacing-padding-lg: 16px;--ksd-spacing-padding-md: 12px;--ksd-spacing-padding-sm: 8px;--ksd-radius-lg: 16px;--ksd-radius-md: 12px;--ksd-radius-sm: 6px;--ksd-radius-full: 50%;--ksd-font-font-size-lg: 18px;--ksd-font-font-size-md: 16px;--ksd-font-font-size-sm: 14px;--ksd-font-font-weight-bold: 600;--ksd-font-font-weight-medium: 500;--ksd-font-font-weight-normal: 400;--ksd-shadow-low: 0px 2px 16px 2px rgba(10, 24, 51, .08);--ksd-shadow-high: 0px 2px 42px 0px rgba(0, 30, 78, .13);--ksd-shadow-medium: 0px 2px 28px 0px rgba(0, 30, 78, .13)}[data-theme=dark]{--ksd-text-caption: #848B99;--ksd-text-inverse: #FFFFFF;--ksd-text-on-brand: #FFFFFF;--ksd-text-primary: #E3E6EB;--ksd-text-disabled: rgba(148, 163, 184, .4);--ksd-text-tertiary: #9B9AAD;--ksd-text-secondary: #B5BAC2;--ksd-text-placeholder: rgba(226, 232, 240, .45);--ksd-brand-primary: #5E98F0;--ksd-brand-primary-hover: #7FB3F7;--ksd-brand-primary-active: #2C6FE7;--ksd-brand-primary-subtle: rgba(94, 152, 240, .1);--ksd-state-danger: #F46052;--ksd-state-success: #61D768;--ksd-state-warning: #F4BA3D;--ksd-state-danger-on: #FFFFFF;--ksd-state-danger-hover: #F98C75;--ksd-state-danger-active: #ED1C1C;--ksd-state-danger-subtle: rgba(237, 28, 28, .16);--ksd-state-success-hover: #87EB84;--ksd-state-warning-hover: #F9CF63;--ksd-state-success-active: #33BD48;--ksd-state-success-subtle: rgba(51, 189, 72, .16);--ksd-state-warning-active: #ED9A00;--ksd-state-warning-subtle: rgba(237, 154, 0, .16);--ksd-border-strong: rgba(148, 163, 184, .28);--ksd-border-divider: rgba(148, 163, 184, .28);--ksd-border-primary: rgba(148, 163, 184, .18);--ksd-background-primary: #091124;--ksd-background-surface: rgba(15, 23, 42, .85);--ksd-background-secondary: rgba(9, 17, 36, .75);--ksd-background-surface-strong: rgba(15, 23, 42, .92);--ksd-background-surface-subtle: rgba(15, 23, 42, .7);--ksd-interactive-accent: #72DDE6;--ksd-interactive-accent-on: #FFFFFF;--ksd-interactive-accent-hover: #47C0D6;--ksd-interactive-accent-subtle: rgba(71, 192, 214, .16);--ksd-shadow-low: 0 20px 45px -25px rgba(0, 0, 0, .5);--ksd-shadow-high: 0 25px 40px -20px rgba(0, 0, 0, .7);--ksd-shadow-medium: 0 18px 30px -16px rgba(0, 0, 0, .6)}:root,[data-theme=light]{--ksd-button-border-radius: var(--ksd-radii-r3);--ksd-button-font-weight: var(--ksd-typography-font-weight-regular);--ksd-button-gap: var(--ksd-spacing-sm);--ksd-button-transition: .2s ease;--ksd-button-primary-bg: var(--ksd-brand-primary);--ksd-button-primary-bg-hover: var(--ksd-brand-primary-hover);--ksd-button-primary-bg-active: var(--ksd-brand-primary-active);--ksd-button-primary-text: var(--ksd-text-on-brand);--ksd-button-primary-border: transparent;--ksd-button-secondary-bg: var(--ksd-background-surface);--ksd-button-secondary-bg-hover: var(--ksd-background-surface-subtle);--ksd-button-secondary-bg-active: var(--ksd-background-surface-subtle);--ksd-button-secondary-text: var(--ksd-brand-primary);--ksd-button-secondary-border: var(--ksd-border-primary);--ksd-button-secondary-border-hover: var(--ksd-brand-primary);--ksd-button-secondary-border-active: var(--ksd-brand-primary-active);--ksd-button-text-bg: transparent;--ksd-button-text-bg-hover: var(--ksd-brand-primary-subtle);--ksd-button-text-bg-active: #F0F0F0;--ksd-button-text-text: var(--ksd-brand-primary);--ksd-button-text-border: transparent;--ksd-button-danger-bg: var(--ksd-state-danger);--ksd-button-danger-bg-hover: var(--ksd-state-danger-hover);--ksd-button-danger-bg-active: var(--ksd-state-danger-active);--ksd-button-danger-text: var(--ksd-state-danger-on);--ksd-button-danger-border: transparent;--ksd-button-gradient-from: #0194FF;--ksd-button-gradient-to: #D581FF;--ksd-button-gradient-text: var(--ksd-colors-common-white);--ksd-button-disabled-bg: var(--ksd-border-primary);--ksd-button-disabled-text: var(--ksd-text-disabled);--ksd-button-disabled-opacity: .6;--ksd-button-sm-height: 24px;--ksd-button-sm-font-size: var(--ksd-typography-font-size-sm);--ksd-button-sm-padding-inline: var(--ksd-spacing-lg);--ksd-button-sm-icon-size: 16px;--ksd-button-md-height: 32px;--ksd-button-md-font-size: var(--ksd-typography-font-size-sm);--ksd-button-md-padding-inline: var(--ksd-spacing-lg);--ksd-button-md-icon-size: 16px;--ksd-button-lg-height: 40px;--ksd-button-lg-font-size: var(--ksd-typography-font-size-sm);--ksd-button-lg-padding-inline: var(--ksd-spacing-lg);--ksd-button-lg-icon-size: 16px}[data-theme=dark]{--ksd-button-disabled-bg: var(--ksd-background-surface-subtle);--ksd-button-text-bg-active: rgba(255, 255, 255, .1)}:root,[data-theme=light]{--ksd-card-bg: var(--ksd-background-surface);--ksd-card-border: var(--ksd-border-primary);--ksd-card-border-hover: var(--ksd-border-strong);--ksd-card-shadow-elevated: 0px 4px 24px 0px rgba(0, 0, 0, .04);--ksd-card-shadow-elevated-hover: 0px 8px 32px 0px rgba(0, 0, 0, .08);--ksd-card-radius: var(--ksd-radii-r6);--ksd-card-transition: all .3s cubic-bezier(.25, .8, .25, 1);--ksd-card-padding-sm: var(--ksd-spacing-md);--ksd-card-padding-md: var(--ksd-spacing-xl);--ksd-card-padding-lg: var(--ksd-spacing-xxl);--ksd-card-header-padding: 16px 24px 12px;--ksd-card-header-border-bottom: none;--ksd-card-title-color: var(--ksd-text-primary);--ksd-card-title-font-size: var(--ksd-typography-font-size-md);--ksd-card-title-font-weight: var(--ksd-typography-font-weight-semibold);--ksd-card-extra-color: var(--ksd-text-secondary);--ksd-card-extra-font-size: var(--ksd-typography-font-size-sm);--ksd-card-cover-radius: var(--ksd-radii-r6) var(--ksd-radii-r6) 0 0;--ksd-card-footer-padding: 12px 24px;--ksd-card-footer-bg: transparent;--ksd-card-footer-border-top: 1px solid var(--ksd-border-primary)}[data-theme=dark]{--ksd-card-shadow-elevated: 0px 4px 24px 0px rgba(0, 0, 0, .2);--ksd-card-shadow-elevated-hover: 0px 8px 32px 0px rgba(0, 0, 0, .3)}:root,[data-theme=light]{--ksd-tag-border-radius: var(--ksd-radii-r2);--ksd-tag-font-weight: var(--ksd-typography-font-weight-regular);--ksd-tag-transition: .2s ease;--ksd-tag-disabled-opacity: .5;--ksd-tag-sm-height: 18px;--ksd-tag-sm-font-size: 10px;--ksd-tag-sm-line-height: 16px;--ksd-tag-sm-padding-inline: var(--ksd-spacing-sm);--ksd-tag-sm-gap: var(--ksd-spacing-xs);--ksd-tag-sm-icon-size: 12px;--ksd-tag-sm-close-icon-size: 8px;--ksd-tag-md-height: 24px;--ksd-tag-md-font-size: 10px;--ksd-tag-md-line-height: 16px;--ksd-tag-md-padding-inline: var(--ksd-spacing-sm);--ksd-tag-md-gap: var(--ksd-spacing-xs);--ksd-tag-md-icon-size: 14px;--ksd-tag-md-close-icon-size: 10px;--ksd-tag-lg-height: 32px;--ksd-tag-lg-font-size: var(--ksd-typography-font-size-xs);--ksd-tag-lg-line-height: 20px;--ksd-tag-lg-padding-inline: var(--ksd-spacing-md);--ksd-tag-lg-gap: var(--ksd-spacing-sm);--ksd-tag-lg-icon-size: 16px;--ksd-tag-lg-close-icon-size: 12px;--ksd-tag-default-bg: var(--ksd-colors-neutral-100);--ksd-tag-default-bg-hover: var(--ksd-colors-neutral-200);--ksd-tag-default-bg-active: var(--ksd-colors-neutral-300);--ksd-tag-default-bg-checked: var(--ksd-brand-primary);--ksd-tag-default-bg-checked-hover: var(--ksd-brand-primary-hover);--ksd-tag-default-bg-checked-active: var(--ksd-brand-primary-active);--ksd-tag-default-text: rgba(10, 24, 51, .7);--ksd-tag-default-text-checked: var(--ksd-colors-common-white);--ksd-tag-default-border: var(--ksd-colors-neutral-400);--ksd-tag-default-border-hover: var(--ksd-colors-neutral-500);--ksd-tag-default-border-active: var(--ksd-colors-word-600);--ksd-tag-default-border-checked: var(--ksd-brand-primary);--ksd-tag-default-border-checked-hover: var(--ksd-brand-primary-hover);--ksd-tag-default-border-checked-active: var(--ksd-brand-primary-active);--ksd-tag-red-bg: rgba(170, 14, 41, .08);--ksd-tag-red-bg-hover: rgba(170, 14, 41, .12);--ksd-tag-red-bg-active: rgba(170, 14, 41, .16);--ksd-tag-red-text: var(--ksd-colors-red-700);--ksd-tag-red-border: rgba(170, 14, 41, .25);--ksd-tag-orange-bg: rgba(237, 154, 0, .08);--ksd-tag-orange-bg-hover: rgba(237, 154, 0, .12);--ksd-tag-orange-bg-active: rgba(237, 154, 0, .16);--ksd-tag-orange-text: var(--ksd-colors-orange-500);--ksd-tag-orange-border: rgba(237, 154, 0, .25);--ksd-tag-yellow-bg: rgba(250, 208, 0, .08);--ksd-tag-yellow-bg-hover: rgba(250, 208, 0, .12);--ksd-tag-yellow-bg-active: rgba(250, 208, 0, .16);--ksd-tag-yellow-text: var(--ksd-colors-yellow-500);--ksd-tag-yellow-border: rgba(250, 208, 0, .25);--ksd-tag-green-bg: rgba(51, 189, 72, .08);--ksd-tag-green-bg-hover: rgba(51, 189, 72, .12);--ksd-tag-green-bg-active: rgba(51, 189, 72, .16);--ksd-tag-green-text: var(--ksd-colors-green-500);--ksd-tag-green-border: rgba(51, 189, 72, .25);--ksd-tag-blue-bg: rgba(44, 111, 231, .08);--ksd-tag-blue-bg-hover: rgba(44, 111, 231, .12);--ksd-tag-blue-bg-active: rgba(44, 111, 231, .16);--ksd-tag-blue-text: var(--ksd-brand-primary);--ksd-tag-blue-border: rgba(44, 111, 231, .25);--ksd-tag-lavender-bg: rgba(99, 79, 214, .08);--ksd-tag-lavender-bg-hover: rgba(99, 79, 214, .12);--ksd-tag-lavender-bg-active: rgba(99, 79, 214, .16);--ksd-tag-lavender-text: var(--ksd-colors-lavender-500);--ksd-tag-lavender-border: rgba(99, 79, 214, .25);--ksd-tag-lilac-bg: rgba(159, 58, 214, .08);--ksd-tag-lilac-bg-hover: rgba(159, 58, 214, .12);--ksd-tag-lilac-bg-active: rgba(159, 58, 214, .16);--ksd-tag-lilac-text: var(--ksd-colors-lilac-500);--ksd-tag-lilac-border: rgba(159, 58, 214, .25);--ksd-tag-carmine-bg: rgba(214, 58, 191, .08);--ksd-tag-carmine-bg-hover: rgba(214, 58, 191, .12);--ksd-tag-carmine-bg-active: rgba(214, 58, 191, .16);--ksd-tag-carmine-text: var(--ksd-colors-carmine-500);--ksd-tag-carmine-border: rgba(214, 58, 191, .25);--ksd-tag-rose-bg: rgba(229, 30, 100, .08);--ksd-tag-rose-bg-hover: rgba(229, 30, 100, .12);--ksd-tag-rose-bg-active: rgba(229, 30, 100, .16);--ksd-tag-rose-text: var(--ksd-colors-rose-500);--ksd-tag-rose-border: rgba(229, 30, 100, .25);--ksd-tag-mint-bg: rgba(71, 192, 214, .08);--ksd-tag-mint-bg-hover: rgba(71, 192, 214, .12);--ksd-tag-mint-bg-active: rgba(71, 192, 214, .16);--ksd-tag-mint-text: var(--ksd-colors-mint-500);--ksd-tag-mint-border: rgba(71, 192, 214, .25);--ksd-tag-olive-bg: rgba(187, 214, 36, .08);--ksd-tag-olive-bg-hover: rgba(187, 214, 36, .12);--ksd-tag-olive-bg-active: rgba(187, 214, 36, .16);--ksd-tag-olive-text: var(--ksd-colors-olive-500);--ksd-tag-olive-border: rgba(187, 214, 36, .25)}[data-theme=dark]{--ksd-tag-default-bg: rgba(148, 163, 184, .15);--ksd-tag-default-bg-hover: rgba(148, 163, 184, .2);--ksd-tag-default-bg-active: rgba(148, 163, 184, .25);--ksd-tag-default-text: var(--ksd-colors-word-100);--ksd-tag-default-border: rgba(148, 163, 184, .28);--ksd-tag-default-border-hover: rgba(148, 163, 184, .38);--ksd-tag-default-border-active: rgba(148, 163, 184, .48);--ksd-tag-red-bg: rgba(170, 14, 41, .12);--ksd-tag-red-bg-hover: rgba(170, 14, 41, .16);--ksd-tag-red-bg-active: rgba(170, 14, 41, .2);--ksd-tag-red-text: var(--ksd-colors-red-300);--ksd-tag-red-border: rgba(170, 14, 41, .3);--ksd-tag-orange-bg: rgba(237, 154, 0, .12);--ksd-tag-orange-bg-hover: rgba(237, 154, 0, .16);--ksd-tag-orange-bg-active: rgba(237, 154, 0, .2);--ksd-tag-orange-text: var(--ksd-colors-orange-300);--ksd-tag-orange-border: rgba(237, 154, 0, .3);--ksd-tag-yellow-bg: rgba(250, 208, 0, .12);--ksd-tag-yellow-bg-hover: rgba(250, 208, 0, .16);--ksd-tag-yellow-bg-active: rgba(250, 208, 0, .2);--ksd-tag-yellow-text: var(--ksd-colors-yellow-300);--ksd-tag-yellow-border: rgba(250, 208, 0, .3);--ksd-tag-green-bg: rgba(51, 189, 72, .12);--ksd-tag-green-bg-hover: rgba(51, 189, 72, .16);--ksd-tag-green-bg-active: rgba(51, 189, 72, .2);--ksd-tag-green-text: var(--ksd-colors-green-300);--ksd-tag-green-border: rgba(51, 189, 72, .3);--ksd-tag-blue-bg: rgba(44, 111, 231, .12);--ksd-tag-blue-bg-hover: rgba(44, 111, 231, .16);--ksd-tag-blue-bg-active: rgba(44, 111, 231, .2);--ksd-tag-blue-border: rgba(44, 111, 231, .3);--ksd-tag-lavender-bg: rgba(99, 79, 214, .12);--ksd-tag-lavender-bg-hover: rgba(99, 79, 214, .16);--ksd-tag-lavender-bg-active: rgba(99, 79, 214, .2);--ksd-tag-lavender-text: var(--ksd-colors-lavender-300);--ksd-tag-lavender-border: rgba(99, 79, 214, .3);--ksd-tag-lilac-bg: rgba(159, 58, 214, .12);--ksd-tag-lilac-bg-hover: rgba(159, 58, 214, .16);--ksd-tag-lilac-bg-active: rgba(159, 58, 214, .2);--ksd-tag-lilac-text: var(--ksd-colors-lilac-300);--ksd-tag-lilac-border: rgba(159, 58, 214, .3);--ksd-tag-carmine-bg: rgba(214, 58, 191, .12);--ksd-tag-carmine-bg-hover: rgba(214, 58, 191, .16);--ksd-tag-carmine-bg-active: rgba(214, 58, 191, .2);--ksd-tag-carmine-text: var(--ksd-colors-carmine-300);--ksd-tag-carmine-border: rgba(214, 58, 191, .3);--ksd-tag-rose-bg: rgba(229, 30, 100, .12);--ksd-tag-rose-bg-hover: rgba(229, 30, 100, .16);--ksd-tag-rose-bg-active: rgba(229, 30, 100, .2);--ksd-tag-rose-text: var(--ksd-colors-rose-300);--ksd-tag-rose-border: rgba(229, 30, 100, .3);--ksd-tag-mint-bg: rgba(71, 192, 214, .12);--ksd-tag-mint-bg-hover: rgba(71, 192, 214, .16);--ksd-tag-mint-bg-active: rgba(71, 192, 214, .2);--ksd-tag-mint-text: var(--ksd-colors-mint-300);--ksd-tag-mint-border: rgba(71, 192, 214, .3);--ksd-tag-olive-bg: rgba(187, 214, 36, .12);--ksd-tag-olive-bg-hover: rgba(187, 214, 36, .16);--ksd-tag-olive-bg-active: rgba(187, 214, 36, .2);--ksd-tag-olive-text: var(--ksd-colors-olive-300);--ksd-tag-olive-border: rgba(187, 214, 36, .3)}
package/dist/styles.css ADDED
@@ -0,0 +1 @@
1
+ :root{--ksd-colors-red-50: #FEF6F1;--ksd-colors-red-100: #FEE0D1;--ksd-colors-red-200: #FDBBA3;--ksd-colors-red-300: #F98C75;--ksd-colors-red-400: #F46052;--ksd-colors-red-500: #ED1C1C;--ksd-colors-red-600: #CB1424;--ksd-colors-red-700: #AA0E29;--ksd-colors-red-800: #89082A;--ksd-colors-red-900: #71052A;--ksd-colors-blue-50: #EEF6FD;--ksd-colors-blue-100: #D4E9FD;--ksd-colors-blue-200: #AAD1FC;--ksd-colors-blue-300: #7FB3F7;--ksd-colors-blue-400: #5E98F0;--ksd-colors-blue-500: #2C6FE7;--ksd-colors-blue-600: #2055C6;--ksd-colors-blue-700: #163FA6;--ksd-colors-blue-800: #0E2B85;--ksd-colors-blue-900: #081E6E;--ksd-colors-mint-50: #F4FCFB;--ksd-colors-mint-100: #DBFCF7;--ksd-colors-mint-200: #B7FAF5;--ksd-colors-mint-300: #91F2F2;--ksd-colors-mint-400: #72DDE6;--ksd-colors-mint-500: #47C0D6;--ksd-colors-mint-600: #3399B8;--ksd-colors-mint-700: #23759A;--ksd-colors-mint-800: #16547C;--ksd-colors-mint-900: #0D3D66;--ksd-colors-rose-50: #FDF1F0;--ksd-colors-rose-100: #FDD9D7;--ksd-colors-rose-200: #FCA9AD;--ksd-colors-rose-300: #F7778A;--ksd-colors-rose-400: #EF5179;--ksd-colors-rose-500: #E51E64;--ksd-colors-rose-600: #C41263;--ksd-colors-rose-700: #A41263;--ksd-colors-rose-800: #840B59;--ksd-colors-rose-900: #6D0853;--ksd-colors-word-50: #F0F2F5;--ksd-colors-word-100: #E3E6EB;--ksd-colors-word-200: #CED1D6;--ksd-colors-word-300: #B5BAC2;--ksd-colors-word-400: #9B9AAD;--ksd-colors-word-500: #848B99;--ksd-colors-word-600: #6C7485;--ksd-colors-word-700: #545D70;--ksd-colors-word-800: #3B485C;--ksd-colors-word-900: #0A1833;--ksd-colors-green-50: #F2FBEE;--ksd-colors-green-100: #DFFBD6;--ksd-colors-green-200: #B9F8AF;--ksd-colors-green-300: #87EB84;--ksd-colors-green-400: #61D768;--ksd-colors-green-500: #33BD48;--ksd-colors-green-600: #25A244;--ksd-colors-green-700: #19883F;--ksd-colors-green-800: #106D38;--ksd-colors-green-900: #095A34;--ksd-colors-lilac-50: #FBF2FC;--ksd-colors-lilac-100: #F9D8FC;--ksd-colors-lilac-200: #EEB1FA;--ksd-colors-lilac-300: #DA88F2;--ksd-colors-lilac-400: #C168E6;--ksd-colors-lilac-500: #9F3AD6;--ksd-colors-lilac-600: #7D2AB8;--ksd-colors-lilac-700: #5E1D9A;--ksd-colors-lilac-800: #43127C;--ksd-colors-lilac-900: #2F0B66;--ksd-colors-olive-50: #FBFCEA;--ksd-colors-olive-100: #F9FCD2;--ksd-colors-olive-200: #F2FAA7;--ksd-colors-olive-300: #E4F279;--ksd-colors-olive-400: #D2E656;--ksd-colors-olive-500: #BBD624;--ksd-colors-olive-600: #9DB81A;--ksd-colors-olive-700: #819A12;--ksd-colors-olive-800: #657C0B;--ksd-colors-olive-900: #526606;--ksd-colors-common-black: #000000;--ksd-colors-common-white: #FFFFFF;--ksd-colors-orange-50: #FEF9E5;--ksd-colors-orange-100: #FEF3CB;--ksd-colors-orange-200: #FDE497;--ksd-colors-orange-300: #F9CF63;--ksd-colors-orange-400: #F4BA3D;--ksd-colors-orange-500: #ED9A00;--ksd-colors-orange-600: #CB7D00;--ksd-colors-orange-700: #AA6200;--ksd-colors-orange-800: #894A00;--ksd-colors-orange-900: #713900;--ksd-colors-yellow-50: #FFFDE6;--ksd-colors-yellow-100: #FFF9C2;--ksd-colors-yellow-200: #FFF291;--ksd-colors-yellow-300: #FFEA61;--ksd-colors-yellow-400: #FFE030;--ksd-colors-yellow-500: #FAD000;--ksd-colors-yellow-600: #D4A900;--ksd-colors-yellow-700: #AD8500;--ksd-colors-yellow-800: #876300;--ksd-colors-yellow-900: #614400;--ksd-colors-carmine-50: #FCF2F7;--ksd-colors-carmine-100: #FCD8E9;--ksd-colors-carmine-200: #FAB1DB;--ksd-colors-carmine-300: #F288CF;--ksd-colors-carmine-400: #E668C8;--ksd-colors-carmine-500: #D63ABF;--ksd-colors-carmine-600: #B82AB0;--ksd-colors-carmine-700: #951D9A;--ksd-colors-carmine-800: #6E127C;--ksd-colors-carmine-900: #520B66;--ksd-colors-neutral-0: #FFFFFF;--ksd-colors-neutral-50: #F7F7F9;--ksd-colors-neutral-100: #F2F2F4;--ksd-colors-neutral-200: #E9E9EB;--ksd-colors-neutral-300: #D4D6D9;--ksd-colors-neutral-400: #C2C5CC;--ksd-colors-neutral-500: #9B9AAD;--ksd-colors-lavender-50: #F8F7FC;--ksd-colors-lavender-100: #E3DDFC;--ksd-colors-lavender-200: #C7BBFA;--ksd-colors-lavender-300: #A796F2;--ksd-colors-lavender-400: #8B79E6;--ksd-colors-lavender-500: #634FD6;--ksd-colors-lavender-600: #4A39B8;--ksd-colors-lavender-700: #35279A;--ksd-colors-lavender-800: #23197C;--ksd-colors-lavender-900: #160F66;--ksd-spacing-xs: 4px;--ksd-spacing-sm: 8px;--ksd-spacing-md: 12px;--ksd-spacing-lg: 16px;--ksd-spacing-xl: 24px;--ksd-spacing-xxl: 32px;--ksd-radii-r0: 50%;--ksd-radii-r2: 4px;--ksd-radii-r3: 6px;--ksd-radii-r4: 8px;--ksd-radii-r5: 12px;--ksd-radii-r6: 16px;--ksd-radii-r7: 20px;--ksd-typography-font-size-xs: 12px;--ksd-typography-font-size-sm: 14px;--ksd-typography-font-size-md: 16px;--ksd-typography-font-size-lg: 18px;--ksd-typography-font-family: "PingFang SC", "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--ksd-typography-font-weight-regular: 400;--ksd-typography-font-weight-medium: 500;--ksd-typography-font-weight-semibold: 600;--ksd-typography-font-weight-bold: 700;--ksd-typography-line-height-tight: 1.2;--ksd-typography-line-height-snug: 1.4;--ksd-typography-line-height-normal: 1.6;--ksd-shadows-l0: none;--ksd-shadows-l1: 0px 2px 16px 2px rgba(10, 24, 51, .08);--ksd-shadows-l2: 0px 2px 18px 0px rgba(0, 30, 78, .1);--ksd-shadows-l3: 0px 2px 28px 0px rgba(0, 30, 78, .13);--ksd-shadows-l4: 0px 4px 32px 4px rgba(10, 24, 51, .08);--ksd-shadows-l5: 0px 2px 42px 0px rgba(0, 30, 78, .13);--ksd-shadows-l6: 0px 4px 10px -2px rgba(0, 30, 78, .1);--ksd-shadows-l7: 0px 4px 10px -2px rgba(36, 104, 242, .1);--ksd-gradients-brand: linear-gradient(135deg, #2C6FE7 0%, #2468F2 100%);--ksd-gradients-success: linear-gradient(135deg, #30BF13 0%, #1E9A0D 100%);--ksd-gradients-sunrise: linear-gradient(135deg, #FF9326 0%, #FFD166 100%);--ksd-gradients-blue-violet: linear-gradient(90deg, #0194FF 0%, #D581FF 100%)}:root,[data-theme=light]{--ksd-text-primary: #0A1833;--ksd-text-secondary: #3B485C;--ksd-text-tertiary: #545D70;--ksd-text-caption: #6C7485;--ksd-text-placeholder: #B5BAC2;--ksd-text-disabled: #B5BAC2;--ksd-text-inverse: #FFFFFF;--ksd-text-on-brand: #FFFFFF;--ksd-brand-primary: #2C6FE7;--ksd-brand-primary-hover: #5E98F0;--ksd-brand-primary-active: #2055C6;--ksd-brand-primary-subtle: rgba(44, 111, 231, .06);--ksd-state-danger: #ED1C1C;--ksd-state-danger-hover: #F46052;--ksd-state-danger-active: #CB1424;--ksd-state-danger-subtle: #FEF6F1;--ksd-state-danger-on: #FFFFFF;--ksd-state-success: #33BD48;--ksd-state-success-hover: #61D768;--ksd-state-success-active: #25A244;--ksd-state-success-subtle: #F2FBEE;--ksd-state-warning: #ED9A00;--ksd-state-warning-hover: #F4BA3D;--ksd-state-warning-active: #CB7D00;--ksd-state-warning-subtle: #FEF9E5;--ksd-border-primary: #E9E9EB;--ksd-border-strong: #D4D6D9;--ksd-border-divider: #E6E6EB;--ksd-background-primary: #FFFFFF;--ksd-background-secondary: #F2F2F4;--ksd-background-surface: #FFFFFF;--ksd-background-surface-subtle: #F7F7F9;--ksd-background-surface-strong: #F2F2F4;--ksd-interactive-accent: #47C0D6;--ksd-interactive-accent-hover: #3399B8;--ksd-interactive-accent-subtle: #F4FCFB;--ksd-interactive-accent-on: #FFFFFF;--ksd-spacing-gap-xs: 4px;--ksd-spacing-gap-sm: 8px;--ksd-spacing-gap-md: 12px;--ksd-spacing-gap-lg: 16px;--ksd-spacing-padding-sm: 8px;--ksd-spacing-padding-md: 12px;--ksd-spacing-padding-lg: 16px;--ksd-radius-sm: 6px;--ksd-radius-md: 12px;--ksd-radius-lg: 16px;--ksd-radius-full: 50%;--ksd-font-font-size-sm: 14px;--ksd-font-font-size-md: 16px;--ksd-font-font-size-lg: 18px;--ksd-font-font-weight-normal: 400;--ksd-font-font-weight-medium: 500;--ksd-font-font-weight-bold: 600;--ksd-shadow-low: 0px 2px 16px 2px rgba(10, 24, 51, .08);--ksd-shadow-medium: 0px 2px 28px 0px rgba(0, 30, 78, .13);--ksd-shadow-high: 0px 2px 42px 0px rgba(0, 30, 78, .13)}[data-theme=dark]{--ksd-text-primary: #E3E6EB;--ksd-text-secondary: #B5BAC2;--ksd-text-tertiary: #9B9AAD;--ksd-text-caption: #848B99;--ksd-text-placeholder: rgba(226, 232, 240, .45);--ksd-text-disabled: rgba(148, 163, 184, .4);--ksd-text-inverse: #FFFFFF;--ksd-text-on-brand: #FFFFFF;--ksd-brand-primary: #5E98F0;--ksd-brand-primary-hover: #7FB3F7;--ksd-brand-primary-active: #2C6FE7;--ksd-brand-primary-subtle: rgba(94, 152, 240, .1);--ksd-state-danger: #F46052;--ksd-state-danger-hover: #F98C75;--ksd-state-danger-active: #ED1C1C;--ksd-state-danger-subtle: rgba(237, 28, 28, .16);--ksd-state-danger-on: #FFFFFF;--ksd-state-success: #61D768;--ksd-state-success-hover: #87EB84;--ksd-state-success-active: #33BD48;--ksd-state-success-subtle: rgba(51, 189, 72, .16);--ksd-state-warning: #F4BA3D;--ksd-state-warning-hover: #F9CF63;--ksd-state-warning-active: #ED9A00;--ksd-state-warning-subtle: rgba(237, 154, 0, .16);--ksd-border-primary: rgba(148, 163, 184, .18);--ksd-border-strong: rgba(148, 163, 184, .28);--ksd-border-divider: rgba(148, 163, 184, .28);--ksd-background-primary: #091124;--ksd-background-secondary: rgba(9, 17, 36, .75);--ksd-background-surface: rgba(15, 23, 42, .85);--ksd-background-surface-subtle: rgba(15, 23, 42, .7);--ksd-background-surface-strong: rgba(15, 23, 42, .92);--ksd-interactive-accent: #72DDE6;--ksd-interactive-accent-hover: #47C0D6;--ksd-interactive-accent-subtle: rgba(71, 192, 214, .16);--ksd-interactive-accent-on: #FFFFFF;--ksd-spacing-gap-xs: 4px;--ksd-spacing-gap-sm: 8px;--ksd-spacing-gap-md: 12px;--ksd-spacing-gap-lg: 16px;--ksd-spacing-padding-sm: 8px;--ksd-spacing-padding-md: 12px;--ksd-spacing-padding-lg: 16px;--ksd-radius-sm: 6px;--ksd-radius-md: 12px;--ksd-radius-lg: 16px;--ksd-radius-full: 50%;--ksd-font-font-size-sm: 14px;--ksd-font-font-size-md: 16px;--ksd-font-font-size-lg: 18px;--ksd-font-font-weight-normal: 400;--ksd-font-font-weight-medium: 500;--ksd-font-font-weight-bold: 600;--ksd-shadow-low: 0 20px 45px -25px rgba(0, 0, 0, .5);--ksd-shadow-medium: 0 18px 30px -16px rgba(0, 0, 0, .6);--ksd-shadow-high: 0 25px 40px -20px rgba(0, 0, 0, .7)}:root{--kai-button-height-sm: 24px;--kai-button-height-md: 32px;--kai-button-height-lg: 40px;--kai-button-padding-sm: 0 16px;--kai-button-padding-md: 0 16px;--kai-button-padding-lg: 0 16px;--kai-button-font-size-sm: 14px;--kai-button-font-size-md: 14px;--kai-button-font-size-lg: 14px;--kai-button-icon-size-sm: 16px;--kai-button-icon-size-md: 16px;--kai-button-icon-size-lg: 16px;--kai-button-radius: var(--ksd-radii-r3, 6px);--kai-button-font-weight: var(--ksd-typography-font-weight-regular, 400);--kai-button-gap: var(--ksd-spacing-sm, 8px);--kai-button-transition: .2s ease;--kai-button-primary-bg: var(--ksd-brand-primary, #2C6FE7);--kai-button-primary-bg-hover: var(--ksd-brand-primary-hover, #5E98F0);--kai-button-primary-bg-active: var(--ksd-brand-primary-active, #2055C6);--kai-button-primary-text: var(--ksd-text-on-brand, #FFFFFF);--kai-button-primary-border: transparent;--kai-button-primary-shadow: none;--kai-button-primary-shadow-hover: none;--kai-button-secondary-bg: var(--ksd-background-surface, #FFFFFF);--kai-button-secondary-bg-hover: var(--ksd-background-surface-subtle, #F7F7F9);--kai-button-secondary-bg-active: var(--ksd-background-surface-subtle, #F7F7F9);--kai-button-secondary-text: var(--ksd-brand-primary, #2C6FE7);--kai-button-secondary-border: var(--ksd-border-primary, #E9E9EB);--kai-button-secondary-border-hover: var(--ksd-brand-primary, #2C6FE7);--kai-button-secondary-border-active: var(--ksd-brand-primary-active, #2055C6);--kai-button-text-bg: transparent;--kai-button-text-bg-hover: var(--ksd-brand-primary-subtle, rgba(44, 111, 231, .06));--kai-button-text-bg-active: #F0F0F0;--kai-button-text-text: var(--ksd-brand-primary, #2C6FE7);--kai-button-text-border: transparent;--kai-button-danger-bg: var(--ksd-state-danger, #ED1C1C);--kai-button-danger-bg-hover: var(--ksd-state-danger-hover, #F46052);--kai-button-danger-bg-active: var(--ksd-state-danger-active, #CB1424);--kai-button-danger-text: var(--ksd-state-danger-on, #FFFFFF);--kai-button-danger-border: transparent;--kai-button-gradient-from: #0194FF;--kai-button-gradient-to: #D581FF;--kai-button-gradient-text: var(--ksd-colors-common-white, #FFFFFF);--kai-button-disabled-bg: var(--ksd-border-primary, #E9E9EB);--kai-button-disabled-text: var(--ksd-text-disabled, #B5BAC2);--kai-button-disabled-opacity: .6;--kai-button-focus-ring-color: var(--ksd-brand-primary, #2C6FE7);--kai-button-focus-ring-offset: 2px}.kai-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:var(--ksd-typography-font-family);font-weight:var(--kai-button-font-weight);line-height:1;white-space:nowrap;border-width:1px;border-style:solid;border-radius:var(--kai-button-radius);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:background var(--kai-button-transition),border-color var(--kai-button-transition),box-shadow var(--kai-button-transition),transform var(--kai-button-transition)}.kai-button--sm{height:var(--kai-button-height-sm);padding:var(--kai-button-padding-sm);font-size:var(--kai-button-font-size-sm)}.kai-button--sm .kai-button__icon svg{width:var(--kai-button-icon-size-sm);height:var(--kai-button-icon-size-sm)}.kai-button--md{height:var(--kai-button-height-md);padding:var(--kai-button-padding-md);font-size:var(--kai-button-font-size-md)}.kai-button--md .kai-button__icon svg{width:var(--kai-button-icon-size-md);height:var(--kai-button-icon-size-md)}.kai-button--lg{height:var(--kai-button-height-lg);padding:var(--kai-button-padding-lg);font-size:var(--kai-button-font-size-lg)}.kai-button--lg .kai-button__icon svg{width:var(--kai-button-icon-size-lg);height:var(--kai-button-icon-size-lg)}.kai-button--primary{background:var(--kai-button-primary-bg);color:var(--kai-button-primary-text);border-color:var(--kai-button-primary-border);box-shadow:var(--kai-button-primary-shadow)}.kai-button--primary:hover:not(:disabled):not([data-loading=true]){background:var(--kai-button-primary-bg-hover);box-shadow:var(--kai-button-primary-shadow-hover)}.kai-button--primary:active:not(:disabled):not([data-loading=true]),.kai-button--primary[data-pressed=true]:not(:disabled):not([data-loading=true]){background:var(--kai-button-primary-bg-active);box-shadow:none;transform:translateY(1px)}.kai-button--secondary{background:var(--kai-button-secondary-bg);color:var(--kai-button-secondary-text);border-color:var(--kai-button-secondary-border)}.kai-button--secondary:hover:not(:disabled):not([data-loading=true]){background:var(--kai-button-secondary-bg-hover);border-color:var(--kai-button-secondary-border-hover)}.kai-button--secondary:active:not(:disabled):not([data-loading=true]),.kai-button--secondary[data-pressed=true]:not(:disabled):not([data-loading=true]){background:var(--kai-button-secondary-bg-active);border-color:var(--kai-button-secondary-border-active);transform:translateY(1px)}.kai-button--text{background:var(--kai-button-text-bg);color:var(--kai-button-text-text);border-color:var(--kai-button-text-border)}.kai-button--text:hover:not(:disabled):not([data-loading=true]){background:var(--kai-button-text-bg-hover)}.kai-button--text:active:not(:disabled):not([data-loading=true]),.kai-button--text[data-pressed=true]:not(:disabled):not([data-loading=true]){background:var(--kai-button-text-bg-active);transform:translateY(1px)}.kai-button--danger{background:var(--kai-button-danger-bg);color:var(--kai-button-danger-text);border-color:var(--kai-button-danger-border)}.kai-button--danger:hover:not(:disabled):not([data-loading=true]){background:var(--kai-button-danger-bg-hover)}.kai-button--danger:active:not(:disabled):not([data-loading=true]),.kai-button--danger[data-pressed=true]:not(:disabled):not([data-loading=true]){background:var(--kai-button-danger-bg-active);transform:translateY(1px)}.kai-button--gradient{color:var(--kai-button-gradient-text);border-color:transparent;background:linear-gradient(90deg,var(--kai-button-gradient-from) 0%,var(--kai-button-gradient-to) 100%);background-origin:border-box}.kai-button--gradient:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:inherit;background:linear-gradient(90deg,var(--kai-button-gradient-to) 0%,var(--kai-button-gradient-from) 100%);opacity:0;transition:opacity .6s ease;z-index:0}.kai-button--gradient>*{position:relative;z-index:1}.kai-button--gradient:hover:not(:disabled):not([data-loading=true]):before{opacity:1}.kai-button--gradient:active:not(:disabled):not([data-loading=true]),.kai-button--gradient[data-pressed=true]:not(:disabled):not([data-loading=true]){transform:translateY(1px)}.kai-button:focus-visible{outline:2px solid var(--kai-button-focus-ring-color);outline-offset:var(--kai-button-focus-ring-offset)}.kai-button:disabled{cursor:not-allowed;opacity:var(--kai-button-disabled-opacity);background:var(--kai-button-disabled-bg);color:var(--kai-button-disabled-text);border-color:transparent;box-shadow:none}.kai-button--full-width{width:100%}.kai-button[data-loading=true]{pointer-events:none}.kai-button[data-loading=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;cursor:wait;pointer-events:auto;z-index:10}.kai-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--kai-button-gap);position:relative}.kai-button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity var(--kai-button-transition)}.kai-button--loading .kai-button__icon{opacity:0;pointer-events:none}.kai-button__label{display:inline-flex;align-items:center;justify-content:center;transition:opacity var(--kai-button-transition)}.kai-button--loading .kai-button__label{opacity:.4}.kai-button__spinner{display:inline-flex;align-items:center;justify-content:center}.kai-button__spinner svg{animation:kai-button-spin .8s linear infinite}@keyframes kai-button-spin{to{transform:rotate(360deg)}}:root{--kai-icon-button-size-sm: 24px;--kai-icon-button-size-md: 32px;--kai-icon-button-size-lg: 40px;--kai-icon-button-icon-size-sm: 16px;--kai-icon-button-icon-size-md: 18px;--kai-icon-button-icon-size-lg: 20px;--kai-icon-button-radius: var(--ksd-radii-r3, 6px);--kai-icon-button-transition: .2s ease;--kai-icon-button-solid-primary-bg: var(--ksd-brand-primary, #2C6FE7);--kai-icon-button-solid-primary-bg-hover: var(--ksd-brand-primary-hover, #5E98F0);--kai-icon-button-solid-primary-bg-active: var(--ksd-brand-primary-active, #2055C6);--kai-icon-button-solid-primary-icon: var(--ksd-text-on-brand, #FFFFFF);--kai-icon-button-solid-neutral-bg: var(--ksd-background-surface, #FFFFFF);--kai-icon-button-solid-neutral-bg-hover: var(--ksd-background-surface-subtle, #F7F7F9);--kai-icon-button-solid-neutral-bg-active: var(--ksd-background-surface-strong, #F2F2F4);--kai-icon-button-solid-neutral-icon: var(--ksd-text-primary, #0A1833);--kai-icon-button-solid-danger-bg: var(--ksd-state-danger, #ED1C1C);--kai-icon-button-solid-danger-bg-hover: var(--ksd-state-danger-hover, #F46052);--kai-icon-button-solid-danger-bg-active: var(--ksd-state-danger-active, #CB1424);--kai-icon-button-solid-danger-icon: var(--ksd-state-danger-on, #FFFFFF);--kai-icon-button-outline-primary-bg: transparent;--kai-icon-button-outline-primary-bg-hover: var(--ksd-brand-primary-subtle, rgba(44, 111, 231, .06));--kai-icon-button-outline-primary-bg-active: rgba(44, 111, 231, .16);--kai-icon-button-outline-primary-border: var(--ksd-brand-primary, #2C6FE7);--kai-icon-button-outline-primary-icon: var(--ksd-brand-primary, #2C6FE7);--kai-icon-button-outline-primary-icon-hover: var(--ksd-brand-primary-hover, #5E98F0);--kai-icon-button-outline-neutral-bg: transparent;--kai-icon-button-outline-neutral-bg-hover: var(--ksd-background-surface-subtle, #F7F7F9);--kai-icon-button-outline-neutral-bg-active: var(--ksd-background-surface-strong, #F2F2F4);--kai-icon-button-outline-neutral-border: var(--ksd-border-primary, #E9E9EB);--kai-icon-button-outline-neutral-border-hover: var(--ksd-border-strong, #D4D6D9);--kai-icon-button-outline-neutral-icon: var(--ksd-text-primary, #0A1833);--kai-icon-button-outline-danger-bg: transparent;--kai-icon-button-outline-danger-bg-hover: var(--ksd-state-danger-subtle, #FEF6F1);--kai-icon-button-outline-danger-bg-active: rgba(237, 28, 28, .18);--kai-icon-button-outline-danger-border: var(--ksd-state-danger, #ED1C1C);--kai-icon-button-outline-danger-icon: var(--ksd-state-danger, #ED1C1C);--kai-icon-button-outline-danger-icon-hover: var(--ksd-state-danger-hover, #F46052);--kai-icon-button-ghost-primary-bg: transparent;--kai-icon-button-ghost-primary-bg-hover: var(--ksd-brand-primary-subtle, rgba(44, 111, 231, .06));--kai-icon-button-ghost-primary-bg-active: rgba(44, 111, 231, .16);--kai-icon-button-ghost-primary-icon: var(--ksd-brand-primary, #2C6FE7);--kai-icon-button-ghost-primary-icon-hover: var(--ksd-brand-primary-hover, #5E98F0);--kai-icon-button-ghost-neutral-bg: transparent;--kai-icon-button-ghost-neutral-bg-hover: rgba(10, 24, 51, .05);--kai-icon-button-ghost-neutral-bg-active: rgba(10, 24, 51, .1);--kai-icon-button-ghost-neutral-icon: var(--ksd-text-primary, #0A1833);--kai-icon-button-ghost-danger-bg: transparent;--kai-icon-button-ghost-danger-bg-hover: var(--ksd-state-danger-subtle, #FEF6F1);--kai-icon-button-ghost-danger-bg-active: rgba(237, 28, 28, .18);--kai-icon-button-ghost-danger-icon: var(--ksd-state-danger, #ED1C1C);--kai-icon-button-ghost-danger-icon-hover: var(--ksd-state-danger-hover, #F46052);--kai-icon-button-disabled-bg: var(--ksd-background-surface-subtle, #F7F7F9);--kai-icon-button-disabled-border: var(--ksd-border-primary, #E9E9EB);--kai-icon-button-disabled-icon: var(--ksd-text-disabled, #B5BAC2);--kai-icon-button-disabled-opacity: .6;--kai-icon-button-focus-ring-color: rgba(44, 111, 231, .35);--kai-icon-button-focus-ring-offset: 2px;--kai-icon-button-focus-ring-width: 2px}.kai-icon-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--kai-icon-button-radius);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:background var(--kai-icon-button-transition),border-color var(--kai-icon-button-transition),color var(--kai-icon-button-transition),transform var(--kai-icon-button-transition)}.kai-icon-button--sm{width:var(--kai-icon-button-size-sm);height:var(--kai-icon-button-size-sm)}.kai-icon-button--sm svg{width:var(--kai-icon-button-icon-size-sm);height:var(--kai-icon-button-icon-size-sm)}.kai-icon-button--md{width:var(--kai-icon-button-size-md);height:var(--kai-icon-button-size-md)}.kai-icon-button--md svg{width:var(--kai-icon-button-icon-size-md);height:var(--kai-icon-button-icon-size-md)}.kai-icon-button--lg{width:var(--kai-icon-button-size-lg);height:var(--kai-icon-button-size-lg)}.kai-icon-button--lg svg{width:var(--kai-icon-button-icon-size-lg);height:var(--kai-icon-button-icon-size-lg)}.kai-icon-button--solid.kai-icon-button--primary{background:var(--kai-icon-button-solid-primary-bg);color:var(--kai-icon-button-solid-primary-icon)}.kai-icon-button--solid.kai-icon-button--primary:hover:not(:disabled){background:var(--kai-icon-button-solid-primary-bg-hover)}.kai-icon-button--solid.kai-icon-button--primary:active:not(:disabled){background:var(--kai-icon-button-solid-primary-bg-active);transform:translateY(1px)}.kai-icon-button--solid.kai-icon-button--neutral{background:var(--kai-icon-button-solid-neutral-bg);color:var(--kai-icon-button-solid-neutral-icon)}.kai-icon-button--solid.kai-icon-button--neutral:hover:not(:disabled){background:var(--kai-icon-button-solid-neutral-bg-hover)}.kai-icon-button--solid.kai-icon-button--neutral:active:not(:disabled){background:var(--kai-icon-button-solid-neutral-bg-active);transform:translateY(1px)}.kai-icon-button--solid.kai-icon-button--danger{background:var(--kai-icon-button-solid-danger-bg);color:var(--kai-icon-button-solid-danger-icon)}.kai-icon-button--solid.kai-icon-button--danger:hover:not(:disabled){background:var(--kai-icon-button-solid-danger-bg-hover)}.kai-icon-button--solid.kai-icon-button--danger:active:not(:disabled){background:var(--kai-icon-button-solid-danger-bg-active);transform:translateY(1px)}.kai-icon-button--outline.kai-icon-button--primary{background:var(--kai-icon-button-outline-primary-bg);border-color:var(--kai-icon-button-outline-primary-border);color:var(--kai-icon-button-outline-primary-icon)}.kai-icon-button--outline.kai-icon-button--primary:hover:not(:disabled){background:var(--kai-icon-button-outline-primary-bg-hover);color:var(--kai-icon-button-outline-primary-icon-hover)}.kai-icon-button--outline.kai-icon-button--primary:active:not(:disabled){background:var(--kai-icon-button-outline-primary-bg-active);transform:translateY(1px)}.kai-icon-button--outline.kai-icon-button--neutral{background:var(--kai-icon-button-outline-neutral-bg);border-color:var(--kai-icon-button-outline-neutral-border);color:var(--kai-icon-button-outline-neutral-icon)}.kai-icon-button--outline.kai-icon-button--neutral:hover:not(:disabled){background:var(--kai-icon-button-outline-neutral-bg-hover);border-color:var(--kai-icon-button-outline-neutral-border-hover)}.kai-icon-button--outline.kai-icon-button--neutral:active:not(:disabled){background:var(--kai-icon-button-outline-neutral-bg-active);transform:translateY(1px)}.kai-icon-button--outline.kai-icon-button--danger{background:var(--kai-icon-button-outline-danger-bg);border-color:var(--kai-icon-button-outline-danger-border);color:var(--kai-icon-button-outline-danger-icon)}.kai-icon-button--outline.kai-icon-button--danger:hover:not(:disabled){background:var(--kai-icon-button-outline-danger-bg-hover);color:var(--kai-icon-button-outline-danger-icon-hover)}.kai-icon-button--outline.kai-icon-button--danger:active:not(:disabled){background:var(--kai-icon-button-outline-danger-bg-active);transform:translateY(1px)}.kai-icon-button--ghost.kai-icon-button--primary{background:var(--kai-icon-button-ghost-primary-bg);color:var(--kai-icon-button-ghost-primary-icon)}.kai-icon-button--ghost.kai-icon-button--primary:hover:not(:disabled){background:var(--kai-icon-button-ghost-primary-bg-hover);color:var(--kai-icon-button-ghost-primary-icon-hover)}.kai-icon-button--ghost.kai-icon-button--primary:active:not(:disabled){background:var(--kai-icon-button-ghost-primary-bg-active);transform:translateY(1px)}.kai-icon-button--ghost.kai-icon-button--neutral{background:var(--kai-icon-button-ghost-neutral-bg);color:var(--kai-icon-button-ghost-neutral-icon)}.kai-icon-button--ghost.kai-icon-button--neutral:hover:not(:disabled){background:var(--kai-icon-button-ghost-neutral-bg-hover)}.kai-icon-button--ghost.kai-icon-button--neutral:active:not(:disabled){background:var(--kai-icon-button-ghost-neutral-bg-active);transform:translateY(1px)}.kai-icon-button--ghost.kai-icon-button--danger{background:var(--kai-icon-button-ghost-danger-bg);color:var(--kai-icon-button-ghost-danger-icon)}.kai-icon-button--ghost.kai-icon-button--danger:hover:not(:disabled){background:var(--kai-icon-button-ghost-danger-bg-hover);color:var(--kai-icon-button-ghost-danger-icon-hover)}.kai-icon-button--ghost.kai-icon-button--danger:active:not(:disabled){background:var(--kai-icon-button-ghost-danger-bg-active);transform:translateY(1px)}.kai-icon-button:focus-visible{outline:var(--kai-icon-button-focus-ring-width) solid var(--kai-icon-button-focus-ring-color);outline-offset:var(--kai-icon-button-focus-ring-offset)}.kai-icon-button:disabled{cursor:not-allowed;opacity:var(--kai-icon-button-disabled-opacity);background:var(--kai-icon-button-disabled-bg);border-color:var(--kai-icon-button-disabled-border);color:var(--kai-icon-button-disabled-icon)}.kai-icon-button__icon{display:inline-flex;align-items:center;justify-content:center;transition:opacity var(--kai-icon-button-transition)}.kai-icon-button__icon--hidden{opacity:0;position:absolute}.kai-icon-button__spinner{display:inline-flex;align-items:center;justify-content:center;position:absolute}.kai-icon-button__spinner svg{animation:kai-icon-button-spin .8s linear infinite}.kai-icon-button--loading{position:relative}@keyframes kai-icon-button-spin{to{transform:rotate(360deg)}}:root{--kai-card-bg: var(--ksd-background-surface, #FFFFFF);--kai-card-border: var(--ksd-border-primary, #E9E9EB);--kai-card-border-hover: var(--ksd-border-strong, #D4D6D9);--kai-card-radius: var(--ksd-radii-r6, 16px);--kai-card-transition: all .3s cubic-bezier(.25, .8, .25, 1);--kai-card-shadow-elevated: 0px 4px 24px 0px rgba(0, 0, 0, .04);--kai-card-shadow-elevated-hover: 0px 8px 32px 0px rgba(0, 0, 0, .08);--kai-card-padding-sm: var(--ksd-spacing-md, 12px);--kai-card-padding-md: var(--ksd-spacing-xl, 24px);--kai-card-padding-lg: var(--ksd-spacing-xxl, 32px);--kai-card-header-padding: 16px 24px 12px;--kai-card-header-border-bottom: none;--kai-card-title-color: var(--ksd-text-primary, #0A1833);--kai-card-title-font-size: var(--ksd-typography-font-size-md, 16px);--kai-card-title-font-weight: var(--ksd-typography-font-weight-semibold, 600);--kai-card-extra-color: var(--ksd-text-secondary, #3B485C);--kai-card-extra-font-size: var(--ksd-typography-font-size-sm, 14px);--kai-card-cover-radius: var(--ksd-radii-r6, 16px) var(--ksd-radii-r6, 16px) 0 0;--kai-card-footer-padding: 12px 24px;--kai-card-footer-bg: transparent;--kai-card-footer-border-top: 1px solid var(--ksd-border-primary, #E9E9EB);--kai-card-body-font-size: 14px;--kai-card-body-line-height: 1.6}.kai-card{display:flex;flex-direction:column;overflow:hidden;background:var(--kai-card-bg);border-radius:var(--kai-card-radius);transition:var(--kai-card-transition)}.kai-card--elevated{box-shadow:var(--kai-card-shadow-elevated);border:none}.kai-card--elevated.kai-card--hoverable:hover{box-shadow:var(--kai-card-shadow-elevated-hover)}.kai-card--outlined{border:1px solid var(--kai-card-border);box-shadow:none}.kai-card--outlined.kai-card--hoverable:hover{border-color:var(--kai-card-border-hover)}.kai-card--filled{background:var(--kai-card-footer-bg);border:none;box-shadow:none}.kai-card--hoverable{cursor:pointer}.kai-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--kai-card-header-padding);border-bottom:var(--kai-card-header-border-bottom)}.kai-card__title{color:var(--kai-card-title-color);font-size:var(--kai-card-title-font-size);font-weight:var(--kai-card-title-font-weight);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kai-card__extra{color:var(--kai-card-extra-color);font-size:var(--kai-card-extra-font-size);margin-left:16px}.kai-card__body{padding:var(--kai-card-padding-md);flex:1;color:var(--kai-card-title-color);font-size:var(--kai-card-body-font-size);line-height:var(--kai-card-body-line-height)}.kai-card__body--sm{padding:var(--kai-card-padding-sm)}.kai-card__body--lg{padding:var(--kai-card-padding-lg)}.kai-card__cover{width:100%;position:relative}.kai-card__cover>*{display:block;width:100%;object-fit:cover}.kai-card__cover img:first-of-type{border-radius:var(--kai-card-cover-radius)}.kai-card__footer{padding:var(--kai-card-footer-padding);background:var(--kai-card-footer-bg);border-top:var(--kai-card-footer-border-top)}:root{--kai-input-height-sm: 24px;--kai-input-height-md: 32px;--kai-input-height-lg: 40px;--kai-input-padding-sm: 0 12px;--kai-input-padding-md: 0 12px;--kai-input-padding-lg: 0 12px;--kai-input-font-size-sm: 12px;--kai-input-font-size-md: 12px;--kai-input-font-size-lg: 12px;--kai-input-icon-size-sm: 14px;--kai-input-icon-size-md: 16px;--kai-input-icon-size-lg: 18px;--kai-input-radius: var(--ksd-radii-r3, 6px);--kai-input-gap: var(--ksd-spacing-sm, 8px);--kai-input-transition: .2s ease;--kai-input-min-width: 200px;--kai-input-border-default: var(--ksd-border-primary, #E9E9EB);--kai-input-border-hover: var(--ksd-border-strong, #D4D6D9);--kai-input-border-focus: var(--ksd-brand-primary, #2C6FE7);--kai-input-border-error: var(--ksd-state-danger, #ED1C1C);--kai-input-border-disabled: var(--ksd-border-primary, #E9E9EB);--kai-input-bg-default: var(--ksd-background-surface, #FFFFFF);--kai-input-bg-disabled: var(--ksd-background-secondary, #F2F2F4);--kai-input-text-default: var(--ksd-text-primary, #0A1833);--kai-input-text-placeholder: var(--ksd-text-placeholder, #B5BAC2);--kai-input-text-disabled: var(--ksd-text-disabled, #B5BAC2);--kai-input-text-error: var(--ksd-state-danger, #ED1C1C);--kai-input-text-counter: var(--ksd-text-caption, #6C7485)}.kai-input{position:relative;display:inline-flex;align-items:center;box-sizing:border-box;width:var(--kai-input-min-width);min-width:var(--kai-input-min-width);border:1px solid var(--kai-input-border-default);border-radius:var(--kai-input-radius);background:var(--kai-input-bg-default);transition:border-color var(--kai-input-transition),background var(--kai-input-transition)}.kai-input--sm{height:var(--kai-input-height-sm);padding:var(--kai-input-padding-sm);font-size:var(--kai-input-font-size-sm)}.kai-input--sm svg{width:var(--kai-input-icon-size-sm);height:var(--kai-input-icon-size-sm);flex-shrink:0}.kai-input--md{height:var(--kai-input-height-md);padding:var(--kai-input-padding-md);font-size:var(--kai-input-font-size-md)}.kai-input--md svg{width:var(--kai-input-icon-size-md);height:var(--kai-input-icon-size-md);flex-shrink:0}.kai-input--lg{height:var(--kai-input-height-lg);padding:var(--kai-input-padding-lg);font-size:var(--kai-input-font-size-lg)}.kai-input--lg svg{width:var(--kai-input-icon-size-lg);height:var(--kai-input-icon-size-lg);flex-shrink:0}.kai-input:hover:not(.kai-input--disabled):not(.kai-input--focused):not(.kai-input--error){border-color:var(--kai-input-border-hover)}.kai-input--focused{border-color:var(--kai-input-border-focus)}.kai-input--error{border-color:var(--kai-input-border-error)}.kai-input--disabled{border-color:var(--kai-input-border-disabled);background:var(--kai-input-bg-disabled);cursor:not-allowed;opacity:.6}.kai-input--full-width{width:100%}.kai-input__wrapper{display:flex;align-items:center;gap:var(--kai-input-gap);width:100%;height:100%}.kai-input__native{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:0;margin:0;font-family:var(--ksd-typography-font-family);font-size:inherit;line-height:1.5;color:var(--kai-input-text-default)}.kai-input__native::placeholder{color:var(--kai-input-text-placeholder);opacity:1}.kai-input__native:focus{outline:none}.kai-input__native::-webkit-outer-spin-button,.kai-input__native::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.kai-input__native[type=number]{-moz-appearance:textfield}.kai-input--disabled .kai-input__native{cursor:not-allowed;-webkit-user-select:none;user-select:none;color:var(--kai-input-text-disabled)}.kai-input--error .kai-input__native{color:var(--kai-input-text-error)}.kai-input__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;color:var(--kai-input-text-default)}.kai-input__icon svg{display:block}.kai-input--disabled .kai-input__icon{color:var(--kai-input-text-disabled)}.kai-input--error .kai-input__icon{color:var(--kai-input-text-error)}.kai-input__clear{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;margin:0;border:none;background:transparent;cursor:pointer;outline:none;line-height:0;color:var(--kai-input-text-counter);transition:opacity var(--kai-input-transition),color var(--kai-input-transition)}.kai-input--error .kai-input__clear{color:var(--kai-input-text-error)}.kai-input__clear:hover{opacity:.7}.kai-input__clear:active{opacity:.5}.kai-input__clear:focus-visible{outline:2px solid var(--kai-input-border-focus);outline-offset:2px;border-radius:2px}.kai-input__clear svg{width:16px;height:16px;display:block}.kai-input__counter{display:inline-flex;align-items:center;flex-shrink:0;font-family:var(--ksd-typography-font-family);font-size:inherit;line-height:1.5;white-space:nowrap;-webkit-user-select:none;user-select:none;color:var(--kai-input-text-counter)}.kai-input--disabled .kai-input__counter{color:var(--kai-input-text-disabled)}.kai-input--error .kai-input__counter{color:var(--kai-input-text-error)}.kai-input-label{display:block;margin-bottom:4px;font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-sm, 14px);color:var(--ksd-text-primary, #0A1833)}.kai-input-description{margin-top:4px;font-size:12px;color:var(--ksd-text-tertiary, #545D70)}.kai-input-error-message{margin-top:4px;font-size:12px;color:var(--kai-input-text-error)}:root{--kai-checkbox-size: 16px;--kai-checkbox-radius: var(--ksd-radii-r2, 4px);--kai-checkbox-gap: var(--ksd-spacing-sm, 8px);--kai-checkbox-transition: .2s ease;--kai-checkbox-border: var(--ksd-border-strong, #D4D6D9);--kai-checkbox-border-hover: var(--ksd-brand-primary, #2C6FE7);--kai-checkbox-border-checked: var(--ksd-brand-primary, #2C6FE7);--kai-checkbox-bg: var(--ksd-background-surface, #FFFFFF);--kai-checkbox-bg-checked: var(--ksd-brand-primary, #2C6FE7);--kai-checkbox-icon: var(--ksd-colors-common-white, #FFFFFF);--kai-checkbox-label: var(--ksd-text-primary, #0A1833);--kai-checkbox-label-disabled: var(--ksd-text-disabled, #B5BAC2)}.kai-checkbox{display:inline-flex;align-items:center;gap:var(--kai-checkbox-gap);cursor:pointer;-webkit-user-select:none;user-select:none}.kai-checkbox--disabled{cursor:not-allowed;opacity:.6}.kai-checkbox__input{position:absolute;opacity:0;width:0;height:0}.kai-checkbox__control{display:inline-flex;align-items:center;justify-content:center;width:var(--kai-checkbox-size);height:var(--kai-checkbox-size);border:1px solid var(--kai-checkbox-border);border-radius:var(--kai-checkbox-radius);background:var(--kai-checkbox-bg);transition:border-color var(--kai-checkbox-transition),background var(--kai-checkbox-transition)}.kai-checkbox:not(.kai-checkbox--disabled):hover .kai-checkbox__control{border-color:var(--kai-checkbox-border-hover)}.kai-checkbox--checked .kai-checkbox__control,.kai-checkbox--indeterminate .kai-checkbox__control{border-color:var(--kai-checkbox-border-checked);background:var(--kai-checkbox-bg-checked)}.kai-checkbox__checkmark{width:12px;height:12px;color:var(--kai-checkbox-icon);opacity:0;transform:scale(.8);transition:opacity var(--kai-checkbox-transition),transform var(--kai-checkbox-transition)}.kai-checkbox--checked .kai-checkbox__checkmark,.kai-checkbox--indeterminate .kai-checkbox__checkmark{opacity:1;transform:scale(1)}.kai-checkbox__label{font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-sm, 14px);color:var(--kai-checkbox-label);line-height:1.5}.kai-checkbox--disabled .kai-checkbox__label{color:var(--kai-checkbox-label-disabled)}:root{--kai-checkbox-button-height-sm: 24px;--kai-checkbox-button-height-md: 32px;--kai-checkbox-button-height-lg: 40px;--kai-checkbox-button-padding-sm: 0 12px;--kai-checkbox-button-padding-md: 0 16px;--kai-checkbox-button-padding-lg: 0 20px;--kai-checkbox-button-font-size-sm: 14px;--kai-checkbox-button-font-size-md: 14px;--kai-checkbox-button-font-size-lg: 14px;--kai-checkbox-button-checkmark-size-sm: 12px;--kai-checkbox-button-checkmark-size-md: 16px;--kai-checkbox-button-checkmark-size-lg: 20px;--kai-checkbox-button-radius: var(--ksd-radii-r3, 6px);--kai-checkbox-button-transition: .2s ease;--kai-checkbox-button-bg: var(--ksd-background-surface, #FFFFFF);--kai-checkbox-button-bg-hover: var(--ksd-background-surface-subtle, #F7F7F9);--kai-checkbox-button-bg-checked: var(--ksd-brand-primary-subtle, rgba(44, 111, 231, .06));--kai-checkbox-button-bg-checked-hover: var(--ksd-brand-primary-subtle, rgba(44, 111, 231, .1));--kai-checkbox-button-border: var(--ksd-border-primary, #E9E9EB);--kai-checkbox-button-border-hover: var(--ksd-brand-primary, #2C6FE7);--kai-checkbox-button-border-checked: var(--ksd-brand-primary, #2C6FE7);--kai-checkbox-button-text: var(--ksd-text-primary, #0A1833);--kai-checkbox-button-text-disabled: var(--ksd-text-disabled, #B5BAC2);--kai-checkbox-button-checkmark: var(--ksd-brand-primary, #2C6FE7)}.kai-checkbox-button{display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none}.kai-checkbox-button--disabled{cursor:not-allowed;opacity:.6}.kai-checkbox-button input{position:absolute;opacity:0;width:0;height:0}.kai-checkbox-button__wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:var(--ksd-typography-font-family);font-size:var(--kai-checkbox-button-font-size-md);line-height:1;white-space:nowrap;border:1px solid var(--kai-checkbox-button-border);border-radius:var(--kai-checkbox-button-radius);background:var(--kai-checkbox-button-bg);color:var(--kai-checkbox-button-text);transition:background var(--kai-checkbox-button-transition),border-color var(--kai-checkbox-button-transition)}.kai-checkbox-button:not(.kai-checkbox-button--disabled):hover .kai-checkbox-button__wrapper{background:var(--kai-checkbox-button-bg-hover);border-color:var(--kai-checkbox-button-border-hover)}.kai-checkbox-button--checked .kai-checkbox-button__wrapper{background:var(--kai-checkbox-button-bg-checked);border-color:var(--kai-checkbox-button-border-checked)}.kai-checkbox-button--checked:not(.kai-checkbox-button--disabled):hover .kai-checkbox-button__wrapper{background:var(--kai-checkbox-button-bg-checked-hover)}.kai-checkbox-button--disabled .kai-checkbox-button__wrapper{background:var(--kai-checkbox-button-bg);border-color:var(--kai-checkbox-button-border);color:var(--kai-checkbox-button-text-disabled)}.kai-checkbox-button__checkmark{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:var(--kai-checkbox-button-checkmark)}.kai-checkbox-button--disabled .kai-checkbox-button__checkmark{opacity:.6}.kai-checkbox-button--sm .kai-checkbox-button__wrapper{height:var(--kai-checkbox-button-height-sm);padding:var(--kai-checkbox-button-padding-sm);font-size:var(--kai-checkbox-button-font-size-sm)}.kai-checkbox-button--sm .kai-checkbox-button__checkmark svg{width:var(--kai-checkbox-button-checkmark-size-sm);height:var(--kai-checkbox-button-checkmark-size-sm)}.kai-checkbox-button--md .kai-checkbox-button__wrapper{height:var(--kai-checkbox-button-height-md);padding:var(--kai-checkbox-button-padding-md);font-size:var(--kai-checkbox-button-font-size-md)}.kai-checkbox-button--md .kai-checkbox-button__checkmark svg{width:var(--kai-checkbox-button-checkmark-size-md);height:var(--kai-checkbox-button-checkmark-size-md)}.kai-checkbox-button--lg .kai-checkbox-button__wrapper{height:var(--kai-checkbox-button-height-lg);padding:var(--kai-checkbox-button-padding-lg);font-size:var(--kai-checkbox-button-font-size-lg)}.kai-checkbox-button--lg .kai-checkbox-button__checkmark svg{width:var(--kai-checkbox-button-checkmark-size-lg);height:var(--kai-checkbox-button-checkmark-size-lg)}:root{--kai-radio-size: 16px;--kai-radio-dot-size: 8px;--kai-radio-gap: var(--ksd-spacing-sm, 8px);--kai-radio-transition: .2s ease;--kai-radio-border: var(--ksd-border-strong, #D4D6D9);--kai-radio-border-hover: var(--ksd-brand-primary, #2C6FE7);--kai-radio-border-checked: var(--ksd-brand-primary, #2C6FE7);--kai-radio-bg: var(--ksd-background-surface, #FFFFFF);--kai-radio-dot: var(--ksd-brand-primary, #2C6FE7);--kai-radio-label: var(--ksd-text-primary, #0A1833);--kai-radio-label-disabled: var(--ksd-text-disabled, #B5BAC2)}.kai-radio{display:inline-flex;align-items:center;gap:var(--kai-radio-gap);cursor:pointer;-webkit-user-select:none;user-select:none}.kai-radio[data-disabled=true]{cursor:not-allowed;opacity:.6}.kai-radio input{position:absolute;opacity:0;width:0;height:0}.kai-radio__control{display:inline-flex;align-items:center;justify-content:center;width:var(--kai-radio-size);height:var(--kai-radio-size);border:1px solid var(--kai-radio-border);border-radius:50%;background:var(--kai-radio-bg);transition:border-color var(--kai-radio-transition),background var(--kai-radio-transition)}.kai-radio__control[data-hover=true]:not([data-disabled=true]){border-color:var(--kai-radio-border-hover)}.kai-radio__control[data-checked=true]{border-color:var(--kai-radio-border-checked)}.kai-radio__dot{width:var(--kai-radio-dot-size);height:var(--kai-radio-dot-size);border-radius:50%;background:var(--kai-radio-dot);opacity:0;transform:scale(0);transition:opacity var(--kai-radio-transition),transform var(--kai-radio-transition)}.kai-radio__dot[data-checked=true]{opacity:1;transform:scale(1)}.kai-radio__label{font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-sm, 14px);color:var(--kai-radio-label);line-height:1.5}.kai-radio__label[data-disabled=true]{color:var(--kai-radio-label-disabled)}.kai-radio-group{display:flex;gap:var(--ksd-spacing-lg, 16px)}.kai-radio-group--vertical{flex-direction:column;gap:var(--ksd-spacing-md, 12px)}:root{--kai-switch-width-sm: 32px;--kai-switch-width-md: 40px;--kai-switch-height-sm: 20px;--kai-switch-height-md: 24px;--kai-switch-thumb-sm: 16px;--kai-switch-thumb-md: 20px;--kai-switch-padding: 2px;--kai-switch-transition: .2s ease;--kai-switch-bg: var(--ksd-border-strong, #D4D6D9);--kai-switch-bg-checked: var(--ksd-brand-primary, #2C6FE7);--kai-switch-bg-disabled: var(--ksd-border-primary, #E9E9EB);--kai-switch-thumb: var(--ksd-colors-common-white, #FFFFFF);--kai-switch-label-text: var(--ksd-colors-common-white, #FFFFFF);--kai-switch-external-label: var(--ksd-text-primary, #0A1833);--kai-switch-external-label-disabled: var(--ksd-text-disabled, #B5BAC2)}.kai-switch{position:relative;display:inline-flex;align-items:center;border-radius:999px;background:var(--kai-switch-bg);cursor:pointer;transition:background var(--kai-switch-transition)}.kai-switch--sm{width:var(--kai-switch-width-sm);height:var(--kai-switch-height-sm)}.kai-switch--md{width:var(--kai-switch-width-md);height:var(--kai-switch-height-md)}.kai-switch[data-selected=true]{background:var(--kai-switch-bg-checked)}.kai-switch[data-disabled=true]{background:var(--kai-switch-bg-disabled);cursor:not-allowed;opacity:.6}.kai-switch:focus-visible{outline:2px solid var(--ksd-brand-primary, #2C6FE7);outline-offset:2px}.kai-switch__content{position:relative;width:100%;height:100%;display:flex;align-items:center}.kai-switch__thumb{position:absolute;top:var(--kai-switch-padding);left:var(--kai-switch-padding);border-radius:50%;background:var(--kai-switch-thumb);box-shadow:0 1px 3px #0000001a;transition:transform var(--kai-switch-transition)}.kai-switch--sm .kai-switch__thumb{width:var(--kai-switch-thumb-sm);height:var(--kai-switch-thumb-sm)}.kai-switch--md .kai-switch__thumb{width:var(--kai-switch-thumb-md);height:var(--kai-switch-thumb-md)}.kai-switch__thumb[data-selected=true]{transform:translate(calc(var(--kai-switch-width-md) - var(--kai-switch-thumb-md) - var(--kai-switch-padding) * 2))}.kai-switch--sm .kai-switch__thumb[data-selected=true]{transform:translate(calc(var(--kai-switch-width-sm) - var(--kai-switch-thumb-sm) - var(--kai-switch-padding) * 2))}.kai-switch__label{position:relative;z-index:1;font-size:12px;font-weight:500;color:var(--kai-switch-label-text);padding:0 8px;white-space:nowrap}.kai-switch-wrapper{display:inline-flex;align-items:center;gap:var(--ksd-spacing-sm, 8px)}.kai-switch-external-label{font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-sm, 14px);color:var(--kai-switch-external-label);cursor:pointer}.kai-switch-external-label[data-disabled=true]{color:var(--kai-switch-external-label-disabled);cursor:not-allowed}:root{--kai-select-height-sm: 24px;--kai-select-height-md: 32px;--kai-select-height-lg: 40px;--kai-select-padding: 0 12px;--kai-select-font-size: var(--ksd-typography-font-size-sm, 14px);--kai-select-radius: var(--ksd-radii-r3, 6px);--kai-select-transition: .2s ease;--kai-select-bg: var(--ksd-background-surface, #FFFFFF);--kai-select-border: var(--ksd-border-primary, #E9E9EB);--kai-select-border-hover: var(--ksd-border-strong, #D4D6D9);--kai-select-border-focus: var(--ksd-brand-primary, #2C6FE7);--kai-select-border-error: var(--ksd-state-danger, #ED1C1C);--kai-select-text: var(--ksd-text-primary, #0A1833);--kai-select-placeholder: var(--ksd-text-placeholder, #B5BAC2);--kai-select-disabled-bg: var(--ksd-background-secondary, #F2F2F4);--kai-select-disabled-text: var(--ksd-text-disabled, #B5BAC2);--kai-select-popover-bg: var(--ksd-background-surface, #FFFFFF);--kai-select-popover-shadow: var(--ksd-shadows-l3, 0px 2px 28px 0px rgba(0, 30, 78, .13));--kai-select-popover-radius: var(--ksd-radii-r4, 8px);--kai-select-option-padding: 8px 12px;--kai-select-option-hover-bg: var(--ksd-background-surface-subtle, #F7F7F9);--kai-select-option-selected-bg: var(--ksd-brand-primary-subtle, rgba(44, 111, 231, .06));--kai-select-option-selected-text: var(--ksd-brand-primary, #2C6FE7)}.kai-select{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:var(--kai-select-padding);background:var(--kai-select-bg);border:1px solid var(--kai-select-border);border-radius:var(--kai-select-radius);font-family:var(--ksd-typography-font-family);font-size:var(--kai-select-font-size);color:var(--kai-select-text);cursor:pointer;outline:none;transition:border-color var(--kai-select-transition)}.kai-select--sm{height:var(--kai-select-height-sm)}.kai-select--md{height:var(--kai-select-height-md)}.kai-select--lg{height:var(--kai-select-height-lg)}.kai-select--full-width{width:100%}.kai-select:hover:not(:disabled):not([data-error=true]){border-color:var(--kai-select-border-hover)}.kai-select:focus:not(:disabled):not([data-error=true]),.kai-select[data-open=true]:not(:disabled):not([data-error=true]){border-color:var(--kai-select-border-focus)}.kai-select[data-error=true]{border-color:var(--kai-select-border-error)}.kai-select:disabled{background:var(--kai-select-disabled-bg);color:var(--kai-select-disabled-text);cursor:not-allowed}.kai-select__value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kai-select__value--placeholder{color:var(--kai-select-placeholder)}.kai-select__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ksd-text-tertiary, #545D70);transition:transform var(--kai-select-transition)}.kai-select[data-open=true] .kai-select__icon{transform:rotate(180deg)}.kai-select__icon svg{width:16px;height:16px}.kai-select-popover{z-index:1050;min-width:100%;max-height:256px;overflow-y:auto;background:var(--kai-select-popover-bg);border-radius:var(--kai-select-popover-radius);box-shadow:var(--kai-select-popover-shadow);outline:none;animation:kai-select-slide-in .15s ease forwards}.kai-select-listbox{padding:4px;list-style:none;margin:0}.kai-select-option{display:flex;align-items:center;padding:var(--kai-select-option-padding);border-radius:var(--ksd-radii-r2, 4px);font-family:var(--ksd-typography-font-family);font-size:var(--kai-select-font-size);color:var(--kai-select-text);cursor:pointer;outline:none;transition:background var(--kai-select-transition)}.kai-select-option:hover,.kai-select-option[data-focused=true]{background:var(--kai-select-option-hover-bg)}.kai-select-option[data-selected=true]{background:var(--kai-select-option-selected-bg);color:var(--kai-select-option-selected-text)}.kai-select-option[data-disabled=true]{color:var(--kai-select-disabled-text);cursor:not-allowed}@keyframes kai-select-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:root{--kai-modal-backdrop: rgba(0, 0, 0, .45);--kai-modal-backdrop-blur: 4px;--kai-modal-bg: var(--ksd-background-surface, #FFFFFF);--kai-modal-radius: var(--ksd-radii-r6, 16px);--kai-modal-shadow: var(--ksd-shadows-l5, 0px 2px 42px 0px rgba(0, 30, 78, .13));--kai-modal-min-width: 400px;--kai-modal-max-width: 90vw;--kai-modal-max-height: 85vh;--kai-modal-padding: var(--ksd-spacing-xl, 24px);--kai-modal-transition: .2s ease;--kai-modal-title-color: var(--ksd-text-primary, #0A1833);--kai-modal-title-size: var(--ksd-typography-font-size-lg, 18px);--kai-modal-title-weight: var(--ksd-typography-font-weight-semibold, 600);--kai-modal-close-size: 32px;--kai-modal-close-color: var(--ksd-text-tertiary, #545D70);--kai-modal-close-hover-bg: var(--ksd-background-surface-subtle, #F7F7F9)}.kai-modal-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.kai-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--kai-modal-backdrop);-webkit-backdrop-filter:blur(var(--kai-modal-backdrop-blur));backdrop-filter:blur(var(--kai-modal-backdrop-blur))}.kai-modal-backdrop[data-open=true]{animation:kai-modal-fade-in var(--kai-modal-transition) forwards}.kai-modal-dialog{position:relative;z-index:1;display:flex;flex-direction:column;min-width:var(--kai-modal-min-width);max-width:var(--kai-modal-max-width);max-height:var(--kai-modal-max-height);background:var(--kai-modal-bg);border-radius:var(--kai-modal-radius);box-shadow:var(--kai-modal-shadow);outline:none;overflow:hidden}.kai-modal-dialog[data-open=true]{animation:kai-modal-scale-in var(--kai-modal-transition) forwards}.kai-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--kai-modal-padding);padding-bottom:0}.kai-modal-title{font-family:var(--ksd-typography-font-family);font-size:var(--kai-modal-title-size);font-weight:var(--kai-modal-title-weight);color:var(--kai-modal-title-color);line-height:1.4;margin:0}.kai-modal-close{display:flex;align-items:center;justify-content:center;width:var(--kai-modal-close-size);height:var(--kai-modal-close-size);padding:0;border:none;border-radius:var(--ksd-radii-r3, 6px);background:transparent;color:var(--kai-modal-close-color);cursor:pointer;transition:background var(--kai-modal-transition)}.kai-modal-close:hover{background:var(--kai-modal-close-hover-bg)}.kai-modal-close:focus-visible{outline:2px solid var(--ksd-brand-primary, #2C6FE7);outline-offset:2px}.kai-modal-close svg{width:16px;height:16px}.kai-modal-body{flex:1;overflow-y:auto;padding:var(--kai-modal-padding)}@keyframes kai-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes kai-modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--kai-tooltip-bg: var(--ksd-colors-word-900, #0A1833);--kai-tooltip-text: var(--ksd-colors-common-white, #FFFFFF);--kai-tooltip-radius: var(--ksd-radii-r3, 6px);--kai-tooltip-padding: 6px 12px;--kai-tooltip-font-size: var(--ksd-typography-font-size-xs, 12px);--kai-tooltip-shadow: var(--ksd-shadows-l2, 0px 2px 18px 0px rgba(0, 30, 78, .1));--kai-tooltip-max-width: 300px;--kai-tooltip-arrow-size: 6px;--kai-tooltip-transition: .15s ease}.kai-tooltip{position:relative;z-index:1100;max-width:var(--kai-tooltip-max-width);padding:var(--kai-tooltip-padding);background:var(--kai-tooltip-bg);color:var(--kai-tooltip-text);font-family:var(--ksd-typography-font-family);font-size:var(--kai-tooltip-font-size);line-height:1.5;border-radius:var(--kai-tooltip-radius);box-shadow:var(--kai-tooltip-shadow);animation:kai-tooltip-fade-in var(--kai-tooltip-transition) forwards}.kai-tooltip__arrow{position:absolute;width:0;height:0;border-style:solid}.kai-tooltip[data-placement^=top] .kai-tooltip__arrow{bottom:calc(var(--kai-tooltip-arrow-size) * -1);border-width:var(--kai-tooltip-arrow-size) var(--kai-tooltip-arrow-size) 0;border-color:var(--kai-tooltip-bg) transparent transparent}.kai-tooltip[data-placement^=bottom] .kai-tooltip__arrow{top:calc(var(--kai-tooltip-arrow-size) * -1);border-width:0 var(--kai-tooltip-arrow-size) var(--kai-tooltip-arrow-size);border-color:transparent transparent var(--kai-tooltip-bg)}.kai-tooltip[data-placement^=left] .kai-tooltip__arrow{right:calc(var(--kai-tooltip-arrow-size) * -1);border-width:var(--kai-tooltip-arrow-size) 0 var(--kai-tooltip-arrow-size) var(--kai-tooltip-arrow-size);border-color:transparent transparent transparent var(--kai-tooltip-bg)}.kai-tooltip[data-placement^=right] .kai-tooltip__arrow{left:calc(var(--kai-tooltip-arrow-size) * -1);border-width:var(--kai-tooltip-arrow-size) var(--kai-tooltip-arrow-size) var(--kai-tooltip-arrow-size) 0;border-color:transparent var(--kai-tooltip-bg) transparent transparent}@keyframes kai-tooltip-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--kai-menu-bg: var(--ksd-background-surface, #FFFFFF);--kai-menu-border: var(--ksd-border-primary, #E9E9EB);--kai-menu-radius: var(--ksd-radii-r4, 8px);--kai-menu-shadow: var(--ksd-shadows-l3, 0px 2px 28px 0px rgba(0, 30, 78, .13));--kai-menu-padding: 4px;--kai-menu-transition: .2s ease;--kai-menu-item-padding: 8px 12px;--kai-menu-item-radius: var(--ksd-radii-r2, 4px);--kai-menu-item-color: var(--ksd-text-primary, #0A1833);--kai-menu-item-hover-bg: var(--ksd-background-surface-subtle, #F7F7F9);--kai-menu-item-active-bg: var(--ksd-brand-primary-subtle, rgba(44, 111, 231, .06));--kai-menu-item-active-color: var(--ksd-brand-primary, #2C6FE7);--kai-menu-item-disabled-color: var(--ksd-text-disabled, #B5BAC2);--kai-menu-group-label-color: var(--ksd-text-caption, #6C7485);--kai-menu-group-label-size: var(--ksd-typography-font-size-xs, 12px);--kai-menu-divider: var(--ksd-border-divider, #E6E6EB)}.kai-menu{min-width:160px;padding:var(--kai-menu-padding);background:var(--kai-menu-bg);border-radius:var(--kai-menu-radius);box-shadow:var(--kai-menu-shadow);outline:none}.kai-menu-item{display:flex;align-items:center;gap:8px;padding:var(--kai-menu-item-padding);border-radius:var(--kai-menu-item-radius);font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-sm, 14px);color:var(--kai-menu-item-color);cursor:pointer;outline:none;transition:background var(--kai-menu-transition),color var(--kai-menu-transition)}.kai-menu-item:hover,.kai-menu-item[data-focused=true]{background:var(--kai-menu-item-hover-bg)}.kai-menu-item[data-selected=true]{background:var(--kai-menu-item-active-bg);color:var(--kai-menu-item-active-color)}.kai-menu-item[data-disabled=true]{color:var(--kai-menu-item-disabled-color);cursor:not-allowed}.kai-menu-item__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.kai-menu-item__icon svg{width:16px;height:16px}.kai-menu-item__label{flex:1}.kai-menu-item__shortcut{font-size:var(--ksd-typography-font-size-xs, 12px);color:var(--ksd-text-caption, #6C7485)}.kai-menu-item__arrow{display:inline-flex;align-items:center;justify-content:center;color:var(--ksd-text-tertiary, #545D70)}.kai-menu-item__arrow svg{width:12px;height:12px}.kai-menu-group{padding:4px 0}.kai-menu-group__label{padding:6px 12px;font-family:var(--ksd-typography-font-family);font-size:var(--kai-menu-group-label-size);font-weight:var(--ksd-typography-font-weight-medium, 500);color:var(--kai-menu-group-label-color);text-transform:uppercase;letter-spacing:.5px}.kai-menu-divider{height:1px;margin:4px 8px;background:var(--kai-menu-divider)}:root{--kai-collapse-bg: var(--ksd-background-surface, #FFFFFF);--kai-collapse-border: var(--ksd-border-primary, #E9E9EB);--kai-collapse-radius: var(--ksd-radii-r4, 8px);--kai-collapse-transition: .3s ease;--kai-collapse-header-padding: 12px 16px;--kai-collapse-header-hover-bg: var(--ksd-background-surface-subtle, #F7F7F9);--kai-collapse-title-color: var(--ksd-text-primary, #0A1833);--kai-collapse-title-size: var(--ksd-typography-font-size-sm, 14px);--kai-collapse-title-weight: var(--ksd-typography-font-weight-medium, 500);--kai-collapse-icon-color: var(--ksd-text-tertiary, #545D70);--kai-collapse-content-padding: 0 16px 16px;--kai-collapse-content-color: var(--ksd-text-secondary, #3B485C)}.kai-collapse{border:1px solid var(--kai-collapse-border);border-radius:var(--kai-collapse-radius);background:var(--kai-collapse-bg);overflow:hidden}.kai-collapse-item{border-bottom:1px solid var(--kai-collapse-border)}.kai-collapse-item:last-child{border-bottom:none}.kai-collapse-item--disabled{opacity:.6;pointer-events:none}.kai-collapse-item__header{display:flex;align-items:center;justify-content:space-between;padding:var(--kai-collapse-header-padding);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--kai-collapse-transition)}.kai-collapse-item__header:hover{background:var(--kai-collapse-header-hover-bg)}.kai-collapse-item--disabled .kai-collapse-item__header{cursor:not-allowed}.kai-collapse-item--disabled .kai-collapse-item__header:hover{background:transparent}.kai-collapse-item__title{flex:1;font-family:var(--ksd-typography-font-family);font-size:var(--kai-collapse-title-size);font-weight:var(--kai-collapse-title-weight);color:var(--kai-collapse-title-color)}.kai-collapse-item__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--kai-collapse-icon-color);transition:transform var(--kai-collapse-transition);flex-shrink:0;margin-right:8px}.kai-collapse-item__icon svg{width:16px;height:16px}.kai-collapse-item--active .kai-collapse-item__icon{transform:rotate(180deg)}.kai-collapse-item__content{overflow:hidden;transition:max-height var(--kai-collapse-transition)}.kai-collapse-item__body{padding:var(--kai-collapse-content-padding);font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-sm, 14px);color:var(--kai-collapse-content-color);line-height:1.6}:root{--kai-tag-height-sm: 20px;--kai-tag-height-md: 24px;--kai-tag-height-lg: 28px;--kai-tag-padding-sm: 0 6px;--kai-tag-padding-md: 0 8px;--kai-tag-padding-lg: 0 10px;--kai-tag-font-size-sm: 12px;--kai-tag-font-size-md: 12px;--kai-tag-font-size-lg: 14px;--kai-tag-radius: var(--ksd-radii-r2, 4px);--kai-tag-gap: 4px;--kai-tag-transition: .2s ease;--kai-tag-bg: var(--ksd-background-surface-subtle, #F7F7F9);--kai-tag-text: var(--ksd-text-primary, #0A1833);--kai-tag-border: var(--ksd-border-primary, #E9E9EB);--kai-tag-primary-bg: var(--ksd-brand-primary-subtle, rgba(44, 111, 231, .06));--kai-tag-primary-text: var(--ksd-brand-primary, #2C6FE7);--kai-tag-primary-border: var(--ksd-brand-primary, #2C6FE7);--kai-tag-success-bg: var(--ksd-state-success-subtle, #F2FBEE);--kai-tag-success-text: var(--ksd-state-success, #33BD48);--kai-tag-success-border: var(--ksd-state-success, #33BD48);--kai-tag-warning-bg: var(--ksd-state-warning-subtle, #FEF9E5);--kai-tag-warning-text: var(--ksd-state-warning, #ED9A00);--kai-tag-warning-border: var(--ksd-state-warning, #ED9A00);--kai-tag-danger-bg: var(--ksd-state-danger-subtle, #FEF6F1);--kai-tag-danger-text: var(--ksd-state-danger, #ED1C1C);--kai-tag-danger-border: var(--ksd-state-danger, #ED1C1C)}.kai-tag{display:inline-flex;align-items:center;gap:var(--kai-tag-gap);font-family:var(--ksd-typography-font-family);font-weight:var(--ksd-typography-font-weight-medium, 500);line-height:1;white-space:nowrap;border-radius:var(--kai-tag-radius);transition:background var(--kai-tag-transition),border-color var(--kai-tag-transition)}.kai-tag--sm{height:var(--kai-tag-height-sm);padding:var(--kai-tag-padding-sm);font-size:var(--kai-tag-font-size-sm)}.kai-tag--md{height:var(--kai-tag-height-md);padding:var(--kai-tag-padding-md);font-size:var(--kai-tag-font-size-md)}.kai-tag--lg{height:var(--kai-tag-height-lg);padding:var(--kai-tag-padding-lg);font-size:var(--kai-tag-font-size-lg)}.kai-tag--filled{background:var(--kai-tag-bg);color:var(--kai-tag-text);border:1px solid transparent}.kai-tag--filled.kai-tag--primary{background:var(--kai-tag-primary-bg);color:var(--kai-tag-primary-text)}.kai-tag--filled.kai-tag--success{background:var(--kai-tag-success-bg);color:var(--kai-tag-success-text)}.kai-tag--filled.kai-tag--warning{background:var(--kai-tag-warning-bg);color:var(--kai-tag-warning-text)}.kai-tag--filled.kai-tag--danger,.kai-tag--filled.kai-tag--error{background:var(--kai-tag-danger-bg);color:var(--kai-tag-danger-text)}.kai-tag--outlined{background:transparent;border:1px solid var(--kai-tag-border);color:var(--kai-tag-text)}.kai-tag--outlined.kai-tag--primary{border-color:var(--kai-tag-primary-border);color:var(--kai-tag-primary-text)}.kai-tag--outlined.kai-tag--success{border-color:var(--kai-tag-success-border);color:var(--kai-tag-success-text)}.kai-tag--outlined.kai-tag--warning{border-color:var(--kai-tag-warning-border);color:var(--kai-tag-warning-text)}.kai-tag--outlined.kai-tag--danger,.kai-tag--outlined.kai-tag--error{border-color:var(--kai-tag-danger-border);color:var(--kai-tag-danger-text)}.kai-tag__close,.kai-tag__close-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;opacity:.6;transition:opacity var(--kai-tag-transition)}.kai-tag__close:hover,.kai-tag__close-btn:hover{opacity:1}.kai-tag__close svg,.kai-tag__close-btn svg{width:12px;height:12px}.kai-tag__icon{display:inline-flex;align-items:center;justify-content:center}.kai-tag__icon svg{width:14px;height:14px}:root{--kai-link-font-size-sm: 12px;--kai-link-font-size-md: 14px;--kai-link-font-size-lg: 16px;--kai-link-primary-color: var(--ksd-brand-primary, #2C6FE7);--kai-link-primary-color-hover: var(--ksd-brand-primary-hover, #5E98F0);--kai-link-primary-color-active: var(--ksd-brand-primary-active, #2055C6);--kai-link-primary-color-visited: var(--ksd-colors-lavender-600, #4A39B8);--kai-link-neutral-color: var(--ksd-text-primary, #0A1833);--kai-link-neutral-color-hover: var(--ksd-text-secondary, #3B485C);--kai-link-neutral-color-active: var(--ksd-text-primary, #0A1833);--kai-link-neutral-color-visited: var(--ksd-text-secondary, #3B485C);--kai-link-color-disabled: var(--ksd-text-disabled, #B5BAC2);--kai-link-transition: .2s ease}.kai-link{display:inline-flex;align-items:center;gap:4px;font-family:var(--ksd-typography-font-family);text-decoration:none;cursor:pointer;transition:color var(--kai-link-transition);outline:none}.kai-link:focus-visible{outline:2px solid var(--ksd-brand-primary, #2C6FE7);outline-offset:2px;border-radius:2px}.kai-link--disabled{color:var(--kai-link-color-disabled);cursor:not-allowed;pointer-events:none}.kai-link--sm{font-size:var(--kai-link-font-size-sm)}.kai-link--md{font-size:var(--kai-link-font-size-md)}.kai-link--lg{font-size:var(--kai-link-font-size-lg)}.kai-link--primary{color:var(--kai-link-primary-color)}.kai-link--primary:hover:not(.kai-link--disabled){color:var(--kai-link-primary-color-hover)}.kai-link--primary:active:not(.kai-link--disabled){color:var(--kai-link-primary-color-active)}.kai-link--primary:visited:not(.kai-link--disabled){color:var(--kai-link-primary-color-visited)}.kai-link--neutral{color:var(--kai-link-neutral-color)}.kai-link--neutral:hover:not(.kai-link--disabled){color:var(--kai-link-neutral-color-hover)}.kai-link--neutral:active:not(.kai-link--disabled){color:var(--kai-link-neutral-color-active)}.kai-link--neutral:visited:not(.kai-link--disabled){color:var(--kai-link-neutral-color-visited)}.kai-link--underline,.kai-link--underline-hover:hover{text-decoration:underline;text-underline-offset:2px}.kai-link__icon{display:inline-flex;align-items:center;justify-content:center}.kai-link__icon svg{width:14px;height:14px}.kai-link--external .kai-link__icon{margin-left:2px}:root{--kai-skeleton-bg: var(--ksd-background-surface-strong, #F2F2F4);--kai-skeleton-highlight: var(--ksd-background-surface-subtle, #F7F7F9);--kai-skeleton-radius: var(--ksd-radii-r3, 6px);--kai-skeleton-radius-circle: 50%;--kai-skeleton-animation-duration: 1.5s}.kai-skeleton{display:block;background:var(--kai-skeleton-bg);border-radius:var(--kai-skeleton-radius);animation:kai-skeleton-pulse var(--kai-skeleton-animation-duration) ease-in-out infinite}.kai-skeleton--circle{border-radius:var(--kai-skeleton-radius-circle)}.kai-skeleton--text{height:1em;margin-bottom:.5em}.kai-skeleton--text:last-child{width:60%}.kai-skeleton--wave{position:relative;overflow:hidden;animation:none}.kai-skeleton--wave:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,var(--kai-skeleton-highlight),transparent);transform:translate(-100%);animation:kai-skeleton-wave var(--kai-skeleton-animation-duration) ease-in-out infinite}@keyframes kai-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes kai-skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}:root{--kai-progress-height-sm: 4px;--kai-progress-height-md: 8px;--kai-progress-height-lg: 12px;--kai-progress-radius: 999px;--kai-progress-transition: width .3s ease;--kai-progress-track: var(--ksd-background-surface-strong, #F2F2F4);--kai-progress-bar: var(--ksd-brand-primary, #2C6FE7);--kai-progress-bar-success: var(--ksd-state-success, #33BD48);--kai-progress-bar-warning: var(--ksd-state-warning, #ED9A00);--kai-progress-bar-error: var(--ksd-state-danger, #ED1C1C);--kai-progress-text: var(--ksd-text-primary, #0A1833)}.kai-progress--line{display:flex;align-items:center;gap:12px;width:100%}.kai-progress--line .kai-progress__track{flex:1;height:var(--kai-progress-height-md);background:var(--kai-progress-track);border-radius:var(--kai-progress-radius);overflow:hidden}.kai-progress--line.kai-progress--sm .kai-progress__track{height:var(--kai-progress-height-sm)}.kai-progress--line.kai-progress--lg .kai-progress__track{height:var(--kai-progress-height-lg)}.kai-progress--line .kai-progress__fill{height:100%;background:var(--kai-progress-bar);border-radius:var(--kai-progress-radius);transition:var(--kai-progress-transition)}.kai-progress--line.kai-progress--success .kai-progress__fill{background:var(--kai-progress-bar-success)}.kai-progress--line.kai-progress--warning .kai-progress__fill{background:var(--kai-progress-bar-warning)}.kai-progress--line.kai-progress--error .kai-progress__fill{background:var(--kai-progress-bar-error)}.kai-progress__info{display:flex;align-items:center;gap:8px}.kai-progress__label{font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-sm, 14px);color:var(--kai-progress-text);white-space:nowrap;min-width:40px;text-align:right}.kai-progress__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.kai-progress__icon--success{color:var(--kai-progress-bar-success)}.kai-progress__icon--error{color:var(--kai-progress-bar-error)}.kai-progress__icon--warning{color:var(--kai-progress-bar-warning)}.kai-progress--circle{position:relative;display:inline-flex;align-items:center;justify-content:center}.kai-progress__svg{display:block}.kai-progress--circle .kai-progress__track{fill:none;stroke:var(--kai-progress-track)}.kai-progress--circle .kai-progress__fill{fill:none;stroke:var(--kai-progress-bar);stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .3s ease}.kai-progress--circle.kai-progress--success .kai-progress__fill{stroke:var(--kai-progress-bar-success)}.kai-progress--circle.kai-progress--warning .kai-progress__fill{stroke:var(--kai-progress-bar-warning)}.kai-progress--circle.kai-progress--error .kai-progress__fill{stroke:var(--kai-progress-bar-error)}.kai-progress__content{position:absolute;display:flex;align-items:center;justify-content:center}.kai-progress--circle .kai-progress__label{position:absolute;font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-sm, 14px);font-weight:var(--ksd-typography-font-weight-medium, 500);color:var(--kai-progress-text)}.kai-progress--circle .kai-progress__icon{position:absolute}@keyframes kai-progress-stripe{0%{background-position:1rem 0}to{background-position:0 0}}:root{--kai-stepper-gap: 8px;--kai-stepper-line-color: var(--ksd-border-primary, #E9E9EB);--kai-stepper-line-active-color: var(--ksd-brand-primary, #2C6FE7);--kai-stepper-transition: .3s ease;--kai-stepper-step-indicator-size: 32px;--kai-stepper-step-indicator-bg: var(--ksd-background-surface, #FFFFFF);--kai-stepper-step-indicator-border: var(--ksd-border-strong, #D4D6D9);--kai-stepper-step-indicator-active-bg: var(--ksd-brand-primary, #2C6FE7);--kai-stepper-step-indicator-active-border: var(--ksd-brand-primary, #2C6FE7);--kai-stepper-step-indicator-completed-bg: var(--ksd-brand-primary, #2C6FE7);--kai-stepper-step-indicator-error-bg: var(--ksd-state-danger, #ED1C1C);--kai-stepper-step-indicator-error-border: var(--ksd-state-danger, #ED1C1C);--kai-stepper-step-indicator-text: var(--ksd-text-tertiary, #545D70);--kai-stepper-step-indicator-active-text: var(--ksd-colors-common-white, #FFFFFF);--kai-stepper-step-title-color: var(--ksd-text-primary, #0A1833);--kai-stepper-step-title-active-color: var(--ksd-brand-primary, #2C6FE7);--kai-stepper-step-description-color: var(--ksd-text-caption, #6C7485)}.kai-stepper{display:flex;align-items:flex-start}.kai-stepper--horizontal{flex-direction:row}.kai-stepper--vertical{flex-direction:column}.kai-stepper-step{display:flex;align-items:flex-start;flex:1;position:relative}.kai-stepper--vertical .kai-stepper-step,.kai-stepper--horizontal .kai-stepper-step{flex-direction:row}.kai-stepper-step__content{display:flex;flex-direction:column;align-items:center;gap:var(--kai-stepper-gap)}.kai-stepper--vertical .kai-stepper-step__content{flex-direction:column;align-items:flex-start}.kai-stepper--horizontal .kai-stepper-step__content{flex-direction:column;align-items:center}.kai-stepper-step__indicator{display:flex;align-items:center;justify-content:center;width:var(--kai-stepper-step-indicator-size);height:var(--kai-stepper-step-indicator-size);border-radius:50%;border:2px solid var(--kai-stepper-step-indicator-border);background:var(--kai-stepper-step-indicator-bg);font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-sm, 14px);font-weight:var(--ksd-typography-font-weight-medium, 500);color:var(--kai-stepper-step-indicator-text);transition:background var(--kai-stepper-transition),border-color var(--kai-stepper-transition),color var(--kai-stepper-transition);flex-shrink:0}.kai-stepper-step--active .kai-stepper-step__indicator{background:var(--kai-stepper-step-indicator-active-bg);border-color:var(--kai-stepper-step-indicator-active-border);color:var(--kai-stepper-step-indicator-active-text)}.kai-stepper-step--completed .kai-stepper-step__indicator{background:var(--kai-stepper-step-indicator-completed-bg);border-color:var(--kai-stepper-step-indicator-completed-bg);color:var(--kai-stepper-step-indicator-active-text)}.kai-stepper-step--error .kai-stepper-step__indicator{background:var(--kai-stepper-step-indicator-error-bg);border-color:var(--kai-stepper-step-indicator-error-border);color:var(--kai-stepper-step-indicator-active-text)}.kai-stepper-step__indicator svg{width:16px;height:16px}.kai-stepper-step__title{font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-sm, 14px);font-weight:var(--ksd-typography-font-weight-medium, 500);color:var(--kai-stepper-step-title-color)}.kai-stepper-step--active .kai-stepper-step__title{color:var(--kai-stepper-step-title-active-color)}.kai-stepper-step__description{font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-xs, 12px);color:var(--kai-stepper-step-description-color);margin-top:4px}.kai-stepper-step__connector{background:var(--kai-stepper-line-color);transition:background var(--kai-stepper-transition);flex-shrink:0}.kai-stepper-step__connector[data-orientation=horizontal]{height:2px;flex:1;margin-left:8px;margin-right:8px;align-self:center}.kai-stepper-step__connector[data-orientation=vertical]{position:absolute;top:calc(var(--kai-stepper-step-indicator-size) + 8px);left:calc(var(--kai-stepper-step-indicator-size) / 2);bottom:8px;width:2px;transform:translate(-50%)}.kai-stepper-step[data-last=true] .kai-stepper-step__connector{display:none}.kai-stepper-step--completed .kai-stepper-step__connector{background:var(--kai-stepper-line-active-color)}:root{--kai-table-bg: var(--ksd-background-surface, #FFFFFF);--kai-table-border: var(--ksd-border-primary, #E9E9EB);--kai-table-radius: var(--ksd-radii-r4, 8px);--kai-table-transition: .2s ease;--kai-table-header-bg: var(--ksd-background-surface-subtle, #F7F7F9);--kai-table-header-color: var(--ksd-text-secondary, #3B485C);--kai-table-header-font-size: var(--ksd-typography-font-size-xs, 12px);--kai-table-header-font-weight: var(--ksd-typography-font-weight-semibold, 600);--kai-table-cell-padding-sm: 8px 12px;--kai-table-cell-padding-md: 12px 16px;--kai-table-cell-padding-lg: 16px 20px;--kai-table-cell-color: var(--ksd-text-primary, #0A1833);--kai-table-cell-font-size: var(--ksd-typography-font-size-sm, 14px);--kai-table-row-hover-bg: var(--ksd-background-surface-subtle, #F7F7F9);--kai-table-row-selected-bg: var(--ksd-brand-primary-subtle, rgba(44, 111, 231, .06));--kai-table-row-stripe-bg: var(--ksd-background-surface-subtle, #F7F7F9)}.kai-table__container{overflow-x:auto;border:1px solid var(--kai-table-border);border-radius:var(--kai-table-radius);background:var(--kai-table-bg)}.kai-table__container--full-width{width:100%}.kai-table__container--scroll-x{overflow-x:auto}.kai-table__container--scroll-y{overflow-y:auto}.kai-table-wrapper{overflow-x:auto;border:1px solid var(--kai-table-border);border-radius:var(--kai-table-radius);background:var(--kai-table-bg)}.kai-table{width:100%;border-collapse:collapse;font-family:var(--ksd-typography-font-family)}.kai-table--sm .kai-table__cell,.kai-table--sm .kai-table__header-cell{padding:var(--kai-table-cell-padding-sm)}.kai-table--md .kai-table__cell,.kai-table--md .kai-table__header-cell{padding:var(--kai-table-cell-padding-md)}.kai-table--lg .kai-table__cell,.kai-table--lg .kai-table__header-cell{padding:var(--kai-table-cell-padding-lg)}.kai-table--bordered{border:1px solid var(--kai-table-border)}.kai-table--bordered .kai-table__cell,.kai-table--bordered .kai-table__header-cell{border-right:1px solid var(--kai-table-border)}.kai-table--bordered .kai-table__cell:last-child,.kai-table--bordered .kai-table__header-cell:last-child{border-right:none}.kai-table__head{background:var(--kai-table-header-bg)}.kai-table__header-cell{padding:var(--kai-table-cell-padding-md);font-size:var(--kai-table-header-font-size);font-weight:var(--kai-table-header-font-weight);color:var(--kai-table-header-color);text-align:left;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--kai-table-border)}.kai-table__header-cell--align-left{text-align:left}.kai-table__header-cell--align-center{text-align:center}.kai-table__header-cell--align-right{text-align:right}.kai-table__header-cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.kai-table__header-cell--sortable:hover{background:var(--ksd-background-surface-strong, #F2F2F4)}.kai-table__row{transition:background-color var(--kai-table-transition)}.kai-table__row--selected{background:var(--kai-table-row-selected-bg)}.kai-table__row--expandable{cursor:pointer}.kai-table__cell{padding:var(--kai-table-cell-padding-md);font-size:var(--kai-table-cell-font-size);color:var(--kai-table-cell-color);border-bottom:1px solid var(--kai-table-border)}.kai-table__cell--align-left{text-align:left}.kai-table__cell--align-center{text-align:center}.kai-table__cell--align-right{text-align:right}.kai-table__body .kai-table__row:last-child .kai-table__cell{border-bottom:none}.kai-table--hoverable .kai-table__row:hover{background:var(--kai-table-row-hover-bg)}.kai-table--striped .kai-table__row:nth-child(2n){background:var(--kai-table-row-stripe-bg)}.kai-table__row[data-selected=true]{background:var(--kai-table-row-selected-bg)}.kai-table__expand-button{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:8px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--ksd-text-secondary, #3B485C);transition:transform var(--kai-table-transition)}.kai-table__expand-button:hover{color:var(--ksd-text-primary, #0A1833)}.kai-table__expand-button--expanded{transform:rotate(90deg)}.kai-table__expand-button svg{width:16px;height:16px}.kai-table__checkbox-cell{display:inline-flex;align-items:center;justify-content:center}.kai-table__cell-content{flex:1}.kai-table__cell-content--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kai-table__cell-content--wrap{white-space:normal;word-wrap:break-word}.kai-table__sort-icon{display:inline-flex;flex-direction:column;align-items:center;margin-left:4px;color:var(--ksd-text-caption, #6C7485)}.kai-table__sort-icon svg{width:12px;height:12px;opacity:.3;transition:opacity var(--kai-table-transition)}.kai-table__sort-icon svg[data-active=true]{opacity:1;color:var(--ksd-brand-primary, #2C6FE7)}.kai-table__empty{text-align:center;padding:48px 16px;color:var(--ksd-text-caption, #6C7485)}.kai-table__loading{position:relative}.kai-table__loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center}:root{--kai-transfer-width: 240px;--kai-transfer-height: 320px;--kai-transfer-bg: var(--ksd-background-surface, #FFFFFF);--kai-transfer-border: var(--ksd-border-primary, #E9E9EB);--kai-transfer-radius: var(--ksd-radii-r4, 8px);--kai-transfer-gap: 16px;--kai-transfer-transition: .2s ease;--kai-transfer-header-padding: 12px 16px;--kai-transfer-header-border: var(--ksd-border-divider, #E6E6EB);--kai-transfer-header-color: var(--ksd-text-primary, #0A1833);--kai-transfer-item-padding: 8px 16px;--kai-transfer-item-hover-bg: var(--ksd-background-surface-subtle, #F7F7F9);--kai-transfer-item-selected-bg: var(--ksd-brand-primary-subtle, rgba(44, 111, 231, .06))}.kai-transfer{display:flex;align-items:stretch;gap:var(--kai-transfer-gap)}.kai-transfer__panel{width:var(--kai-transfer-width);height:var(--kai-transfer-height);display:flex;flex-direction:column;border:1px solid var(--kai-transfer-border);border-radius:var(--kai-transfer-radius);background:var(--kai-transfer-bg);overflow:hidden}.kai-transfer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--kai-transfer-header-padding);border-bottom:1px solid var(--kai-transfer-header-border)}.kai-transfer__title{display:flex;align-items:center;gap:8px;font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-sm, 14px);font-weight:var(--ksd-typography-font-weight-medium, 500);color:var(--kai-transfer-header-color)}.kai-transfer__count{font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-xs, 12px);color:var(--ksd-text-caption, #6C7485)}.kai-transfer__search{padding:8px 12px;border-bottom:1px solid var(--kai-transfer-header-border)}.kai-transfer__list{flex:1;overflow-y:auto;list-style:none;margin:0;padding:4px 0}.kai-transfer__item{display:flex;align-items:center;gap:8px;padding:var(--kai-transfer-item-padding);cursor:pointer;transition:background var(--kai-transfer-transition)}.kai-transfer__item:hover:not(.kai-transfer__item--disabled){background:var(--kai-transfer-item-hover-bg)}.kai-transfer__operations{display:flex;flex-direction:column;justify-content:center;gap:8px}.kai-transfer__item-content{display:flex;align-items:center;gap:8px;flex:1}.kai-transfer__item-label{flex:1;font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-sm, 14px);color:var(--ksd-text-primary, #0A1833);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kai-transfer__item--selected{background:var(--kai-transfer-item-selected-bg)}.kai-transfer__item--disabled{opacity:.5;cursor:not-allowed}.kai-transfer__item-delete-button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--ksd-text-caption, #6C7485);transition:color var(--kai-transfer-transition)}.kai-transfer__item-delete-button:hover:not(:disabled){color:var(--ksd-state-danger, #ED1C1C)}.kai-transfer__item-delete-button:disabled{opacity:.5;cursor:not-allowed}.kai-transfer__empty{flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-sm, 14px);color:var(--ksd-text-caption, #6C7485)}.kai-transfer__operation-button{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:1px solid var(--ksd-border-primary, #E9E9EB);border-radius:var(--ksd-radius-sm, 6px);background:var(--ksd-background-surface, #FFFFFF);color:var(--ksd-text-primary, #0A1833);font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-sm, 14px);cursor:pointer;transition:all var(--kai-transfer-transition)}.kai-transfer__operation-button:hover:not(:disabled){background:var(--ksd-background-surface-subtle, #F7F7F9);border-color:var(--ksd-brand-primary, #2C6FE7);color:var(--ksd-brand-primary, #2C6FE7)}.kai-transfer__operation-button:active:not(:disabled){background:var(--ksd-background-surface-subtle, #F7F7F9);border-color:var(--ksd-brand-primary-active, #2055C6);color:var(--ksd-brand-primary-active, #2055C6)}.kai-transfer__operation-button:disabled{opacity:.5;cursor:not-allowed}.kai-transfer__footer{padding:8px 12px;border-top:1px solid var(--kai-transfer-header-border)}.kai-transfer__pagination{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--kai-transfer-header-border);font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-xs, 12px);color:var(--ksd-text-caption, #6C7485)}.kai-transfer__pagination-info,.kai-transfer__pagination-controls{display:flex;align-items:center;gap:8px}.kai-transfer__pagination-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--ksd-border-primary, #E9E9EB);border-radius:var(--ksd-radius-sm, 6px);background:var(--ksd-background-surface, #FFFFFF);color:var(--ksd-text-primary, #0A1833);cursor:pointer;transition:all var(--kai-transfer-transition)}.kai-transfer__pagination-button:hover:not(:disabled){background:var(--ksd-background-surface-subtle, #F7F7F9);border-color:var(--ksd-brand-primary, #2C6FE7);color:var(--ksd-brand-primary, #2C6FE7)}.kai-transfer__pagination-button:disabled{opacity:.5;cursor:not-allowed}:root{--kai-upload-border: var(--ksd-border-primary, #E9E9EB);--kai-upload-border-hover: var(--ksd-brand-primary, #2C6FE7);--kai-upload-border-active: var(--ksd-brand-primary, #2C6FE7);--kai-upload-bg: var(--ksd-background-surface, #FFFFFF);--kai-upload-bg-hover: var(--ksd-brand-primary-subtle, rgba(44, 111, 231, .06));--kai-upload-radius: var(--ksd-radii-r4, 8px);--kai-upload-transition: .2s ease;--kai-upload-drop-zone-padding: 32px;--kai-upload-drop-zone-min-height: 160px;--kai-upload-icon-color: var(--ksd-text-caption, #6C7485);--kai-upload-icon-size: 48px;--kai-upload-title-color: var(--ksd-text-primary, #0A1833);--kai-upload-hint-color: var(--ksd-text-caption, #6C7485);--kai-upload-link-color: var(--ksd-brand-primary, #2C6FE7);--kai-upload-file-padding: 8px 12px;--kai-upload-file-radius: var(--ksd-radii-r3, 6px);--kai-upload-file-bg: var(--ksd-background-surface-subtle, #F7F7F9)}.kai-upload{display:flex;flex-direction:column}.kai-upload__drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--kai-upload-drop-zone-min-height);padding:var(--kai-upload-drop-zone-padding);border:2px dashed var(--kai-upload-border);border-radius:var(--kai-upload-radius);background:var(--kai-upload-bg);cursor:pointer;transition:border-color var(--kai-upload-transition),background var(--kai-upload-transition)}.kai-upload__drop-zone:hover:not(.kai-upload--disabled){border-color:var(--kai-upload-border-hover);background:var(--kai-upload-bg-hover)}.kai-upload--drag-over .kai-upload__drop-zone{border-color:var(--kai-upload-border-active);background:var(--kai-upload-bg-hover)}.kai-upload--disabled .kai-upload__drop-zone{opacity:.5;cursor:not-allowed}.kai-upload__icon-wrapper{display:flex;align-items:center;justify-content:center;width:var(--kai-upload-icon-size);height:var(--kai-upload-icon-size);color:var(--kai-upload-icon-color);margin-bottom:16px}.kai-upload__icon-wrapper svg{width:100%;height:100%}.kai-upload__text-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center}.kai-upload__main-text{font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-md, 16px);font-weight:var(--ksd-typography-font-weight-medium, 500);color:var(--kai-upload-title-color);margin-bottom:8px}.kai-upload__secondary-text{font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-sm, 14px);color:var(--kai-upload-hint-color)}.kai-upload__link{color:var(--kai-upload-link-color);cursor:pointer;text-decoration:none}.kai-upload__link:hover{text-decoration:underline}.kai-upload__input{position:absolute;width:0;height:0;opacity:0;overflow:hidden;pointer-events:none}.kai-upload__file-list{margin-top:16px;display:flex;flex-direction:column;gap:8px}.kai-upload__file-item{display:flex;flex-direction:column;gap:4px;padding:var(--kai-upload-file-padding);background:var(--kai-upload-file-bg);border-radius:var(--kai-upload-file-radius)}.kai-upload__file-info-row{display:flex;align-items:center;gap:8px}.kai-upload__file-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--ksd-text-tertiary, #545D70);flex-shrink:0}.kai-upload__file-icon svg{width:16px;height:16px}.kai-upload__file-name{flex:1;min-width:0;font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-sm, 14px);color:var(--ksd-text-primary, #0A1833);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kai-upload__file-name--success{color:var(--ksd-text-primary, #0A1833)}.kai-upload__file-name--error{color:var(--ksd-state-danger, #ED1C1C)}.kai-upload__status-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.kai-upload__status-icon--success{color:var(--ksd-state-success, #33BD48)}.kai-upload__status-icon--error{color:var(--ksd-state-danger, #ED1C1C)}.kai-upload__file-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--ksd-text-caption, #6C7485);cursor:pointer;transition:color var(--kai-upload-transition);flex-shrink:0}.kai-upload__file-remove:hover{color:var(--ksd-state-danger, #ED1C1C)}.kai-upload__file-remove svg{width:14px;height:14px}.kai-upload__file-progress{display:flex;align-items:center;gap:8px;margin-top:4px}.kai-upload__progress-track{flex:1;height:4px;background:var(--ksd-border-primary, #E9E9EB);border-radius:2px;overflow:hidden}.kai-upload__progress-bar{height:100%;background:var(--ksd-brand-primary, #2C6FE7);border-radius:2px;transition:width .2s ease}.kai-upload__progress-text{font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-xs, 12px);color:var(--ksd-text-caption, #6C7485);white-space:nowrap}:root{--kai-float-button-size-sm: 40px;--kai-float-button-size-md: 48px;--kai-float-button-size-lg: 56px;--kai-float-button-icon-size-sm: 20px;--kai-float-button-icon-size-md: 24px;--kai-float-button-icon-size-lg: 28px;--kai-float-button-transition: .2s ease;--kai-float-button-primary-bg: var(--ksd-brand-primary, #2C6FE7);--kai-float-button-primary-bg-hover: var(--ksd-brand-primary-hover, #5E98F0);--kai-float-button-primary-text: var(--ksd-colors-common-white, #FFFFFF);--kai-float-button-primary-shadow: 0 4px 16px rgba(44, 111, 231, .3);--kai-float-button-default-bg: var(--ksd-background-surface, #FFFFFF);--kai-float-button-default-bg-hover: var(--ksd-background-surface-subtle, #F7F7F9);--kai-float-button-default-text: var(--ksd-text-primary, #0A1833);--kai-float-button-default-border: var(--ksd-border-primary, #E9E9EB);--kai-float-button-default-shadow: var(--ksd-shadows-l2, 0px 2px 18px 0px rgba(0, 30, 78, .1));--kai-float-button-disabled-bg: var(--ksd-background-secondary, #F2F2F4);--kai-float-button-disabled-text: var(--ksd-text-disabled, #B5BAC2);--kai-float-button-disabled-opacity: .6;--kai-float-button-offset: 24px}.kai-float-button{position:fixed;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;outline:none;transition:background var(--kai-float-button-transition),box-shadow var(--kai-float-button-transition),transform var(--kai-float-button-transition)}.kai-float-button--sm{width:var(--kai-float-button-size-sm);height:var(--kai-float-button-size-sm)}.kai-float-button--sm svg{width:var(--kai-float-button-icon-size-sm);height:var(--kai-float-button-icon-size-sm)}.kai-float-button--md{width:var(--kai-float-button-size-md);height:var(--kai-float-button-size-md)}.kai-float-button--md svg{width:var(--kai-float-button-icon-size-md);height:var(--kai-float-button-icon-size-md)}.kai-float-button--lg{width:var(--kai-float-button-size-lg);height:var(--kai-float-button-size-lg)}.kai-float-button--lg svg{width:var(--kai-float-button-icon-size-lg);height:var(--kai-float-button-icon-size-lg)}.kai-float-button--primary{background:var(--kai-float-button-primary-bg);color:var(--kai-float-button-primary-text);box-shadow:var(--kai-float-button-primary-shadow)}.kai-float-button--primary:hover:not(:disabled){background:var(--kai-float-button-primary-bg-hover)}.kai-float-button--default{background:var(--kai-float-button-default-bg);color:var(--kai-float-button-default-text);border:1px solid var(--kai-float-button-default-border);box-shadow:var(--kai-float-button-default-shadow)}.kai-float-button--default:hover:not(:disabled){background:var(--kai-float-button-default-bg-hover)}.kai-float-button:disabled{background:var(--kai-float-button-disabled-bg);color:var(--kai-float-button-disabled-text);opacity:var(--kai-float-button-disabled-opacity);cursor:not-allowed;box-shadow:none}.kai-float-button--bottom-right{bottom:var(--kai-float-button-offset);right:var(--kai-float-button-offset)}.kai-float-button--bottom-left{bottom:var(--kai-float-button-offset);left:var(--kai-float-button-offset)}.kai-float-button--top-right{top:var(--kai-float-button-offset);right:var(--kai-float-button-offset)}.kai-float-button--top-left{top:var(--kai-float-button-offset);left:var(--kai-float-button-offset)}.kai-float-button--circle{border-radius:50%}.kai-float-button--square{border-radius:var(--ksd-radii-r4, 8px)}.kai-float-button:focus-visible{outline:2px solid var(--ksd-brand-primary, #2C6FE7);outline-offset:2px}.kai-float-button:active:not(:disabled){transform:scale(.95)}.kai-float-button__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.kai-float-button__icon{display:inline-flex;align-items:center;justify-content:center}.kai-float-button__label{font-size:var(--ksd-typography-font-size-xs, 12px);line-height:1.2;white-space:nowrap}.kai-float-button-wrapper{position:relative;display:inline-block}.kai-float-button__tooltip{position:absolute;z-index:1100;padding:6px 12px;background:var(--ksd-colors-word-900, #0A1833);color:var(--ksd-colors-common-white, #FFFFFF);font-size:var(--ksd-typography-font-size-xs, 12px);line-height:1.5;border-radius:var(--ksd-radii-r3, 6px);box-shadow:var(--ksd-shadows-l2, 0px 2px 18px 0px rgba(0, 30, 78, .1));white-space:nowrap;pointer-events:none}.kai-float-button__tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.kai-float-button-wrapper[data-tooltip-placement=top] .kai-float-button__tooltip{bottom:calc(100% + 8px);left:50%;transform:translate(-50%);animation:kai-float-button-tooltip-fade-in-top .15s ease forwards}.kai-float-button-wrapper[data-tooltip-placement=top] .kai-float-button__tooltip-arrow{top:100%;left:50%;margin-left:-6px;border-width:6px 6px 0;border-color:var(--ksd-colors-word-900, #0A1833) transparent transparent}.kai-float-button-wrapper[data-tooltip-placement=bottom] .kai-float-button__tooltip{top:calc(100% + 8px);left:50%;transform:translate(-50%);animation:kai-float-button-tooltip-fade-in-bottom .15s ease forwards}.kai-float-button-wrapper[data-tooltip-placement=bottom] .kai-float-button__tooltip-arrow{bottom:100%;left:50%;margin-left:-6px;border-width:0 6px 6px;border-color:transparent transparent var(--ksd-colors-word-900, #0A1833)}.kai-float-button-wrapper[data-tooltip-placement=left] .kai-float-button__tooltip{right:calc(100% + 8px);top:50%;transform:translateY(-50%);animation:kai-float-button-tooltip-fade-in-side .15s ease forwards}.kai-float-button-wrapper[data-tooltip-placement=left] .kai-float-button__tooltip-arrow{left:100%;top:50%;margin-top:-6px;border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--ksd-colors-word-900, #0A1833)}.kai-float-button-wrapper[data-tooltip-placement=right] .kai-float-button__tooltip{left:calc(100% + 8px);top:50%;transform:translateY(-50%);animation:kai-float-button-tooltip-fade-in-side .15s ease forwards}.kai-float-button-wrapper[data-tooltip-placement=right] .kai-float-button__tooltip-arrow{right:100%;top:50%;margin-top:-6px;border-width:6px 6px 6px 0;border-color:transparent var(--ksd-colors-word-900, #0A1833) transparent transparent}@keyframes kai-float-button-tooltip-fade-in-top{0%{opacity:0;transform:translate(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes kai-float-button-tooltip-fade-in-bottom{0%{opacity:0;transform:translate(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes kai-float-button-tooltip-fade-in-side{0%{opacity:0;transform:translateY(-50%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}.kai-float-button--pressed{transform:scale(.95)}.kai-float-button-group{position:fixed;display:flex;flex-direction:column;gap:12px}.kai-float-button-group--bottom-right{bottom:var(--kai-float-button-offset);right:var(--kai-float-button-offset)}.kai-float-button-group .kai-float-button{position:relative;bottom:auto;right:auto;top:auto;left:auto}:root{--kai-number-input-height-sm: 24px;--kai-number-input-height-md: 32px;--kai-number-input-height-lg: 40px;--kai-number-input-padding: 0 12px;--kai-number-input-font-size: var(--ksd-typography-font-size-sm, 14px);--kai-number-input-radius: var(--ksd-radii-r3, 6px);--kai-number-input-transition: .2s ease;--kai-number-input-bg: var(--ksd-background-surface, #FFFFFF);--kai-number-input-border: var(--ksd-border-primary, #E9E9EB);--kai-number-input-border-hover: var(--ksd-border-strong, #D4D6D9);--kai-number-input-border-focus: var(--ksd-brand-primary, #2C6FE7);--kai-number-input-border-error: var(--ksd-state-danger, #ED1C1C);--kai-number-input-text: var(--ksd-text-primary, #0A1833);--kai-number-input-placeholder: var(--ksd-text-placeholder, #B5BAC2);--kai-number-input-disabled-bg: var(--ksd-background-secondary, #F2F2F4);--kai-number-input-disabled-text: var(--ksd-text-disabled, #B5BAC2);--kai-number-input-stepper-width: 32px;--kai-number-input-stepper-color: var(--ksd-text-tertiary, #545D70);--kai-number-input-stepper-hover-bg: var(--ksd-background-surface-subtle, #F7F7F9)}.kai-number-input{display:inline-flex;align-items:center;border:1px solid var(--kai-number-input-border);border-radius:var(--kai-number-input-radius);background:var(--kai-number-input-bg);overflow:hidden;transition:border-color var(--kai-number-input-transition)}.kai-number-input--sm{height:var(--kai-number-input-height-sm)}.kai-number-input--md{height:var(--kai-number-input-height-md)}.kai-number-input--lg{height:var(--kai-number-input-height-lg)}.kai-number-input:hover:not(.kai-number-input--disabled):not(.kai-number-input--focused):not(.kai-number-input--error){border-color:var(--kai-number-input-border-hover)}.kai-number-input--focused{border-color:var(--kai-number-input-border-focus)}.kai-number-input--error{border-color:var(--kai-number-input-border-error)}.kai-number-input--disabled{background:var(--kai-number-input-disabled-bg);cursor:not-allowed}.kai-number-input--full-width{width:100%}.kai-number-input__input{flex:1;min-width:0;height:100%;padding:var(--kai-number-input-padding);border:none;background:transparent;font-family:var(--ksd-typography-font-family);font-size:var(--kai-number-input-font-size);color:var(--kai-number-input-text);text-align:center;outline:none}.kai-number-input__input::placeholder{color:var(--kai-number-input-placeholder)}.kai-number-input__input:disabled{color:var(--kai-number-input-disabled-text);cursor:not-allowed}.kai-number-input__input::-webkit-outer-spin-button,.kai-number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.kai-number-input__input[type=number]{-moz-appearance:textfield}.kai-number-input__stepper{display:flex;align-items:center;justify-content:center;width:var(--kai-number-input-stepper-width);height:100%;padding:0;border:none;border-left:1px solid var(--kai-number-input-border);background:transparent;color:var(--kai-number-input-stepper-color);cursor:pointer;transition:background var(--kai-number-input-transition),color var(--kai-number-input-transition)}.kai-number-input__stepper--decrease{border-left:none;border-right:1px solid var(--kai-number-input-border)}.kai-number-input__stepper:hover:not(:disabled){background:var(--kai-number-input-stepper-hover-bg);color:var(--ksd-brand-primary, #2C6FE7)}.kai-number-input__stepper:disabled{color:var(--kai-number-input-disabled-text);cursor:not-allowed}.kai-number-input__stepper svg{width:14px;height:14px}.kai-number-input--inline-stepper .kai-number-input__stepper{border:none}.kai-number-input__wrapper{display:flex;align-items:center;width:100%;height:100%}.kai-number-input__button{display:flex;align-items:center;justify-content:center;width:var(--kai-number-input-stepper-width);height:100%;padding:0;border:none;background:transparent;color:var(--kai-number-input-stepper-color);cursor:pointer;transition:background var(--kai-number-input-transition),color var(--kai-number-input-transition)}.kai-number-input__button--decrement{border-right:1px solid var(--kai-number-input-border)}.kai-number-input__button--increment{border-left:1px solid var(--kai-number-input-border)}.kai-number-input__button:hover:not(:disabled){background:var(--kai-number-input-stepper-hover-bg);color:var(--ksd-brand-primary, #2C6FE7)}.kai-number-input__button:disabled{color:var(--kai-number-input-disabled-text);cursor:not-allowed}.kai-number-input__button svg{width:14px;height:14px}.kai-number-input__arrow-group{display:flex;flex-direction:column;width:var(--kai-number-input-stepper-width);height:100%;border-left:1px solid var(--kai-number-input-border)}.kai-number-input__arrow-button{display:flex;align-items:center;justify-content:center;flex:1;padding:0;border:none;background:transparent;color:var(--kai-number-input-stepper-color);cursor:pointer;transition:background var(--kai-number-input-transition),color var(--kai-number-input-transition)}.kai-number-input__arrow-button:hover:not(:disabled){background:var(--kai-number-input-stepper-hover-bg);color:var(--ksd-brand-primary, #2C6FE7)}.kai-number-input__arrow-button:disabled{color:var(--kai-number-input-disabled-text);cursor:not-allowed}.kai-number-input__arrow-button svg{width:14px;height:14px}.kai-number-input-label{display:block;margin-bottom:4px;font-family:var(--ksd-typography-font-family);font-size:var(--ksd-typography-font-size-sm, 14px);color:var(--ksd-text-primary, #0A1833)}.kai-number-input-description{margin-top:4px;font-size:12px;color:var(--ksd-text-tertiary, #545D70)}.kai-number-input-error-message{margin-top:4px;font-size:12px;color:var(--kai-number-input-border-error)}
package/dist/types/button/Button.style.d.ts CHANGED
@@ -1,11 +1,12 @@
1
1
  /**
2
2
  * Button 按钮样式
3
3
  *
4
- * 基于三层 Token 体系：
5
- * - Tier 1 (Global): 全局基础值
6
- * - Tier 2 (Semantic): 语义化映射
7
- * - Tier 3 (Component): 组件专用 Token
4
+ * 基于 CSS 变量的三层 Token 体系：
5
+ * - Tier 1 (Global): 全局基础值 --ksd-colors-*, --ksd-spacing-*, etc.
6
+ * - Tier 2 (Semantic): 语义化映射 --ksd-brand-*, --ksd-text-*, etc.
7
+ * - Tier 3 (Component): 组件专用 Token --ksd-button-*
8
8
  *
9
+ * 无需 ThemeProvider，直接使用 CSS 变量
9
10
  * 完全还原 Figma 设计稿规范
10
11
  */
11
12
  export declare const buttonVariants: readonly ["primary", "secondary", "text", "danger", "gradient"];
@@ -16,7 +17,7 @@ export type ButtonSize = (typeof buttonSizes)[number];
16
17
  * Button 根元素
17
18
  *
18
19
  * 特性：
19
- * - 基于三层 Token 设计
20
+ * - 基于 CSS 变量，无需 ThemeProvider
20
21
  * - 完整的交互状态（hover, active, focus, disabled）
21
22
  * - 支持加载状态
22
23
  * - 支持全宽模式
@@ -34,7 +35,6 @@ export declare const ButtonRoot: import("@emotion/styled").StyledComponent<{
34
35
  }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
35
36
  /**
36
37
  * 按钮内容容器
37
- *
38
38
  * 用于布局图标和文本
39
39
  */
40
40
  export declare const ButtonContent: import("@emotion/styled").StyledComponent<{
package/dist/types/card/Card.d.ts CHANGED
@@ -1,4 +1,11 @@
1
+ /**
2
+ * Card 卡片组件
3
+ *
4
+ * 基于 CSS 变量实现，无需 ThemeProvider
5
+ * 支持通过覆盖 CSS 变量自定义样式
6
+ */
1
7
  import React, { ReactNode } from 'react';
8
+ import { type CardVariant } from './Card.style';
2
9
  export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
3
10
  /**
4
11
  * Card title
@@ -24,7 +31,7 @@ export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 't
24
31
  * Card variant
25
32
  * @default 'elevated'
26
33
  */
27
- variant?: 'elevated' | 'outlined' | 'filled';
34
+ variant?: CardVariant;
28
35
  /**
29
36
  * Custom padding for body
30
37
  */
package/dist/types/card/Card.style.d.ts CHANGED
@@ -1,46 +1,44 @@
1
- import { CardTokens } from '../types/component-tokens.types';
1
+ /**
2
+ * Card 卡片样式
3
+ *
4
+ * 基于 CSS 变量的三层 Token 体系：
5
+ * - Tier 1 (Global): 全局基础值 --ksd-colors-*, --ksd-spacing-*, etc.
6
+ * - Tier 2 (Semantic): 语义化映射 --ksd-brand-*, --ksd-text-*, etc.
7
+ * - Tier 3 (Component): 组件专用 Token --ksd-card-*
8
+ *
9
+ * 无需 ThemeProvider，直接使用 CSS 变量
10
+ */
11
+ export type CardVariant = 'elevated' | 'outlined' | 'filled';
2
12
  export declare const CardContainer: import("@emotion/styled").StyledComponent<{
3
13
  theme?: import("@emotion/react").Theme;
4
14
  as?: React.ElementType;
5
15
  } & {
6
- tokens: CardTokens;
7
- variant: "elevated" | "outlined" | "filled";
16
+ variant: CardVariant;
8
17
  hoverable?: boolean;
9
18
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
19
  export declare const CardHeader: import("@emotion/styled").StyledComponent<{
11
20
  theme?: import("@emotion/react").Theme;
12
21
  as?: React.ElementType;
13
- } & {
14
- tokens: CardTokens;
15
22
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
16
23
  export declare const CardTitle: import("@emotion/styled").StyledComponent<{
17
24
  theme?: import("@emotion/react").Theme;
18
25
  as?: React.ElementType;
19
- } & {
20
- tokens: CardTokens;
21
26
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
22
27
  export declare const CardExtra: import("@emotion/styled").StyledComponent<{
23
28
  theme?: import("@emotion/react").Theme;
24
29
  as?: React.ElementType;
25
- } & {
26
- tokens: CardTokens;
27
30
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
28
31
  export declare const CardBody: import("@emotion/styled").StyledComponent<{
29
32
  theme?: import("@emotion/react").Theme;
30
33
  as?: React.ElementType;
31
34
  } & {
32
- tokens: CardTokens;
33
35
  padding?: string;
34
36
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
35
37
  export declare const CardCover: import("@emotion/styled").StyledComponent<{
36
38
  theme?: import("@emotion/react").Theme;
37
39
  as?: React.ElementType;
38
- } & {
39
- tokens: CardTokens;
40
40
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
41
41
  export declare const CardFooter: import("@emotion/styled").StyledComponent<{
42
42
  theme?: import("@emotion/react").Theme;
43
43
  as?: React.ElementType;
44
- } & {
45
- tokens: CardTokens;
46
44
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
package/dist/types/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import './tokens/index.css';
1
2
  export * from './button';
2
3
  export * from './checkbox';
3
4
  export * from './collapse';
package/dist/types/tag/Tag.style.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Tag 标签样式
3
3
  *
4
- * 基于三层 Token 体系：
5
- * - Tier 1 (Global): 全局基础值
6
- * - Tier 2 (Semantic): 语义化映射
7
- * - Tier 3 (Component): 组件专用 Token
4
+ * 基于 CSS 变量的三层 Token 体系：
5
+ * - Tier 1 (Global): 全局基础值 --ksd-colors-*, --ksd-spacing-*, etc.
6
+ * - Tier 2 (Semantic): 语义化映射 --ksd-brand-*, --ksd-text-*, etc.
7
+ * - Tier 3 (Component): 组件专用 Token --ksd-tag-*
8
8
  *
9
- * 完全还原 Figma 设计稿规范
9
+ * 无需 ThemeProvider，直接使用 CSS 变量
10
10
  */
11
11
  export declare const tagVariants: readonly ["default", "checkable"];
12
12
  export declare const tagSizes: readonly ["sm", "md", "lg"];
@@ -18,7 +18,7 @@ export type TagColor = (typeof tagColors)[number];
18
18
  * Tag 根元素
19
19
  *
20
20
  * 特性：
21
- * - 基于三层 Token 设计
21
+ * - 基于 CSS 变量，无需 ThemeProvider
22
22
  * - 支持多种颜色和变体
23
23
  * - 完整的交互状态（hover, active, disabled）
24
24
  * - 支持边框和无边框模式
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kingsoft-ai/design",
3
- "version": "0.1.14",
3
+ "version": "0.1.15",
4
4
  "type": "module",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.mjs",
@@ -10,7 +10,10 @@
10
10
  "import": "./dist/index.mjs",
11
11
  "require": "./dist/index.cjs",
12
12
  "types": "./dist/types/index.d.ts"
13
- }
13
+ },
14
+ "./style.css": "./dist/style.css",
15
+ "./tokens.css": "./src/tokens/index.css",
16
+ "./tokens/*.css": "./src/tokens/*.css"
14
17
  },
15
18
  "files": [
16
19
  "dist"