@kingsoft-ai/design 0.1.19 → 0.2.6

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 (130) hide show
  1. package/dist/index.cjs +3150 -2478
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.mjs +7430 -6241
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/style.css +1 -1
  6. package/dist/types/DesignThemeProvider.d.ts +25 -20
  7. package/dist/types/button/Button.d.ts +4 -19
  8. package/dist/types/button/Button.style.d.ts +4 -35
  9. package/dist/types/button/IconButton.d.ts +4 -5
  10. package/dist/types/button/IconButton.style.d.ts +4 -7
  11. package/dist/types/button/styled-tokens.d.ts +582 -0
  12. package/dist/types/button/tokens.d.ts +1 -1
  13. package/dist/types/button/tokens.types.d.ts +190 -0
  14. package/dist/types/card/Card.d.ts +0 -6
  15. package/dist/types/card/Card.style.d.ts +4 -7
  16. package/dist/types/card/styled-tokens.d.ts +130 -0
  17. package/dist/types/card/tokens.d.ts +1 -1
  18. package/dist/types/card/tokens.types.d.ts +48 -0
  19. package/dist/types/checkbox/Checkbox.d.ts +0 -7
  20. package/dist/types/checkbox/Checkbox.style.d.ts +29 -7
  21. package/dist/types/checkbox/CheckboxButton.d.ts +0 -16
  22. package/dist/types/checkbox/CheckboxButton.style.d.ts +24 -12
  23. package/dist/types/checkbox/styled-tokens.d.ts +122 -0
  24. package/dist/types/checkbox/tokens.d.ts +1 -1
  25. package/dist/types/checkbox/tokens.types.d.ts +39 -0
  26. package/dist/types/collapse/Collapse.d.ts +2 -34
  27. package/dist/types/collapse/Collapse.style.d.ts +4 -43
  28. package/dist/types/collapse/styled-tokens.d.ts +77 -0
  29. package/dist/types/collapse/tokens.d.ts +1 -1
  30. package/dist/types/collapse/tokens.types.d.ts +28 -0
  31. package/dist/types/context/ThemeContext.d.ts +24 -0
  32. package/dist/types/context/index.d.ts +2 -0
  33. package/dist/types/floatButton/FloatButton.d.ts +0 -21
  34. package/dist/types/floatButton/FloatButton.style.d.ts +0 -31
  35. package/dist/types/floatButton/styled-tokens.d.ts +127 -0
  36. package/dist/types/floatButton/tokens.d.ts +1 -1
  37. package/dist/types/floatButton/tokens.types.d.ts +66 -0
  38. package/dist/types/index.d.ts +5 -4
  39. package/dist/types/input/Input.d.ts +4 -22
  40. package/dist/types/input/Input.style.d.ts +4 -48
  41. package/dist/types/input/styled-tokens.d.ts +147 -0
  42. package/dist/types/input/tokens.d.ts +1 -1
  43. package/dist/types/input/tokens.types.d.ts +46 -0
  44. package/dist/types/link/Link.d.ts +4 -0
  45. package/dist/types/link/Link.style.d.ts +4 -10
  46. package/dist/types/link/styled-tokens.d.ts +107 -0
  47. package/dist/types/link/tokens.d.ts +1 -1
  48. package/dist/types/link/tokens.types.d.ts +39 -0
  49. package/dist/types/menu/Menu.d.ts +0 -25
  50. package/dist/types/menu/Menu.style.d.ts +4 -43
  51. package/dist/types/menu/MenuItem.d.ts +0 -6
  52. package/dist/types/menu/styled-tokens.d.ts +217 -0
  53. package/dist/types/menu/tokens.d.ts +1 -1
  54. package/dist/types/menu/tokens.types.d.ts +79 -0
  55. package/dist/types/modal/Modal.d.ts +0 -8
  56. package/dist/types/modal/Modal.style.d.ts +4 -11
  57. package/dist/types/modal/styled-tokens.d.ts +370 -0
  58. package/dist/types/modal/tokens.d.ts +1 -1
  59. package/dist/types/modal/tokens.types.d.ts +107 -0
  60. package/dist/types/numberInput/NumberInput.d.ts +2 -22
  61. package/dist/types/numberInput/NumberInput.style.d.ts +4 -7
  62. package/dist/types/numberInput/styled-tokens.d.ts +192 -0
  63. package/dist/types/numberInput/tokens.d.ts +1 -1
  64. package/dist/types/numberInput/tokens.types.d.ts +65 -0
  65. package/dist/types/progress/Progress.d.ts +4 -27
  66. package/dist/types/progress/Progress.style.d.ts +4 -43
  67. package/dist/types/progress/styled-tokens.d.ts +137 -0
  68. package/dist/types/progress/tokens.d.ts +3 -0
  69. package/dist/types/progress/tokens.types.d.ts +52 -0
  70. package/dist/types/radio/Radio.d.ts +4 -0
  71. package/dist/types/radio/Radio.style.d.ts +9 -28
  72. package/dist/types/radio/styled-tokens.d.ts +122 -0
  73. package/dist/types/radio/tokens.d.ts +1 -1
  74. package/dist/types/radio/tokens.types.d.ts +41 -0
  75. package/dist/types/select/Select.style.d.ts +4 -7
  76. package/dist/types/select/styled-tokens.d.ts +237 -0
  77. package/dist/types/select/tokens.d.ts +1 -1
  78. package/dist/types/select/tokens.types.d.ts +72 -0
  79. package/dist/types/skeleton/Skeleton.style.d.ts +0 -25
  80. package/dist/types/skeleton/styled-tokens.d.ts +82 -0
  81. package/dist/types/skeleton/tokens.d.ts +1 -1
  82. package/dist/types/skeleton/tokens.types.d.ts +31 -0
  83. package/dist/types/slider/Slider.d.ts +74 -0
  84. package/dist/types/slider/Slider.style.d.ts +125 -0
  85. package/dist/types/slider/__tests__/Slider.test.d.ts +13 -0
  86. package/dist/types/slider/index.d.ts +2 -0
  87. package/dist/types/slider/styled-tokens.d.ts +252 -0
  88. package/dist/types/slider/tokens.d.ts +3 -0
  89. package/dist/types/slider/tokens.types.d.ts +121 -0
  90. package/dist/types/stepper/Stepper.d.ts +3 -0
  91. package/dist/types/stepper/Stepper.style.d.ts +4 -7
  92. package/dist/types/stepper/styled-tokens.d.ts +157 -0
  93. package/dist/types/stepper/tokens.d.ts +1 -1
  94. package/dist/types/stepper/tokens.types.d.ts +68 -0
  95. package/dist/types/switch/Switch.d.ts +4 -35
  96. package/dist/types/switch/Switch.style.d.ts +4 -56
  97. package/dist/types/switch/styled-tokens.d.ts +132 -0
  98. package/dist/types/switch/tokens.d.ts +1 -1
  99. package/dist/types/switch/tokens.types.d.ts +45 -0
  100. package/dist/types/table/Table.d.ts +2 -0
  101. package/dist/types/table/Table.style.d.ts +4 -7
  102. package/dist/types/table/styled-tokens.d.ts +182 -0
  103. package/dist/types/table/tokens.d.ts +3 -0
  104. package/dist/types/table/tokens.types.d.ts +43 -0
  105. package/dist/types/tag/Tag.d.ts +4 -36
  106. package/dist/types/tag/Tag.style.d.ts +5 -41
  107. package/dist/types/tag/styled-tokens.d.ts +140 -0
  108. package/dist/types/tag/tokens.d.ts +1 -1
  109. package/dist/types/tag/tokens.types.d.ts +76 -0
  110. package/dist/types/theme.d.ts +1 -2
  111. package/dist/types/tooltip/Tooltip.d.ts +0 -18
  112. package/dist/types/tooltip/Tooltip.style.d.ts +0 -19
  113. package/dist/types/tooltip/styled-tokens.d.ts +72 -0
  114. package/dist/types/tooltip/tokens.d.ts +1 -1
  115. package/dist/types/tooltip/tokens.types.d.ts +21 -0
  116. package/dist/types/transfer/Transfer.d.ts +0 -20
  117. package/dist/types/transfer/Transfer.style.d.ts +0 -10
  118. package/dist/types/transfer/styled-tokens.d.ts +252 -0
  119. package/dist/types/transfer/tokens.d.ts +1 -1
  120. package/dist/types/transfer/tokens.types.d.ts +79 -0
  121. package/dist/types/types/index.d.ts +64 -4
  122. package/dist/types/upload/Upload.d.ts +2 -21
  123. package/dist/types/upload/Upload.style.d.ts +4 -64
  124. package/dist/types/upload/styled-tokens.d.ts +227 -0
  125. package/dist/types/upload/tokens.d.ts +3 -0
  126. package/dist/types/upload/tokens.types.d.ts +66 -0
  127. package/dist/types/utils/index.d.ts +4 -0
  128. package/dist/types/utils/styled-token.d.ts +117 -0
  129. package/package.json +5 -4
  130. package/dist/styles.css +0 -1
package/dist/style.css CHANGED
@@ -1 +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-checkbox-control-size: 16px;--ksd-checkbox-control-border-radius: var(--ksd-radii-r2);--ksd-checkbox-control-border-width: 1px;--ksd-checkbox-icon-size: 10px;--ksd-checkbox-control-bg: var(--ksd-colors-common-white);--ksd-checkbox-control-bg-checked: var(--ksd-brand-primary);--ksd-checkbox-control-bg-disabled: var(--ksd-colors-neutral-100);--ksd-checkbox-control-bg-disabled-checked: var(--ksd-colors-blue-200);--ksd-checkbox-control-border: var(--ksd-colors-neutral-400);--ksd-checkbox-control-border-hover: var(--ksd-brand-primary);--ksd-checkbox-control-border-checked: var(--ksd-brand-primary);--ksd-checkbox-control-border-disabled: var(--ksd-colors-neutral-400);--ksd-checkbox-control-border-disabled-checked: var(--ksd-colors-blue-200);--ksd-checkbox-icon-color: var(--ksd-colors-common-white);--ksd-checkbox-focus-ring: 0 0 0 4px rgba(44, 111, 231, .18);--ksd-checkbox-gap: var(--ksd-spacing-sm);--ksd-checkbox-label-font-size: var(--ksd-typography-font-size-xs);--ksd-checkbox-label-line-height: 18px;--ksd-checkbox-label-font-weight: var(--ksd-typography-font-weight-regular);--ksd-checkbox-label-color: var(--ksd-colors-word-900);--ksd-checkbox-label-color-disabled: var(--ksd-colors-word-300);--ksd-checkbox-transition: .16s ease}[data-theme=dark]{--ksd-checkbox-control-bg: transparent;--ksd-checkbox-control-bg-disabled: rgba(148, 163, 184, .15);--ksd-checkbox-control-border: rgba(148, 163, 184, .28);--ksd-checkbox-control-border-disabled: rgba(148, 163, 184, .18);--ksd-checkbox-label-color: var(--ksd-text-primary);--ksd-checkbox-label-color-disabled: var(--ksd-text-disabled)}:root,[data-theme=light]{--ksd-collapse-border-radius: var(--ksd-radii-r3);--ksd-collapse-gap: var(--ksd-spacing-sm);--ksd-collapse-transition: .3s cubic-bezier(.4, 0, .2, 1);--ksd-collapse-arrow-size: 16px;--ksd-collapse-border: var(--ksd-border-primary);--ksd-collapse-divider: var(--ksd-border-primary);--ksd-collapse-bg: var(--ksd-background-surface);--ksd-collapse-bg-hover: var(--ksd-background-surface-subtle);--ksd-collapse-text: var(--ksd-text-secondary);--ksd-collapse-text-title: var(--ksd-text-primary);--ksd-collapse-arrow: var(--ksd-text-secondary);--ksd-collapse-header-padding: 12px 24px;--ksd-collapse-content-padding: 0 24px 12px 24px}:root,[data-theme=light]{--ksd-float-button-default-bg: var(--ksd-background-surface);--ksd-float-button-default-bg-hover: var(--ksd-background-surface-subtle);--ksd-float-button-default-bg-active: var(--ksd-background-surface-subtle);--ksd-float-button-default-text: var(--ksd-text-primary);--ksd-float-button-default-border: var(--ksd-border-primary);--ksd-float-button-default-shadow: var(--ksd-shadows-l1);--ksd-float-button-default-shadow-hover: var(--ksd-shadows-l3);--ksd-float-button-primary-bg: var(--ksd-brand-primary);--ksd-float-button-primary-bg-hover: var(--ksd-brand-primary-hover);--ksd-float-button-primary-bg-active: var(--ksd-brand-primary-active);--ksd-float-button-primary-text: var(--ksd-text-on-brand);--ksd-float-button-primary-border: transparent;--ksd-float-button-primary-shadow: var(--ksd-shadows-l1);--ksd-float-button-primary-shadow-hover: var(--ksd-shadows-l3);--ksd-float-button-disabled-bg: var(--ksd-border-primary);--ksd-float-button-disabled-text: var(--ksd-text-disabled);--ksd-float-button-disabled-opacity: .6;--ksd-float-button-sm-size: 32px;--ksd-float-button-md-size: 40px;--ksd-float-button-lg-size: 48px;--ksd-float-button-icon-size: var(--ksd-typography-font-size-lg);--ksd-float-button-description-font-size: var(--ksd-typography-font-size-xs);--ksd-float-button-description-line-height: 1.2}:root,[data-theme=light]{--ksd-icon-button-border-radius: var(--ksd-radii-r3);--ksd-icon-button-transition: .2s ease;--ksd-icon-button-focus-ring-color: rgba(44, 111, 231, .35);--ksd-icon-button-focus-ring-offset: 2px;--ksd-icon-button-focus-ring-width: 2px;--ksd-icon-button-solid-primary-bg: var(--ksd-brand-primary);--ksd-icon-button-solid-primary-bg-hover: var(--ksd-brand-primary-hover);--ksd-icon-button-solid-primary-bg-active: var(--ksd-brand-primary-active);--ksd-icon-button-solid-primary-border: transparent;--ksd-icon-button-solid-primary-icon: var(--ksd-text-on-brand);--ksd-icon-button-solid-neutral-bg: var(--ksd-background-surface);--ksd-icon-button-solid-neutral-bg-hover: var(--ksd-background-surface-subtle);--ksd-icon-button-solid-neutral-bg-active: var(--ksd-background-surface-strong);--ksd-icon-button-solid-neutral-border: transparent;--ksd-icon-button-solid-neutral-icon: var(--ksd-text-primary);--ksd-icon-button-solid-danger-bg: var(--ksd-state-danger);--ksd-icon-button-solid-danger-bg-hover: var(--ksd-state-danger-hover);--ksd-icon-button-solid-danger-bg-active: var(--ksd-state-danger-active);--ksd-icon-button-solid-danger-border: transparent;--ksd-icon-button-solid-danger-icon: var(--ksd-state-danger-on);--ksd-icon-button-outline-primary-bg: transparent;--ksd-icon-button-outline-primary-bg-hover: var(--ksd-brand-primary-subtle);--ksd-icon-button-outline-primary-bg-active: rgba(44, 111, 231, .16);--ksd-icon-button-outline-primary-border: var(--ksd-brand-primary);--ksd-icon-button-outline-primary-icon: var(--ksd-brand-primary);--ksd-icon-button-outline-primary-icon-hover: var(--ksd-brand-primary-hover);--ksd-icon-button-outline-primary-icon-active: var(--ksd-brand-primary-active);--ksd-icon-button-outline-neutral-bg: transparent;--ksd-icon-button-outline-neutral-bg-hover: var(--ksd-background-surface-subtle);--ksd-icon-button-outline-neutral-bg-active: var(--ksd-background-surface-strong);--ksd-icon-button-outline-neutral-border: var(--ksd-border-primary);--ksd-icon-button-outline-neutral-border-hover: var(--ksd-border-strong);--ksd-icon-button-outline-neutral-icon: var(--ksd-text-primary);--ksd-icon-button-outline-danger-bg: transparent;--ksd-icon-button-outline-danger-bg-hover: var(--ksd-state-danger-subtle);--ksd-icon-button-outline-danger-bg-active: rgba(237, 28, 28, .18);--ksd-icon-button-outline-danger-border: var(--ksd-state-danger);--ksd-icon-button-outline-danger-icon: var(--ksd-state-danger);--ksd-icon-button-outline-danger-icon-hover: var(--ksd-state-danger-hover);--ksd-icon-button-outline-danger-icon-active: var(--ksd-state-danger-active);--ksd-icon-button-ghost-primary-bg: transparent;--ksd-icon-button-ghost-primary-bg-hover: var(--ksd-brand-primary-subtle);--ksd-icon-button-ghost-primary-bg-active: rgba(44, 111, 231, .16);--ksd-icon-button-ghost-primary-border: transparent;--ksd-icon-button-ghost-primary-icon: var(--ksd-brand-primary);--ksd-icon-button-ghost-primary-icon-hover: var(--ksd-brand-primary-hover);--ksd-icon-button-ghost-primary-icon-active: var(--ksd-brand-primary-active);--ksd-icon-button-ghost-neutral-bg: transparent;--ksd-icon-button-ghost-neutral-bg-hover: rgba(10, 24, 51, .05);--ksd-icon-button-ghost-neutral-bg-active: rgba(10, 24, 51, .1);--ksd-icon-button-ghost-neutral-border: transparent;--ksd-icon-button-ghost-neutral-icon: var(--ksd-text-primary);--ksd-icon-button-ghost-danger-bg: transparent;--ksd-icon-button-ghost-danger-bg-hover: var(--ksd-state-danger-subtle);--ksd-icon-button-ghost-danger-bg-active: rgba(237, 28, 28, .18);--ksd-icon-button-ghost-danger-border: transparent;--ksd-icon-button-ghost-danger-icon: var(--ksd-state-danger);--ksd-icon-button-ghost-danger-icon-hover: var(--ksd-state-danger-hover);--ksd-icon-button-ghost-danger-icon-active: var(--ksd-state-danger-active);--ksd-icon-button-disabled-bg: var(--ksd-background-surface-subtle);--ksd-icon-button-disabled-border: var(--ksd-border-primary);--ksd-icon-button-disabled-icon: var(--ksd-text-disabled);--ksd-icon-button-disabled-opacity: .6;--ksd-icon-button-sm-edge: 24px;--ksd-icon-button-sm-icon-size: 16px;--ksd-icon-button-md-edge: 32px;--ksd-icon-button-md-icon-size: 18px;--ksd-icon-button-lg-edge: 40px;--ksd-icon-button-lg-icon-size: 20px}[data-theme=dark]{--ksd-icon-button-ghost-neutral-bg-hover: rgba(255, 255, 255, .08);--ksd-icon-button-ghost-neutral-bg-active: rgba(255, 255, 255, .12)}:root,[data-theme=light]{--ksd-input-border-radius: var(--ksd-radii-r3);--ksd-input-gap: var(--ksd-spacing-sm);--ksd-input-transition: .2s ease;--ksd-input-border-default: var(--ksd-border-primary);--ksd-input-border-hover: var(--ksd-border-strong);--ksd-input-border-focus: var(--ksd-brand-primary);--ksd-input-border-error: var(--ksd-state-danger);--ksd-input-border-disabled: var(--ksd-border-primary);--ksd-input-bg-default: var(--ksd-background-surface);--ksd-input-bg-disabled: var(--ksd-background-secondary);--ksd-input-text-default: var(--ksd-text-primary);--ksd-input-text-placeholder: var(--ksd-text-placeholder);--ksd-input-text-disabled: var(--ksd-text-disabled);--ksd-input-text-error: var(--ksd-state-danger);--ksd-input-text-counter: var(--ksd-text-caption);--ksd-input-disabled-opacity: .6;--ksd-input-sm-height: 24px;--ksd-input-sm-font-size: var(--ksd-typography-font-size-xs);--ksd-input-sm-padding-inline: var(--ksd-spacing-md);--ksd-input-sm-icon-size: 14px;--ksd-input-md-height: 32px;--ksd-input-md-font-size: var(--ksd-typography-font-size-xs);--ksd-input-md-padding-inline: var(--ksd-spacing-md);--ksd-input-md-icon-size: 16px;--ksd-input-lg-height: 40px;--ksd-input-lg-font-size: var(--ksd-typography-font-size-xs);--ksd-input-lg-padding-inline: var(--ksd-spacing-md);--ksd-input-lg-icon-size: 18px}:root,[data-theme=light]{--ksd-link-border-radius: 4px;--ksd-link-transition: .2s ease;--ksd-link-focus-ring-color: var(--ksd-brand-primary);--ksd-link-focus-ring-offset: 2px;--ksd-link-primary-color: var(--ksd-brand-primary);--ksd-link-primary-color-hover: #2468f2;--ksd-link-primary-color-active: #2055c6;--ksd-link-primary-color-disabled: var(--ksd-text-disabled);--ksd-link-primary-decoration: none;--ksd-link-primary-decoration-hover: none;--ksd-link-neutral-color: var(--ksd-text-primary);--ksd-link-neutral-color-hover: var(--ksd-brand-primary);--ksd-link-neutral-color-active: #2055c6;--ksd-link-neutral-color-disabled: var(--ksd-text-disabled);--ksd-link-neutral-decoration: none;--ksd-link-neutral-decoration-hover: none;--ksd-link-sm-font-size: 12px;--ksd-link-md-font-size: 14px;--ksd-link-lg-font-size: 16px}:root,[data-theme=light]{--ksd-menu-container-width-expanded: 240px;--ksd-menu-container-width-collapsed: 68px;--ksd-menu-container-bg: var(--ksd-colors-common-white);--ksd-menu-container-border: 1px solid var(--ksd-border-primary);--ksd-menu-container-padding: var(--ksd-spacing-lg);--ksd-menu-item-height: 40px;--ksd-menu-item-padding-inline: var(--ksd-spacing-lg);--ksd-menu-item-font-size: var(--ksd-typography-font-size-sm);--ksd-menu-item-font-weight: var(--ksd-typography-font-weight-regular);--ksd-menu-item-icon-size: 20px;--ksd-menu-item-gap: var(--ksd-spacing-sm);--ksd-menu-item-border-radius: var(--ksd-radii-r3);--ksd-menu-item-transition: .2s ease;--ksd-menu-item-bg: transparent;--ksd-menu-item-bg-hover: var(--ksd-background-surface-subtle);--ksd-menu-item-bg-active: linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, .15) 100%);--ksd-menu-item-text: var(--ksd-text-primary);--ksd-menu-item-text-hover: var(--ksd-text-primary);--ksd-menu-item-text-active: var(--ksd-text-primary);--ksd-menu-subitem-padding-left: 20px;--ksd-menu-group-margin-top: var(--ksd-spacing-xl);--ksd-menu-group-margin-bottom: var(--ksd-spacing-md);--ksd-menu-group-gap: var(--ksd-spacing-xs);--ksd-menu-group-title-height: 18px;--ksd-menu-group-title-font-size: var(--ksd-typography-font-size-xs);--ksd-menu-group-title-font-weight: var(--ksd-typography-font-weight-regular);--ksd-menu-group-title-color: var(--ksd-text-secondary);--ksd-menu-group-title-margin-bottom: var(--ksd-spacing-sm);--ksd-menu-scrollbar-width: 8px;--ksd-menu-scrollbar-thumb-color: rgba(0, 0, 0, .2);--ksd-menu-scrollbar-track-color: transparent;--ksd-menu-popover-bg: var(--ksd-colors-common-white);--ksd-menu-popover-border: 1px solid var(--ksd-border-primary);--ksd-menu-popover-border-radius: var(--ksd-radii-r4);--ksd-menu-popover-shadow: 0 4px 12px rgba(0, 0, 0, .08);--ksd-menu-popover-padding: var(--ksd-spacing-xs);--ksd-menu-popover-item-bg: transparent;--ksd-menu-popover-item-bg-hover: var(--ksd-background-surface-subtle);--ksd-menu-popover-item-bg-active: linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, .15) 100%);--ksd-menu-popover-item-text: var(--ksd-text-primary);--ksd-menu-popover-item-text-active: var(--ksd-brand-primary)}[data-theme=dark]{--ksd-menu-container-bg: var(--ksd-background-surface);--ksd-menu-item-bg-hover: var(--ksd-background-surface-strong);--ksd-menu-item-bg-active: linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, .2) 100%);--ksd-menu-scrollbar-thumb-color: rgba(255, 255, 255, .2);--ksd-menu-popover-bg: var(--ksd-background-surface);--ksd-menu-popover-shadow: 0 4px 12px rgba(0, 0, 0, .4);--ksd-menu-popover-item-bg-hover: var(--ksd-background-surface-strong);--ksd-menu-popover-item-bg-active: linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, .2) 100%)}:root,[data-theme=light]{--ksd-modal-border-radius: var(--ksd-radii-r5);--ksd-modal-transition: .2s ease;--ksd-modal-animation-duration: .22s;--ksd-modal-animation-easing: cubic-bezier(.22, .61, .36, 1);--ksd-modal-scale-from: .95;--ksd-modal-scale-to: 1;--ksd-modal-z-index-overlay: 1000;--ksd-modal-z-index-container: 1001;--ksd-modal-overlay-bg: rgba(10, 24, 51, .38);--ksd-modal-overlay-backdrop-filter: blur(4px);--ksd-modal-container-bg: var(--ksd-background-surface);--ksd-modal-container-shadow: var(--ksd-shadows-l3);--ksd-modal-container-border: none;--ksd-modal-container-max-height: 85vh;--ksd-modal-header-bg: transparent;--ksd-modal-header-border-bottom: 1px solid var(--ksd-border-divider);--ksd-modal-header-min-height: 56px;--ksd-modal-header-gap: var(--ksd-spacing-sm);--ksd-modal-title-color: var(--ksd-text-primary);--ksd-modal-title-font-weight: var(--ksd-typography-font-weight-semibold);--ksd-modal-title-line-height: 1.4;--ksd-modal-description-color: var(--ksd-text-secondary);--ksd-modal-description-font-size: var(--ksd-typography-font-size-sm);--ksd-modal-description-line-height: 1.5;--ksd-modal-description-margin-top: var(--ksd-spacing-xs);--ksd-modal-close-button-size: 32px;--ksd-modal-close-button-icon-size: 16px;--ksd-modal-close-button-color: var(--ksd-text-tertiary);--ksd-modal-close-button-color-hover: var(--ksd-text-primary);--ksd-modal-close-button-bg-hover: var(--ksd-background-surface-strong);--ksd-modal-close-button-border-radius: var(--ksd-radii-r3);--ksd-modal-content-color: var(--ksd-text-primary);--ksd-modal-content-font-size: var(--ksd-typography-font-size-sm);--ksd-modal-content-line-height: 1.6;--ksd-modal-content-max-height: calc(85vh - 160px) ;--ksd-modal-footer-bg: transparent;--ksd-modal-footer-border-top: 1px solid var(--ksd-border-divider);--ksd-modal-footer-min-height: 56px;--ksd-modal-footer-gap: var(--ksd-spacing-sm);--ksd-modal-sm-width: 400px;--ksd-modal-sm-max-width: 90vw;--ksd-modal-sm-padding: var(--ksd-spacing-lg);--ksd-modal-sm-header-padding: 16px 24px;--ksd-modal-sm-footer-padding: 12px 24px;--ksd-modal-sm-title-font-size: var(--ksd-typography-font-size-md);--ksd-modal-md-width: 520px;--ksd-modal-md-max-width: 90vw;--ksd-modal-md-padding: var(--ksd-spacing-xl);--ksd-modal-md-header-padding: 16px 24px;--ksd-modal-md-footer-padding: 12px 24px;--ksd-modal-md-title-font-size: var(--ksd-typography-font-size-lg);--ksd-modal-lg-width: 720px;--ksd-modal-lg-max-width: 90vw;--ksd-modal-lg-padding: var(--ksd-spacing-xl);--ksd-modal-lg-header-padding: 20px 24px;--ksd-modal-lg-footer-padding: 16px 24px;--ksd-modal-lg-title-font-size: var(--ksd-typography-font-size-lg);--ksd-modal-xl-width: 920px;--ksd-modal-xl-max-width: 90vw;--ksd-modal-xl-padding: var(--ksd-spacing-xxl);--ksd-modal-xl-header-padding: 24px 32px;--ksd-modal-xl-footer-padding: 16px 32px;--ksd-modal-xl-title-font-size: var(--ksd-typography-font-size-lg);--ksd-modal-fullscreen-width: 100vw;--ksd-modal-fullscreen-max-width: 100vw;--ksd-modal-fullscreen-padding: var(--ksd-spacing-xxl);--ksd-modal-fullscreen-header-padding: 24px 32px;--ksd-modal-fullscreen-footer-padding: 16px 32px;--ksd-modal-fullscreen-title-font-size: var(--ksd-typography-font-size-lg)}[data-theme=dark]{--ksd-modal-overlay-bg: rgba(0, 0, 0, .55);--ksd-modal-container-shadow: var(--ksd-shadow-medium);--ksd-modal-container-border: 1px solid var(--ksd-border-primary)}:root,[data-theme=light]{--ksd-number-input-border-radius: var(--ksd-radii-r3);--ksd-number-input-transition: .2s ease;--ksd-number-input-md-height: 24px;--ksd-number-input-md-font-size: var(--ksd-typography-font-size-xs);--ksd-number-input-md-padding-inline: var(--ksd-spacing-sm);--ksd-number-input-lg-height: 32px;--ksd-number-input-lg-font-size: var(--ksd-typography-font-size-sm);--ksd-number-input-lg-padding-inline: var(--ksd-spacing-sm);--ksd-number-input-input-width: 40px;--ksd-number-input-input-height: 18px;--ksd-number-input-input-padding-inline: var(--ksd-spacing-sm);--ksd-number-input-input-font-size: var(--ksd-typography-font-size-xs);--ksd-number-input-input-font-weight: var(--ksd-typography-font-weight-regular);--ksd-number-input-input-line-height: 18px;--ksd-number-input-control-side-button-sm: 20px;--ksd-number-input-control-side-button-lg: 28px;--ksd-number-input-control-side-inset: 1px;--ksd-number-input-control-side-gap: 8px;--ksd-number-input-control-side-icon-size: 12px;--ksd-number-input-control-side-width-sm: 100px;--ksd-number-input-control-side-width-lg: 116px;--ksd-number-input-control-arrows-button-sm: 10px;--ksd-number-input-control-arrows-button-lg: 14px;--ksd-number-input-control-arrows-icon-size: 12px;--ksd-number-input-control-arrows-gap: 0px;--ksd-number-input-control-arrows-width-sm: 72px;--ksd-number-input-control-arrows-width-lg: 80px;--ksd-number-input-border: var(--ksd-border-strong);--ksd-number-input-border-hover: var(--ksd-brand-primary-hover);--ksd-number-input-border-disabled: var(--ksd-border-strong);--ksd-number-input-bg: var(--ksd-background-surface);--ksd-number-input-bg-hover: var(--ksd-background-surface-subtle);--ksd-number-input-bg-disabled: var(--ksd-background-secondary);--ksd-number-input-text: var(--ksd-text-primary);--ksd-number-input-text-placeholder: var(--ksd-text-placeholder);--ksd-number-input-text-disabled: var(--ksd-text-disabled)}:root,[data-theme=light]{--ksd-progress-color-normal: var(--ksd-brand-primary);--ksd-progress-color-error: var(--ksd-state-danger);--ksd-progress-color-warning: var(--ksd-state-warning);--ksd-progress-color-success: var(--ksd-state-success);--ksd-progress-track-bg: var(--ksd-background-secondary);--ksd-progress-track-border-radius: 5px;--ksd-progress-line-sm-height: 6px;--ksd-progress-line-md-height: 8px;--ksd-progress-line-lg-height: 8px;--ksd-progress-circle-sm-size: 24px;--ksd-progress-circle-md-size: 80px;--ksd-progress-circle-lg-size: 160px;--ksd-progress-text-font-size: 12px;--ksd-progress-text-line-height: 18px;--ksd-progress-text-color: var(--ksd-text-secondary);--ksd-progress-circle-md-font-size: 20px;--ksd-progress-circle-md-font-weight: 500;--ksd-progress-circle-md-line-height: 30px;--ksd-progress-circle-lg-font-size: 36px;--ksd-progress-circle-lg-font-weight: 500;--ksd-progress-circle-lg-line-height: 54px;--ksd-progress-icon-size: 16px;--ksd-progress-gap: 16px;--ksd-progress-info-gap: 10px;--ksd-progress-transition: .3s ease}:root,[data-theme=light]{--ksd-radio-control-size: 16px;--ksd-radio-control-border-radius: 999px;--ksd-radio-control-border-width: 1.5px;--ksd-radio-indicator-size: 8px;--ksd-radio-control-bg: var(--ksd-colors-common-white);--ksd-radio-control-border: var(--ksd-colors-neutral-300);--ksd-radio-control-border-hover: var(--ksd-colors-blue-500);--ksd-radio-control-border-checked: var(--ksd-colors-blue-500);--ksd-radio-control-border-disabled: var(--ksd-colors-neutral-200);--ksd-radio-indicator-color: var(--ksd-colors-blue-500);--ksd-radio-indicator-color-disabled: var(--ksd-colors-word-300);--ksd-radio-focus-ring: 0 0 0 4px rgba(44, 111, 231, .18);--ksd-radio-gap: .5rem;--ksd-radio-label-font-size: var(--ksd-typography-font-size-xs);--ksd-radio-label-font-weight: var(--ksd-typography-font-weight-regular);--ksd-radio-label-color: var(--ksd-colors-word-900);--ksd-radio-label-color-disabled: var(--ksd-colors-word-300);--ksd-radio-description-font-size: var(--ksd-typography-font-size-xs);--ksd-radio-description-color: var(--ksd-colors-word-600);--ksd-radio-description-color-disabled: var(--ksd-colors-word-300);--ksd-radio-disabled-opacity: .55;--ksd-radio-transition: .16s ease}[data-theme=dark]{--ksd-radio-control-bg: transparent;--ksd-radio-control-border: rgba(148, 163, 184, .28);--ksd-radio-control-border-disabled: rgba(148, 163, 184, .18);--ksd-radio-label-color: var(--ksd-text-primary);--ksd-radio-label-color-disabled: var(--ksd-text-disabled);--ksd-radio-description-color: var(--ksd-text-secondary);--ksd-radio-description-color-disabled: var(--ksd-text-disabled)}:root,[data-theme=light]{--ksd-select-border-radius: var(--ksd-radii-r3);--ksd-select-gap: var(--ksd-spacing-sm);--ksd-select-transition: .2s ease;--ksd-select-border-default: var(--ksd-border-primary);--ksd-select-border-hover: var(--ksd-border-strong);--ksd-select-border-focus: var(--ksd-brand-primary);--ksd-select-border-error: var(--ksd-state-danger);--ksd-select-border-disabled: var(--ksd-border-primary);--ksd-select-bg-default: var(--ksd-background-surface);--ksd-select-bg-hover: var(--ksd-background-surface);--ksd-select-bg-disabled: var(--ksd-background-secondary);--ksd-select-text-default: var(--ksd-text-primary);--ksd-select-text-placeholder: var(--ksd-text-placeholder);--ksd-select-text-disabled: var(--ksd-text-disabled);--ksd-select-text-error: var(--ksd-state-danger);--ksd-select-sm-height: 24px;--ksd-select-sm-font-size: var(--ksd-typography-font-size-xs);--ksd-select-sm-padding-inline: var(--ksd-spacing-md);--ksd-select-sm-icon-size: 14px;--ksd-select-md-height: 32px;--ksd-select-md-font-size: var(--ksd-typography-font-size-xs);--ksd-select-md-padding-inline: var(--ksd-spacing-md);--ksd-select-md-icon-size: 16px;--ksd-select-lg-height: 40px;--ksd-select-lg-font-size: var(--ksd-typography-font-size-xs);--ksd-select-lg-padding-inline: var(--ksd-spacing-md);--ksd-select-lg-icon-size: 18px;--ksd-select-popover-bg: var(--ksd-background-surface);--ksd-select-popover-border: 1px solid var(--ksd-border-primary);--ksd-select-popover-border-radius: var(--ksd-radii-r3);--ksd-select-popover-shadow: 0 4px 12px rgba(0, 0, 0, .08);--ksd-select-popover-padding: 4px;--ksd-select-option-height: 32px;--ksd-select-option-padding-inline: 8px;--ksd-select-option-font-size: var(--ksd-typography-font-size-xs);--ksd-select-option-border-radius: var(--ksd-radii-r2);--ksd-select-option-gap: 8px;--ksd-select-option-bg-default: transparent;--ksd-select-option-bg-hover: var(--ksd-background-surface-subtle);--ksd-select-option-bg-selected: var(--ksd-brand-primary-subtle);--ksd-select-option-bg-focused: var(--ksd-background-surface-subtle);--ksd-select-option-text-default: var(--ksd-text-primary);--ksd-select-option-text-hover: var(--ksd-text-primary);--ksd-select-option-text-selected: var(--ksd-brand-primary);--ksd-select-option-text-disabled: var(--ksd-text-disabled)}[data-theme=dark]{--ksd-select-popover-shadow: 0 4px 12px rgba(0, 0, 0, .3)}:root,[data-theme=light]{--ksd-skeleton-bg-base: rgba(10, 24, 51, .05);--ksd-skeleton-bg-highlight: rgba(10, 24, 51, .12);--ksd-skeleton-animation-duration: 1.4s;--ksd-skeleton-animation-easing: ease-in-out;--ksd-skeleton-radius-sm: var(--ksd-radii-r2);--ksd-skeleton-radius-md: var(--ksd-radii-r3);--ksd-skeleton-radius-lg: var(--ksd-radii-r4);--ksd-skeleton-radius-pill: var(--ksd-radii-r5);--ksd-skeleton-radius-circle: var(--ksd-radii-r0);--ksd-skeleton-block-height: 16px;--ksd-skeleton-text-line-height: 12px;--ksd-skeleton-text-gap: var(--ksd-spacing-sm);--ksd-skeleton-text-last-line-width: 62%;--ksd-skeleton-circle-size: 40px}[data-theme=dark]{--ksd-skeleton-bg-base: rgba(148, 163, 184, .12);--ksd-skeleton-bg-highlight: rgba(148, 163, 184, .22)}:root,[data-theme=light]{--ksd-stepper-gap: var(--ksd-spacing-sm);--ksd-stepper-circle-md-size: 32px;--ksd-stepper-circle-sm-size: 24px;--ksd-stepper-circle-md-font-size: var(--ksd-typography-font-size-sm);--ksd-stepper-circle-sm-font-size: var(--ksd-typography-font-size-xs);--ksd-stepper-circle-md-icon-size: 14px;--ksd-stepper-circle-sm-icon-size: 10px;--ksd-stepper-dot-md-size: 10px;--ksd-stepper-dot-sm-size: 8px;--ksd-stepper-dot-pulse-color: rgba(44, 111, 231, .25);--ksd-stepper-line-color: var(--ksd-border-primary);--ksd-stepper-line-color-active: var(--ksd-brand-primary);--ksd-stepper-line-size: 1px;--ksd-stepper-title-color: var(--ksd-text-primary);--ksd-stepper-title-color-active: var(--ksd-brand-primary);--ksd-stepper-title-color-error: var(--ksd-state-danger);--ksd-stepper-title-color-waiting: var(--ksd-text-tertiary);--ksd-stepper-title-font-weight: var(--ksd-typography-font-weight-medium);--ksd-stepper-title-font-size: var(--ksd-typography-font-size-sm);--ksd-stepper-description-color: var(--ksd-text-secondary);--ksd-stepper-description-font-size: var(--ksd-typography-font-size-xs);--ksd-stepper-process-color: var(--ksd-brand-primary);--ksd-stepper-process-bg: var(--ksd-brand-primary);--ksd-stepper-wait-color: var(--ksd-text-tertiary);--ksd-stepper-wait-bg: var(--ksd-colors-neutral-200);--ksd-stepper-finish-color: var(--ksd-brand-primary);--ksd-stepper-finish-bg: var(--ksd-brand-primary-subtle);--ksd-stepper-error-color: var(--ksd-state-danger);--ksd-stepper-error-bg: var(--ksd-state-danger-subtle)}[data-theme=dark]{--ksd-stepper-dot-pulse-color: rgba(44, 111, 231, .35);--ksd-stepper-wait-bg: rgba(148, 163, 184, .2);--ksd-stepper-finish-bg: rgba(44, 111, 231, .15);--ksd-stepper-error-bg: rgba(170, 14, 41, .15)}:root,[data-theme=light]{--ksd-switch-border-radius: var(--ksd-radii-r5);--ksd-switch-gap: var(--ksd-spacing-xs);--ksd-switch-transition: .2s cubic-bezier(.4, 0, .2, 1);--ksd-switch-bg-unchecked: var(--ksd-colors-neutral-300);--ksd-switch-bg-checked: var(--ksd-brand-primary);--ksd-switch-bg-disabled: var(--ksd-colors-neutral-200);--ksd-switch-thumb-bg: var(--ksd-colors-common-white);--ksd-switch-thumb-shadow: 0 1px 3px rgba(0, 0, 0, .12);--ksd-switch-text-color: var(--ksd-colors-common-white);--ksd-switch-text-font-size: var(--ksd-typography-font-size-xs);--ksd-switch-text-font-weight: var(--ksd-typography-font-weight-regular);--ksd-switch-disabled-opacity: .5;--ksd-switch-focus-ring-color: rgba(44, 111, 231, .3);--ksd-switch-focus-ring-offset: 2px;--ksd-switch-sm-width: 36px;--ksd-switch-sm-height: 20px;--ksd-switch-sm-thumb-size: 16px;--ksd-switch-sm-font-size: var(--ksd-typography-font-size-xs);--ksd-switch-sm-padding-inline: 6px;--ksd-switch-md-width: 44px;--ksd-switch-md-height: 24px;--ksd-switch-md-thumb-size: 18px;--ksd-switch-md-font-size: var(--ksd-typography-font-size-xs);--ksd-switch-md-padding-inline: 8px;--ksd-switch-label-font-size: var(--ksd-typography-font-size-sm);--ksd-switch-label-gap: 8px}[data-theme=dark]{--ksd-switch-bg-unchecked: rgba(148, 163, 184, .28);--ksd-switch-bg-disabled: rgba(148, 163, 184, .15);--ksd-switch-focus-ring-color: rgba(94, 152, 240, .3)}:root,[data-theme=light]{--ksd-table-border-radius-sm: 4px;--ksd-table-border-radius-md: 4px;--ksd-table-border-radius-lg: 6px;--ksd-table-border-color: var(--ksd-border-primary);--ksd-table-font-family: var(--ksd-typography-font-family);--ksd-table-bg: var(--ksd-background-surface);--ksd-table-header-bg: var(--ksd-background-surface-subtle);--ksd-table-row-bg: var(--ksd-background-surface);--ksd-table-row-hover-bg: var(--ksd-background-surface-subtle);--ksd-table-row-active-bg: var(--ksd-background-surface-strong);--ksd-table-row-selected-bg: var(--ksd-brand-primary-subtle);--ksd-table-row-subrow-bg: var(--ksd-background-surface-subtle);--ksd-table-header-color: var(--ksd-text-caption);--ksd-table-cell-color: var(--ksd-text-primary);--ksd-table-cell-padding-sm: 8px 12px;--ksd-table-cell-padding-md: 12px 16px;--ksd-table-cell-padding-lg: 16px 16px;--ksd-table-cell-font-size: 12px;--ksd-table-cell-line-height: 1.5;--ksd-table-divider-color: var(--ksd-border-primary);--ksd-table-scrollbar-width: 8px;--ksd-table-scrollbar-thumb-color: var(--ksd-border-primary);--ksd-table-scrollbar-track-color: transparent;--ksd-table-sort-icon-color: var(--ksd-text-disabled);--ksd-table-sort-icon-active-color: var(--ksd-brand-primary);--ksd-table-expand-btn-size: 20px;--ksd-table-expand-icon-size: 16px;--ksd-table-expand-icon-color: var(--ksd-text-tertiary);--ksd-table-expand-icon-hover-color: var(--ksd-text-primary);--ksd-table-empty-padding: 48px 24px;--ksd-table-empty-color: var(--ksd-text-tertiary);--ksd-table-empty-font-size: 12px;--ksd-table-fixed-shadow-left: 4px 0 8px -4px rgba(0, 0, 0, .1);--ksd-table-fixed-shadow-right: -4px 0 8px -4px rgba(0, 0, 0, .1);--ksd-table-transition: .15s ease}[data-theme=dark]{--ksd-table-fixed-shadow-left: 4px 0 8px -4px rgba(0, 0, 0, .3);--ksd-table-fixed-shadow-right: -4px 0 8px -4px 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)}:root,[data-theme=light]{--ksd-tooltip-border-radius: var(--ksd-radii-r3);--ksd-tooltip-z-index: 1100;--ksd-tooltip-padding: 4px 8px;--ksd-tooltip-max-width: 280px;--ksd-tooltip-bg: rgba(10, 24, 51, .9);--ksd-tooltip-color: #ffffff;--ksd-tooltip-shadow: 0 4px 12px rgba(0, 0, 0, .15);--ksd-tooltip-font-size: var(--ksd-typography-font-size-sm);--ksd-tooltip-line-height: 1.5;--ksd-tooltip-arrow-size: 8px;--ksd-tooltip-animation-duration: .15s;--ksd-tooltip-animation-easing: cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--ksd-tooltip-bg: rgba(255, 255, 255, .92);--ksd-tooltip-color: var(--ksd-text-primary);--ksd-tooltip-shadow: 0 4px 12px rgba(0, 0, 0, .3)}:root,[data-theme=light]{--ksd-transfer-container-gap: var(--ksd-spacing-lg);--ksd-transfer-panel-width: 204px;--ksd-transfer-panel-height: 240px;--ksd-transfer-panel-bg: var(--ksd-background-surface);--ksd-transfer-panel-border: 1px solid var(--ksd-border-primary);--ksd-transfer-panel-border-radius: var(--ksd-radii-r2);--ksd-transfer-header-height: 40px;--ksd-transfer-header-padding: 11px 16px;--ksd-transfer-header-font-size: var(--ksd-typography-font-size-xs);--ksd-transfer-header-color: var(--ksd-text-secondary);--ksd-transfer-header-bg: var(--ksd-background-surface-subtle);--ksd-transfer-list-height: calc(100% - 100px) ;--ksd-transfer-list-gap: var(--ksd-spacing-sm);--ksd-transfer-list-padding: 0px 16px 8px 16px;--ksd-transfer-item-height: var(--ksd-spacing-xxl);--ksd-transfer-item-font-size: var(--ksd-typography-font-size-xs);--ksd-transfer-item-border-radius: var(--ksd-radii-r2);--ksd-transfer-item-gap: var(--ksd-spacing-sm);--ksd-transfer-item-padding: 8px 0px;--ksd-transfer-item-text: var(--ksd-text-secondary);--ksd-transfer-item-text-selected: var(--ksd-text-primary);--ksd-transfer-item-text-disabled: var(--ksd-text-disabled);--ksd-transfer-item-checkbox-size: var(--ksd-spacing-lg);--ksd-transfer-operations-gap: var(--ksd-spacing-sm);--ksd-transfer-operations-border-radius: var(--ksd-radii-r2);--ksd-transfer-operations-width: var(--ksd-spacing-xxl);--ksd-transfer-operations-height: var(--ksd-spacing-xxl);--ksd-transfer-operations-icon-size: var(--ksd-spacing-lg);--ksd-transfer-operations-border: var(--ksd-border-primary);--ksd-transfer-operations-border-disabled: var(--ksd-border-primary);--ksd-transfer-operations-border-active: var(--ksd-brand-primary);--ksd-transfer-operations-bg: var(--ksd-background-surface);--ksd-transfer-operations-bg-disabled: var(--ksd-colors-word-50);--ksd-transfer-operations-bg-active: var(--ksd-background-surface);--ksd-transfer-operations-icon: var(--ksd-colors-word-700);--ksd-transfer-operations-icon-disabled: var(--ksd-text-disabled);--ksd-transfer-operations-icon-active: var(--ksd-colors-blue-500);--ksd-transfer-footer-height: var(--ksd-spacing-xxl);--ksd-transfer-footer-padding-inline: var(--ksd-spacing-sm);--ksd-transfer-footer-font-size: var(--ksd-typography-font-size-xs);--ksd-transfer-footer-color: var(--ksd-text-secondary);--ksd-transfer-footer-border-top: 1px solid var(--ksd-border-divider);--ksd-transfer-footer-margin-top: var(--ksd-spacing-md);--ksd-transfer-empty-color: var(--ksd-text-tertiary);--ksd-transfer-empty-font-size: var(--ksd-typography-font-size-sm);--ksd-transfer-search-width: 184px;--ksd-transfer-search-icon-color: rgba(10, 24, 51, .4);--ksd-transfer-transition: all .2s ease}[data-theme=dark]{--ksd-transfer-operations-bg-disabled: rgba(148, 163, 184, .15);--ksd-transfer-search-icon-color: rgba(255, 255, 255, .4)}:root,[data-theme=light]{--ksd-upload-dropzone-border-radius: 16px;--ksd-upload-dropzone-padding: 40px 0;--ksd-upload-dropzone-gap: 24px;--ksd-upload-dropzone-border: var(--ksd-border-primary);--ksd-upload-dropzone-border-active: var(--ksd-brand-primary);--ksd-upload-dropzone-bg: var(--ksd-background-surface);--ksd-upload-dropzone-bg-active: #EEF6FD;--ksd-upload-dropzone-bg-disabled: var(--ksd-background-secondary);--ksd-upload-icon-size: 100px;--ksd-upload-main-text-font-size: 14px;--ksd-upload-main-text-line-height: 20px;--ksd-upload-main-text-color: var(--ksd-text-primary);--ksd-upload-secondary-text-font-size: 12px;--ksd-upload-secondary-text-line-height: 18px;--ksd-upload-secondary-text-color: rgba(10, 24, 51, .4);--ksd-upload-link-color: var(--ksd-brand-primary);--ksd-upload-file-item-padding: 12px 16px;--ksd-upload-file-item-border-radius: var(--ksd-radii-r3);--ksd-upload-file-item-bg: var(--ksd-background-surface);--ksd-upload-file-item-bg-hover: var(--ksd-background-surface-subtle);--ksd-upload-file-item-bg-success: var(--ksd-background-surface);--ksd-upload-file-item-bg-error: var(--ksd-state-danger-subtle);--ksd-upload-file-icon-size: 32px;--ksd-upload-file-name-font-size: 14px;--ksd-upload-file-name-color: var(--ksd-text-primary);--ksd-upload-file-name-color-error: var(--ksd-state-danger);--ksd-upload-file-info-font-size: 12px;--ksd-upload-file-info-color: var(--ksd-text-secondary);--ksd-upload-file-info-color-success: var(--ksd-state-success);--ksd-upload-file-info-color-error: var(--ksd-state-danger);--ksd-upload-action-color: var(--ksd-text-secondary);--ksd-upload-action-color-hover: var(--ksd-text-primary);--ksd-upload-progress-bg: var(--ksd-background-secondary);--ksd-upload-progress-bar-bg: var(--ksd-brand-primary);--ksd-upload-progress-height: 2px;--ksd-upload-progress-border-radius: 1px;--ksd-upload-progress-text-font-size: 12px;--ksd-upload-progress-text-color: var(--ksd-text-secondary);--ksd-upload-disabled-opacity: .5;--ksd-upload-transition: all .2s ease;--ksd-upload-focus-ring: 0 0 0 4px rgba(44, 111, 231, .18)}[data-theme=dark]{--ksd-upload-dropzone-bg-active: rgba(44, 111, 231, .15);--ksd-upload-secondary-text-color: rgba(255, 255, 255, .4)}
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-white: #FFFFFF;--ksd-colors-common-black: #000000;--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-family: "PingFang SC", "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--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-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-sunrise: linear-gradient(135deg, #FF9326 0%, #FFD166 100%);--ksd-gradients-success: linear-gradient(135deg, #30BF13 0%, #1E9A0D 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-text-transfer-header: #0A1833B2;--ksd-text-transfer-operation-disabled: #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-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-state-danger: #ED1C1C;--ksd-state-danger-hover: #F46052;--ksd-state-danger-active: #CB1424;--ksd-state-danger-subtle: #FEF6F1;--ksd-state-danger-on: #FFFFFF;--ksd-border-primary: #E9E9EB;--ksd-border-strong: #D4D6D9;--ksd-border-divider: #E6E6EB;--ksd-border-neutral: #E1E1E1;--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-text-transfer-header: rgba(10, 24, 51, .7);--ksd-text-transfer-operation-disabled: rgba(148, 163, 184, .4);--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-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-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-border-primary: rgba(148, 163, 184, .18);--ksd-border-strong: rgba(148, 163, 184, .28);--ksd-border-divider: rgba(148, 163, 184, .28);--ksd-border-neutral: #E1E1E1;--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,[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-checkbox-control-size: 16px;--ksd-checkbox-control-border-radius: var(--ksd-radii-r2);--ksd-checkbox-control-border-width: 1px;--ksd-checkbox-icon-size: 10px;--ksd-checkbox-control-bg: var(--ksd-colors-common-white);--ksd-checkbox-control-bg-checked: var(--ksd-brand-primary);--ksd-checkbox-control-bg-disabled: var(--ksd-colors-neutral-100);--ksd-checkbox-control-bg-disabled-checked: var(--ksd-colors-blue-200);--ksd-checkbox-control-border: var(--ksd-colors-neutral-400);--ksd-checkbox-control-border-hover: var(--ksd-brand-primary);--ksd-checkbox-control-border-checked: var(--ksd-brand-primary);--ksd-checkbox-control-border-disabled: var(--ksd-colors-neutral-400);--ksd-checkbox-control-border-disabled-checked: var(--ksd-colors-blue-200);--ksd-checkbox-icon-color: var(--ksd-colors-common-white);--ksd-checkbox-focus-ring: 0 0 0 4px rgba(44, 111, 231, .18);--ksd-checkbox-gap: var(--ksd-spacing-sm);--ksd-checkbox-label-font-size: var(--ksd-typography-font-size-xs);--ksd-checkbox-label-line-height: 18px;--ksd-checkbox-label-font-weight: var(--ksd-typography-font-weight-regular);--ksd-checkbox-label-color: var(--ksd-colors-word-900);--ksd-checkbox-label-color-disabled: var(--ksd-colors-word-300);--ksd-checkbox-transition: .16s ease}[data-theme=dark]{--ksd-checkbox-control-bg: transparent;--ksd-checkbox-control-bg-disabled: rgba(148, 163, 184, .15);--ksd-checkbox-control-border: rgba(148, 163, 184, .28);--ksd-checkbox-control-border-disabled: rgba(148, 163, 184, .18);--ksd-checkbox-label-color: var(--ksd-text-primary);--ksd-checkbox-label-color-disabled: var(--ksd-text-disabled)}:root,[data-theme=light]{--ksd-collapse-border-radius: var(--ksd-radii-r3);--ksd-collapse-gap: var(--ksd-spacing-sm);--ksd-collapse-transition: .3s cubic-bezier(.4, 0, .2, 1);--ksd-collapse-arrow-size: 16px;--ksd-collapse-border: var(--ksd-border-primary);--ksd-collapse-divider: var(--ksd-border-primary);--ksd-collapse-bg: var(--ksd-background-surface);--ksd-collapse-bg-hover: var(--ksd-background-surface-subtle);--ksd-collapse-text: var(--ksd-text-secondary);--ksd-collapse-text-title: var(--ksd-text-primary);--ksd-collapse-arrow: var(--ksd-text-secondary);--ksd-collapse-header-padding: 12px 24px;--ksd-collapse-content-padding: 0 24px 12px 24px}:root,[data-theme=light]{--ksd-float-button-default-bg: var(--ksd-background-surface);--ksd-float-button-default-bg-hover: var(--ksd-background-surface-subtle);--ksd-float-button-default-bg-active: var(--ksd-background-surface-subtle);--ksd-float-button-default-text: var(--ksd-text-primary);--ksd-float-button-default-border: var(--ksd-border-primary);--ksd-float-button-default-shadow: var(--ksd-shadows-l1);--ksd-float-button-default-shadow-hover: var(--ksd-shadows-l3);--ksd-float-button-primary-bg: var(--ksd-brand-primary);--ksd-float-button-primary-bg-hover: var(--ksd-brand-primary-hover);--ksd-float-button-primary-bg-active: var(--ksd-brand-primary-active);--ksd-float-button-primary-text: var(--ksd-text-on-brand);--ksd-float-button-primary-border: transparent;--ksd-float-button-primary-shadow: var(--ksd-shadows-l1);--ksd-float-button-primary-shadow-hover: var(--ksd-shadows-l3);--ksd-float-button-disabled-bg: var(--ksd-border-primary);--ksd-float-button-disabled-text: var(--ksd-text-disabled);--ksd-float-button-disabled-opacity: .6;--ksd-float-button-sm-size: 32px;--ksd-float-button-md-size: 40px;--ksd-float-button-lg-size: 48px;--ksd-float-button-icon-size: var(--ksd-typography-font-size-lg);--ksd-float-button-description-font-size: var(--ksd-typography-font-size-xs);--ksd-float-button-description-line-height: 1.2}:root,[data-theme=light]{--ksd-icon-button-border-radius: var(--ksd-radii-r3);--ksd-icon-button-transition: .2s ease;--ksd-icon-button-focus-ring-color: rgba(44, 111, 231, .35);--ksd-icon-button-focus-ring-offset: 2px;--ksd-icon-button-focus-ring-width: 2px;--ksd-icon-button-solid-primary-bg: var(--ksd-brand-primary);--ksd-icon-button-solid-primary-bg-hover: var(--ksd-brand-primary-hover);--ksd-icon-button-solid-primary-bg-active: var(--ksd-brand-primary-active);--ksd-icon-button-solid-primary-border: transparent;--ksd-icon-button-solid-primary-icon: var(--ksd-text-on-brand);--ksd-icon-button-solid-neutral-bg: var(--ksd-background-surface);--ksd-icon-button-solid-neutral-bg-hover: var(--ksd-background-surface-subtle);--ksd-icon-button-solid-neutral-bg-active: var(--ksd-background-surface-strong);--ksd-icon-button-solid-neutral-border: transparent;--ksd-icon-button-solid-neutral-icon: var(--ksd-text-primary);--ksd-icon-button-solid-danger-bg: var(--ksd-state-danger);--ksd-icon-button-solid-danger-bg-hover: var(--ksd-state-danger-hover);--ksd-icon-button-solid-danger-bg-active: var(--ksd-state-danger-active);--ksd-icon-button-solid-danger-border: transparent;--ksd-icon-button-solid-danger-icon: var(--ksd-state-danger-on);--ksd-icon-button-outline-primary-bg: transparent;--ksd-icon-button-outline-primary-bg-hover: var(--ksd-brand-primary-subtle);--ksd-icon-button-outline-primary-bg-active: rgba(44, 111, 231, .16);--ksd-icon-button-outline-primary-border: var(--ksd-brand-primary);--ksd-icon-button-outline-primary-icon: var(--ksd-brand-primary);--ksd-icon-button-outline-primary-icon-hover: var(--ksd-brand-primary-hover);--ksd-icon-button-outline-primary-icon-active: var(--ksd-brand-primary-active);--ksd-icon-button-outline-neutral-bg: transparent;--ksd-icon-button-outline-neutral-bg-hover: var(--ksd-background-surface-subtle);--ksd-icon-button-outline-neutral-bg-active: var(--ksd-background-surface-strong);--ksd-icon-button-outline-neutral-border: var(--ksd-border-primary);--ksd-icon-button-outline-neutral-border-hover: var(--ksd-border-strong);--ksd-icon-button-outline-neutral-icon: var(--ksd-text-primary);--ksd-icon-button-outline-danger-bg: transparent;--ksd-icon-button-outline-danger-bg-hover: var(--ksd-state-danger-subtle);--ksd-icon-button-outline-danger-bg-active: rgba(237, 28, 28, .18);--ksd-icon-button-outline-danger-border: var(--ksd-state-danger);--ksd-icon-button-outline-danger-icon: var(--ksd-state-danger);--ksd-icon-button-outline-danger-icon-hover: var(--ksd-state-danger-hover);--ksd-icon-button-outline-danger-icon-active: var(--ksd-state-danger-active);--ksd-icon-button-ghost-primary-bg: transparent;--ksd-icon-button-ghost-primary-bg-hover: var(--ksd-brand-primary-subtle);--ksd-icon-button-ghost-primary-bg-active: rgba(44, 111, 231, .16);--ksd-icon-button-ghost-primary-border: transparent;--ksd-icon-button-ghost-primary-icon: var(--ksd-brand-primary);--ksd-icon-button-ghost-primary-icon-hover: var(--ksd-brand-primary-hover);--ksd-icon-button-ghost-primary-icon-active: var(--ksd-brand-primary-active);--ksd-icon-button-ghost-neutral-bg: transparent;--ksd-icon-button-ghost-neutral-bg-hover: rgba(10, 24, 51, .05);--ksd-icon-button-ghost-neutral-bg-active: rgba(10, 24, 51, .1);--ksd-icon-button-ghost-neutral-border: transparent;--ksd-icon-button-ghost-neutral-icon: var(--ksd-text-primary);--ksd-icon-button-ghost-danger-bg: transparent;--ksd-icon-button-ghost-danger-bg-hover: var(--ksd-state-danger-subtle);--ksd-icon-button-ghost-danger-bg-active: rgba(237, 28, 28, .18);--ksd-icon-button-ghost-danger-border: transparent;--ksd-icon-button-ghost-danger-icon: var(--ksd-state-danger);--ksd-icon-button-ghost-danger-icon-hover: var(--ksd-state-danger-hover);--ksd-icon-button-ghost-danger-icon-active: var(--ksd-state-danger-active);--ksd-icon-button-disabled-bg: var(--ksd-background-surface-subtle);--ksd-icon-button-disabled-border: var(--ksd-border-primary);--ksd-icon-button-disabled-icon: var(--ksd-text-disabled);--ksd-icon-button-disabled-opacity: .6;--ksd-icon-button-sm-edge: 24px;--ksd-icon-button-sm-icon-size: 16px;--ksd-icon-button-md-edge: 32px;--ksd-icon-button-md-icon-size: 18px;--ksd-icon-button-lg-edge: 40px;--ksd-icon-button-lg-icon-size: 20px}[data-theme=dark]{--ksd-icon-button-ghost-neutral-bg-hover: rgba(255, 255, 255, .08);--ksd-icon-button-ghost-neutral-bg-active: rgba(255, 255, 255, .12)}:root,[data-theme=light]{--ksd-input-border-radius: var(--ksd-radii-r3);--ksd-input-gap: var(--ksd-spacing-sm);--ksd-input-transition: .2s ease;--ksd-input-border-default: var(--ksd-border-primary);--ksd-input-border-hover: var(--ksd-border-strong);--ksd-input-border-focus: var(--ksd-brand-primary);--ksd-input-border-error: var(--ksd-state-danger);--ksd-input-border-disabled: var(--ksd-border-primary);--ksd-input-bg-default: var(--ksd-background-surface);--ksd-input-bg-disabled: var(--ksd-background-secondary);--ksd-input-text-default: var(--ksd-text-primary);--ksd-input-text-placeholder: var(--ksd-text-placeholder);--ksd-input-text-disabled: var(--ksd-text-disabled);--ksd-input-text-error: var(--ksd-state-danger);--ksd-input-text-counter: var(--ksd-text-caption);--ksd-input-disabled-opacity: .6;--ksd-input-sm-height: 24px;--ksd-input-sm-font-size: var(--ksd-typography-font-size-xs);--ksd-input-sm-padding-inline: var(--ksd-spacing-md);--ksd-input-sm-icon-size: 14px;--ksd-input-md-height: 32px;--ksd-input-md-font-size: var(--ksd-typography-font-size-xs);--ksd-input-md-padding-inline: var(--ksd-spacing-md);--ksd-input-md-icon-size: 16px;--ksd-input-lg-height: 40px;--ksd-input-lg-font-size: var(--ksd-typography-font-size-xs);--ksd-input-lg-padding-inline: var(--ksd-spacing-md);--ksd-input-lg-icon-size: 18px}:root,[data-theme=light]{--ksd-link-border-radius: 4px;--ksd-link-transition: .2s ease;--ksd-link-focus-ring-color: var(--ksd-brand-primary);--ksd-link-focus-ring-offset: 2px;--ksd-link-primary-color: var(--ksd-brand-primary);--ksd-link-primary-color-hover: #2468f2;--ksd-link-primary-color-active: #2055c6;--ksd-link-primary-color-disabled: var(--ksd-text-disabled);--ksd-link-primary-decoration: none;--ksd-link-primary-decoration-hover: none;--ksd-link-neutral-color: var(--ksd-text-primary);--ksd-link-neutral-color-hover: var(--ksd-brand-primary);--ksd-link-neutral-color-active: #2055c6;--ksd-link-neutral-color-disabled: var(--ksd-text-disabled);--ksd-link-neutral-decoration: none;--ksd-link-neutral-decoration-hover: none;--ksd-link-sm-font-size: 12px;--ksd-link-md-font-size: 14px;--ksd-link-lg-font-size: 16px}:root,[data-theme=light]{--ksd-menu-container-width-expanded: 240px;--ksd-menu-container-width-collapsed: 68px;--ksd-menu-container-bg: var(--ksd-colors-common-white);--ksd-menu-container-border: 1px solid var(--ksd-border-primary);--ksd-menu-container-padding: var(--ksd-spacing-lg);--ksd-menu-item-height: 40px;--ksd-menu-item-padding-inline: var(--ksd-spacing-lg);--ksd-menu-item-font-size: var(--ksd-typography-font-size-sm);--ksd-menu-item-font-weight: var(--ksd-typography-font-weight-regular);--ksd-menu-item-icon-size: 20px;--ksd-menu-item-gap: var(--ksd-spacing-sm);--ksd-menu-item-border-radius: var(--ksd-radii-r3);--ksd-menu-item-transition: .2s ease;--ksd-menu-item-bg: transparent;--ksd-menu-item-bg-hover: var(--ksd-background-surface-subtle);--ksd-menu-item-bg-active: linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, .15) 100%);--ksd-menu-item-text: var(--ksd-text-primary);--ksd-menu-item-text-hover: var(--ksd-text-primary);--ksd-menu-item-text-active: var(--ksd-text-primary);--ksd-menu-subitem-padding-left: 20px;--ksd-menu-group-margin-top: var(--ksd-spacing-xl);--ksd-menu-group-margin-bottom: var(--ksd-spacing-md);--ksd-menu-group-gap: var(--ksd-spacing-xs);--ksd-menu-group-title-height: 18px;--ksd-menu-group-title-font-size: var(--ksd-typography-font-size-xs);--ksd-menu-group-title-font-weight: var(--ksd-typography-font-weight-regular);--ksd-menu-group-title-color: var(--ksd-text-secondary);--ksd-menu-group-title-margin-bottom: var(--ksd-spacing-sm);--ksd-menu-scrollbar-width: 8px;--ksd-menu-scrollbar-thumb-color: rgba(0, 0, 0, .2);--ksd-menu-scrollbar-track-color: transparent;--ksd-menu-popover-bg: var(--ksd-colors-common-white);--ksd-menu-popover-border: 1px solid var(--ksd-border-primary);--ksd-menu-popover-border-radius: var(--ksd-radii-r4);--ksd-menu-popover-shadow: 0 4px 12px rgba(0, 0, 0, .08);--ksd-menu-popover-padding: var(--ksd-spacing-xs);--ksd-menu-popover-item-bg: transparent;--ksd-menu-popover-item-bg-hover: var(--ksd-background-surface-subtle);--ksd-menu-popover-item-bg-active: linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, .15) 100%);--ksd-menu-popover-item-text: var(--ksd-text-primary);--ksd-menu-popover-item-text-active: var(--ksd-brand-primary)}[data-theme=dark]{--ksd-menu-container-bg: var(--ksd-background-surface);--ksd-menu-item-bg-hover: var(--ksd-background-surface-strong);--ksd-menu-item-bg-active: linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, .2) 100%);--ksd-menu-scrollbar-thumb-color: rgba(255, 255, 255, .2);--ksd-menu-popover-bg: var(--ksd-background-surface);--ksd-menu-popover-shadow: 0 4px 12px rgba(0, 0, 0, .4);--ksd-menu-popover-item-bg-hover: var(--ksd-background-surface-strong);--ksd-menu-popover-item-bg-active: linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, .2) 100%)}:root,[data-theme=light]{--ksd-modal-border-radius: var(--ksd-radii-r5);--ksd-modal-transition: .2s ease;--ksd-modal-animation-duration: .22s;--ksd-modal-animation-easing: cubic-bezier(.22, .61, .36, 1);--ksd-modal-scale-from: .95;--ksd-modal-scale-to: 1;--ksd-modal-z-index-overlay: 1000;--ksd-modal-z-index-container: 1001;--ksd-modal-overlay-bg: rgba(10, 24, 51, .38);--ksd-modal-overlay-backdrop-filter: blur(4px);--ksd-modal-container-bg: var(--ksd-background-surface);--ksd-modal-container-shadow: var(--ksd-shadows-l3);--ksd-modal-container-border: none;--ksd-modal-container-max-height: 85vh;--ksd-modal-header-bg: transparent;--ksd-modal-header-border-bottom: 1px solid var(--ksd-border-divider);--ksd-modal-header-min-height: 56px;--ksd-modal-header-gap: var(--ksd-spacing-sm);--ksd-modal-title-color: var(--ksd-text-primary);--ksd-modal-title-font-weight: var(--ksd-typography-font-weight-semibold);--ksd-modal-title-line-height: 1.4;--ksd-modal-description-color: var(--ksd-text-secondary);--ksd-modal-description-font-size: var(--ksd-typography-font-size-sm);--ksd-modal-description-line-height: 1.5;--ksd-modal-description-margin-top: var(--ksd-spacing-xs);--ksd-modal-close-button-size: 32px;--ksd-modal-close-button-icon-size: 16px;--ksd-modal-close-button-color: var(--ksd-text-tertiary);--ksd-modal-close-button-color-hover: var(--ksd-text-primary);--ksd-modal-close-button-bg-hover: var(--ksd-background-surface-strong);--ksd-modal-close-button-border-radius: var(--ksd-radii-r3);--ksd-modal-content-color: var(--ksd-text-primary);--ksd-modal-content-font-size: var(--ksd-typography-font-size-sm);--ksd-modal-content-line-height: 1.6;--ksd-modal-content-max-height: calc(85vh - 160px) ;--ksd-modal-footer-bg: transparent;--ksd-modal-footer-border-top: 1px solid var(--ksd-border-divider);--ksd-modal-footer-min-height: 56px;--ksd-modal-footer-gap: var(--ksd-spacing-sm);--ksd-modal-sm-width: 400px;--ksd-modal-sm-max-width: 90vw;--ksd-modal-sm-padding: var(--ksd-spacing-lg);--ksd-modal-sm-header-padding: 16px 24px;--ksd-modal-sm-footer-padding: 12px 24px;--ksd-modal-sm-title-font-size: var(--ksd-typography-font-size-md);--ksd-modal-md-width: 520px;--ksd-modal-md-max-width: 90vw;--ksd-modal-md-padding: var(--ksd-spacing-xl);--ksd-modal-md-header-padding: 16px 24px;--ksd-modal-md-footer-padding: 12px 24px;--ksd-modal-md-title-font-size: var(--ksd-typography-font-size-lg);--ksd-modal-lg-width: 720px;--ksd-modal-lg-max-width: 90vw;--ksd-modal-lg-padding: var(--ksd-spacing-xl);--ksd-modal-lg-header-padding: 20px 24px;--ksd-modal-lg-footer-padding: 16px 24px;--ksd-modal-lg-title-font-size: var(--ksd-typography-font-size-lg);--ksd-modal-xl-width: 920px;--ksd-modal-xl-max-width: 90vw;--ksd-modal-xl-padding: var(--ksd-spacing-xxl);--ksd-modal-xl-header-padding: 24px 32px;--ksd-modal-xl-footer-padding: 16px 32px;--ksd-modal-xl-title-font-size: var(--ksd-typography-font-size-lg);--ksd-modal-fullscreen-width: 100vw;--ksd-modal-fullscreen-max-width: 100vw;--ksd-modal-fullscreen-padding: var(--ksd-spacing-xxl);--ksd-modal-fullscreen-header-padding: 24px 32px;--ksd-modal-fullscreen-footer-padding: 16px 32px;--ksd-modal-fullscreen-title-font-size: var(--ksd-typography-font-size-lg)}[data-theme=dark]{--ksd-modal-overlay-bg: rgba(0, 0, 0, .55);--ksd-modal-container-shadow: var(--ksd-shadow-medium);--ksd-modal-container-border: 1px solid var(--ksd-border-primary)}:root,[data-theme=light]{--ksd-number-input-border-radius: var(--ksd-radii-r3);--ksd-number-input-transition: .2s ease;--ksd-number-input-md-height: 24px;--ksd-number-input-md-font-size: var(--ksd-typography-font-size-xs);--ksd-number-input-md-padding-inline: var(--ksd-spacing-sm);--ksd-number-input-lg-height: 32px;--ksd-number-input-lg-font-size: var(--ksd-typography-font-size-sm);--ksd-number-input-lg-padding-inline: var(--ksd-spacing-sm);--ksd-number-input-input-width: 40px;--ksd-number-input-input-height: 18px;--ksd-number-input-input-padding-inline: var(--ksd-spacing-sm);--ksd-number-input-input-font-size: var(--ksd-typography-font-size-xs);--ksd-number-input-input-font-weight: var(--ksd-typography-font-weight-regular);--ksd-number-input-input-line-height: 18px;--ksd-number-input-control-side-button-sm: 20px;--ksd-number-input-control-side-button-lg: 28px;--ksd-number-input-control-side-inset: 1px;--ksd-number-input-control-side-gap: 8px;--ksd-number-input-control-side-icon-size: 12px;--ksd-number-input-control-side-width-sm: 100px;--ksd-number-input-control-side-width-lg: 116px;--ksd-number-input-control-arrows-button-sm: 10px;--ksd-number-input-control-arrows-button-lg: 14px;--ksd-number-input-control-arrows-icon-size: 12px;--ksd-number-input-control-arrows-gap: 0px;--ksd-number-input-control-arrows-width-sm: 72px;--ksd-number-input-control-arrows-width-lg: 80px;--ksd-number-input-border: var(--ksd-border-strong);--ksd-number-input-border-hover: var(--ksd-brand-primary-hover);--ksd-number-input-border-disabled: var(--ksd-border-strong);--ksd-number-input-bg: var(--ksd-background-surface);--ksd-number-input-bg-hover: var(--ksd-background-surface-subtle);--ksd-number-input-bg-disabled: var(--ksd-background-secondary);--ksd-number-input-text: var(--ksd-text-primary);--ksd-number-input-text-placeholder: var(--ksd-text-placeholder);--ksd-number-input-text-disabled: var(--ksd-text-disabled)}:root,[data-theme=light]{--ksd-progress-color-normal: var(--ksd-brand-primary);--ksd-progress-color-error: var(--ksd-state-danger);--ksd-progress-color-warning: var(--ksd-state-warning);--ksd-progress-color-success: var(--ksd-state-success);--ksd-progress-track-bg: var(--ksd-background-secondary);--ksd-progress-track-border-radius: 5px;--ksd-progress-line-sm-height: 6px;--ksd-progress-line-md-height: 8px;--ksd-progress-line-lg-height: 8px;--ksd-progress-circle-sm-size: 24px;--ksd-progress-circle-md-size: 80px;--ksd-progress-circle-lg-size: 160px;--ksd-progress-text-font-size: 12px;--ksd-progress-text-line-height: 18px;--ksd-progress-text-color: var(--ksd-text-secondary);--ksd-progress-circle-md-font-size: 20px;--ksd-progress-circle-md-font-weight: 500;--ksd-progress-circle-md-line-height: 30px;--ksd-progress-circle-lg-font-size: 36px;--ksd-progress-circle-lg-font-weight: 500;--ksd-progress-circle-lg-line-height: 54px;--ksd-progress-icon-size: 16px;--ksd-progress-gap: 16px;--ksd-progress-info-gap: 10px;--ksd-progress-transition: .3s ease}:root,[data-theme=light]{--ksd-radio-control-size: 16px;--ksd-radio-control-border-radius: 999px;--ksd-radio-control-border-width: 1.5px;--ksd-radio-indicator-size: 8px;--ksd-radio-control-bg: var(--ksd-colors-common-white);--ksd-radio-control-border: var(--ksd-colors-neutral-300);--ksd-radio-control-border-hover: var(--ksd-colors-blue-500);--ksd-radio-control-border-checked: var(--ksd-colors-blue-500);--ksd-radio-control-border-disabled: var(--ksd-colors-neutral-200);--ksd-radio-indicator-color: var(--ksd-colors-blue-500);--ksd-radio-indicator-color-disabled: var(--ksd-colors-word-300);--ksd-radio-focus-ring: 0 0 0 4px rgba(44, 111, 231, .18);--ksd-radio-gap: .5rem;--ksd-radio-label-font-size: var(--ksd-typography-font-size-xs);--ksd-radio-label-font-weight: var(--ksd-typography-font-weight-regular);--ksd-radio-label-color: var(--ksd-colors-word-900);--ksd-radio-label-color-disabled: var(--ksd-colors-word-300);--ksd-radio-description-font-size: var(--ksd-typography-font-size-xs);--ksd-radio-description-color: var(--ksd-colors-word-600);--ksd-radio-description-color-disabled: var(--ksd-colors-word-300);--ksd-radio-disabled-opacity: .55;--ksd-radio-transition: .16s ease}[data-theme=dark]{--ksd-radio-control-bg: transparent;--ksd-radio-control-border: rgba(148, 163, 184, .28);--ksd-radio-control-border-disabled: rgba(148, 163, 184, .18);--ksd-radio-label-color: var(--ksd-text-primary);--ksd-radio-label-color-disabled: var(--ksd-text-disabled);--ksd-radio-description-color: var(--ksd-text-secondary);--ksd-radio-description-color-disabled: var(--ksd-text-disabled)}:root,[data-theme=light]{--ksd-select-border-radius: var(--ksd-radii-r3);--ksd-select-gap: var(--ksd-spacing-sm);--ksd-select-transition: .2s ease;--ksd-select-border-default: var(--ksd-border-primary);--ksd-select-border-hover: var(--ksd-border-strong);--ksd-select-border-focus: var(--ksd-brand-primary);--ksd-select-border-error: var(--ksd-state-danger);--ksd-select-border-disabled: var(--ksd-border-primary);--ksd-select-bg-default: var(--ksd-background-surface);--ksd-select-bg-hover: var(--ksd-background-surface);--ksd-select-bg-disabled: var(--ksd-background-secondary);--ksd-select-text-default: var(--ksd-text-primary);--ksd-select-text-placeholder: var(--ksd-text-placeholder);--ksd-select-text-disabled: var(--ksd-text-disabled);--ksd-select-text-error: var(--ksd-state-danger);--ksd-select-sm-height: 24px;--ksd-select-sm-font-size: var(--ksd-typography-font-size-xs);--ksd-select-sm-padding-inline: var(--ksd-spacing-md);--ksd-select-sm-icon-size: 14px;--ksd-select-md-height: 32px;--ksd-select-md-font-size: var(--ksd-typography-font-size-xs);--ksd-select-md-padding-inline: var(--ksd-spacing-md);--ksd-select-md-icon-size: 16px;--ksd-select-lg-height: 40px;--ksd-select-lg-font-size: var(--ksd-typography-font-size-xs);--ksd-select-lg-padding-inline: var(--ksd-spacing-md);--ksd-select-lg-icon-size: 18px;--ksd-select-popover-bg: var(--ksd-background-surface);--ksd-select-popover-border: 1px solid var(--ksd-border-primary);--ksd-select-popover-border-radius: var(--ksd-radii-r3);--ksd-select-popover-shadow: 0 4px 12px rgba(0, 0, 0, .08);--ksd-select-popover-padding: 4px;--ksd-select-option-height: 32px;--ksd-select-option-padding-inline: 8px;--ksd-select-option-font-size: var(--ksd-typography-font-size-xs);--ksd-select-option-border-radius: var(--ksd-radii-r2);--ksd-select-option-gap: 8px;--ksd-select-option-bg-default: transparent;--ksd-select-option-bg-hover: var(--ksd-background-surface-subtle);--ksd-select-option-bg-selected: var(--ksd-brand-primary-subtle);--ksd-select-option-bg-focused: var(--ksd-background-surface-subtle);--ksd-select-option-text-default: var(--ksd-text-primary);--ksd-select-option-text-hover: var(--ksd-text-primary);--ksd-select-option-text-selected: var(--ksd-brand-primary);--ksd-select-option-text-disabled: var(--ksd-text-disabled)}[data-theme=dark]{--ksd-select-popover-shadow: 0 4px 12px rgba(0, 0, 0, .3)}:root,[data-theme=light]{--ksd-skeleton-bg-base: rgba(10, 24, 51, .05);--ksd-skeleton-bg-highlight: rgba(10, 24, 51, .12);--ksd-skeleton-animation-duration: 1.4s;--ksd-skeleton-animation-easing: ease-in-out;--ksd-skeleton-radius-sm: var(--ksd-radii-r2);--ksd-skeleton-radius-md: var(--ksd-radii-r3);--ksd-skeleton-radius-lg: var(--ksd-radii-r4);--ksd-skeleton-radius-pill: var(--ksd-radii-r5);--ksd-skeleton-radius-circle: var(--ksd-radii-r0);--ksd-skeleton-block-height: 16px;--ksd-skeleton-text-line-height: 12px;--ksd-skeleton-text-gap: var(--ksd-spacing-sm);--ksd-skeleton-text-last-line-width: 62%;--ksd-skeleton-circle-size: 40px}[data-theme=dark]{--ksd-skeleton-bg-base: rgba(148, 163, 184, .12);--ksd-skeleton-bg-highlight: rgba(148, 163, 184, .22)}:root,[data-theme=light]{--ksd-stepper-gap: var(--ksd-spacing-sm);--ksd-stepper-circle-md-size: 32px;--ksd-stepper-circle-sm-size: 24px;--ksd-stepper-circle-md-font-size: var(--ksd-typography-font-size-sm);--ksd-stepper-circle-sm-font-size: var(--ksd-typography-font-size-xs);--ksd-stepper-circle-md-icon-size: 14px;--ksd-stepper-circle-sm-icon-size: 10px;--ksd-stepper-dot-md-size: 10px;--ksd-stepper-dot-sm-size: 8px;--ksd-stepper-dot-pulse-color: rgba(44, 111, 231, .25);--ksd-stepper-line-color: var(--ksd-border-primary);--ksd-stepper-line-color-active: var(--ksd-brand-primary);--ksd-stepper-line-size: 1px;--ksd-stepper-title-color: var(--ksd-text-primary);--ksd-stepper-title-color-active: var(--ksd-brand-primary);--ksd-stepper-title-color-error: var(--ksd-state-danger);--ksd-stepper-title-color-waiting: var(--ksd-text-tertiary);--ksd-stepper-title-font-weight: var(--ksd-typography-font-weight-medium);--ksd-stepper-title-font-size: var(--ksd-typography-font-size-sm);--ksd-stepper-description-color: var(--ksd-text-secondary);--ksd-stepper-description-font-size: var(--ksd-typography-font-size-xs);--ksd-stepper-process-color: var(--ksd-brand-primary);--ksd-stepper-process-bg: var(--ksd-brand-primary);--ksd-stepper-wait-color: var(--ksd-text-tertiary);--ksd-stepper-wait-bg: var(--ksd-colors-neutral-200);--ksd-stepper-finish-color: var(--ksd-brand-primary);--ksd-stepper-finish-bg: var(--ksd-brand-primary-subtle);--ksd-stepper-error-color: var(--ksd-state-danger);--ksd-stepper-error-bg: var(--ksd-state-danger-subtle)}[data-theme=dark]{--ksd-stepper-dot-pulse-color: rgba(44, 111, 231, .35);--ksd-stepper-wait-bg: rgba(148, 163, 184, .2);--ksd-stepper-finish-bg: rgba(44, 111, 231, .15);--ksd-stepper-error-bg: rgba(170, 14, 41, .15)}:root,[data-theme=light]{--ksd-switch-border-radius: var(--ksd-radii-r5);--ksd-switch-gap: var(--ksd-spacing-xs);--ksd-switch-transition: .2s cubic-bezier(.4, 0, .2, 1);--ksd-switch-bg-unchecked: var(--ksd-colors-neutral-300);--ksd-switch-bg-checked: var(--ksd-brand-primary);--ksd-switch-bg-disabled: var(--ksd-colors-neutral-200);--ksd-switch-thumb-bg: var(--ksd-colors-common-white);--ksd-switch-thumb-shadow: 0 1px 3px rgba(0, 0, 0, .12);--ksd-switch-text-color: var(--ksd-colors-common-white);--ksd-switch-text-font-size: var(--ksd-typography-font-size-xs);--ksd-switch-text-font-weight: var(--ksd-typography-font-weight-regular);--ksd-switch-disabled-opacity: .5;--ksd-switch-focus-ring-color: rgba(44, 111, 231, .3);--ksd-switch-focus-ring-offset: 2px;--ksd-switch-sm-width: 36px;--ksd-switch-sm-height: 20px;--ksd-switch-sm-thumb-size: 16px;--ksd-switch-sm-font-size: var(--ksd-typography-font-size-xs);--ksd-switch-sm-padding-inline: 6px;--ksd-switch-md-width: 44px;--ksd-switch-md-height: 24px;--ksd-switch-md-thumb-size: 18px;--ksd-switch-md-font-size: var(--ksd-typography-font-size-xs);--ksd-switch-md-padding-inline: 8px;--ksd-switch-label-font-size: var(--ksd-typography-font-size-sm);--ksd-switch-label-gap: 8px}[data-theme=dark]{--ksd-switch-bg-unchecked: rgba(148, 163, 184, .28);--ksd-switch-bg-disabled: rgba(148, 163, 184, .15);--ksd-switch-focus-ring-color: rgba(94, 152, 240, .3)}:root,[data-theme=light]{--ksd-table-border-radius-sm: 4px;--ksd-table-border-radius-md: 4px;--ksd-table-border-radius-lg: 6px;--ksd-table-border-color: var(--ksd-border-primary);--ksd-table-font-family: var(--ksd-typography-font-family);--ksd-table-bg: var(--ksd-background-surface);--ksd-table-header-bg: var(--ksd-background-surface-subtle);--ksd-table-row-bg: var(--ksd-background-surface);--ksd-table-row-hover-bg: var(--ksd-background-surface-subtle);--ksd-table-row-active-bg: var(--ksd-background-surface-strong);--ksd-table-row-selected-bg: var(--ksd-brand-primary-subtle);--ksd-table-row-subrow-bg: var(--ksd-background-surface-subtle);--ksd-table-header-color: var(--ksd-text-caption);--ksd-table-cell-color: var(--ksd-text-primary);--ksd-table-cell-padding-sm: 8px 12px;--ksd-table-cell-padding-md: 12px 16px;--ksd-table-cell-padding-lg: 16px 16px;--ksd-table-cell-font-size: 12px;--ksd-table-cell-line-height: 1.5;--ksd-table-divider-color: var(--ksd-border-primary);--ksd-table-scrollbar-width: 8px;--ksd-table-scrollbar-thumb-color: var(--ksd-border-primary);--ksd-table-scrollbar-track-color: transparent;--ksd-table-sort-icon-color: var(--ksd-text-disabled);--ksd-table-sort-icon-active-color: var(--ksd-brand-primary);--ksd-table-expand-btn-size: 20px;--ksd-table-expand-icon-size: 16px;--ksd-table-expand-icon-color: var(--ksd-text-tertiary);--ksd-table-expand-icon-hover-color: var(--ksd-text-primary);--ksd-table-empty-padding: 48px 24px;--ksd-table-empty-color: var(--ksd-text-tertiary);--ksd-table-empty-font-size: 12px;--ksd-table-fixed-shadow-left: 4px 0 8px -4px rgba(0, 0, 0, .1);--ksd-table-fixed-shadow-right: -4px 0 8px -4px rgba(0, 0, 0, .1);--ksd-table-transition: .15s ease}[data-theme=dark]{--ksd-table-fixed-shadow-left: 4px 0 8px -4px rgba(0, 0, 0, .3);--ksd-table-fixed-shadow-right: -4px 0 8px -4px 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)}:root,[data-theme=light]{--ksd-tooltip-border-radius: var(--ksd-radii-r3);--ksd-tooltip-z-index: 1100;--ksd-tooltip-padding: 4px 8px;--ksd-tooltip-max-width: 280px;--ksd-tooltip-bg: rgba(10, 24, 51, .9);--ksd-tooltip-color: #ffffff;--ksd-tooltip-shadow: 0 4px 12px rgba(0, 0, 0, .15);--ksd-tooltip-font-size: var(--ksd-typography-font-size-sm);--ksd-tooltip-line-height: 1.5;--ksd-tooltip-arrow-size: 8px;--ksd-tooltip-animation-duration: .15s;--ksd-tooltip-animation-easing: cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--ksd-tooltip-bg: rgba(15, 23, 42, .95);--ksd-tooltip-color: rgba(248, 250, 252, .95);--ksd-tooltip-shadow: 0 4px 16px rgba(0, 0, 0, .4), 0 0 0 1px rgba(148, 163, 184, .15)}:root,[data-theme=light]{--ksd-transfer-container-gap: var(--ksd-spacing-lg);--ksd-transfer-panel-width: 204px;--ksd-transfer-panel-height: 240px;--ksd-transfer-panel-bg: var(--ksd-background-surface);--ksd-transfer-panel-border: 1px solid var(--ksd-border-primary);--ksd-transfer-panel-border-radius: var(--ksd-radii-r2);--ksd-transfer-header-height: 40px;--ksd-transfer-header-padding: 11px 16px;--ksd-transfer-header-font-size: var(--ksd-typography-font-size-xs);--ksd-transfer-header-color: var(--ksd-text-secondary);--ksd-transfer-header-bg: var(--ksd-background-surface-subtle);--ksd-transfer-list-height: calc(100% - 100px) ;--ksd-transfer-list-gap: var(--ksd-spacing-sm);--ksd-transfer-list-padding: 0px 16px 8px 16px;--ksd-transfer-item-height: var(--ksd-spacing-xxl);--ksd-transfer-item-font-size: var(--ksd-typography-font-size-xs);--ksd-transfer-item-border-radius: var(--ksd-radii-r2);--ksd-transfer-item-gap: var(--ksd-spacing-sm);--ksd-transfer-item-padding: 8px 0px;--ksd-transfer-item-text: var(--ksd-text-secondary);--ksd-transfer-item-text-selected: var(--ksd-text-primary);--ksd-transfer-item-text-disabled: var(--ksd-text-disabled);--ksd-transfer-item-checkbox-size: var(--ksd-spacing-lg);--ksd-transfer-operations-gap: var(--ksd-spacing-sm);--ksd-transfer-operations-border-radius: var(--ksd-radii-r2);--ksd-transfer-operations-width: var(--ksd-spacing-xxl);--ksd-transfer-operations-height: var(--ksd-spacing-xxl);--ksd-transfer-operations-icon-size: var(--ksd-spacing-lg);--ksd-transfer-operations-border: var(--ksd-border-primary);--ksd-transfer-operations-border-disabled: var(--ksd-border-primary);--ksd-transfer-operations-border-active: var(--ksd-brand-primary);--ksd-transfer-operations-bg: var(--ksd-background-surface);--ksd-transfer-operations-bg-disabled: var(--ksd-colors-word-50);--ksd-transfer-operations-bg-active: var(--ksd-background-surface);--ksd-transfer-operations-icon: var(--ksd-colors-word-700);--ksd-transfer-operations-icon-disabled: var(--ksd-text-disabled);--ksd-transfer-operations-icon-active: var(--ksd-colors-blue-500);--ksd-transfer-footer-height: var(--ksd-spacing-xxl);--ksd-transfer-footer-padding-inline: var(--ksd-spacing-sm);--ksd-transfer-footer-font-size: var(--ksd-typography-font-size-xs);--ksd-transfer-footer-color: var(--ksd-text-secondary);--ksd-transfer-footer-border-top: 1px solid var(--ksd-border-divider);--ksd-transfer-footer-margin-top: var(--ksd-spacing-md);--ksd-transfer-empty-color: var(--ksd-text-tertiary);--ksd-transfer-empty-font-size: var(--ksd-typography-font-size-sm);--ksd-transfer-search-width: 184px;--ksd-transfer-search-icon-color: rgba(10, 24, 51, .4);--ksd-transfer-transition: all .2s ease}[data-theme=dark]{--ksd-transfer-operations-bg-disabled: rgba(148, 163, 184, .15);--ksd-transfer-search-icon-color: rgba(255, 255, 255, .4)}:root,[data-theme=light]{--ksd-upload-dropzone-border-radius: 16px;--ksd-upload-dropzone-padding: 40px 0;--ksd-upload-dropzone-gap: 24px;--ksd-upload-dropzone-border: var(--ksd-border-primary);--ksd-upload-dropzone-border-active: var(--ksd-brand-primary);--ksd-upload-dropzone-bg: var(--ksd-background-surface);--ksd-upload-dropzone-bg-active: #EEF6FD;--ksd-upload-dropzone-bg-disabled: var(--ksd-background-secondary);--ksd-upload-icon-size: 100px;--ksd-upload-icon-fill-primary: #F0F0F0;--ksd-upload-icon-fill-secondary: #FAFAFB;--ksd-upload-main-text-font-size: 14px;--ksd-upload-main-text-line-height: 20px;--ksd-upload-main-text-color: var(--ksd-text-primary);--ksd-upload-secondary-text-font-size: 12px;--ksd-upload-secondary-text-line-height: 18px;--ksd-upload-secondary-text-color: rgba(10, 24, 51, .4);--ksd-upload-link-color: var(--ksd-brand-primary);--ksd-upload-file-item-padding: 12px 16px;--ksd-upload-file-item-border-radius: var(--ksd-radii-r3);--ksd-upload-file-item-bg: var(--ksd-background-surface);--ksd-upload-file-item-bg-hover: var(--ksd-background-surface-subtle);--ksd-upload-file-item-bg-success: var(--ksd-background-surface);--ksd-upload-file-item-bg-error: var(--ksd-state-danger-subtle);--ksd-upload-file-icon-size: 32px;--ksd-upload-file-name-font-size: 14px;--ksd-upload-file-name-color: var(--ksd-text-primary);--ksd-upload-file-name-color-error: var(--ksd-state-danger);--ksd-upload-file-info-font-size: 12px;--ksd-upload-file-info-color: var(--ksd-text-secondary);--ksd-upload-file-info-color-success: var(--ksd-state-success);--ksd-upload-file-info-color-error: var(--ksd-state-danger);--ksd-upload-action-color: var(--ksd-text-secondary);--ksd-upload-action-color-hover: var(--ksd-text-primary);--ksd-upload-progress-bg: var(--ksd-background-secondary);--ksd-upload-progress-bar-bg: var(--ksd-brand-primary);--ksd-upload-progress-height: 2px;--ksd-upload-progress-border-radius: 1px;--ksd-upload-progress-text-font-size: 12px;--ksd-upload-progress-text-color: var(--ksd-text-secondary);--ksd-upload-disabled-opacity: .5;--ksd-upload-transition: all .2s ease;--ksd-upload-focus-ring: 0 0 0 4px rgba(44, 111, 231, .18)}[data-theme=dark]{--ksd-upload-dropzone-bg-active: rgba(44, 111, 231, .15);--ksd-upload-secondary-text-color: rgba(255, 255, 255, .4);--ksd-upload-icon-fill-primary: rgba(255, 255, 255, .25);--ksd-upload-icon-fill-secondary: rgba(255, 255, 255, .35)}:root,[data-theme=light]{--ksd-slider-track-bg: var(--ksd-background-surface-strong);--ksd-slider-track-bg-disabled: var(--ksd-border-primary);--ksd-slider-track-border: transparent;--ksd-slider-track-height-sm: 4px;--ksd-slider-track-height-md: 6px;--ksd-slider-track-height-lg: 8px;--ksd-slider-fill-bg: var(--ksd-brand-primary);--ksd-slider-fill-bg-hover: var(--ksd-brand-primary-hover);--ksd-slider-fill-bg-disabled: var(--ksd-text-disabled);--ksd-slider-thumb-bg: var(--ksd-colors-common-white);--ksd-slider-thumb-bg-hover: var(--ksd-colors-common-white);--ksd-slider-thumb-bg-active: var(--ksd-colors-common-white);--ksd-slider-thumb-bg-disabled: var(--ksd-background-surface-subtle);--ksd-slider-thumb-border: var(--ksd-brand-primary);--ksd-slider-thumb-border-hover: var(--ksd-brand-primary-hover);--ksd-slider-thumb-border-active: var(--ksd-brand-primary-active);--ksd-slider-thumb-border-disabled: var(--ksd-text-disabled);--ksd-slider-thumb-shadow: var(--ksd-shadows-l1);--ksd-slider-thumb-shadow-hover: var(--ksd-shadows-l2);--ksd-slider-thumb-shadow-active: var(--ksd-shadows-l1);--ksd-slider-thumb-size-sm: 12px;--ksd-slider-thumb-size-md: 16px;--ksd-slider-thumb-size-lg: 20px;--ksd-slider-label-color: var(--ksd-text-primary);--ksd-slider-label-color-disabled: var(--ksd-text-disabled);--ksd-slider-label-font-size: var(--ksd-typography-font-size-sm);--ksd-slider-label-font-weight: var(--ksd-typography-font-weight-regular);--ksd-slider-value-color: var(--ksd-text-secondary);--ksd-slider-value-color-disabled: var(--ksd-text-disabled);--ksd-slider-value-font-size: var(--ksd-typography-font-size-sm);--ksd-slider-mark-dot-size: 6px;--ksd-slider-mark-dot-bg: var(--ksd-border-strong);--ksd-slider-mark-dot-bg-active: var(--ksd-brand-primary);--ksd-slider-mark-label-color: var(--ksd-text-tertiary);--ksd-slider-mark-label-color-active: var(--ksd-text-primary);--ksd-slider-mark-label-font-size: var(--ksd-typography-font-size-xs);--ksd-slider-tooltip-bg: var(--ksd-text-primary);--ksd-slider-tooltip-text: var(--ksd-text-inverse);--ksd-slider-tooltip-font-size: var(--ksd-typography-font-size-xs);--ksd-slider-tooltip-border-radius: var(--ksd-radii-r2);--ksd-slider-tooltip-padding: 4px 8px;--ksd-slider-tooltip-shadow: var(--ksd-shadows-l2);--ksd-slider-focus-ring-color: rgba(44, 111, 231, .35);--ksd-slider-focus-ring-width: 2px;--ksd-slider-focus-ring-offset: 2px;--ksd-slider-border-radius: 50%;--ksd-slider-track-border-radius: var(--ksd-radii-r0);--ksd-slider-transition: .2s ease;--ksd-slider-disabled-opacity: .6}[data-theme=dark]{--ksd-slider-track-bg: rgba(148, 163, 184, .2);--ksd-slider-track-bg-disabled: rgba(148, 163, 184, .1);--ksd-slider-fill-bg: var(--ksd-brand-primary);--ksd-slider-fill-bg-hover: var(--ksd-brand-primary-hover);--ksd-slider-fill-bg-disabled: rgba(148, 163, 184, .4);--ksd-slider-thumb-bg: var(--ksd-colors-common-white);--ksd-slider-thumb-bg-disabled: rgba(148, 163, 184, .3);--ksd-slider-thumb-border: var(--ksd-brand-primary);--ksd-slider-thumb-border-disabled: rgba(148, 163, 184, .4);--ksd-slider-thumb-shadow: 0 2px 8px rgba(0, 0, 0, .3);--ksd-slider-thumb-shadow-hover: 0 4px 12px rgba(0, 0, 0, .4);--ksd-slider-mark-dot-bg: rgba(148, 163, 184, .4);--ksd-slider-mark-dot-bg-active: var(--ksd-brand-primary);--ksd-slider-tooltip-bg: var(--ksd-background-surface-strong);--ksd-slider-tooltip-text: var(--ksd-text-primary);--ksd-slider-tooltip-shadow: 0 4px 16px rgba(0, 0, 0, .4);--ksd-slider-focus-ring-color: rgba(94, 152, 240, .4)}
package/dist/types/DesignThemeProvider.d.ts CHANGED
@@ -3,12 +3,16 @@
3
3
  *
4
4
  * 功能：
5
5
  * 1. 自动导入 CSS tokens（兜底 - 确保即使只导入 Provider 也有样式）
6
- * 2. 设置 data-theme 属性以支持主题切换
7
- * 3. 支持通过 theme prop 覆盖 CSS 变量
6
+ * 2. 设置 data-theme 属性以支持主题切换（light/dark）
7
+ * 3. 支持通过 theme prop 覆盖默认主题（JS Token 方案）
8
8
  *
9
- * 无 Provider 场景：
10
- * 组件可以不包裹 Provider 直接使用，因为 CSS 变量在 :root 定义
11
- * 只要项目入口导入了 tokens.css（通过 @kingsoft-ai/design 自动导入）
9
+ * 样式解析策略：
10
+ * - 不传 theme prop：使用 CSS 变量，通过 data-theme 属性切换 light/dark
11
+ * - 传 theme prop：使用 JS Token，组件样式由 theme 对象决定
12
+ *
13
+ * 这种设计让用户可以选择：
14
+ * - 只需要 light/dark 切换 → 只传 mode，享受 CSS 变量的性能优势
15
+ * - 需要深度自定义 → 传 theme，获得完整的 JS Token 能力
12
16
  */
13
17
  import type { ReactNode } from 'react';
14
18
  import type { AppTheme } from '@kingsoft-ai/theme';
@@ -25,26 +29,27 @@ export interface DesignThemeProviderProps {
25
29
  /**
26
30
  * 自定义主题对象（可选）
27
31
  *
28
- * 支持部分配置，会自动与默认主题进行深度合并。
29
- * 只需要提供你想要覆盖的部分即可。
32
+ * **重要：这个 prop 决定了样式解析策略**
33
+ *
34
+ * - **不传 theme**：使用 CSS 变量方案
35
+ * - 组件样式通过 CSS 变量解析
36
+ * - light/dark 切换通过 `data-theme` 属性实现
37
+ * - 性能更好，支持在元素上直接覆盖 CSS 变量
30
38
  *
31
- * 注意：theme 中的值会被映射为 CSS 变量覆盖
39
+ * - **传 theme**：使用 JS Token 方案
40
+ * - 组件样式通过 JavaScript theme 对象解析
41
+ * - 支持完整的主题自定义能力
42
+ * - 会与默认主题进行深度合并
32
43
  *
33
44
  * @example
34
45
  * ```tsx
35
- * // 只覆盖 card 组件的部分 token
36
- * const customTheme = {
37
- * components: {
38
- * card: {
39
- * container: {
40
- * background: { default: '#F0F4FF' },
41
- * radius: '24px',
42
- * }
43
- * }
44
- * }
45
- * }
46
+ * // 只需要 light/dark 切换（推荐大多数场景）
47
+ * <DesignThemeProvider mode="dark">
48
+ * <Card>使用 CSS 变量的卡片</Card>
49
+ * </DesignThemeProvider>
46
50
  *
47
- * <DesignThemeProvider theme={customTheme}>
51
+ * // 需要深度自定义主题
52
+ * <DesignThemeProvider theme={{ components: { card: { container: { radius: '24px' } } } }}>
48
53
  * <Card>自定义样式的卡片</Card>
49
54
  * </DesignThemeProvider>
50
55
  * ```
package/dist/types/button/Button.d.ts CHANGED
@@ -1,16 +1,3 @@
1
- /**
2
- * Button 按钮组件
3
- *
4
- * 基于 react-aria 实现无障碍访问的按钮组件
5
- * 完全符合 Figma 设计稿规范
6
- *
7
- * @example
8
- * ```tsx
9
- * <Button variant="primary" size="md">
10
- * 按钮文字
11
- * </Button>
12
- * ```
13
- */
14
1
  import type { ReactNode } from 'react';
15
2
  import type { AriaButtonProps } from 'react-aria';
16
3
  import { type ButtonVariant, type ButtonSize } from './Button.style';
@@ -31,15 +18,11 @@ export type ButtonProps = Omit<AriaButtonProps, 'elementType'> & {
31
18
  disabled?: boolean;
32
19
  /** 自定义类名 */
33
20
  className?: string;
21
+ /** 自定义样式（支持 CSS 变量定制） */
22
+ style?: React.CSSProperties;
34
23
  /** 子元素 */
35
24
  children?: ReactNode;
36
25
  };
37
- /**
38
- * Button 按钮组件
39
- *
40
- * 基于 Figma 设计规范实现的按钮组件，支持多种变体和尺寸
41
- * 使用 react-aria 保证无障碍访问性
42
- */
43
26
  export declare const Button: import("react").ForwardRefExoticComponent<Omit<AriaButtonProps<"button">, "elementType"> & {
44
27
  /** 按钮类型：主按钮、次按钮、文本按钮、危险按钮 */
45
28
  variant?: ButtonVariant;
@@ -55,6 +38,8 @@ export declare const Button: import("react").ForwardRefExoticComponent<Omit<Aria
55
38
  disabled?: boolean;
56
39
  /** 自定义类名 */
57
40
  className?: string;
41
+ /** 自定义样式（支持 CSS 变量定制） */
42
+ style?: React.CSSProperties;
58
43
  /** 子元素 */
59
44
  children?: ReactNode;
60
45
  } & import("react").RefAttributes<HTMLButtonElement>>;
package/dist/types/button/Button.style.d.ts CHANGED
@@ -1,27 +1,14 @@
1
1
  /**
2
- * Button 按钮样式
2
+ * Button Styled Components
3
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-button-*
8
- *
9
- * 无需 ThemeProvider，直接使用 CSS 变量
10
- * 完全还原 Figma 设计稿规范
4
+ * 使用 Styled Token System 实现样式：
5
+ * - JS Token 优先（来自 ThemeProvider，支持用户自定义）
6
+ * - CSS 变量作为 fallback（无 Provider 时的兜底）
11
7
  */
12
8
  export declare const buttonVariants: readonly ["primary", "secondary", "text", "danger", "gradient"];
13
9
  export declare const buttonSizes: readonly ["sm", "md", "lg"];
14
10
  export type ButtonVariant = (typeof buttonVariants)[number];
15
11
  export type ButtonSize = (typeof buttonSizes)[number];
16
- /**
17
- * Button 根元素
18
- *
19
- * 特性：
20
- * - 基于 CSS 变量，无需 ThemeProvider
21
- * - 完整的交互状态（hover, active, focus, disabled）
22
- * - 支持加载状态
23
- * - 支持全宽模式
24
- */
25
12
  export declare const ButtonRoot: import("@emotion/styled").StyledComponent<{
26
13
  theme?: import("@emotion/react").Theme;
27
14
  as?: React.ElementType;
@@ -33,34 +20,16 @@ export declare const ButtonRoot: import("@emotion/styled").StyledComponent<{
33
20
  isDisabled: boolean;
34
21
  isLoading: boolean;
35
22
  }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
36
- /**
37
- * 按钮内容容器
38
- * 用于布局图标和文本
39
- */
40
23
  export declare const ButtonContent: import("@emotion/styled").StyledComponent<{
41
24
  theme?: import("@emotion/react").Theme;
42
25
  as?: React.ElementType;
43
26
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
44
- /**
45
- * 图标包装器
46
- *
47
- * 特性：
48
- * - 在加载状态下淡出
49
- * - 保持布局稳定
50
- */
51
27
  export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
52
28
  theme?: import("@emotion/react").Theme;
53
29
  as?: React.ElementType;
54
30
  } & {
55
31
  isLoading: boolean;
56
32
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
57
- /**
58
- * 按钮文本标签
59
- *
60
- * 特性：
61
- * - 在加载状态下淡出
62
- * - 保持文本居中
63
- */
64
33
  export declare const Label: import("@emotion/styled").StyledComponent<{
65
34
  theme?: import("@emotion/react").Theme;
66
35
  as?: React.ElementType;
package/dist/types/button/IconButton.d.ts CHANGED
@@ -1,8 +1,3 @@
1
- /**
2
- * IconButton 图标按钮组件
3
- *
4
- * 适用于仅展示图标的高频交互，支持多种外观与语义色彩
5
- */
6
1
  import type { ReactNode } from 'react';
7
2
  import type { AriaButtonProps } from 'react-aria';
8
3
  import { type IconButtonAppearance, type IconButtonTone, type IconButtonSize } from './IconButton.style';
@@ -26,6 +21,8 @@ export type IconButtonProps = Omit<AriaButtonProps, 'elementType' | 'children'>
26
21
  loadingLabel?: string;
27
22
  /** 自定义类名 */
28
23
  className?: string;
24
+ /** 自定义样式（支持 CSS 变量定制） */
25
+ style?: React.CSSProperties;
29
26
  };
30
27
  export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<AriaButtonProps<"button">, "children" | "elementType"> & {
31
28
  /** 图标按钮的视觉外观：实心、描边、幽灵 */
@@ -44,4 +41,6 @@ export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<
44
41
  loadingLabel?: string;
45
42
  /** 自定义类名 */
46
43
  className?: string;
44
+ /** 自定义样式（支持 CSS 变量定制） */
45
+ style?: React.CSSProperties;
47
46
  } & import("react").RefAttributes<HTMLButtonElement>>;
package/dist/types/button/IconButton.style.d.ts CHANGED
@@ -1,12 +1,9 @@
1
1
  /**
2
- * IconButton 图标按钮样式
2
+ * IconButton Styled Components
3
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-icon-button-*
8
- *
9
- * 无需 ThemeProvider，直接使用 CSS 变量
4
+ * 使用 Styled Token System 实现样式：
5
+ * - JS Token 优先（来自 ThemeProvider，支持用户自定义）
6
+ * - CSS 变量作为 fallback（无 Provider 时的兜底）
10
7
  */
11
8
  export declare const iconButtonAppearances: readonly ["solid", "outline", "ghost"];
12
9
  export declare const iconButtonTones: readonly ["primary", "neutral", "danger"];