base-themes 0.1.2 → 0.1.3

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 (262) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/CODE_OF_CONDUCT.md +22 -0
  3. package/CONTRIBUTING.md +98 -0
  4. package/LICENSE +21 -0
  5. package/README.md +316 -3
  6. package/RELEASE.md +80 -0
  7. package/SECURITY.md +49 -0
  8. package/bin/base-themes.mjs +143 -0
  9. package/dist/base-themes.css +1 -1
  10. package/dist/base-themes.js +857 -302
  11. package/dist/llms-full.txt +288 -0
  12. package/dist/llms.txt +79 -0
  13. package/dist/types/blocks/AuthCard.d.ts +2 -0
  14. package/dist/types/blocks/CommandPaletteBlock.d.ts +2 -0
  15. package/dist/types/blocks/DashboardShell.d.ts +2 -0
  16. package/dist/types/blocks/DataTableBlock.d.ts +2 -0
  17. package/dist/types/blocks/PricingPanel.d.ts +2 -0
  18. package/dist/types/blocks/SettingsForm.d.ts +2 -0
  19. package/dist/types/blocks/TeamActivityFeed.d.ts +2 -0
  20. package/dist/types/blocks/ThemeShowcaseCard.d.ts +2 -0
  21. package/dist/types/blocks/index.d.ts +8 -0
  22. package/dist/types/components/ui/Input.d.ts +3 -0
  23. package/dist/types/components/ui/index.d.ts +1 -1
  24. package/dist/types/lib.d.ts +1 -0
  25. package/docs/adoption-dashboard.md +149 -0
  26. package/docs/analytics-setup.md +145 -0
  27. package/docs/community-gallery-proposal.md +64 -0
  28. package/docs/community-proof-telemetry.md +47 -0
  29. package/docs/contributor-issue-seeds.md +240 -0
  30. package/docs/registry-access-telemetry.md +87 -0
  31. package/docs/release-announcement-kit.md +229 -0
  32. package/docs/search-console-setup.md +111 -0
  33. package/docs/theme-token-contract.md +113 -0
  34. package/examples/dashboard/README.md +24 -0
  35. package/examples/dashboard/index.html +12 -0
  36. package/examples/dashboard/package-lock.json +1212 -0
  37. package/examples/dashboard/package.json +24 -0
  38. package/examples/dashboard/src/App.tsx +115 -0
  39. package/examples/dashboard/src/main.tsx +11 -0
  40. package/examples/dashboard/src/styles.css +129 -0
  41. package/examples/dashboard/src/vite-env.d.ts +4 -0
  42. package/examples/dashboard/tsconfig.app.json +23 -0
  43. package/examples/dashboard/tsconfig.json +7 -0
  44. package/examples/dashboard/tsconfig.node.json +15 -0
  45. package/examples/dashboard/vite.config.ts +6 -0
  46. package/examples/next/README.md +29 -0
  47. package/examples/next/app/base-themes-demo.tsx +70 -0
  48. package/examples/next/app/layout.tsx +16 -0
  49. package/examples/next/app/page.tsx +9 -0
  50. package/examples/next/app/styles.css +106 -0
  51. package/examples/next/next-env.d.ts +6 -0
  52. package/examples/next/next.config.ts +5 -0
  53. package/examples/next/package-lock.json +1199 -0
  54. package/examples/next/package.json +27 -0
  55. package/examples/next/tsconfig.json +36 -0
  56. package/examples/registry-copy/README.md +73 -0
  57. package/examples/registry-copy/plan-copy.mjs +130 -0
  58. package/examples/theme-customization/README.md +26 -0
  59. package/examples/theme-customization/index.html +12 -0
  60. package/examples/theme-customization/package-lock.json +1212 -0
  61. package/examples/theme-customization/package.json +24 -0
  62. package/examples/theme-customization/src/App.tsx +138 -0
  63. package/examples/theme-customization/src/main.tsx +11 -0
  64. package/examples/theme-customization/src/styles.css +138 -0
  65. package/examples/theme-customization/src/vite-env.d.ts +4 -0
  66. package/examples/theme-customization/tsconfig.app.json +23 -0
  67. package/examples/theme-customization/tsconfig.json +7 -0
  68. package/examples/theme-customization/tsconfig.node.json +15 -0
  69. package/examples/theme-customization/vite.config.ts +6 -0
  70. package/examples/vite/README.md +32 -0
  71. package/examples/vite/index.html +12 -0
  72. package/examples/vite/package-lock.json +1200 -0
  73. package/examples/vite/package.json +24 -0
  74. package/examples/vite/src/App.tsx +101 -0
  75. package/examples/vite/src/main.tsx +11 -0
  76. package/examples/vite/src/styles.css +125 -0
  77. package/examples/vite/src/vite-env.d.ts +4 -0
  78. package/examples/vite/tsconfig.app.json +23 -0
  79. package/examples/vite/tsconfig.json +7 -0
  80. package/examples/vite/tsconfig.node.json +15 -0
  81. package/examples/vite/vite.config.ts +6 -0
  82. package/llms-full.txt +288 -0
  83. package/llms.txt +79 -0
  84. package/package.json +157 -14
  85. package/registry/items/accordion.json +101 -0
  86. package/registry/items/alert-dialog.json +107 -0
  87. package/registry/items/autocomplete.json +106 -0
  88. package/registry/items/avatar.json +101 -0
  89. package/registry/items/block-auth-card.json +105 -0
  90. package/registry/items/block-command-palette.json +99 -0
  91. package/registry/items/block-dashboard-shell.json +101 -0
  92. package/registry/items/block-data-table.json +99 -0
  93. package/registry/items/block-pricing-panel.json +99 -0
  94. package/registry/items/block-settings-form.json +107 -0
  95. package/registry/items/block-team-activity-feed.json +99 -0
  96. package/registry/items/block-theme-showcase-card.json +99 -0
  97. package/registry/items/button.json +102 -0
  98. package/registry/items/checkbox-group.json +106 -0
  99. package/registry/items/checkbox.json +102 -0
  100. package/registry/items/collapsible.json +101 -0
  101. package/registry/items/combobox.json +101 -0
  102. package/registry/items/context-menu.json +106 -0
  103. package/registry/items/csp-provider.json +96 -0
  104. package/registry/items/dialog.json +102 -0
  105. package/registry/items/direction-provider.json +101 -0
  106. package/registry/items/drawer.json +101 -0
  107. package/registry/items/field.json +101 -0
  108. package/registry/items/fieldset.json +101 -0
  109. package/registry/items/form.json +101 -0
  110. package/registry/items/input.json +102 -0
  111. package/registry/items/menu.json +101 -0
  112. package/registry/items/menubar.json +106 -0
  113. package/registry/items/meter.json +101 -0
  114. package/registry/items/navigation-menu.json +101 -0
  115. package/registry/items/number-field.json +101 -0
  116. package/registry/items/otp-field.json +101 -0
  117. package/registry/items/popover.json +102 -0
  118. package/registry/items/preview-card.json +101 -0
  119. package/registry/items/progress.json +101 -0
  120. package/registry/items/radio-group.json +102 -0
  121. package/registry/items/radio.json +101 -0
  122. package/registry/items/scroll-area.json +101 -0
  123. package/registry/items/select.json +102 -0
  124. package/registry/items/separator.json +101 -0
  125. package/registry/items/slider.json +102 -0
  126. package/registry/items/switch.json +102 -0
  127. package/registry/items/tabs.json +101 -0
  128. package/registry/items/theme-bauhaus.json +107 -0
  129. package/registry/items/theme-bento.json +107 -0
  130. package/registry/items/theme-calm.json +107 -0
  131. package/registry/items/theme-cyberpunk.json +108 -0
  132. package/registry/items/theme-data-dense.json +107 -0
  133. package/registry/items/theme-editorial.json +107 -0
  134. package/registry/items/theme-enterprise.json +108 -0
  135. package/registry/items/theme-fluent.json +107 -0
  136. package/registry/items/theme-glass.json +107 -0
  137. package/registry/items/theme-linear.json +107 -0
  138. package/registry/items/theme-luxury.json +107 -0
  139. package/registry/items/theme-material.json +107 -0
  140. package/registry/items/theme-minimal.json +107 -0
  141. package/registry/items/theme-mono.json +107 -0
  142. package/registry/items/theme-neo-brutalism.json +107 -0
  143. package/registry/items/theme-playful.json +107 -0
  144. package/registry/items/theme-retro.json +107 -0
  145. package/registry/items/theme-shadcn.json +107 -0
  146. package/registry/items/theme-soft-ui.json +107 -0
  147. package/registry/items/theme-terminal.json +107 -0
  148. package/registry/items/toast.json +106 -0
  149. package/registry/items/toggle-group.json +101 -0
  150. package/registry/items/toggle.json +101 -0
  151. package/registry/items/toolbar.json +101 -0
  152. package/registry/items/tooltip.json +102 -0
  153. package/registry/registry.json +564 -49
  154. package/registry/shadcn-registry.json +415 -0
  155. package/research/telemetry-fixtures/analytics-events.jsonl +9 -0
  156. package/research/telemetry-fixtures/bundle-report.json +44 -0
  157. package/research/telemetry-fixtures/community-proof.csv +5 -0
  158. package/research/telemetry-fixtures/registry-access.jsonl +10 -0
  159. package/research/telemetry-fixtures/search-console-export.csv +4 -0
  160. package/scripts/registry-plan.mjs +434 -0
  161. package/scripts/render-launch-actions.mjs +405 -0
  162. package/scripts/render-launch-status.mjs +373 -0
  163. package/scripts/render-release-announcement.mjs +329 -0
  164. package/scripts/verify-launch-readiness.mjs +415 -0
  165. package/scripts/verify-telemetry-fixtures.mjs +85 -0
  166. package/scripts/verify-telemetry-report.mjs +89 -0
  167. package/skills/base-themes/SKILL.md +151 -47
  168. package/src/blocks/AuthCard.tsx +29 -0
  169. package/src/blocks/Blocks.css +182 -0
  170. package/src/blocks/CommandPaletteBlock.tsx +32 -0
  171. package/src/blocks/DashboardShell.tsx +36 -0
  172. package/src/blocks/DataTableBlock.tsx +44 -0
  173. package/src/blocks/PricingPanel.tsx +28 -0
  174. package/src/blocks/SettingsForm.tsx +37 -0
  175. package/src/blocks/TeamActivityFeed.tsx +38 -0
  176. package/src/blocks/ThemeShowcaseCard.tsx +32 -0
  177. package/src/blocks/index.ts +8 -0
  178. package/src/components/ui/Accordion.css +42 -0
  179. package/src/components/ui/Accordion.tsx +41 -0
  180. package/src/components/ui/AlertDialog.css +40 -0
  181. package/src/components/ui/AlertDialog.tsx +52 -0
  182. package/src/components/ui/Autocomplete.css +3 -0
  183. package/src/components/ui/Autocomplete.tsx +50 -0
  184. package/src/components/ui/Avatar.css +45 -0
  185. package/src/components/ui/Avatar.tsx +36 -0
  186. package/src/components/ui/Button.css +79 -0
  187. package/src/components/ui/Button.tsx +20 -0
  188. package/src/components/ui/Checkbox.css +37 -0
  189. package/src/components/ui/Checkbox.tsx +32 -0
  190. package/src/components/ui/CheckboxGroup.tsx +21 -0
  191. package/src/components/ui/Collapsible.css +34 -0
  192. package/src/components/ui/Collapsible.tsx +29 -0
  193. package/src/components/ui/Combobox.css +75 -0
  194. package/src/components/ui/Combobox.tsx +53 -0
  195. package/src/components/ui/ContextMenu.css +9 -0
  196. package/src/components/ui/ContextMenu.tsx +47 -0
  197. package/src/components/ui/CspProvider.tsx +10 -0
  198. package/src/components/ui/Dialog.css +41 -0
  199. package/src/components/ui/Dialog.tsx +45 -0
  200. package/src/components/ui/DirectionProvider.tsx +17 -0
  201. package/src/components/ui/Drawer.css +77 -0
  202. package/src/components/ui/Drawer.tsx +56 -0
  203. package/src/components/ui/Field.css +19 -0
  204. package/src/components/ui/Field.tsx +24 -0
  205. package/src/components/ui/Fieldset.css +16 -0
  206. package/src/components/ui/Fieldset.tsx +19 -0
  207. package/src/components/ui/Form.css +5 -0
  208. package/src/components/ui/Form.tsx +12 -0
  209. package/src/components/ui/Input.css +50 -0
  210. package/src/components/ui/Input.tsx +62 -0
  211. package/src/components/ui/Menu.css +59 -0
  212. package/src/components/ui/Menu.tsx +50 -0
  213. package/src/components/ui/Menubar.css +26 -0
  214. package/src/components/ui/Menubar.tsx +42 -0
  215. package/src/components/ui/Meter.css +45 -0
  216. package/src/components/ui/Meter.tsx +37 -0
  217. package/src/components/ui/NavigationMenu.css +103 -0
  218. package/src/components/ui/NavigationMenu.tsx +64 -0
  219. package/src/components/ui/NumberField.css +38 -0
  220. package/src/components/ui/NumberField.tsx +28 -0
  221. package/src/components/ui/OtpField.css +28 -0
  222. package/src/components/ui/OtpField.tsx +24 -0
  223. package/src/components/ui/Popover.css +25 -0
  224. package/src/components/ui/Popover.tsx +37 -0
  225. package/src/components/ui/PreviewCard.css +33 -0
  226. package/src/components/ui/PreviewCard.tsx +43 -0
  227. package/src/components/ui/Progress.css +33 -0
  228. package/src/components/ui/Progress.tsx +28 -0
  229. package/src/components/ui/Radio.tsx +22 -0
  230. package/src/components/ui/RadioGroup.css +42 -0
  231. package/src/components/ui/RadioGroup.tsx +29 -0
  232. package/src/components/ui/ScrollArea.css +42 -0
  233. package/src/components/ui/ScrollArea.tsx +22 -0
  234. package/src/components/ui/Select.css +86 -0
  235. package/src/components/ui/Select.tsx +39 -0
  236. package/src/components/ui/Separator.css +14 -0
  237. package/src/components/ui/Separator.tsx +12 -0
  238. package/src/components/ui/Slider.css +39 -0
  239. package/src/components/ui/Slider.tsx +21 -0
  240. package/src/components/ui/Switch.css +45 -0
  241. package/src/components/ui/Switch.tsx +29 -0
  242. package/src/components/ui/Tabs.css +72 -0
  243. package/src/components/ui/Tabs.tsx +44 -0
  244. package/src/components/ui/Toast.css +75 -0
  245. package/src/components/ui/Toast.tsx +48 -0
  246. package/src/components/ui/Toggle.tsx +12 -0
  247. package/src/components/ui/ToggleGroup.css +35 -0
  248. package/src/components/ui/ToggleGroup.tsx +30 -0
  249. package/src/components/ui/Toolbar.css +60 -0
  250. package/src/components/ui/Toolbar.tsx +36 -0
  251. package/src/components/ui/Tooltip.css +14 -0
  252. package/src/components/ui/Tooltip.tsx +31 -0
  253. package/src/components/ui/index.ts +83 -0
  254. package/src/components/ui/useDirection.ts +1 -0
  255. package/src/components/ui/useToastManager.ts +11 -0
  256. package/src/docs/blockMeta.json +66 -0
  257. package/src/docs/componentMeta.json +322 -0
  258. package/src/docs/staticPageMeta.json +143 -0
  259. package/src/docs/themeMeta.json +22 -0
  260. package/src/styles/tokenContract.json +61 -0
  261. package/workers/analytics-receiver.mjs +170 -0
  262. package/wrangler.analytics.jsonc +12 -0
package/dist/base-themes.css CHANGED
@@ -1,2 +1,2 @@
1
- :root{--bg:#f5f7fb;--surface:#fff;--surface-strong:#0f172a;--surface-muted:#eef2f7;--text:#334155;--text-strong:#111827;--text-muted:#5f6b7a;--line:#d9e0ea;--line-strong:#c0cad8;--accent:#c2410c;--accent-strong:#9a3412;--teal:#0f766e;--blue:#2563eb;--green:#16a34a;--shadow:0 24px 80px #0f172a1f;--shadow-strong:0 16px 46px #0f172a14;--radius:8px;--radius-sm:6px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--topbar-bg:#ffffffc7;--topbar-border:#d9e0ead1;--card-bg:#ffffffe0;--chip-bg:#fff;--group-bg:#f8fafc;--nav-bg:#f8fafc;--track-bg:#e2e8f0;--switch-off-bg:#e2e8f0;--hero-text:#111827;--backdrop:#0f172a7a;--code-bg:var(--surface-strong);--code-text:#dbeafe;--code-keyword:#c084fc;--code-string:#86efac;--code-component:#93c5fd;--code-tag:#fca5a5;--code-number:#fdba74;--code-comment:#94a3b8;--scrollbar-track:transparent;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--selection-bg:var(--accent-strong);--selection-text:#fff}[data-theme=dark]{--bg:#0b1120;--surface:#111827;--surface-strong:#e2e8f0;--surface-muted:#1e293b;--text:#cbd5e1;--text-strong:#f1f5f9;--text-muted:#94a3b8;--line:#1e293b;--line-strong:#334155;--accent:#fb923c;--accent-strong:#f97316;--teal:#2dd4bf;--blue:#60a5fa;--green:#4ade80;--shadow:0 24px 80px #0006;--shadow-strong:0 16px 46px #0000004d;--topbar-bg:#111827d1;--topbar-border:#33415599;--card-bg:#111827e0;--chip-bg:#1e293b;--group-bg:#1e293b;--nav-bg:#1e293b;--track-bg:#334155;--switch-off-bg:#334155;--hero-text:#f1f5f9;--backdrop:#0009;--code-bg:#1e293b;--code-text:#cbd5e1;--code-keyword:#d8b4fe;--code-string:#bbf7d0;--code-component:#bfdbfe;--code-tag:#fecaca;--code-number:#fed7aa;--code-comment:#94a3b8;--scrollbar-track:transparent;--scrollbar-thumb:#475569;--scrollbar-thumb-hover:#64748b;--selection-bg:var(--accent-strong);--selection-text:#111827}[data-style=shadcn]{--bg:#fff;--surface:#fff;--surface-strong:#09090b;--surface-muted:#f4f4f5;--text:#27272a;--text-strong:#09090b;--text-muted:#52525b;--line:#e4e4e7;--line-strong:#d4d4d8;--accent:#18181b;--accent-strong:#09090b;--teal:#18181b;--blue:#2563eb;--green:#16a34a;--shadow:0 10px 30px #18181b14;--shadow-strong:0 8px 24px #18181b14;--radius:8px;--radius-sm:6px;--topbar-bg:#ffffffe6;--topbar-border:#e4e4e7db;--card-bg:#fff;--chip-bg:#fafafa;--group-bg:#f4f4f5;--nav-bg:#f4f4f5;--track-bg:#e4e4e7;--switch-off-bg:#e4e4e7;--hero-text:#09090b;--backdrop:#18181bb8;--code-bg:#09090b;--code-text:#fafafa;--code-keyword:#c084fc;--code-string:#86efac;--code-component:#93c5fd;--code-tag:#fca5a5;--code-number:#fdba74;--code-comment:#a1a1aa;--scrollbar-thumb:#d4d4d8;--scrollbar-thumb-hover:#a1a1aa;--selection-bg:#18181b;--selection-text:#fafafa}[data-style=shadcn][data-theme=dark]{--bg:#09090b;--surface:#09090b;--surface-strong:#fafafa;--surface-muted:#18181b;--text:#e4e4e7;--text-strong:#fafafa;--text-muted:#a1a1aa;--line:#27272a;--line-strong:#3f3f46;--accent:#fafafa;--accent-strong:#fff;--teal:#fafafa;--blue:#60a5fa;--green:#4ade80;--shadow:0 18px 48px #0000006b;--shadow-strong:0 14px 38px #00000057;--topbar-bg:#09090be6;--topbar-border:#27272adb;--card-bg:#09090b;--chip-bg:#18181b;--group-bg:#18181b;--nav-bg:#18181b;--track-bg:#27272a;--switch-off-bg:#27272a;--hero-text:#fafafa;--backdrop:#000000b8;--code-bg:#18181b;--code-text:#e4e4e7;--code-comment:#a1a1aa;--scrollbar-thumb:#3f3f46;--scrollbar-thumb-hover:#71717a;--selection-bg:#fafafa;--selection-text:#09090b}[data-style=neo-brutalism]{--bg:#fff7d6;--surface:#fff;--surface-strong:#111;--surface-muted:#ffe66d;--text:#111;--text-strong:#000;--text-muted:#3f3f46;--line:#111;--line-strong:#000;--accent:#ff4d6d;--accent-strong:#ff2f57;--teal:#00d1b2;--blue:#3a86ff;--green:#7bd88f;--shadow:6px 6px 0 #111;--shadow-strong:8px 8px 0 #111;--radius:4px;--radius-sm:3px;--topbar-bg:#fff7d6;--topbar-border:#111;--card-bg:#fff;--chip-bg:#ffe66d;--group-bg:#fff;--nav-bg:#fff;--track-bg:#fff;--switch-off-bg:#fff;--hero-text:#000;--backdrop:#0000006b;--code-bg:#111;--code-text:#fff7d6;--code-keyword:#ff99c8;--code-string:#a9def9;--code-component:#fdffb6;--code-tag:#caffbf;--code-number:#ffd6a5;--code-comment:#bdbdbd;--scrollbar-thumb:#111;--scrollbar-thumb-hover:#ff4d6d;--selection-bg:#111;--selection-text:#fff7d6}[data-style=neo-brutalism][data-theme=dark]{--bg:#161616;--surface:#242424;--surface-strong:#fff7d6;--surface-muted:#3a3a3a;--text:#f5f5f5;--text-strong:#fff;--text-muted:#d4d4d8;--line:#fff7d6;--line-strong:#fff;--accent:#ff4d6d;--accent-strong:#ff7a90;--teal:#00d1b2;--blue:#3a86ff;--green:#7bd88f;--shadow:6px 6px 0 #fff7d6;--shadow-strong:8px 8px 0 #fff7d6;--topbar-bg:#161616;--topbar-border:#fff7d6;--card-bg:#242424;--chip-bg:#3a3a3a;--group-bg:#242424;--nav-bg:#242424;--track-bg:#3a3a3a;--switch-off-bg:#3a3a3a;--hero-text:#fff;--backdrop:#000000b8;--code-bg:#000;--code-text:#fff7d6;--scrollbar-thumb:#fff7d6;--scrollbar-thumb-hover:#ff4d6d;--selection-bg:#fff7d6;--selection-text:#111}[data-style=minimal]{--bg:#f8fafc;--surface:#fff;--surface-strong:#111827;--surface-muted:#f1f5f9;--text:#334155;--text-strong:#0f172a;--text-muted:#52637a;--line:#e2e8f0;--line-strong:#94a3b8;--accent:#0f172a;--accent-strong:#020617;--teal:#334155;--blue:#2563eb;--green:#15803d;--shadow:none;--shadow-strong:none;--radius:4px;--radius-sm:3px;--topbar-bg:#f8fafceb;--topbar-border:#e2e8f0eb;--card-bg:#fff;--chip-bg:#f8fafc;--group-bg:#f8fafc;--nav-bg:#f8fafc;--track-bg:#e2e8f0;--switch-off-bg:#e2e8f0;--hero-text:#0f172a;--backdrop:#0f172a8f;--code-bg:#0f172a;--code-text:#e2e8f0;--code-keyword:#f8fafc;--code-string:#e2e8f0;--code-component:#cbd5e1;--code-tag:#f1f5f9;--code-number:#d1d5db;--code-comment:#94a3b8;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--selection-bg:#0f172a;--selection-text:#fff}[data-style=minimal][data-theme=dark]{--bg:#020617;--surface:#020617;--surface-strong:#f8fafc;--surface-muted:#0f172a;--text:#cbd5e1;--text-strong:#f8fafc;--text-muted:#94a3b8;--line:#1e293b;--line-strong:#475569;--accent:#f8fafc;--accent-strong:#fff;--teal:#cbd5e1;--blue:#60a5fa;--green:#4ade80;--shadow:none;--shadow-strong:none;--radius:4px;--radius-sm:3px;--topbar-bg:#020617eb;--topbar-border:#1e293beb;--card-bg:#020617;--chip-bg:#0f172a;--group-bg:#0f172a;--nav-bg:#0f172a;--track-bg:#1e293b;--switch-off-bg:#1e293b;--hero-text:#f8fafc;--backdrop:#000000b8;--code-bg:#0f172a;--code-text:#e2e8f0;--code-keyword:#f8fafc;--code-string:#e2e8f0;--code-component:#cbd5e1;--code-tag:#f1f5f9;--code-number:#d1d5db;--code-comment:#94a3b8;--scrollbar-thumb:#334155;--scrollbar-thumb-hover:#64748b;--selection-bg:#f8fafc;--selection-text:#020617}[data-style=enterprise]{--bg:#f3f6fb;--surface:#fff;--surface-strong:#0b1f44;--surface-muted:#e8eef8;--text:#27364b;--text-strong:#10213d;--text-muted:#52647c;--line:#cfd9e8;--line-strong:#9fb0c8;--accent:#1d4ed8;--accent-strong:#1e40af;--teal:#0f766e;--blue:#2563eb;--green:#15803d;--shadow:0 14px 34px #10213d1a;--shadow-strong:0 10px 26px #10213d1f;--radius:6px;--radius-sm:4px;--topbar-bg:#ffffffeb;--topbar-border:#cfd9e8f0;--card-bg:#fff;--chip-bg:#eef4ff;--group-bg:#eef4ff;--nav-bg:#e8eef8;--track-bg:#d9e3f2;--switch-off-bg:#d9e3f2;--hero-text:#10213d;--backdrop:#0b1f448f;--code-bg:#0b1f44;--code-text:#dbeafe;--code-keyword:#c4b5fd;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#b6c5da;--scrollbar-track:transparent;--scrollbar-thumb:#b6c5da;--scrollbar-thumb-hover:#7f91ad;--selection-bg:#1d4ed8;--selection-text:#fff}[data-style=enterprise][data-theme=dark]{--bg:#071426;--surface:#0d1b31;--surface-strong:#e5eefc;--surface-muted:#13233c;--text:#c6d3e6;--text-strong:#f1f7ff;--text-muted:#8da0bb;--line:#1d3353;--line-strong:#355174;--accent:#60a5fa;--accent-strong:#93c5fd;--teal:#5eead4;--blue:#60a5fa;--green:#4ade80;--shadow:0 18px 50px #00000061;--shadow-strong:0 12px 34px #00000052;--topbar-bg:#071426eb;--topbar-border:#1d3353eb;--card-bg:#0d1b31;--chip-bg:#13233c;--group-bg:#13233c;--nav-bg:#13233c;--track-bg:#1d3353;--switch-off-bg:#1d3353;--hero-text:#f1f7ff;--backdrop:#000000ad;--code-bg:#020b16;--code-text:#dbeafe;--code-keyword:#c4b5fd;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#8da0bb;--scrollbar-track:transparent;--scrollbar-thumb:#355174;--scrollbar-thumb-hover:#536f94;--selection-bg:#93c5fd;--selection-text:#071426}[data-style=linear]{--bg:#f7f8fb;--surface:#fff;--surface-strong:#17171c;--surface-muted:#f0f1f5;--text:#3f3f46;--text-strong:#18181b;--text-muted:#52525b;--line:#e4e7ee;--line-strong:#c9ced8;--accent:#5b5bd6;--accent-strong:#4848c7;--teal:#047857;--blue:#4f46e5;--green:#22c55e;--shadow:0 18px 48px #26263a1a;--shadow-strong:0 12px 34px #26263a1f;--radius:10px;--radius-sm:7px;--topbar-bg:#ffffffdb;--topbar-border:#e4e7eee6;--card-bg:#ffffffeb;--chip-bg:#f6f6fa;--group-bg:#f0f1f5;--nav-bg:#f0f1f5;--track-bg:#dfe2ea;--switch-off-bg:#dfe2ea;--hero-text:#18181b;--backdrop:#18181b9e;--code-bg:#17171c;--code-text:#e4e4e7;--code-keyword:#c4b5fd;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fcd34d;--code-comment:#cbd5e1;--scrollbar-thumb:#c9ced8;--scrollbar-thumb-hover:#8f98aa;--selection-bg:#5b5bd6;--selection-text:#fff}[data-style=linear][data-theme=dark]{--bg:#09090d;--surface:#111116;--surface-strong:#f7f7fb;--surface-muted:#191922;--text:#d4d4dc;--text-strong:#fafafa;--text-muted:#9494a3;--line:#262633;--line-strong:#3a3a4a;--accent:#8b8cff;--accent-strong:#a7a7ff;--teal:#34d399;--blue:#8b8cff;--green:#4ade80;--shadow:0 20px 52px #0000006b;--shadow-strong:0 14px 36px #8b8cff29;--topbar-bg:#09090ddb;--topbar-border:#262633e6;--card-bg:#111116f0;--chip-bg:#191922;--group-bg:#191922;--nav-bg:#191922;--track-bg:#262633;--switch-off-bg:#262633;--hero-text:#fafafa;--backdrop:#000000b8;--code-bg:#050507;--code-text:#e4e4e7;--code-keyword:#a7a7ff;--code-string:#34d399;--code-component:#8b8cff;--code-tag:#fb7185;--code-number:#fbbf24;--code-comment:#9494a3;--scrollbar-thumb:#3a3a4a;--scrollbar-thumb-hover:#67677a;--selection-bg:#a7a7ff;--selection-text:#09090d}[data-style=glass]{--bg:#eaf4ff;--surface:#ffffffad;--surface-strong:#17304f;--surface-muted:#ffffff75;--text:#334155;--text-strong:#10233d;--text-muted:#334155;--line:#3b82f64d;--line-strong:#2563eb75;--accent:#2563eb;--accent-strong:#1d4ed8;--teal:#0f766e;--blue:#2563eb;--green:#16a34a;--shadow:0 24px 70px #2563eb2e;--shadow-strong:0 16px 50px #2563eb33;--radius:18px;--radius-sm:12px;--topbar-bg:#ffffff8f;--topbar-border:#ffffffb8;--card-bg:#ffffff94;--chip-bg:#ffffff7a;--group-bg:#ffffff6b;--nav-bg:#ffffff70;--track-bg:#ffffff85;--switch-off-bg:#ffffff85;--hero-text:#10233d;--backdrop:#0f172a7a;--code-bg:#0f172aeb;--code-text:#e0f2fe;--code-keyword:#c4b5fd;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fcd34d;--code-comment:#cbd5e1;--scrollbar-thumb:#2563eb61;--scrollbar-thumb-hover:#2563eb94;--selection-bg:#2563eb;--selection-text:#fff}[data-style=glass][data-theme=dark]{--bg:#08111f;--surface:#0f172a9e;--surface-strong:#f0f9ff;--surface-muted:#1e293b8f;--text:#cbd5e1;--text-strong:#f0f9ff;--text-muted:#94a3b8;--line:#94a3b842;--line-strong:#7dd3fc5c;--accent:#38bdf8;--accent-strong:#7dd3fc;--teal:#22d3ee;--blue:#60a5fa;--green:#4ade80;--topbar-bg:#08111f94;--topbar-border:#94a3b83d;--card-bg:#0f172a94;--chip-bg:#1e293b85;--group-bg:#1e293b7a;--nav-bg:#1e293b7a;--track-bg:#334155b8;--switch-off-bg:#334155b8;--hero-text:#f0f9ff;--backdrop:#000000a8;--code-bg:#020617f0;--code-text:#e0f2fe;--code-keyword:#c084fc;--code-string:#67e8f9;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fcd34d;--code-comment:#94a3b8;--scrollbar-thumb:#7dd3fc57;--scrollbar-thumb-hover:#7dd3fc8f;--selection-bg:#7dd3fc;--selection-text:#08111f}[data-style=terminal]{--bg:#07130f;--surface:#0b1d17;--surface-strong:#d1fae5;--surface-muted:#10281f;--text:#a7f3d0;--text-strong:#ecfdf5;--text-muted:#6ee7b7;--line:#1f4d3d;--line-strong:#34d399;--accent:#22c55e;--accent-strong:#86efac;--teal:#2dd4bf;--blue:#38bdf8;--green:#22c55e;--shadow:0 0 0 1px #34d39947, 0 0 28px #22c55e1a;--shadow-strong:0 0 0 1px #34d39961, 0 0 38px #22c55e29;--radius:2px;--radius-sm:2px;--font-sans:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--topbar-bg:#07130ff0;--topbar-border:#34d39957;--card-bg:#0b1d17;--chip-bg:#10281f;--group-bg:#10281f;--nav-bg:#10281f;--track-bg:#1f4d3d;--switch-off-bg:#1f4d3d;--hero-text:#ecfdf5;--backdrop:#000000c2;--code-bg:#020806;--code-text:#a7f3d0;--code-keyword:#fbbf24;--code-string:#86efac;--code-component:#67e8f9;--code-tag:#f87171;--code-number:#fcd34d;--code-comment:#65a30d;--scrollbar-track:transparent;--scrollbar-thumb:#1f4d3d;--scrollbar-thumb-hover:#34d399;--selection-bg:#22c55e;--selection-text:#07130f}[data-style=terminal][data-theme=light]{--bg:#edfdf5;--surface:#f8fffb;--surface-strong:#064e3b;--surface-muted:#dcfce7;--text:#14532d;--text-strong:#052e16;--text-muted:#15803d;--line:#86efac;--line-strong:#16a34a;--accent:#15803d;--accent-strong:#166534;--teal:#0f766e;--blue:#0369a1;--green:#15803d;--topbar-bg:#edfdf5f0;--topbar-border:#16a34a57;--card-bg:#f8fffb;--chip-bg:#dcfce7;--group-bg:#dcfce7;--nav-bg:#dcfce7;--track-bg:#bbf7d0;--switch-off-bg:#bbf7d0;--hero-text:#052e16;--shadow:0 0 0 1px #16a34a38, 0 12px 28px #14532d1a;--shadow-strong:0 0 0 1px #16a34a57, 0 16px 36px #14532d24;--backdrop:#052e1670;--code-bg:#052e16;--code-text:#dcfce7;--code-keyword:#fbbf24;--code-string:#86efac;--code-component:#67e8f9;--code-tag:#f87171;--code-number:#fcd34d;--code-comment:#a7f3d0;--scrollbar-track:transparent;--scrollbar-thumb:#86efac;--scrollbar-thumb-hover:#16a34a;--selection-bg:#064e3b;--selection-text:#fff}[data-style=material]{--bg:#f8fafd;--surface:#fff;--surface-strong:#1f1f1f;--surface-muted:#edf2fb;--text:#3c4043;--text-strong:#202124;--text-muted:#5f6368;--line:#dadce0;--line-strong:#bdc1c6;--accent:#1a73e8;--accent-strong:#1558b0;--teal:#00796b;--blue:#1a73e8;--green:#188038;--shadow:0 3px 10px #3c404329, 0 1px 3px #3c40431f;--shadow-strong:0 8px 24px #3c40432e;--radius:12px;--radius-sm:8px;--topbar-bg:#ffffffeb;--topbar-border:#dadce0e6;--card-bg:#fff;--chip-bg:#edf2fb;--group-bg:#edf2fb;--nav-bg:#edf2fb;--track-bg:#dfe5f2;--switch-off-bg:#dfe5f2;--hero-text:#202124;--backdrop:#2021248f;--code-bg:#202124;--code-text:#e8eaed;--code-keyword:#d7aefb;--code-string:#81c995;--code-component:#aecbfa;--code-tag:#f28b82;--code-number:#fdd663;--code-comment:#bdc1c6;--scrollbar-thumb:#bdc1c6;--scrollbar-thumb-hover:#80868b;--selection-bg:#1a73e8;--selection-text:#fff}[data-style=material][data-theme=dark]{--bg:#101418;--surface:#1b1f23;--surface-strong:#e8eaed;--surface-muted:#242a30;--text:#c4c7c5;--text-strong:#f1f3f4;--text-muted:#9aa0a6;--line:#30363d;--line-strong:#5f6368;--accent:#8ab4f8;--accent-strong:#aecbfa;--teal:#80cbc4;--blue:#8ab4f8;--green:#81c995;--topbar-bg:#101418eb;--topbar-border:#30363de6;--card-bg:#1b1f23;--chip-bg:#242a30;--group-bg:#242a30;--nav-bg:#242a30;--track-bg:#30363d;--switch-off-bg:#30363d;--hero-text:#f1f3f4;--backdrop:#000000b8;--code-bg:#101418;--code-text:#e8eaed;--code-keyword:#d7aefb;--code-string:#81c995;--code-component:#aecbfa;--code-tag:#f28b82;--code-number:#fdd663;--code-comment:#9aa0a6;--scrollbar-thumb:#5f6368;--scrollbar-thumb-hover:#9aa0a6;--selection-bg:#aecbfa;--selection-text:#101418}[data-style=fluent]{--bg:#f5f7fb;--surface:#ffffffdb;--surface-strong:#1b1a19;--surface-muted:#eef3f8;--text:#323130;--text-strong:#201f1e;--text-muted:#605e5c;--line:#e1dfdd;--line-strong:#c8c6c4;--accent:#0078d4;--accent-strong:#106ebe;--teal:#038387;--blue:#0078d4;--green:#107c10;--shadow:0 16px 40px #0078d41a;--shadow-strong:0 10px 30px #0000001f;--radius:8px;--radius-sm:4px;--topbar-bg:#ffffffb8;--topbar-border:#e1dfdddb;--card-bg:#ffffffd1;--chip-bg:#f3f2f1;--group-bg:#f3f2f1;--nav-bg:#f3f2f1;--track-bg:#edebe9;--switch-off-bg:#edebe9;--hero-text:#201f1e;--backdrop:#201f1e85;--code-bg:#201f1e;--code-text:#faf9f8;--code-keyword:#c586c0;--code-string:#92c353;--code-component:#60cdff;--code-tag:#f1707b;--code-number:#ffd335;--code-comment:#c8c6c4;--scrollbar-track:transparent;--scrollbar-thumb:#c8c6c4;--scrollbar-thumb-hover:#8a8886;--selection-bg:#0078d4;--selection-text:#fff}[data-style=fluent][data-theme=dark]{--bg:#11100f;--surface:#201f1edb;--surface-strong:#faf9f8;--surface-muted:#292827;--text:#edebe9;--text-strong:#faf9f8;--text-muted:#a19f9d;--line:#3b3a39;--line-strong:#605e5c;--accent:#60cdff;--accent-strong:#9cdcfe;--teal:#38d4c7;--blue:#60cdff;--green:#6bb700;--shadow:0 20px 52px #0000006b;--shadow-strong:0 14px 36px #00000057;--topbar-bg:#11100fb8;--topbar-border:#3b3a39db;--card-bg:#201f1edb;--chip-bg:#292827;--group-bg:#292827;--nav-bg:#292827;--track-bg:#3b3a39;--switch-off-bg:#3b3a39;--hero-text:#faf9f8;--backdrop:#000000ad;--code-bg:#11100f;--code-text:#faf9f8;--code-keyword:#c586c0;--code-string:#6bb700;--code-component:#60cdff;--code-tag:#f1707b;--code-number:#ffd335;--code-comment:#a19f9d;--scrollbar-track:transparent;--scrollbar-thumb:#605e5c;--scrollbar-thumb-hover:#a19f9d;--selection-bg:#9cdcfe;--selection-text:#11100f}[data-style=retro]{--bg:#d7d0bd;--surface:#eee9d8;--surface-strong:#1f2933;--surface-muted:#c9c1aa;--text:#28313b;--text-strong:#111827;--text-muted:#414b56;--line:#8d8473;--line-strong:#2f3742;--accent:#0f6f8f;--accent-strong:#0b536b;--teal:#147a6f;--blue:#1d4ed8;--green:#3f7d20;--shadow:4px 4px 0 #1f293361;--shadow-strong:6px 6px 0 #1f29337a;--radius:2px;--radius-sm:2px;--topbar-bg:#eee9d8;--topbar-border:#8d8473;--card-bg:#eee9d8;--chip-bg:#c9c1aa;--group-bg:#ded7c5;--nav-bg:#ded7c5;--track-bg:#c9c1aa;--switch-off-bg:#c9c1aa;--hero-text:#111827;--code-bg:#1f2933;--code-text:#f7f0d6;--code-keyword:#f59e0b;--code-string:#84cc16;--code-component:#60a5fa;--code-tag:#fca5a5;--code-number:#fbbf24;--code-comment:#c9c1aa;--scrollbar-thumb:#8d8473;--scrollbar-thumb-hover:#2f3742;--backdrop:#1f29338a;--selection-bg:#1f2933;--selection-text:#eee9d8}[data-style=retro][data-theme=dark]{--bg:#1f2933;--surface:#29323d;--surface-strong:#f7f0d6;--surface-muted:#384554;--text:#e7dfc8;--text-strong:#fff7d6;--text-muted:#c9c1aa;--line:#596575;--line-strong:#d7d0bd;--accent:#f59e0b;--accent-strong:#fbbf24;--teal:#2dd4bf;--blue:#60a5fa;--green:#84cc16;--topbar-bg:#1f2933;--topbar-border:#596575;--card-bg:#29323d;--chip-bg:#384554;--group-bg:#384554;--nav-bg:#384554;--track-bg:#596575;--switch-off-bg:#596575;--hero-text:#fff7d6;--code-bg:#151d25;--code-text:#f7f0d6;--code-keyword:#fbbf24;--code-string:#bef264;--code-component:#93c5fd;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#c9c1aa;--scrollbar-thumb:#596575;--scrollbar-thumb-hover:#d7d0bd;--backdrop:#000000b3;--selection-bg:#fbbf24;--selection-text:#1f2933}[data-style=cyberpunk]{--bg:#090014;--surface:#16002c;--surface-strong:#fdf4ff;--surface-muted:#240046;--text:#e9d5ff;--text-strong:#fff;--text-muted:#c084fc;--line:#4c1d95;--line-strong:#f0abfc;--accent:#ff2bd6;--accent-strong:#ff7bf0;--teal:#00f5d4;--blue:#00bbf9;--green:#a3ff12;--shadow:0 0 0 1px #f0abfc52, 0 0 30px #ff2bd633;--shadow-strong:0 0 0 1px #00f5d466, 0 0 44px #00f5d43d;--radius:6px;--radius-sm:3px;--topbar-bg:#090014eb;--topbar-border:#f0abfc52;--card-bg:#16002c;--chip-bg:#240046;--group-bg:#240046;--nav-bg:#240046;--track-bg:#4c1d95;--switch-off-bg:#4c1d95;--hero-text:#fff;--backdrop:#090014c2;--code-bg:#05000b;--code-text:#f5d0fe;--code-keyword:#f0abfc;--code-string:#00f5d4;--code-component:#00bbf9;--code-tag:#ff2bd6;--code-number:#a3ff12;--code-comment:#c084fc;--scrollbar-thumb:#4c1d95;--scrollbar-thumb-hover:#f0abfc;--selection-bg:#00f5d4;--selection-text:#090014}[data-style=cyberpunk][data-theme=light]{--bg:#fff1ff;--surface:#fff;--surface-strong:#2e0249;--surface-muted:#ffe4ff;--text:#4a044e;--text-strong:#2e0249;--text-muted:#86198f;--line:#f0abfc;--line-strong:#c026d3;--accent:#be185d;--accent-strong:#86198f;--teal:#0f766e;--blue:#1d4ed8;--green:#3f7d20;--shadow:0 0 0 1px #be185d38, 0 18px 44px #be185d1f;--shadow-strong:0 0 0 1px #0f766e47, 0 14px 36px #0f766e29;--topbar-bg:#fff1ffeb;--topbar-border:#c026d347;--card-bg:#fff;--chip-bg:#ffe4ff;--group-bg:#ffe4ff;--nav-bg:#ffe4ff;--track-bg:#f5d0fe;--switch-off-bg:#f5d0fe;--hero-text:#2e0249;--code-bg:#2e0249;--code-text:#fff1ff;--code-keyword:#f0abfc;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fb7185;--code-number:#fcd34d;--code-comment:#e9d5ff;--scrollbar-thumb:#f0abfc;--scrollbar-thumb-hover:#c026d3;--backdrop:#2e02497a;--selection-bg:#c026d3;--selection-text:#fff}[data-style=editorial]{--bg:#f7f1e8;--surface:#fffaf2;--surface-strong:#211a14;--surface-muted:#eee3d3;--text:#4d4036;--text-strong:#211a14;--text-muted:#66574c;--line:#d8cbb9;--line-strong:#a89680;--accent:#9f1239;--accent-strong:#881337;--teal:#0f766e;--blue:#1d4ed8;--green:#3f6212;--shadow:0 20px 50px #211a141a;--shadow-strong:0 12px 34px #211a141f;--radius:3px;--radius-sm:2px;--topbar-bg:#f7f1e8eb;--topbar-border:#d8cbb9e6;--card-bg:#fffaf2;--chip-bg:#eee3d3;--group-bg:#eee3d3;--nav-bg:#eee3d3;--track-bg:#ded0bd;--switch-off-bg:#ded0bd;--hero-text:#211a14;--backdrop:#211a147a;--code-bg:#211a14;--code-text:#fffaf2;--code-keyword:#fda4af;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fb7185;--code-number:#fbbf24;--code-comment:#c8b9a8;--scrollbar-thumb:#d8cbb9;--scrollbar-thumb-hover:#a89680;--selection-bg:#211a14;--selection-text:#fffaf2}[data-style=editorial][data-theme=dark]{--bg:#19130f;--surface:#231a15;--surface-strong:#fff7ed;--surface-muted:#2f241d;--text:#eadfd2;--text-strong:#fff7ed;--text-muted:#c8b9a8;--line:#49372c;--line-strong:#796455;--accent:#fb7185;--accent-strong:#fda4af;--teal:#5eead4;--blue:#93c5fd;--green:#bef264;--topbar-bg:#19130feb;--topbar-border:#49372ce6;--card-bg:#231a15;--chip-bg:#2f241d;--group-bg:#2f241d;--nav-bg:#2f241d;--track-bg:#49372c;--switch-off-bg:#49372c;--hero-text:#fff7ed;--shadow:0 20px 50px #0000006b;--shadow-strong:0 12px 34px #0000005c;--backdrop:#000000b3;--code-bg:#100c09;--code-text:#fff7ed;--code-keyword:#fda4af;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fb7185;--code-number:#fbbf24;--code-comment:#c8b9a8;--scrollbar-thumb:#49372c;--scrollbar-thumb-hover:#796455;--selection-bg:#fda4af;--selection-text:#19130f}[data-style=calm]{--bg:#f4f8f4;--surface:#fff;--surface-strong:#1f3a35;--surface-muted:#e8f0ea;--text:#40524d;--text-strong:#1f3a35;--text-muted:#52635d;--line:#d6e2dc;--line-strong:#a9beb5;--accent:#3d7063;--accent-strong:#3d7063;--teal:#1f6f64;--blue:#5f8dd3;--green:#5a8f62;--shadow:0 18px 50px #1f3a3514;--shadow-strong:0 12px 32px #1f3a351a;--radius:14px;--radius-sm:10px;--topbar-bg:#f4f8f4e0;--topbar-border:#d6e2dce6;--card-bg:#fff;--chip-bg:#e8f0ea;--group-bg:#e8f0ea;--nav-bg:#e8f0ea;--track-bg:#d6e2dc;--switch-off-bg:#d6e2dc;--hero-text:#1f3a35;--backdrop:#1f3a3570;--code-bg:#1f3a35;--code-text:#eef8f3;--code-keyword:#8dd6c4;--code-string:#86efac;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fcd34d;--code-comment:#cfddd7;--scrollbar-thumb:#a9beb5;--scrollbar-thumb-hover:#4f8a7b;--selection-bg:#3d7063;--selection-text:#fff}[data-style=calm][data-theme=dark]{--bg:#101b19;--surface:#172522;--surface-strong:#eef8f3;--surface-muted:#20332f;--text:#cfddd7;--text-strong:#eef8f3;--text-muted:#9eb1aa;--line:#2d4741;--line-strong:#567069;--accent:#8dd6c4;--accent-strong:#afe9db;--teal:#5eead4;--blue:#93c5fd;--green:#86efac;--shadow:0 18px 50px #00000057;--shadow-strong:0 12px 32px #00000047;--topbar-bg:#101b19e0;--topbar-border:#2d4741e6;--card-bg:#172522;--chip-bg:#20332f;--group-bg:#20332f;--nav-bg:#20332f;--track-bg:#2d4741;--switch-off-bg:#2d4741;--hero-text:#eef8f3;--backdrop:#000000ad;--code-bg:#0a1210;--code-text:#eef8f3;--code-keyword:#8dd6c4;--code-string:#86efac;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fcd34d;--code-comment:#9eb1aa;--scrollbar-thumb:#2d4741;--scrollbar-thumb-hover:#567069;--selection-bg:#afe9db;--selection-text:#101b19}[data-style=data-dense]{--bg:#f4f6f9;--surface:#fff;--surface-strong:#172033;--surface-muted:#edf1f6;--text:#334155;--text-strong:#172033;--text-muted:#536175;--line:#d7dee8;--line-strong:#aab7c8;--accent:#0f5cc0;--accent-strong:#0b4aa0;--teal:#0f766e;--blue:#2563eb;--green:#15803d;--shadow:0 8px 22px #17203314;--shadow-strong:0 6px 18px #1720331a;--radius:4px;--radius-sm:3px;--topbar-bg:#fffffff0;--topbar-border:#d7dee8f0;--card-bg:#fff;--chip-bg:#edf1f6;--group-bg:#edf1f6;--nav-bg:#edf1f6;--track-bg:#d7dee8;--switch-off-bg:#d7dee8;--hero-text:#172033;--backdrop:#1720338a;--code-bg:#172033;--code-text:#e8f1ff;--code-keyword:#93c5fd;--code-string:#5eead4;--code-component:#60a5fa;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#aab7c8;--scrollbar-track:transparent;--scrollbar-thumb:#aab7c8;--scrollbar-thumb-hover:#65758c;--selection-bg:#0f5cc0;--selection-text:#fff}[data-style=data-dense][data-theme=dark]{--bg:#09111f;--surface:#0f1a2b;--surface-strong:#eef4ff;--surface-muted:#16243a;--text:#cbd7e8;--text-strong:#f5f9ff;--text-muted:#8ea1bb;--line:#233653;--line-strong:#3a5478;--accent:#60a5fa;--accent-strong:#93c5fd;--teal:#5eead4;--blue:#60a5fa;--green:#4ade80;--shadow:0 18px 46px #0006;--shadow-strong:0 12px 32px #00000057;--topbar-bg:#09111ff0;--topbar-border:#233653f0;--card-bg:#0f1a2b;--chip-bg:#16243a;--group-bg:#16243a;--nav-bg:#16243a;--track-bg:#233653;--switch-off-bg:#233653;--hero-text:#f5f9ff;--backdrop:#000000b3;--code-bg:#050b14;--code-text:#e8f1ff;--code-keyword:#93c5fd;--code-string:#5eead4;--code-component:#60a5fa;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#8ea1bb;--scrollbar-track:transparent;--scrollbar-thumb:#3a5478;--scrollbar-thumb-hover:#6f88ad;--selection-bg:#93c5fd;--selection-text:#09111f}[data-style=playful]{--bg:#fff8ec;--surface:#fff;--surface-strong:#2d1b69;--surface-muted:#fff0c8;--text:#4b3b5b;--text-strong:#2d1b69;--text-muted:#66537d;--line:#ead7ff;--line-strong:#c4a6ff;--accent:#7c3aed;--accent-strong:#6d28d9;--teal:#0f766e;--blue:#3b82f6;--green:#22c55e;--shadow:0 18px 42px #8b5cf624;--shadow-strong:0 12px 30px #8b5cf62e;--radius:18px;--radius-sm:12px;--topbar-bg:#fff8ece6;--topbar-border:#ead7ffeb;--card-bg:#fff;--chip-bg:#fff0c8;--group-bg:#f5ecff;--nav-bg:#f5ecff;--track-bg:#ead7ff;--switch-off-bg:#ead7ff;--hero-text:#2d1b69;--backdrop:#2d1b697a;--code-bg:#2d1b69;--code-text:#fff8ec;--code-keyword:#c084fc;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fde68a;--code-comment:#e9d5ff;--scrollbar-thumb:#c4a6ff;--scrollbar-thumb-hover:#7c3aed;--selection-bg:#7c3aed;--selection-text:#fff}[data-style=playful][data-theme=dark]{--bg:#211331;--surface:#2d1b46;--surface-strong:#fff7ed;--surface-muted:#3a245c;--text:#eadcff;--text-strong:#fff;--text-muted:#c4a6ff;--line:#513478;--line-strong:#8b5cf6;--accent:#f0abfc;--accent-strong:#f5d0fe;--teal:#2dd4bf;--blue:#93c5fd;--green:#86efac;--shadow:0 22px 56px #0000006b;--shadow-strong:0 14px 38px #f0abfc2e;--topbar-bg:#211331e6;--topbar-border:#513478eb;--card-bg:#2d1b46;--chip-bg:#3a245c;--group-bg:#3a245c;--nav-bg:#3a245c;--track-bg:#513478;--switch-off-bg:#513478;--hero-text:#fff;--backdrop:#000000b3;--code-bg:#160b24;--code-text:#f5ecff;--code-keyword:#f0abfc;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fde68a;--code-comment:#c4a6ff;--scrollbar-thumb:#513478;--scrollbar-thumb-hover:#c4a6ff;--selection-bg:#f5d0fe;--selection-text:#211331}[data-style=luxury]{--bg:#0d0b09;--surface:#17130f;--surface-strong:#f7ecd0;--surface-muted:#231d17;--text:#d8c8aa;--text-strong:#fff6df;--text-muted:#a89572;--line:#3a2f24;--line-strong:#9f7a36;--accent:#d4af37;--accent-strong:#f2d675;--teal:#77c5b4;--blue:#93b4ff;--green:#a7c957;--shadow:0 24px 70px #0000007a;--shadow-strong:0 16px 50px #d4af371f;--radius:6px;--radius-sm:3px;--topbar-bg:#0d0b09eb;--topbar-border:#9f7a364d;--card-bg:#17130f;--chip-bg:#231d17;--group-bg:#231d17;--nav-bg:#231d17;--track-bg:#3a2f24;--switch-off-bg:#3a2f24;--hero-text:#fff6df;--backdrop:#000000b8;--code-bg:#050403;--code-text:#f7ecd0;--code-keyword:#f2d675;--code-string:#77c5b4;--code-component:#93b4ff;--code-tag:#f4a6a6;--code-number:#d4af37;--code-comment:#a89572;--scrollbar-thumb:#3a2f24;--scrollbar-thumb-hover:#9f7a36;--selection-bg:#f2d675;--selection-text:#0d0b09}[data-style=luxury][data-theme=light]{--bg:#fbf7ef;--surface:#fffdf8;--surface-strong:#2a2118;--surface-muted:#f0e6d4;--text:#5b4a35;--text-strong:#2a2118;--text-muted:#75613f;--line:#dfd0b6;--line-strong:#a88945;--accent:#9f7a36;--accent-strong:#b78a34;--teal:#4fa79a;--blue:#4f6fae;--green:#667a2f;--shadow:0 20px 54px #2a21181f;--shadow-strong:0 14px 36px #9f7a3624;--topbar-bg:#fbf7efeb;--topbar-border:#a8894542;--card-bg:#fffdf8;--chip-bg:#f0e6d4;--group-bg:#f0e6d4;--nav-bg:#f0e6d4;--track-bg:#dfd0b6;--switch-off-bg:#dfd0b6;--hero-text:#2a2118;--backdrop:#2a211875;--code-bg:#2a2118;--code-text:#fffdf8;--code-keyword:#d4af37;--code-string:#77c5b4;--code-component:#93b4ff;--code-tag:#f4a6a6;--code-number:#f2d675;--code-comment:#c7b38b;--scrollbar-thumb:#cbb78f;--scrollbar-thumb-hover:#9f7a36;--selection-bg:#2a2118;--selection-text:#fffdf8}[data-style=soft-ui]{--bg:#e9eef5;--surface:#e9eef5;--surface-strong:#2f3a4a;--surface-muted:#dfe6ef;--text:#536071;--text-strong:#2f3a4a;--text-muted:#536071;--line:#d8e0ea;--line-strong:#b7c2d1;--accent:#2563eb;--accent-strong:#1d4ed8;--teal:#227a71;--blue:#2563eb;--green:#3f9b58;--soft-ui-control-border:#b7c2d1;--shadow:8px 8px 18px #a3b1c68c, -8px -8px 18px #ffffffc7;--shadow-strong:inset 4px 4px 10px #a3b1c66b, inset -4px -4px 10px #ffffffb8;--radius:18px;--radius-sm:12px;--topbar-bg:#e9eef5eb;--topbar-border:#d8e0eab8;--card-bg:#e9eef5;--chip-bg:#e9eef5;--group-bg:#e9eef5;--nav-bg:#e9eef5;--track-bg:#d8e0ea;--switch-off-bg:#d8e0ea;--hero-text:#2f3a4a;--backdrop:#2f3a4a6b;--code-bg:#2f3a4a;--code-text:#eef4ff;--code-keyword:#bfd4ff;--code-string:#67e8f9;--code-component:#8fb4ff;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#c4cfdd;--scrollbar-thumb:#b7c2d1;--scrollbar-thumb-hover:#8796aa;--selection-bg:#2563eb;--selection-text:#fff}[data-style=soft-ui][data-theme=dark]{--bg:#151b24;--surface:#151b24;--surface-strong:#eef4ff;--surface-muted:#202938;--text:#c4cfdd;--text-strong:#eef4ff;--text-muted:#93a3b8;--line:#202938;--line-strong:#3a485d;--accent:#8fb4ff;--accent-strong:#bfd4ff;--teal:#67e8f9;--blue:#8fb4ff;--green:#86efac;--soft-ui-control-border:#3a485d;--shadow:8px 8px 18px #00000052, -8px -8px 18px #ffffff0a;--shadow-strong:inset 4px 4px 10px #00000052, inset -4px -4px 10px #ffffff0a;--topbar-bg:#151b24eb;--topbar-border:#3a485d61;--card-bg:#151b24;--chip-bg:#202938;--group-bg:#202938;--nav-bg:#202938;--track-bg:#2a3546;--switch-off-bg:#2a3546;--hero-text:#eef4ff;--backdrop:#000000a8;--code-bg:#0f141c;--code-text:#eef4ff;--code-keyword:#bfd4ff;--code-string:#67e8f9;--code-component:#8fb4ff;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#93a3b8;--scrollbar-thumb:#3a485d;--scrollbar-thumb-hover:#64748b;--selection-bg:#bfd4ff;--selection-text:#151b24}[data-style=bauhaus]{--bg:#f4ead7;--surface:#fffaf0;--surface-strong:#111;--surface-muted:#f7d23e;--text:#232323;--text-strong:#000;--text-muted:#585858;--line:#111;--line-strong:#000;--accent:#ef4444;--accent-strong:#f87171;--teal:#00a6a6;--blue:#0057b8;--green:#2f7d32;--shadow:5px 5px 0 #111;--shadow-strong:7px 7px 0 #111;--radius:0px;--radius-sm:0px;--topbar-bg:#f4ead7;--topbar-border:#111;--card-bg:#fffaf0;--chip-bg:#f7d23e;--group-bg:#fffaf0;--nav-bg:#fffaf0;--track-bg:#fffaf0;--switch-off-bg:#fffaf0;--hero-text:#000;--backdrop:#11111185;--code-bg:#111;--code-text:#fffaf0;--code-keyword:#ff6673;--code-string:#00d1b2;--code-component:#60a5fa;--code-tag:#f87171;--code-number:#f7d23e;--code-comment:#c8bfae;--scrollbar-thumb:#111;--scrollbar-thumb-hover:#ef4444;--selection-bg:#0057b8;--selection-text:#fff}[data-style=bauhaus][data-theme=dark]{--bg:#111;--surface:#1d1d1d;--surface-strong:#f4ead7;--surface-muted:#2b2b2b;--text:#e8e0cf;--text-strong:#fffaf0;--text-muted:#c8bfae;--line:#f4ead7;--line-strong:#fffaf0;--accent:#f34;--accent-strong:#ff6673;--teal:#00b4d8;--blue:#4ea8de;--green:#7bd88f;--shadow:5px 5px 0 #f4ead7;--shadow-strong:7px 7px 0 #f4ead7;--radius:0px;--radius-sm:0px;--topbar-bg:#111;--topbar-border:#f4ead7;--card-bg:#1d1d1d;--chip-bg:#2b2b2b;--group-bg:#1d1d1d;--nav-bg:#1d1d1d;--track-bg:#2b2b2b;--switch-off-bg:#2b2b2b;--hero-text:#fffaf0;--backdrop:#000000b8;--code-bg:#000;--code-text:#fffaf0;--code-keyword:#ff6673;--code-string:#00b4d8;--code-component:#4ea8de;--code-tag:#f34;--code-number:#f7d23e;--code-comment:#c8bfae;--scrollbar-thumb:#f4ead7;--scrollbar-thumb-hover:#f34;--selection-bg:#f4ead7;--selection-text:#111}[data-style=mono]{--bg:#fff;--surface:#fff;--surface-strong:#000;--surface-muted:#f2f2f2;--text:#222;--text-strong:#000;--text-muted:#666;--line:#d8d8d8;--line-strong:#000;--accent:#000;--accent-strong:#111;--teal:#000;--blue:#000;--green:#000;--shadow:none;--shadow-strong:none;--radius:0px;--radius-sm:0px;--topbar-bg:#fffffff5;--topbar-border:#d8d8d8;--card-bg:#fff;--chip-bg:#f2f2f2;--group-bg:#f2f2f2;--nav-bg:#f2f2f2;--track-bg:#d8d8d8;--switch-off-bg:#d8d8d8;--hero-text:#000;--backdrop:#0000008a;--code-bg:#000;--code-text:#fff;--code-keyword:#fff;--code-string:#e5e5e5;--code-component:#d4d4d4;--code-tag:#f5f5f5;--code-number:#c7c7c7;--code-comment:#999;--scrollbar-thumb:#d8d8d8;--scrollbar-thumb-hover:#666;--selection-bg:#000;--selection-text:#fff}[data-style=mono][data-theme=dark]{--bg:#000;--surface:#000;--surface-strong:#fff;--surface-muted:#111;--text:#ddd;--text-strong:#fff;--text-muted:#999;--line:#333;--line-strong:#fff;--accent:#fff;--accent-strong:#e5e5e5;--teal:#fff;--blue:#fff;--green:#fff;--shadow:none;--shadow-strong:none;--radius:0px;--radius-sm:0px;--topbar-bg:#000000f5;--topbar-border:#333;--card-bg:#000;--chip-bg:#111;--group-bg:#111;--nav-bg:#111;--track-bg:#333;--switch-off-bg:#333;--hero-text:#fff;--backdrop:#ffffff38;--code-bg:#111;--code-text:#fff;--code-keyword:#fff;--code-string:#e5e5e5;--code-component:#d4d4d4;--code-tag:#f5f5f5;--code-number:#c7c7c7;--code-comment:#999;--scrollbar-thumb:#333;--scrollbar-thumb-hover:#999;--selection-bg:#fff;--selection-text:#000}:root{--theme-primary:var(--accent);--theme-primary-hover:var(--accent-strong);--theme-primary-foreground:#fff;--theme-teal-foreground:#fff;--theme-control-bg:var(--surface);--theme-control-hover:var(--surface-muted);--theme-control-active:color-mix(in srgb, var(--accent), var(--surface) 86%);--theme-control-active-text:var(--text-strong);--theme-popup-bg:var(--surface);--theme-popup-text:var(--text-strong);--theme-focus:color-mix(in srgb, var(--accent), transparent 62%);--theme-danger:#dc2626}[data-theme=dark]{--theme-primary-foreground:var(--bg);--theme-teal-foreground:var(--bg);--theme-control-active:color-mix(in srgb, var(--accent), var(--surface) 78%);--theme-danger:#f87171}[data-style=terminal],[data-style=cyberpunk],[data-style=luxury],[data-style=fluent][data-theme=dark],[data-style=mono][data-theme=dark]{--theme-primary-foreground:var(--bg);--theme-teal-foreground:var(--bg)}[data-style=neo-brutalism],[data-style=bauhaus]{--theme-primary-foreground:#000;--theme-teal-foreground:#000;--theme-control-active:var(--surface-muted)}[data-style=bento][data-theme=light]{--theme-primary:var(--teal);--theme-primary-hover:#0b5f58}[data-style=luxury][data-theme=light]{--theme-primary-foreground:#0d0b09;--theme-teal-foreground:#0d0b09}[data-style=retro][data-theme=light]{--theme-primary-foreground:#fff;--theme-teal-foreground:#fff}[data-style=retro][data-theme=dark]{--theme-primary-foreground:#000;--theme-teal-foreground:#000}[data-style=shadcn] .topbar-brand-mark{color:var(--shadcn-primary-foreground);background:var(--shadcn-primary)}[data-style=mono]{--theme-danger:var(--text-strong);--theme-primary-foreground:var(--bg);--theme-control-active:var(--surface-strong);--theme-control-active-text:var(--bg)}[data-style=glass] .topbar,[data-style=glass] .sidebar,[data-style=glass] .bento-menu-popup,[data-style=glass] .bento-select-popup,[data-style=glass] .bento-combobox-popup,[data-style=glass] .bento-nav-menu-popup,[data-style=glass] .bento-popover-popup,[data-style=glass] .bento-preview-card,[data-style=glass] .bento-tooltip-popup,[data-style=glass] .bento-toast,[data-style=glass] .bento-dialog-popup,[data-style=glass] .bento-alert-popup,[data-style=glass] .bento-drawer-popup,[data-style=fluent] .topbar,[data-style=fluent] .sidebar,[data-style=fluent] .bento-menu-popup,[data-style=fluent] .bento-select-popup,[data-style=fluent] .bento-combobox-popup,[data-style=fluent] .bento-nav-menu-popup,[data-style=fluent] .bento-popover-popup,[data-style=fluent] .bento-preview-card,[data-style=fluent] .bento-tooltip-popup,[data-style=fluent] .bento-toast,[data-style=fluent] .bento-dialog-popup,[data-style=fluent] .bento-alert-popup,[data-style=fluent] .bento-drawer-popup{-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25)}[data-style=terminal] body,[data-style=terminal] .bento-button,[data-style=terminal] .bento-input,[data-style=terminal] .bento-textarea,[data-style=terminal] .bento-select-trigger,[data-style=terminal] .bento-combobox-input,[data-style=terminal] .topbar-icon-btn,[data-style=terminal] .topbar-nav a,[data-style=terminal] code,[data-style=data-dense] .bento-button,[data-style=data-dense] .bento-input,[data-style=data-dense] .bento-textarea,[data-style=data-dense] .bento-select-trigger,[data-style=data-dense] .bento-combobox-input{font-family:var(--font-mono)}[data-style=editorial] h1,[data-style=editorial] h2,[data-style=editorial] h3,[data-style=luxury] h1,[data-style=luxury] h2,[data-style=luxury] h3{font-family:Georgia,Times New Roman,serif}[data-style=data-dense]{--topbar-h:52px;--sidebar-w:240px;--content-max:920px}[data-style=enterprise]{--topbar-h:52px;--sidebar-w:248px}[data-style=data-dense] .component-page,[data-style=data-dense] .doc-section,[data-style=data-dense] .bento-tabs,[data-style=data-dense] .bento-field,[data-style=data-dense] .bento-fieldset{gap:12px}[data-style=data-dense] .bento-button,[data-style=data-dense] .topbar-icon-btn,[data-style=data-dense] .bento-select-trigger,[data-style=data-dense] .bento-input,[data-style=data-dense] .bento-combobox-input{min-height:34px;font-size:13px}[data-style=data-dense] .bento-button{padding-inline:12px}[data-style=data-dense] .bento-menu-item,[data-style=data-dense] .bento-select-item,[data-style=data-dense] .bento-combobox-item,[data-style=data-dense] .bento-tabs-tab{min-height:30px;font-size:13px}[data-style=data-dense] .bento-tabs-panel{padding:14px}[data-style=data-dense] .bento-switch{width:38px;height:22px;padding:2px}[data-style=data-dense] .bento-switch-thumb{width:16px;height:16px}[data-style=data-dense] .bento-switch[data-checked] .bento-switch-thumb{transform:translate(16px)}[data-style=enterprise] .bento-button,[data-style=enterprise] .topbar-icon-btn,[data-style=enterprise] .bento-select-trigger,[data-style=enterprise] .bento-input,[data-style=enterprise] .bento-combobox-input{min-height:36px}[data-style=enterprise] .bento-menu-item,[data-style=enterprise] .bento-select-item,[data-style=enterprise] .bento-combobox-item,[data-style=enterprise] .bento-tabs-tab{min-height:32px}[data-style=data-dense] .bento-toolbar{gap:6px;padding:6px}[data-style=data-dense] .bento-toolbar-button{width:28px;height:28px}[data-style=data-dense] .bento-toolbar-search{height:28px;padding-inline:8px}[data-style=data-dense] .bento-number-field-group{grid-template-columns:32px 1fr 32px;height:34px}[data-style=data-dense] .bento-slider-track{height:6px}[data-style=data-dense] .bento-slider-thumb{width:18px;height:18px}[data-style=data-dense] .bento-progress-track{height:7px}[data-style=playful] .topbar-brand-mark,[data-style=playful] .bento-avatar,[data-style=calm] .topbar-brand-mark,[data-style=glass] .topbar-brand-mark,[data-style=soft-ui] .topbar-brand-mark{border-radius:999px}[data-style=bauhaus] .topbar-brand-mark,[data-style=retro] .topbar-brand-mark,[data-style=mono] .topbar-brand-mark,[data-style=terminal] .topbar-brand-mark{border-radius:var(--radius-sm)}[data-style] :where(button,a,[role=button],[tabindex]):focus-visible,[data-style] [data-base-ui-trigger]:focus-visible,[data-style] [data-base-ui-item]:focus-visible,[data-style] .bento-input:focus,[data-style] .bento-textarea:focus,[data-style] .bento-combobox-input:focus{outline-color:var(--theme-focus)}[data-style] .bento-input:focus,[data-style] .bento-textarea:focus,[data-style] .bento-combobox-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent), transparent 82%)}[data-style] .bento-button{color:var(--theme-primary-foreground);background:var(--theme-primary)}[data-style] .bento-button:hover{color:var(--theme-primary-foreground);background:var(--theme-primary-hover)}[data-style] .bento-button.outline,[data-style] .bento-button.icon{border-color:var(--line);color:var(--text-strong);background:var(--theme-control-bg)}[data-style] .bento-button.outline:hover,[data-style] .bento-button.icon:hover,[data-style] .bento-button.ghost:hover{border-color:var(--line-strong);color:var(--text-strong);background:var(--theme-control-hover)}[data-style] .bento-button.ghost{color:var(--text-strong);background:0 0}[data-style] .bento-button.accent{color:var(--theme-primary-foreground);background:var(--accent)}[data-style] .bento-button.accent:hover{color:var(--theme-primary-foreground);background:var(--accent-strong)}[data-style] .bento-button.teal{color:var(--theme-teal-foreground);background:var(--teal)}[data-style] .bento-button.teal:hover{color:var(--theme-teal-foreground);background:color-mix(in srgb, var(--teal), var(--text-strong) 16%)}[data-style] .bento-button:disabled,[data-style] .bento-button[data-disabled],[data-style] .bento-menu-item[data-disabled],[data-style] .bento-select-item[data-disabled],[data-style] .bento-input:disabled,[data-style] .bento-textarea:disabled,[data-style] .bento-combobox-input:disabled,[data-style] .bento-select-trigger[data-disabled],[data-style] .bento-checkbox[data-disabled],[data-style] .bento-radio[data-disabled],[data-style] .bento-switch[data-disabled],[data-style] .bento-slider-thumb[data-disabled],[data-style] .bento-toolbar-button[data-disabled]{cursor:not-allowed;opacity:.52}[data-style] .bento-input:disabled,[data-style] .bento-textarea:disabled,[data-style] .bento-combobox-input:disabled,[data-style] .bento-select-trigger[data-disabled]{color:var(--text-muted);border-color:var(--line);background:var(--surface-muted)}[data-style] .bento-checkbox[data-checked],[data-style] .bento-radio[data-checked],[data-style] .bento-switch[data-checked]{border-color:var(--accent);background:var(--accent)}[data-style] .bento-checkbox,[data-style] .bento-checkbox[data-checked],[data-style] .bento-radio-indicator{color:var(--theme-primary-foreground)}[data-style] .bento-radio-indicator,[data-style] .bento-slider-indicator,[data-style] .bento-slider-thumb,[data-style] .bento-meter-indicator,[data-style] .bento-meter-mid,[data-style] .bento-progress-indicator{background:var(--accent)}[data-style] .bento-slider-thumb{border-color:var(--surface)}[data-style] .bento-menu-popup,[data-style] .bento-select-popup,[data-style] .bento-combobox-popup,[data-style] .bento-nav-menu-popup,[data-style] .bento-popover-popup,[data-style] .bento-preview-card,[data-style] .bento-tooltip-popup,[data-style] .bento-toast,[data-style] .bento-dialog-popup,[data-style] .bento-alert-popup,[data-style] .bento-drawer-popup{border-color:var(--line);color:var(--theme-popup-text);background:var(--theme-popup-bg);box-shadow:var(--shadow)}[data-theme=dark] .bento-menu-popup,[data-theme=dark] .bento-select-popup,[data-theme=dark] .bento-combobox-popup{background:var(--theme-popup-bg)}[data-style] .bento-popover-arrow,[data-style] .bento-preview-card-arrow,[data-style] .bento-tooltip-arrow{fill:var(--theme-popup-bg)}[data-style] .bento-menu-item[data-highlighted],[data-style] .bento-combobox-item[data-highlighted],[data-style] .bento-select-item[data-highlighted],[data-style] .bento-nav-menu-item[data-highlighted],[data-style] .bento-toolbar-button:hover,[data-style] .bento-number-field-button:hover,[data-style] .bento-toast-close:hover,[data-style] .topbar-nav a:hover,[data-style] .topbar-nav a.active,[data-style] .sidebar-link:hover,[data-style] .sidebar-link.active{color:var(--theme-control-active-text);background:var(--theme-control-hover)}[data-style] .bento-select-item[data-selected],[data-style] .bento-combobox-item[data-selected]{color:var(--accent);font-weight:760}[data-style] .bento-select-item[data-selected][data-highlighted],[data-style] .bento-combobox-item[data-selected][data-highlighted]{color:var(--theme-control-active-text);background:var(--theme-control-active)}[data-style] .bento-tabs-tab[data-selected],[data-style] .bento-tabs-tab[data-active],[data-style] .bento-tabs-tab[aria-selected=true],[data-style] .bento-toggle[data-pressed],[data-style] .bento-toolbar-button[data-pressed],[data-style] .bento-menubar-trigger[data-open],[data-style] .style-switcher button.active{color:var(--theme-control-active-text)}[data-style] .bento-tabs-indicator,[data-style] .bento-toggle[data-pressed],[data-style] .bento-toolbar-button[data-pressed],[data-style] .bento-menubar-trigger[data-open],[data-style] .style-switcher button.active{background:var(--theme-control-active);box-shadow:var(--shadow-strong)}[data-style] .bento-field-error,[data-style] .bento-input+.bento-field-error,[data-style] .bento-meter-low{color:var(--theme-danger)}[data-style] .bento-meter-low{background:var(--theme-danger)}[data-style] .bento-avatar-group .bento-avatar{border-color:var(--surface)}[data-style=soft-ui] .bento-button,[data-style=soft-ui] .bento-select-trigger,[data-style=soft-ui] .bento-combobox-input,[data-style=soft-ui] .bento-input,[data-style=soft-ui] .bento-textarea,[data-style=soft-ui] .bento-number-field-group,[data-style=soft-ui] .bento-checkbox,[data-style=soft-ui] .bento-radio,[data-style=soft-ui] .bento-switch,[data-style=soft-ui] .bento-tabs-list,[data-style=soft-ui] .bento-toggle-group,[data-style=soft-ui] .bento-toolbar,[data-style=soft-ui] .demo-card,[data-style=soft-ui] .block-preview,[data-style=soft-ui] .theme-swatch{border-color:var(--soft-ui-control-border,var(--line-strong));box-shadow:var(--shadow)}[data-style=soft-ui] .bento-button:active,[data-style=soft-ui] .bento-toggle[data-pressed],[data-style=soft-ui] .bento-tabs-indicator,[data-style=soft-ui] .style-switcher button.active{box-shadow:var(--shadow-strong)}[data-style=mono] .bento-menu-item[data-highlighted],[data-style=mono] .bento-combobox-item[data-highlighted],[data-style=mono] .bento-select-item[data-highlighted],[data-style=mono] .bento-nav-menu-item[data-highlighted],[data-style=mono] .bento-toolbar-button:hover,[data-style=mono] .bento-number-field-button:hover,[data-style=mono] .bento-toast-close:hover,[data-style=mono] .topbar-nav a:hover,[data-style=mono] .sidebar-link:hover{color:var(--text-strong);background:var(--surface-muted)}[data-style=mono] .topbar-nav a.active,[data-style=mono] .sidebar-link.active,[data-style=mono] .style-switcher button.active{color:var(--bg);background:var(--surface-strong)}[data-style=mono] .bento-card.interactive:hover{box-shadow:none}[data-style=mono] .bento-card.dark{color:var(--bg);border-color:var(--line-strong);background:var(--surface-strong)}[data-style=mono] .bento-card.dark .bento-card-title,[data-style=mono] .bento-card.dark .bento-card-subtitle{color:var(--bg)}[data-style=minimal] .bento-button,[data-style=mono] .bento-button,[data-style=data-dense] .bento-button,[data-style=minimal] .bento-button.outline:hover,[data-style=mono] .bento-button.outline:hover,[data-style=data-dense] .bento-button.outline:hover,[data-style=minimal] .bento-button.icon:hover,[data-style=mono] .bento-button.icon:hover,[data-style=data-dense] .bento-button.icon:hover{box-shadow:none}[data-style=shadcn]{--shadcn-primary:#18181b;--shadcn-primary-foreground:#fafafa;--shadcn-secondary:#f4f4f5;--shadcn-secondary-foreground:#18181b;--shadcn-muted:#f4f4f5;--shadcn-muted-foreground:#71717a;--shadcn-accent:#f4f4f5;--shadcn-accent-foreground:#18181b;--shadcn-destructive:#dc2626;--shadcn-destructive-foreground:#fafafa;--shadcn-ring:#18181b;--shadcn-popover:#fff;--shadcn-popover-foreground:#09090b}[data-style=shadcn][data-theme=dark]{--shadcn-primary:#fafafa;--shadcn-primary-foreground:#09090b;--shadcn-secondary:#27272a;--shadcn-secondary-foreground:#fafafa;--shadcn-muted:#27272a;--shadcn-muted-foreground:#a1a1aa;--shadcn-accent:#27272a;--shadcn-accent-foreground:#fafafa;--shadcn-destructive:#ef4444;--shadcn-destructive-foreground:#fafafa;--shadcn-ring:#d4d4d8;--shadcn-popover:#09090b;--shadcn-popover-foreground:#fafafa}[data-style=shadcn] :where(button,a,[role=button],[tabindex]):focus-visible,[data-style=shadcn] [data-base-ui-trigger]:focus-visible,[data-style=shadcn] [data-base-ui-item]:focus-visible{outline-color:color-mix(in srgb, var(--shadcn-ring), transparent 58%)}[data-style=shadcn] .bento-button{box-shadow:none;font-weight:650}[data-style=shadcn] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal),[data-style=shadcn] .bento-button.accent,[data-style=shadcn] .bento-button.teal{color:var(--shadcn-primary-foreground);background:var(--shadcn-primary)}[data-style=shadcn] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal):hover,[data-style=shadcn] .bento-button.accent:hover,[data-style=shadcn] .bento-button.teal:hover{background:color-mix(in srgb, var(--shadcn-primary), transparent 10%)}[data-style=shadcn] .bento-button.outline,[data-style=shadcn] .bento-button.icon{border-color:var(--line);color:var(--text-strong);background:var(--surface)}[data-style=shadcn] .bento-button.outline:hover,[data-style=shadcn] .bento-button.icon:hover,[data-style=shadcn] .bento-button.ghost:hover{border-color:var(--line-strong);background:var(--shadcn-accent);color:var(--shadcn-accent-foreground);box-shadow:none}[data-style=shadcn] .bento-checkbox[data-checked],[data-style=shadcn] .bento-radio[data-checked]{border-color:var(--shadcn-primary);background:var(--shadcn-primary)}[data-style=shadcn] .bento-checkbox,[data-style=shadcn] .bento-checkbox[data-checked],[data-style=shadcn] .bento-radio-indicator{color:var(--shadcn-primary-foreground)}[data-style=shadcn] .bento-radio-indicator{background:var(--shadcn-primary-foreground)}[data-style=shadcn] .bento-switch[data-checked]{border-color:var(--shadcn-primary);background:var(--shadcn-primary)}[data-style=shadcn] .bento-slider-indicator,[data-style=shadcn] .bento-slider-thumb,[data-style=shadcn] .bento-meter-indicator,[data-style=shadcn] .bento-meter-mid,[data-style=shadcn] .bento-progress-indicator{background:var(--shadcn-primary)}[data-style=shadcn] .bento-slider-thumb{border-color:var(--surface);box-shadow:0 1px 2px #18181b29}[data-style=shadcn] .bento-field-error,[data-style=shadcn] .bento-input+.bento-field-error{color:var(--shadcn-destructive)}[data-style=shadcn] .bento-input:focus,[data-style=shadcn] .bento-textarea:focus,[data-style=shadcn] .bento-combobox-input:focus{border-color:var(--shadcn-ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--shadcn-ring), transparent 84%)}[data-style=shadcn] .bento-select-item[data-selected],[data-style=shadcn] .bento-combobox-item[data-selected]{color:var(--text-strong)}[data-style=shadcn] .bento-select-item[data-selected][data-highlighted]{background:var(--shadcn-accent);color:var(--shadcn-accent-foreground)}[data-style=shadcn] .bento-tabs-tab[data-selected],[data-style=shadcn] .bento-tabs-tab[data-active],[data-style=shadcn] .bento-tabs-tab[aria-selected=true],[data-style=shadcn] .bento-toggle[data-pressed],[data-style=shadcn] .bento-toolbar-button[data-pressed],[data-style=shadcn] .bento-menubar-trigger[data-open]{color:var(--shadcn-accent-foreground)}[data-style=shadcn] .bento-tabs-indicator,[data-style=shadcn] .bento-toggle[data-pressed],[data-style=shadcn] .style-switcher button.active{background:var(--surface);box-shadow:0 1px 2px #18181b14}[data-style=shadcn] .bento-menu-popup,[data-style=shadcn] .bento-select-popup,[data-style=shadcn] .bento-combobox-popup,[data-style=shadcn] .bento-nav-menu-popup,[data-style=shadcn] .bento-popover-popup,[data-style=shadcn] .bento-preview-card,[data-style=shadcn] .bento-tooltip-popup,[data-style=shadcn] .bento-toast,[data-style=shadcn] .bento-dialog-popup,[data-style=shadcn] .bento-alert-popup,[data-style=shadcn] .bento-drawer-popup{border-color:var(--line);color:var(--shadcn-popover-foreground);background:var(--shadcn-popover);box-shadow:0 10px 30px #18181b1a}[data-style=shadcn][data-theme=dark] .bento-menu-popup,[data-style=shadcn][data-theme=dark] .bento-select-popup,[data-style=shadcn][data-theme=dark] .bento-combobox-popup,[data-style=shadcn][data-theme=dark] .bento-nav-menu-popup,[data-style=shadcn][data-theme=dark] .bento-popover-popup,[data-style=shadcn][data-theme=dark] .bento-preview-card,[data-style=shadcn][data-theme=dark] .bento-tooltip-popup,[data-style=shadcn][data-theme=dark] .bento-toast,[data-style=shadcn][data-theme=dark] .bento-dialog-popup,[data-style=shadcn][data-theme=dark] .bento-alert-popup,[data-style=shadcn][data-theme=dark] .bento-drawer-popup{box-shadow:0 18px 48px #00000057,0 0 0 1px #ffffff05}[data-style=shadcn] .bento-popover-arrow,[data-style=shadcn] .bento-preview-card-arrow,[data-style=shadcn] .bento-tooltip-arrow{fill:var(--shadcn-popover)}[data-style=shadcn] .bento-menu-item[data-highlighted],[data-style=shadcn] .bento-combobox-item[data-highlighted],[data-style=shadcn] .bento-select-item[data-highlighted],[data-style=shadcn] .bento-nav-menu-item[data-highlighted],[data-style=shadcn] .bento-toolbar-button:hover,[data-style=shadcn] .bento-number-field-button:hover,[data-style=shadcn] .bento-toast-close:hover{background:var(--shadcn-accent);color:var(--shadcn-accent-foreground)}[data-style=shadcn] .bento-avatar-group .bento-avatar{border-color:var(--surface)}[data-style=shadcn] .bento-meter-low{background:var(--shadcn-destructive)}[data-style=neo-brutalism]{--neo-shadow:5px 5px 0 var(--line-strong);--neo-shadow-sm:3px 3px 0 var(--line-strong);--neo-active-offset:translate(2px, 2px)}[data-style=neo-brutalism] :where(button,a,[role=button],[tabindex]):focus-visible,[data-style=neo-brutalism] [data-base-ui-trigger]:focus-visible,[data-style=neo-brutalism] [data-base-ui-item]:focus-visible{outline:3px solid var(--blue);outline-offset:3px}[data-style=neo-brutalism] .bento-button,[data-style=neo-brutalism] .bento-select-trigger,[data-style=neo-brutalism] .bento-combobox-input,[data-style=neo-brutalism] .bento-input,[data-style=neo-brutalism] .bento-textarea,[data-style=neo-brutalism] .bento-number-field-group,[data-style=neo-brutalism] .bento-otp-input,[data-style=neo-brutalism] .bento-checkbox,[data-style=neo-brutalism] .bento-radio,[data-style=neo-brutalism] .bento-switch,[data-style=neo-brutalism] .bento-toggle-group,[data-style=neo-brutalism] .bento-tabs-list,[data-style=neo-brutalism] .bento-toolbar,[data-style=neo-brutalism] .bento-menubar,[data-style=neo-brutalism] .bento-fieldset,[data-style=neo-brutalism] .bento-context-menu-trigger,[data-style=neo-brutalism] .demo-card,[data-style=neo-brutalism] .api-table-wrap,[data-style=neo-brutalism] .interaction-list li,[data-style=neo-brutalism] .block-preview,[data-style=neo-brutalism] .theme-swatch{border-width:2px;border-color:var(--line-strong);box-shadow:var(--neo-shadow-sm)}[data-style=neo-brutalism] .bento-button{color:#000;background:var(--surface-muted);text-transform:uppercase;font-weight:850}[data-style=neo-brutalism][data-theme=dark] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal){color:#000;background:var(--surface-strong)}[data-style=neo-brutalism] .bento-button:hover,[data-style=neo-brutalism] .bento-button:active{transform:var(--neo-active-offset);box-shadow:2px 2px 0 var(--line-strong)}[data-style=neo-brutalism] .bento-button.accent{background:var(--accent)}[data-style=neo-brutalism] .bento-button.teal,[data-style=neo-brutalism] .bento-checkbox[data-checked],[data-style=neo-brutalism] .bento-radio[data-checked],[data-style=neo-brutalism] .bento-switch[data-checked]{background:var(--teal)}[data-style=neo-brutalism] .bento-button.outline,[data-style=neo-brutalism] .bento-button.ghost,[data-style=neo-brutalism] .bento-button.icon{color:var(--text-strong);background:var(--surface)}[data-style=neo-brutalism] .bento-checkbox[data-checked],[data-style=neo-brutalism] .bento-radio[data-checked],[data-style=neo-brutalism] .bento-switch[data-checked]{border-color:var(--line-strong)}[data-style=neo-brutalism] .bento-radio-indicator,[data-style=neo-brutalism] .bento-slider-indicator,[data-style=neo-brutalism] .bento-slider-thumb,[data-style=neo-brutalism] .bento-meter-indicator,[data-style=neo-brutalism] .bento-meter-mid,[data-style=neo-brutalism] .bento-progress-indicator{background:var(--accent)}[data-style=neo-brutalism] .bento-slider-thumb{border:2px solid var(--line-strong);box-shadow:var(--neo-shadow-sm)}[data-style=neo-brutalism] .bento-menu-popup,[data-style=neo-brutalism] .bento-select-popup,[data-style=neo-brutalism] .bento-combobox-popup,[data-style=neo-brutalism] .bento-nav-menu-popup,[data-style=neo-brutalism] .bento-popover-popup,[data-style=neo-brutalism] .bento-preview-card,[data-style=neo-brutalism] .bento-tooltip-popup,[data-style=neo-brutalism] .bento-toast,[data-style=neo-brutalism] .bento-dialog-popup,[data-style=neo-brutalism] .bento-alert-popup,[data-style=neo-brutalism] .bento-drawer-popup{border:2px solid var(--line-strong);background:var(--surface);box-shadow:var(--neo-shadow)}[data-style=neo-brutalism] .bento-menu-item[data-highlighted],[data-style=neo-brutalism] .bento-combobox-item[data-highlighted],[data-style=neo-brutalism] .bento-select-item[data-highlighted],[data-style=neo-brutalism] .bento-select-item[data-selected][data-highlighted],[data-style=neo-brutalism] .bento-nav-menu-item[data-highlighted],[data-style=neo-brutalism] .bento-toolbar-button:hover,[data-style=neo-brutalism] .bento-number-field-button:hover,[data-style=neo-brutalism] .bento-toast-close:hover,[data-style=neo-brutalism] .bento-tabs-tab[data-selected],[data-style=neo-brutalism] .bento-tabs-tab[data-active],[data-style=neo-brutalism] .bento-tabs-tab[aria-selected=true],[data-style=neo-brutalism] .bento-tabs-indicator,[data-style=neo-brutalism] .bento-toggle[data-pressed],[data-style=neo-brutalism] .bento-toolbar-button[data-pressed],[data-style=neo-brutalism] .bento-menubar-trigger[data-open],[data-style=neo-brutalism] .bento-nav-menu-trigger[data-expanded],[data-style=neo-brutalism] .bento-nav-menu-trigger[data-open],[data-style=neo-brutalism] .style-switcher button.active{color:#000;background:var(--surface-muted)}[data-style=neo-brutalism][data-theme=dark] .bento-menu-item[data-highlighted],[data-style=neo-brutalism][data-theme=dark] .bento-combobox-item[data-highlighted],[data-style=neo-brutalism][data-theme=dark] .bento-select-item[data-highlighted],[data-style=neo-brutalism][data-theme=dark] .bento-select-item[data-selected][data-highlighted],[data-style=neo-brutalism][data-theme=dark] .bento-nav-menu-item[data-highlighted],[data-style=neo-brutalism][data-theme=dark] .bento-toolbar-button:hover,[data-style=neo-brutalism][data-theme=dark] .bento-number-field-button:hover,[data-style=neo-brutalism][data-theme=dark] .bento-toast-close:hover,[data-style=neo-brutalism][data-theme=dark] .bento-tabs-tab[data-selected],[data-style=neo-brutalism][data-theme=dark] .bento-tabs-tab[data-active],[data-style=neo-brutalism][data-theme=dark] .bento-tabs-tab[aria-selected=true],[data-style=neo-brutalism][data-theme=dark] .bento-tabs-indicator,[data-style=neo-brutalism][data-theme=dark] .bento-toggle[data-pressed],[data-style=neo-brutalism][data-theme=dark] .bento-toolbar-button[data-pressed],[data-style=neo-brutalism][data-theme=dark] .bento-menubar-trigger[data-open],[data-style=neo-brutalism][data-theme=dark] .bento-nav-menu-trigger[data-expanded],[data-style=neo-brutalism][data-theme=dark] .bento-nav-menu-trigger[data-open],[data-style=neo-brutalism][data-theme=dark] .style-switcher button.active{color:#000;background:var(--surface-strong)}[data-style=neo-brutalism] .bento-select-item[data-selected]{color:var(--text-strong)}[data-style=neo-brutalism] .bento-popover-arrow,[data-style=neo-brutalism] .bento-preview-card-arrow,[data-style=neo-brutalism] .bento-tooltip-arrow{fill:var(--surface)}[data-style=neo-brutalism] .topbar,[data-style=neo-brutalism] .sidebar{border-color:var(--line-strong);border-width:2px}[data-style=neo-brutalism] .topbar-brand-mark,[data-style=neo-brutalism] .component-status-dot.ready{background:var(--accent)}[data-style=neo-brutalism] .demo-code-block{border-top-width:2px}:root{color:var(--text);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}body{min-width:320px;min-height:100vh;margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}#root{min-height:100vh}::selection{color:var(--selection-text);background:var(--selection-bg)}:where(button,a,[role=button],[tabindex]):focus-visible,[data-base-ui-trigger]:focus-visible,[data-base-ui-item]:focus-visible{outline:3px solid var(--theme-focus,#2563eb52);outline-offset:2px}.bento-accordion{gap:8px;display:grid}.bento-accordion-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--group-bg)}.bento-accordion-header{margin:0}.bento-accordion-trigger{width:100%;min-height:46px;color:var(--text-strong);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 14px;font-weight:760;display:flex}.bento-accordion-trigger svg{transition:transform .16s}.bento-accordion-item[data-open] .bento-accordion-trigger svg{transform:rotate(180deg)}.bento-accordion-panel{color:var(--text-muted);padding:0 14px 14px;line-height:1.6}.bento-alert-backdrop{z-index:60;background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:fixed;inset:0}.bento-alert-popup{z-index:61;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(400px,100vw - 32px);box-shadow:var(--shadow);padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.bento-alert-title{color:var(--text-strong);margin:0;font-size:20px;font-weight:780}.bento-alert-description{color:var(--text-muted);margin:14px 0 22px;line-height:1.6}.bento-alert-actions{justify-content:flex-end;gap:10px;display:flex}.bento-button{border-radius:var(--radius-sm);min-height:40px;color:var(--bg);background:var(--surface-strong);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:720;text-decoration:none;transition:background .16s,box-shadow .16s;display:inline-flex}.bento-button:hover{color:var(--bg);background:var(--text-strong)}.bento-button:focus-visible{outline:3px solid var(--theme-focus,#2563eb52);outline-offset:2px}.bento-button.outline{color:var(--text-strong);border-color:var(--line);background:var(--surface)}.bento-button.outline:hover{border-color:var(--line-strong);box-shadow:0 8px 24px #0f172a14}.bento-button.ghost{color:var(--text-strong);background:0 0}.bento-button.ghost:hover{background:#0f172a0f}.bento-button.icon{width:40px;color:var(--text-strong);border-color:var(--line);background:var(--surface);padding:0}.bento-button.icon:hover{border-color:var(--line-strong);box-shadow:0 8px 24px #0f172a14}.bento-button.accent{color:var(--theme-primary-foreground);background:var(--accent)}.bento-button.accent:hover{color:var(--theme-primary-foreground);background:var(--accent-strong)}.bento-button.teal{color:var(--theme-teal-foreground);background:var(--teal)}.bento-button.teal:hover{color:var(--theme-teal-foreground);background:color-mix(in srgb, var(--teal), var(--text-strong) 16%)}.bento-combobox{width:min(100%,330px)}.bento-combobox-input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--text-strong);background:var(--surface);outline:none;align-items:center;padding:0 12px;font-size:14px;transition:border-color .14s;display:flex}.bento-combobox-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb, var(--teal), transparent 84%)}:is([dir=rtl] .bento-combobox-input,.bento-combobox-input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.bento-combobox-popup{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);min-width:220px;box-shadow:var(--shadow);padding:6px}.bento-combobox-item{border-radius:var(--radius-sm);min-height:36px;color:var(--text-strong);cursor:pointer;align-items:center;gap:10px;padding:0 10px;font-size:14px;display:flex}:is([dir=rtl] .bento-combobox-popup,.bento-combobox-popup:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}:is([dir=rtl] .bento-combobox-item,.bento-combobox-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){flex-direction:row-reverse}.bento-combobox-item[data-highlighted]{background:var(--surface-muted)}.bento-combobox-no-results{color:var(--text-muted);text-align:center;padding:12px;font-size:14px}[data-theme=dark] .bento-combobox-popup{background:var(--theme-popup-bg,var(--surface));box-shadow:var(--shadow)}.bento-autocomplete{width:min(100%,320px)}.bento-avatar{background:var(--surface-muted);width:40px;height:40px;color:var(--text-strong);-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;font-size:16px;font-weight:760;display:inline-flex;overflow:hidden}.bento-avatar img{object-fit:cover;width:100%;height:100%}.bento-avatar.sm{width:32px;height:32px;font-size:13px}.bento-avatar.lg{width:56px;height:56px;font-size:22px}.bento-avatar-group{display:flex}.bento-avatar-group .bento-avatar{border:2px solid #fff;margin-left:-10px}.bento-avatar-group .bento-avatar:first-child{margin-left:0}.bento-checkbox{border:1px solid var(--line-strong);width:22px;height:22px;color:var(--theme-primary-foreground);background:var(--surface);cursor:pointer;border-radius:5px;place-items:center;transition:border-color .14s,background .14s;display:grid}.bento-checkbox[data-checked]{border-color:var(--teal);background:var(--teal)}.bento-checkbox:focus-visible{outline:3px solid var(--theme-focus,#2563eb52);outline-offset:2px}.bento-checkbox-label{color:var(--text-strong);cursor:pointer;align-items:center;gap:9px;font-weight:680;display:inline-flex}.bento-checkbox-group{flex-wrap:wrap;gap:12px 16px;display:flex}.bento-collapsible{border:1px solid var(--line);border-radius:var(--radius);background:var(--group-bg);overflow:hidden}.bento-collapsible-trigger{width:100%;min-height:46px;color:var(--text-strong);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 14px;font-weight:760;display:flex}.bento-collapsible-trigger svg{transition:transform .16s}.bento-collapsible[data-open] .bento-collapsible-trigger svg{transform:rotate(180deg)}.bento-collapsible-panel{color:var(--text-muted);padding:0 14px 14px;line-height:1.6}.bento-menu-positioner{z-index:45}.bento-menu-popup{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);min-width:180px;box-shadow:var(--shadow);padding:6px}.bento-menu-item{border-radius:var(--radius-sm);min-height:36px;color:var(--text-strong);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:0 10px;font-size:14px;font-weight:680;display:flex}:is([dir=rtl] .bento-menu-popup,.bento-menu-popup:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}:is([dir=rtl] .bento-menu-item,.bento-menu-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){flex-direction:row-reverse}.bento-menu-item[data-highlighted]{background:var(--surface-muted)}.bento-menu-item[data-disabled]{color:var(--text-muted);opacity:.5;cursor:default}.bento-menu-separator{background:var(--line);height:1px;margin:4px 8px}[data-theme=dark] .bento-menu-popup{background:var(--theme-popup-bg,var(--surface));box-shadow:var(--shadow)}.bento-context-menu-trigger{border:1px dashed var(--line-strong);border-radius:var(--radius);min-width:240px;color:var(--text-muted);background:var(--surface);text-align:center;padding:22px}.bento-dialog-backdrop{z-index:50;background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:fixed;inset:0}.bento-dialog-popup{z-index:51;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(420px,100vw - 32px);box-shadow:var(--shadow);padding:22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.bento-dialog-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.bento-dialog-title{color:var(--text-strong);margin:0;font-size:20px;font-weight:780}.bento-dialog-description{color:var(--text-muted);margin:14px 0 18px;line-height:1.6}.bento-drawer-backdrop{z-index:50;background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:fixed;inset:0}.bento-drawer-popup{z-index:51;box-sizing:border-box;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;display:flex;position:fixed}.bento-drawer-popup[data-side=left]{border-left:0;width:min(360px,90vw);top:0;bottom:0;left:0}.bento-drawer-popup[data-side=right]{border-right:0;width:min(360px,90vw);top:0;bottom:0;right:0}.bento-drawer-popup[data-side=top]{border-top:0;height:min(300px,50vh);top:0;left:0;right:0}.bento-drawer-popup[data-side=bottom]{border-bottom:0;height:min(300px,50vh);bottom:0;left:0;right:0}.bento-drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.bento-drawer-title{color:var(--text-strong);margin:0;font-size:18px;font-weight:780}.bento-drawer-description{color:var(--text-muted);padding:14px 20px;line-height:1.6}.bento-drawer-body{flex:1;padding:0 20px 20px;overflow:auto}.bento-field{gap:8px;width:min(100%,360px);display:grid}.bento-field-description,.bento-field-error{font-size:13px;line-height:1.5}.bento-field-description{color:var(--text-muted)}.bento-field-error{color:var(--accent-strong)}.bento-fieldset{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:14px;min-width:0;padding:16px;display:grid}.bento-fieldset-legend{color:var(--text-strong);padding:0 4px;font-size:14px;font-weight:760}.bento-form{gap:16px;width:min(100%,420px);display:grid}.bento-input,.bento-textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;min-height:42px;color:var(--text-strong);background:var(--surface);padding:0 12px;font-size:14px;transition:border-color .14s,box-shadow .14s}.bento-input:focus,.bento-textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent), transparent 82%);outline:none}.bento-textarea{resize:vertical;min-height:80px;padding:10px 12px}.bento-field{gap:8px;display:grid}.bento-field-label{color:var(--text-muted);text-transform:uppercase;font-size:13px;font-weight:760}.bento-field-error{color:var(--theme-danger);font-size:13px;font-weight:600}.field-label{color:var(--text-muted);text-transform:uppercase;font-size:13px;font-weight:760}.bento-menubar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:4px;padding:4px;display:inline-flex}.bento-menubar-trigger{border-radius:var(--radius-sm);height:32px;color:var(--text);cursor:pointer;background:0 0;border:0;padding:0 10px;font-weight:650}.bento-menubar-trigger:hover,.bento-menubar-trigger[data-open]{color:var(--text-strong);background:var(--surface-muted)}.bento-meter{width:100%}.bento-meter-track{background:var(--track-bg);border-radius:999px;width:100%;height:12px;position:relative;overflow:hidden}.bento-meter-indicator{border-radius:inherit;background:var(--accent);height:100%;transition:width .3s}.bento-meter-high{background:var(--green)}.bento-meter-mid{background:var(--accent)}.bento-meter-low{background:var(--theme-danger)}.bento-meter-label{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:680;display:flex}.bento-meter-value{color:var(--text-strong)}.bento-nav-menu{align-items:center;display:flex;position:relative}.bento-nav-menu-list{align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.bento-nav-menu-trigger{border-radius:var(--radius-sm);min-height:36px;color:var(--text-strong);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:680;display:inline-flex}.bento-nav-menu-trigger:hover{background:var(--surface-muted)}:is([dir=rtl] .bento-nav-menu-list,.bento-nav-menu-list:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))),:is([dir=rtl] .bento-nav-menu-trigger,.bento-nav-menu-trigger:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){flex-direction:row-reverse}.bento-nav-menu-trigger svg{transition:transform .14s}.bento-nav-menu-trigger[data-expanded] svg{transform:rotate(180deg)}.bento-nav-menu-popup{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);min-width:200px;box-shadow:var(--shadow);padding:6px}.bento-nav-menu-item{border-radius:var(--radius-sm);min-height:36px;color:var(--text-strong);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:0 10px;font-size:14px;font-weight:680;display:flex}:is([dir=rtl] .bento-nav-menu-popup,.bento-nav-menu-popup:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}:is([dir=rtl] .bento-nav-menu-item,.bento-nav-menu-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){flex-direction:row-reverse}.bento-nav-menu-item[data-highlighted]{background:var(--surface-muted)}.bento-nav-menu-viewport{width:100%;position:absolute;top:100%;left:0;overflow:hidden}[data-theme=dark] .bento-nav-menu-popup{background:var(--theme-popup-bg,var(--surface));box-shadow:var(--shadow)}.bento-number-field{gap:8px;width:220px;display:grid}.bento-number-field-group{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:36px 1fr 36px;height:40px;display:grid;overflow:hidden}.bento-number-field-button,.bento-number-field-input{color:var(--text-strong);background:0 0;border:0}.bento-number-field-button{cursor:pointer;place-items:center;display:grid}.bento-number-field-button:hover{background:var(--surface-muted)}.bento-number-field-input{text-align:center;outline:0;min-width:0}.bento-otp-field{gap:8px;display:grid}.bento-otp-inputs{flex-wrap:wrap;gap:8px;display:flex}.bento-otp-input{border:1px solid var(--line);border-radius:var(--radius-sm);width:40px;height:44px;color:var(--text-strong);background:var(--surface);text-align:center;outline:0;font-size:18px;font-weight:760}.bento-otp-input:focus-visible{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent), transparent 82%)}.bento-popover-popup{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:250px;box-shadow:var(--shadow);padding:16px}.bento-popover-arrow{fill:var(--theme-popup-bg,var(--surface))}.bento-popover-title{color:var(--text-strong);margin:0;font-size:20px;font-weight:780}.bento-popover-description{color:var(--text-muted);margin:10px 0 0;line-height:1.6}.bento-preview-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:280px;box-shadow:var(--shadow);padding:16px}.bento-preview-card img{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:140px;margin-bottom:12px}.bento-preview-card-title{color:var(--text-strong);margin:0;font-size:16px;font-weight:760}.bento-preview-card-description{color:var(--text-muted);margin-top:6px;font-size:14px}.bento-preview-card-arrow{fill:var(--theme-popup-bg,var(--surface))}.bento-progress{width:100%}.bento-progress-track{background:var(--track-bg);border-radius:999px;width:100%;height:10px;position:relative;overflow:hidden}.bento-progress-indicator{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--accent));height:100%;transition:width .3s}.bento-progress-label{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:680;display:flex}.bento-progress-value{color:var(--text-strong)}.bento-radio-group{flex-wrap:wrap;gap:10px;display:flex}.bento-radio{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:999px;place-items:center;width:22px;height:22px;transition:border-color .14s;display:grid}.bento-radio[data-checked]{border-color:var(--teal)}.bento-radio-indicator{background:var(--teal);border-radius:999px;width:12px;height:12px}.bento-radio-label{color:var(--text-strong);cursor:pointer;align-items:center;gap:9px;font-weight:680;display:inline-flex}.bento-radio:focus-visible{outline:3px solid var(--theme-focus,#2563eb52);outline-offset:2px}.bento-scroll-area{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.bento-scroll-area-viewport{scrollbar-width:none;width:100%;height:100%;overflow:auto}.bento-scroll-area-viewport::-webkit-scrollbar{display:none}.bento-scroll-area-scrollbar{touch-action:none;background:0 0;padding:2px;display:flex}.bento-scroll-area-scrollbar[data-vertical]{width:10px}.bento-scroll-area-thumb{background:var(--line-strong);border-radius:999px;flex:1;transition:background .14s}.bento-scroll-area-thumb:hover{background:var(--scrollbar-thumb-hover)}.bento-scroll-area-corner{background:0 0}.bento-select-trigger{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:min(100%,330px);min-height:44px;color:var(--text-strong);background:var(--surface);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:0 12px 0 14px;font-size:14px;display:flex}:is([dir=rtl] .bento-select-trigger,.bento-select-trigger:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right;flex-direction:row-reverse;padding:0 14px 0 12px}.bento-select-trigger:focus-visible{outline:3px solid var(--theme-focus,#2563eb52);outline-offset:2px}.bento-select-positioner{z-index:40}.bento-select-popup{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);min-width:220px;box-shadow:var(--shadow);padding:6px}.bento-select-item{border-radius:var(--radius-sm);min-height:36px;color:var(--text-strong);cursor:pointer;grid-template-columns:22px 1fr;align-items:center;padding:0 10px;font-size:14px;display:grid}:is([dir=rtl] .bento-select-item,.bento-select-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right;grid-template-columns:1fr 22px}:is([dir=rtl] .bento-select-item [data-base-ui-select-item-indicator],.bento-select-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) [data-base-ui-select-item-indicator]){grid-area:1/2}.bento-select-item[data-highlighted]{background:var(--surface-muted)}.bento-select-item[data-selected]{color:var(--teal);font-weight:760}.bento-select-item[data-selected][data-highlighted]{background:color-mix(in srgb, var(--teal), transparent 86%)}[data-theme=dark] .bento-select-popup{background:var(--theme-popup-bg,var(--surface));box-shadow:var(--shadow)}[data-theme=dark] .bento-select-item[data-selected][data-highlighted]{background:color-mix(in srgb, var(--teal), transparent 84%)}.bento-separator{background:var(--line);flex-shrink:0}.bento-separator[data-orientation=horizontal]{width:100%;height:1px}.bento-separator[data-orientation=vertical]{width:1px;height:28px}.bento-slider{width:min(100%,420px);padding:12px 0}.bento-slider-control{align-items:center;height:24px;display:flex}.bento-slider-track{background:var(--track-bg);border-radius:999px;width:100%;height:8px;position:relative}.bento-slider-indicator{background:var(--accent);border-radius:999px;height:100%;position:absolute}.bento-slider-thumb{border:3px solid var(--surface);background:var(--accent-strong);width:22px;height:22px;box-shadow:0 5px 14px color-mix(in srgb, var(--accent), transparent 70%);border-radius:999px}.bento-slider-thumb:focus-visible{outline:3px solid var(--theme-focus,#2563eb52);outline-offset:2px}.bento-switch{border:1px solid var(--line-strong);background:var(--track-bg);cursor:pointer;border-radius:999px;align-items:center;width:44px;height:26px;padding:3px;transition:border-color .16s,background .16s;display:inline-flex;position:relative}.bento-switch[data-checked]{border-color:var(--surface-strong);background:var(--surface-strong)}.bento-switch:focus-visible{outline:3px solid var(--theme-focus,#2563eb52);outline-offset:2px}.bento-switch-thumb{background:var(--surface);border-radius:999px;width:18px;height:18px;transition:transform .18s;box-shadow:0 2px 8px #0f172a3d}.bento-switch[data-checked] .bento-switch-thumb{transform:translate(18px)}.bento-switch-label{color:var(--text-strong);cursor:pointer;align-items:center;gap:9px;font-weight:680;display:inline-flex}.bento-tabs{flex-direction:column;gap:18px;min-height:100%;display:flex}.bento-tabs-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--group-bg);gap:4px;padding:4px;display:grid;position:relative}.bento-tabs-list.cols-2{grid-template-columns:1fr 1fr}.bento-tabs-list.cols-3{grid-template-columns:1fr 1fr 1fr}.bento-tabs-tab{z-index:1;border-radius:var(--radius-sm);min-height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-weight:760}.bento-tabs-tab[data-selected],.bento-tabs-tab[data-active],.bento-tabs-tab[aria-selected=true]{color:var(--text-strong)}.bento-tabs-indicator{border-radius:var(--radius-sm);background:var(--surface);transition:left .18s,width .18s;position:absolute;top:4px;bottom:4px;box-shadow:0 5px 18px #0f172a1a}.bento-tabs-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--group-bg);flex:1;padding:18px}.bento-tabs-panel-title{color:var(--text-strong);margin-bottom:10px;font-size:20px;font-weight:750;display:block}.bento-tabs-panel p{color:var(--text-muted);margin:0}.bento-toggle-group{border:1px solid var(--line);border-radius:var(--radius);background:var(--group-bg);gap:4px;padding:4px;display:inline-flex}.bento-toggle{border-radius:var(--radius-sm);min-height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:680;transition:color .14s,background .14s;display:inline-flex}.bento-toggle[data-pressed]{color:var(--text-strong);background:var(--surface);box-shadow:0 5px 18px #0f172a1a}.bento-toggle:focus-visible{outline:3px solid var(--theme-focus,#2563eb52);outline-offset:2px}.bento-toast-provider{z-index:100;gap:12px;width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:24px;right:24px}.bento-toast{border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;color:var(--text-strong);background:color-mix(in srgb, var(--surface), var(--bg) 4%);isolation:isolate;align-items:flex-start;gap:14px;padding:16px 44px 16px 16px;display:flex;position:relative;box-shadow:0 18px 42px #0f172a29,0 1px 2px #0f172a14}.bento-toast-title{color:var(--text-strong);font-size:14px;font-weight:780;line-height:1.35}.bento-toast-description{color:var(--text-muted);margin-top:6px;font-size:13px;line-height:1.5}.bento-toast-close{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-muted);cursor:pointer;opacity:.72;background:0 0;border:0;flex-shrink:0;place-items:center;transition:color .14s,background .14s,opacity .14s;display:grid;position:absolute;top:10px;right:10px}.bento-toast-close:hover{color:var(--text-strong);background:var(--surface-muted);opacity:1}[data-theme=dark] .bento-toast{border-color:var(--line-strong);background:var(--theme-popup-bg,var(--surface));box-shadow:var(--shadow)}@media (width<=640px){.bento-toast-provider{bottom:16px;right:16px}}.bento-toolbar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items:center;gap:10px;padding:8px;display:flex}.bento-toolbar-group{align-items:center;gap:4px;display:flex}.bento-toolbar-button{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.bento-toolbar-button:hover,.bento-toolbar-button[data-pressed]{color:var(--text-strong);background:var(--surface-muted)}.bento-toolbar-separator{background:var(--line);width:1px;height:22px;margin:0 4px}.bento-toolbar-search{border:1px solid var(--line);border-radius:var(--radius-sm);height:32px;color:var(--text-muted);align-items:center;gap:7px;padding:0 9px;display:flex}.bento-toolbar-input{width:150px;color:var(--text-strong);background:0 0;border:0;outline:0}.bento-tooltip-popup{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);color:var(--text-strong);padding:8px 10px;font-size:13px;font-weight:720}.bento-tooltip-arrow{fill:var(--theme-popup-bg,var(--surface))}
1
+ :root{--bg:#f5f7fb;--surface:#fff;--surface-strong:#0f172a;--surface-muted:#eef2f7;--text:#334155;--text-strong:#111827;--text-muted:#5f6b7a;--line:#d9e0ea;--line-strong:#c0cad8;--accent:#c2410c;--accent-strong:#9a3412;--teal:#0f766e;--blue:#2563eb;--green:#16a34a;--shadow:0 24px 80px #0f172a1f;--shadow-strong:0 16px 46px #0f172a14;--radius:8px;--radius-sm:6px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--bt-bg:var(--bg);--bt-fg:var(--text-strong);--bt-text:var(--text);--bt-muted-fg:var(--text-muted);--bt-surface:var(--surface);--bt-surface-muted:var(--surface-muted);--bt-surface-strong:var(--surface-strong);--bt-border:var(--line);--bt-border-strong:var(--line-strong);--bt-primary:var(--accent);--bt-primary-hover:var(--accent-strong);--bt-primary-fg:var(--theme-primary-foreground,#fff);--bt-secondary:var(--teal);--bt-secondary-fg:var(--theme-teal-foreground,#fff);--bt-info:var(--blue);--bt-success:var(--green);--bt-danger:var(--theme-danger,#dc2626);--bt-danger-fg:var(--theme-danger-foreground,#fff);--bt-ring:var(--theme-focus,color-mix(in srgb, var(--accent), transparent 62%));--bt-radius:var(--radius);--bt-radius-sm:var(--radius-sm);--bt-font-sans:var(--font-sans);--bt-font-mono:var(--font-mono);--bt-shadow:var(--shadow);--bt-shadow-strong:var(--shadow-strong);--bt-button-bg:var(--surface-strong);--bt-button-fg:var(--bg);--bt-button-border:var(--line);--bt-input-bg:var(--surface);--bt-input-fg:var(--text-strong);--bt-input-border:var(--line-strong);--bt-select-popup-bg:var(--theme-popup-bg,var(--surface));--bt-select-popup-fg:var(--theme-popup-text,var(--text-strong));--bt-tabs-active-bg:var(--surface);--bt-tabs-active-fg:var(--text-strong);--bt-border-width:var(--theme-border-width);--bt-font-weight:var(--theme-font-weight);--bt-duration:var(--theme-transition-duration);--bt-letter-spacing:var(--theme-letter-spacing);--bt-control-height:var(--theme-control-height);--topbar-bg:#ffffffc7;--topbar-border:#d9e0ead1;--card-bg:#ffffffe0;--chip-bg:#fff;--group-bg:#f8fafc;--nav-bg:#f8fafc;--track-bg:#e2e8f0;--switch-off-bg:#e2e8f0;--hero-text:#111827;--backdrop:#0f172a7a;--code-bg:var(--surface-strong);--code-text:#dbeafe;--code-keyword:#c084fc;--code-string:#86efac;--code-component:#93c5fd;--code-tag:#fca5a5;--code-number:#fdba74;--code-comment:#94a3b8;--scrollbar-track:transparent;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--selection-bg:var(--accent-strong);--selection-text:#fff;--theme-border-width:1px;--theme-font-weight:720;--theme-transition-duration:.16s;--theme-letter-spacing:0;--theme-control-height:40px}[data-theme=dark]{--bg:#0b1120;--surface:#111827;--surface-strong:#e2e8f0;--surface-muted:#1e293b;--text:#cbd5e1;--text-strong:#f1f5f9;--text-muted:#94a3b8;--line:#1e293b;--line-strong:#334155;--accent:#fb923c;--accent-strong:#f97316;--teal:#2dd4bf;--blue:#60a5fa;--green:#4ade80;--shadow:0 24px 80px #0006;--shadow-strong:0 16px 46px #0000004d;--topbar-bg:#111827d1;--topbar-border:#33415599;--card-bg:#111827e0;--chip-bg:#1e293b;--group-bg:#1e293b;--nav-bg:#1e293b;--track-bg:#334155;--switch-off-bg:#334155;--hero-text:#f1f5f9;--backdrop:#0009;--code-bg:#1e293b;--code-text:#cbd5e1;--code-keyword:#d8b4fe;--code-string:#bbf7d0;--code-component:#bfdbfe;--code-tag:#fecaca;--code-number:#fed7aa;--code-comment:#94a3b8;--scrollbar-track:transparent;--scrollbar-thumb:#475569;--scrollbar-thumb-hover:#64748b;--selection-bg:var(--accent-strong);--selection-text:#111827}[data-style=shadcn]{--bg:#fff;--surface:#fff;--surface-strong:#09090b;--surface-muted:#f4f4f5;--text:#27272a;--text-strong:#09090b;--text-muted:#52525b;--line:#e4e4e7;--line-strong:#d4d4d8;--accent:#18181b;--accent-strong:#09090b;--teal:#18181b;--blue:#2563eb;--green:#16a34a;--shadow:0 10px 30px #18181b14;--shadow-strong:0 8px 24px #18181b14;--radius:8px;--radius-sm:6px;--topbar-bg:#ffffffe6;--topbar-border:#e4e4e7db;--card-bg:#fff;--chip-bg:#fafafa;--group-bg:#f4f4f5;--nav-bg:#f4f4f5;--track-bg:#e4e4e7;--switch-off-bg:#e4e4e7;--hero-text:#09090b;--backdrop:#18181bb8;--code-bg:#09090b;--code-text:#fafafa;--code-keyword:#c084fc;--code-string:#86efac;--code-component:#93c5fd;--code-tag:#fca5a5;--code-number:#fdba74;--code-comment:#a1a1aa;--scrollbar-thumb:#d4d4d8;--scrollbar-thumb-hover:#a1a1aa;--selection-bg:#18181b;--selection-text:#fafafa}[data-style=shadcn][data-theme=dark]{--bg:#09090b;--surface:#09090b;--surface-strong:#fafafa;--surface-muted:#18181b;--text:#e4e4e7;--text-strong:#fafafa;--text-muted:#a1a1aa;--line:#27272a;--line-strong:#3f3f46;--accent:#fafafa;--accent-strong:#fff;--teal:#fafafa;--blue:#60a5fa;--green:#4ade80;--shadow:0 18px 48px #0000006b;--shadow-strong:0 14px 38px #00000057;--topbar-bg:#09090be6;--topbar-border:#27272adb;--card-bg:#09090b;--chip-bg:#18181b;--group-bg:#18181b;--nav-bg:#18181b;--track-bg:#27272a;--switch-off-bg:#27272a;--hero-text:#fafafa;--backdrop:#000000b8;--code-bg:#18181b;--code-text:#e4e4e7;--code-comment:#a1a1aa;--scrollbar-thumb:#3f3f46;--scrollbar-thumb-hover:#71717a;--selection-bg:#fafafa;--selection-text:#09090b}[data-style=neo-brutalism]{--bg:#fff7d6;--surface:#fff;--surface-strong:#111;--surface-muted:#ffe66d;--text:#111;--text-strong:#000;--text-muted:#3f3f46;--line:#111;--line-strong:#000;--accent:#ff4d6d;--accent-strong:#ff2f57;--teal:#00d1b2;--blue:#3a86ff;--green:#7bd88f;--shadow:6px 6px 0 #111;--shadow-strong:8px 8px 0 #111;--radius:4px;--radius-sm:3px;--topbar-bg:#fff7d6;--topbar-border:#111;--card-bg:#fff;--chip-bg:#ffe66d;--group-bg:#fff;--nav-bg:#fff;--track-bg:#fff;--switch-off-bg:#fff;--hero-text:#000;--backdrop:#0000006b;--code-bg:#111;--code-text:#fff7d6;--code-keyword:#ff99c8;--code-string:#a9def9;--code-component:#fdffb6;--code-tag:#caffbf;--code-number:#ffd6a5;--code-comment:#bdbdbd;--scrollbar-thumb:#111;--scrollbar-thumb-hover:#ff4d6d;--selection-bg:#111;--selection-text:#fff7d6}[data-style=neo-brutalism][data-theme=dark]{--bg:#161616;--surface:#242424;--surface-strong:#fff7d6;--surface-muted:#3a3a3a;--text:#f5f5f5;--text-strong:#fff;--text-muted:#d4d4d8;--line:#fff7d6;--line-strong:#fff;--accent:#ff4d6d;--accent-strong:#ff7a90;--teal:#00d1b2;--blue:#3a86ff;--green:#7bd88f;--shadow:6px 6px 0 #fff7d6;--shadow-strong:8px 8px 0 #fff7d6;--topbar-bg:#161616;--topbar-border:#fff7d6;--card-bg:#242424;--chip-bg:#3a3a3a;--group-bg:#242424;--nav-bg:#242424;--track-bg:#3a3a3a;--switch-off-bg:#3a3a3a;--hero-text:#fff;--backdrop:#000000b8;--code-bg:#000;--code-text:#fff7d6;--scrollbar-thumb:#fff7d6;--scrollbar-thumb-hover:#ff4d6d;--selection-bg:#fff7d6;--selection-text:#111}[data-style=minimal]{--bg:#f8fafc;--surface:#fff;--surface-strong:#111827;--surface-muted:#f1f5f9;--text:#334155;--text-strong:#0f172a;--text-muted:#52637a;--line:#e2e8f0;--line-strong:#94a3b8;--accent:#0f172a;--accent-strong:#020617;--teal:#334155;--blue:#2563eb;--green:#15803d;--shadow:none;--shadow-strong:none;--radius:4px;--radius-sm:3px;--topbar-bg:#f8fafceb;--topbar-border:#e2e8f0eb;--card-bg:#fff;--chip-bg:#f8fafc;--group-bg:#f8fafc;--nav-bg:#f8fafc;--track-bg:#e2e8f0;--switch-off-bg:#e2e8f0;--hero-text:#0f172a;--backdrop:#0f172a8f;--code-bg:#0f172a;--code-text:#e2e8f0;--code-keyword:#f8fafc;--code-string:#e2e8f0;--code-component:#cbd5e1;--code-tag:#f1f5f9;--code-number:#d1d5db;--code-comment:#94a3b8;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--selection-bg:#0f172a;--selection-text:#fff}[data-style=minimal][data-theme=dark]{--bg:#020617;--surface:#020617;--surface-strong:#f8fafc;--surface-muted:#0f172a;--text:#cbd5e1;--text-strong:#f8fafc;--text-muted:#94a3b8;--line:#1e293b;--line-strong:#475569;--accent:#f8fafc;--accent-strong:#fff;--teal:#cbd5e1;--blue:#60a5fa;--green:#4ade80;--shadow:none;--shadow-strong:none;--radius:4px;--radius-sm:3px;--topbar-bg:#020617eb;--topbar-border:#1e293beb;--card-bg:#020617;--chip-bg:#0f172a;--group-bg:#0f172a;--nav-bg:#0f172a;--track-bg:#1e293b;--switch-off-bg:#1e293b;--hero-text:#f8fafc;--backdrop:#000000b8;--code-bg:#0f172a;--code-text:#e2e8f0;--code-keyword:#f8fafc;--code-string:#e2e8f0;--code-component:#cbd5e1;--code-tag:#f1f5f9;--code-number:#d1d5db;--code-comment:#94a3b8;--scrollbar-thumb:#334155;--scrollbar-thumb-hover:#64748b;--selection-bg:#f8fafc;--selection-text:#020617}[data-style=enterprise]{--bg:#f3f6fb;--surface:#fff;--surface-strong:#0b1f44;--surface-muted:#e8eef8;--text:#27364b;--text-strong:#10213d;--text-muted:#52647c;--line:#cfd9e8;--line-strong:#9fb0c8;--accent:#1d4ed8;--accent-strong:#1e40af;--teal:#0f766e;--blue:#2563eb;--green:#15803d;--shadow:0 14px 34px #10213d1a;--shadow-strong:0 10px 26px #10213d1f;--radius:6px;--radius-sm:4px;--topbar-bg:#ffffffeb;--topbar-border:#cfd9e8f0;--card-bg:#fff;--chip-bg:#eef4ff;--group-bg:#eef4ff;--nav-bg:#e8eef8;--track-bg:#d9e3f2;--switch-off-bg:#d9e3f2;--hero-text:#10213d;--backdrop:#0b1f448f;--code-bg:#0b1f44;--code-text:#dbeafe;--code-keyword:#c4b5fd;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#b6c5da;--scrollbar-track:transparent;--scrollbar-thumb:#b6c5da;--scrollbar-thumb-hover:#7f91ad;--selection-bg:#1d4ed8;--selection-text:#fff}[data-style=enterprise][data-theme=dark]{--bg:#071426;--surface:#0d1b31;--surface-strong:#e5eefc;--surface-muted:#13233c;--text:#c6d3e6;--text-strong:#f1f7ff;--text-muted:#8da0bb;--line:#1d3353;--line-strong:#355174;--accent:#60a5fa;--accent-strong:#93c5fd;--teal:#5eead4;--blue:#60a5fa;--green:#4ade80;--shadow:0 18px 50px #00000061;--shadow-strong:0 12px 34px #00000052;--topbar-bg:#071426eb;--topbar-border:#1d3353eb;--card-bg:#0d1b31;--chip-bg:#13233c;--group-bg:#13233c;--nav-bg:#13233c;--track-bg:#1d3353;--switch-off-bg:#1d3353;--hero-text:#f1f7ff;--backdrop:#000000ad;--code-bg:#020b16;--code-text:#dbeafe;--code-keyword:#c4b5fd;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#8da0bb;--scrollbar-track:transparent;--scrollbar-thumb:#355174;--scrollbar-thumb-hover:#536f94;--selection-bg:#93c5fd;--selection-text:#071426}[data-style=linear]{--bg:#f7f8fb;--surface:#fff;--surface-strong:#17171c;--surface-muted:#f0f1f5;--text:#3f3f46;--text-strong:#18181b;--text-muted:#52525b;--line:#e4e7ee;--line-strong:#c9ced8;--accent:#5b5bd6;--accent-strong:#4848c7;--teal:#047857;--blue:#4f46e5;--green:#22c55e;--shadow:0 18px 48px #26263a1a;--shadow-strong:0 12px 34px #26263a1f;--radius:10px;--radius-sm:7px;--topbar-bg:#ffffffdb;--topbar-border:#e4e7eee6;--card-bg:#ffffffeb;--chip-bg:#f6f6fa;--group-bg:#f0f1f5;--nav-bg:#f0f1f5;--track-bg:#dfe2ea;--switch-off-bg:#dfe2ea;--hero-text:#18181b;--backdrop:#18181b9e;--code-bg:#17171c;--code-text:#e4e4e7;--code-keyword:#c4b5fd;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fcd34d;--code-comment:#cbd5e1;--scrollbar-thumb:#c9ced8;--scrollbar-thumb-hover:#8f98aa;--selection-bg:#5b5bd6;--selection-text:#fff}[data-style=linear][data-theme=dark]{--bg:#09090d;--surface:#111116;--surface-strong:#f7f7fb;--surface-muted:#191922;--text:#d4d4dc;--text-strong:#fafafa;--text-muted:#9494a3;--line:#262633;--line-strong:#3a3a4a;--accent:#8b8cff;--accent-strong:#a7a7ff;--teal:#34d399;--blue:#8b8cff;--green:#4ade80;--shadow:0 20px 52px #0000006b;--shadow-strong:0 14px 36px #8b8cff29;--topbar-bg:#09090ddb;--topbar-border:#262633e6;--card-bg:#111116f0;--chip-bg:#191922;--group-bg:#191922;--nav-bg:#191922;--track-bg:#262633;--switch-off-bg:#262633;--hero-text:#fafafa;--backdrop:#000000b8;--code-bg:#050507;--code-text:#e4e4e7;--code-keyword:#a7a7ff;--code-string:#34d399;--code-component:#8b8cff;--code-tag:#fb7185;--code-number:#fbbf24;--code-comment:#9494a3;--scrollbar-thumb:#3a3a4a;--scrollbar-thumb-hover:#67677a;--selection-bg:#a7a7ff;--selection-text:#09090d}[data-style=glass]{--bg:#eaf4ff;--surface:#ffffffad;--surface-strong:#17304f;--surface-muted:#ffffff75;--text:#334155;--text-strong:#10233d;--text-muted:#334155;--line:#3b82f64d;--line-strong:#2563eb75;--accent:#2563eb;--accent-strong:#1d4ed8;--teal:#0f766e;--blue:#2563eb;--green:#16a34a;--shadow:0 24px 70px #2563eb2e;--shadow-strong:0 16px 50px #2563eb33;--radius:18px;--radius-sm:12px;--topbar-bg:#ffffff8f;--topbar-border:#ffffffb8;--card-bg:#ffffff94;--chip-bg:#ffffff7a;--group-bg:#ffffff6b;--nav-bg:#ffffff70;--track-bg:#ffffff85;--switch-off-bg:#ffffff85;--hero-text:#10233d;--backdrop:#0f172a7a;--code-bg:#0f172aeb;--code-text:#e0f2fe;--code-keyword:#c4b5fd;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fcd34d;--code-comment:#cbd5e1;--scrollbar-thumb:#2563eb61;--scrollbar-thumb-hover:#2563eb94;--selection-bg:#2563eb;--selection-text:#fff}[data-style=glass][data-theme=dark]{--bg:#08111f;--surface:#0f172a9e;--surface-strong:#f0f9ff;--surface-muted:#1e293b8f;--text:#cbd5e1;--text-strong:#f0f9ff;--text-muted:#94a3b8;--line:#94a3b842;--line-strong:#7dd3fc5c;--accent:#38bdf8;--accent-strong:#7dd3fc;--teal:#22d3ee;--blue:#60a5fa;--green:#4ade80;--topbar-bg:#08111f94;--topbar-border:#94a3b83d;--card-bg:#0f172a94;--chip-bg:#1e293b85;--group-bg:#1e293b7a;--nav-bg:#1e293b7a;--track-bg:#334155b8;--switch-off-bg:#334155b8;--hero-text:#f0f9ff;--backdrop:#000000a8;--code-bg:#020617f0;--code-text:#e0f2fe;--code-keyword:#c084fc;--code-string:#67e8f9;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fcd34d;--code-comment:#94a3b8;--scrollbar-thumb:#7dd3fc57;--scrollbar-thumb-hover:#7dd3fc8f;--selection-bg:#7dd3fc;--selection-text:#08111f}[data-style=terminal]{--bg:#07130f;--surface:#0b1d17;--surface-strong:#d1fae5;--surface-muted:#10281f;--text:#a7f3d0;--text-strong:#ecfdf5;--text-muted:#6ee7b7;--line:#1f4d3d;--line-strong:#34d399;--accent:#22c55e;--accent-strong:#86efac;--teal:#2dd4bf;--blue:#38bdf8;--green:#22c55e;--shadow:0 0 0 1px #34d39947, 0 0 28px #22c55e1a;--shadow-strong:0 0 0 1px #34d39961, 0 0 38px #22c55e29;--radius:2px;--radius-sm:2px;--font-sans:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--topbar-bg:#07130ff0;--topbar-border:#34d39957;--card-bg:#0b1d17;--chip-bg:#10281f;--group-bg:#10281f;--nav-bg:#10281f;--track-bg:#1f4d3d;--switch-off-bg:#1f4d3d;--hero-text:#ecfdf5;--backdrop:#000000c2;--code-bg:#020806;--code-text:#a7f3d0;--code-keyword:#fbbf24;--code-string:#86efac;--code-component:#67e8f9;--code-tag:#f87171;--code-number:#fcd34d;--code-comment:#65a30d;--scrollbar-track:transparent;--scrollbar-thumb:#1f4d3d;--scrollbar-thumb-hover:#34d399;--selection-bg:#22c55e;--selection-text:#07130f}[data-style=terminal][data-theme=light]{--bg:#edfdf5;--surface:#f8fffb;--surface-strong:#064e3b;--surface-muted:#dcfce7;--text:#14532d;--text-strong:#052e16;--text-muted:#15803d;--line:#86efac;--line-strong:#16a34a;--accent:#15803d;--accent-strong:#166534;--teal:#0f766e;--blue:#0369a1;--green:#15803d;--topbar-bg:#edfdf5f0;--topbar-border:#16a34a57;--card-bg:#f8fffb;--chip-bg:#dcfce7;--group-bg:#dcfce7;--nav-bg:#dcfce7;--track-bg:#bbf7d0;--switch-off-bg:#bbf7d0;--hero-text:#052e16;--shadow:0 0 0 1px #16a34a38, 0 12px 28px #14532d1a;--shadow-strong:0 0 0 1px #16a34a57, 0 16px 36px #14532d24;--backdrop:#052e1670;--code-bg:#052e16;--code-text:#dcfce7;--code-keyword:#fbbf24;--code-string:#86efac;--code-component:#67e8f9;--code-tag:#f87171;--code-number:#fcd34d;--code-comment:#a7f3d0;--scrollbar-track:transparent;--scrollbar-thumb:#86efac;--scrollbar-thumb-hover:#16a34a;--selection-bg:#064e3b;--selection-text:#fff}[data-style=material]{--bg:#f8fafd;--surface:#fff;--surface-strong:#1f1f1f;--surface-muted:#edf2fb;--text:#3c4043;--text-strong:#202124;--text-muted:#5f6368;--line:#dadce0;--line-strong:#bdc1c6;--accent:#1a73e8;--accent-strong:#1558b0;--teal:#00796b;--blue:#1a73e8;--green:#188038;--shadow:0 3px 10px #3c404329, 0 1px 3px #3c40431f;--shadow-strong:0 8px 24px #3c40432e;--radius:12px;--radius-sm:8px;--topbar-bg:#ffffffeb;--topbar-border:#dadce0e6;--card-bg:#fff;--chip-bg:#edf2fb;--group-bg:#edf2fb;--nav-bg:#edf2fb;--track-bg:#dfe5f2;--switch-off-bg:#dfe5f2;--hero-text:#202124;--backdrop:#2021248f;--code-bg:#202124;--code-text:#e8eaed;--code-keyword:#d7aefb;--code-string:#81c995;--code-component:#aecbfa;--code-tag:#f28b82;--code-number:#fdd663;--code-comment:#bdc1c6;--scrollbar-thumb:#bdc1c6;--scrollbar-thumb-hover:#80868b;--selection-bg:#1a73e8;--selection-text:#fff}[data-style=material][data-theme=dark]{--bg:#101418;--surface:#1b1f23;--surface-strong:#e8eaed;--surface-muted:#242a30;--text:#c4c7c5;--text-strong:#f1f3f4;--text-muted:#9aa0a6;--line:#30363d;--line-strong:#5f6368;--accent:#8ab4f8;--accent-strong:#aecbfa;--teal:#80cbc4;--blue:#8ab4f8;--green:#81c995;--topbar-bg:#101418eb;--topbar-border:#30363de6;--card-bg:#1b1f23;--chip-bg:#242a30;--group-bg:#242a30;--nav-bg:#242a30;--track-bg:#30363d;--switch-off-bg:#30363d;--hero-text:#f1f3f4;--backdrop:#000000b8;--code-bg:#101418;--code-text:#e8eaed;--code-keyword:#d7aefb;--code-string:#81c995;--code-component:#aecbfa;--code-tag:#f28b82;--code-number:#fdd663;--code-comment:#9aa0a6;--scrollbar-thumb:#5f6368;--scrollbar-thumb-hover:#9aa0a6;--selection-bg:#aecbfa;--selection-text:#101418}[data-style=fluent]{--bg:#f5f7fb;--surface:#ffffffdb;--surface-strong:#1b1a19;--surface-muted:#eef3f8;--text:#323130;--text-strong:#201f1e;--text-muted:#605e5c;--line:#e1dfdd;--line-strong:#c8c6c4;--accent:#0078d4;--accent-strong:#106ebe;--teal:#038387;--blue:#0078d4;--green:#107c10;--shadow:0 16px 40px #0078d41a;--shadow-strong:0 10px 30px #0000001f;--radius:8px;--radius-sm:4px;--topbar-bg:#ffffffb8;--topbar-border:#e1dfdddb;--card-bg:#ffffffd1;--chip-bg:#f3f2f1;--group-bg:#f3f2f1;--nav-bg:#f3f2f1;--track-bg:#edebe9;--switch-off-bg:#edebe9;--hero-text:#201f1e;--backdrop:#201f1e85;--code-bg:#201f1e;--code-text:#faf9f8;--code-keyword:#c586c0;--code-string:#92c353;--code-component:#60cdff;--code-tag:#f1707b;--code-number:#ffd335;--code-comment:#c8c6c4;--scrollbar-track:transparent;--scrollbar-thumb:#c8c6c4;--scrollbar-thumb-hover:#8a8886;--selection-bg:#0078d4;--selection-text:#fff}[data-style=fluent][data-theme=dark]{--bg:#11100f;--surface:#201f1edb;--surface-strong:#faf9f8;--surface-muted:#292827;--text:#edebe9;--text-strong:#faf9f8;--text-muted:#a19f9d;--line:#3b3a39;--line-strong:#605e5c;--accent:#60cdff;--accent-strong:#9cdcfe;--teal:#38d4c7;--blue:#60cdff;--green:#6bb700;--shadow:0 20px 52px #0000006b;--shadow-strong:0 14px 36px #00000057;--topbar-bg:#11100fb8;--topbar-border:#3b3a39db;--card-bg:#201f1edb;--chip-bg:#292827;--group-bg:#292827;--nav-bg:#292827;--track-bg:#3b3a39;--switch-off-bg:#3b3a39;--hero-text:#faf9f8;--backdrop:#000000ad;--code-bg:#11100f;--code-text:#faf9f8;--code-keyword:#c586c0;--code-string:#6bb700;--code-component:#60cdff;--code-tag:#f1707b;--code-number:#ffd335;--code-comment:#a19f9d;--scrollbar-track:transparent;--scrollbar-thumb:#605e5c;--scrollbar-thumb-hover:#a19f9d;--selection-bg:#9cdcfe;--selection-text:#11100f}[data-style=retro]{--bg:#d7d0bd;--surface:#eee9d8;--surface-strong:#1f2933;--surface-muted:#c9c1aa;--text:#28313b;--text-strong:#111827;--text-muted:#414b56;--line:#8d8473;--line-strong:#2f3742;--accent:#0f6f8f;--accent-strong:#0b536b;--teal:#147a6f;--blue:#1d4ed8;--green:#3f7d20;--shadow:4px 4px 0 #1f293361;--shadow-strong:6px 6px 0 #1f29337a;--radius:2px;--radius-sm:2px;--topbar-bg:#eee9d8;--topbar-border:#8d8473;--card-bg:#eee9d8;--chip-bg:#c9c1aa;--group-bg:#ded7c5;--nav-bg:#ded7c5;--track-bg:#c9c1aa;--switch-off-bg:#c9c1aa;--hero-text:#111827;--code-bg:#1f2933;--code-text:#f7f0d6;--code-keyword:#f59e0b;--code-string:#84cc16;--code-component:#60a5fa;--code-tag:#fca5a5;--code-number:#fbbf24;--code-comment:#c9c1aa;--scrollbar-thumb:#8d8473;--scrollbar-thumb-hover:#2f3742;--backdrop:#1f29338a;--selection-bg:#1f2933;--selection-text:#eee9d8}[data-style=retro][data-theme=dark]{--bg:#1f2933;--surface:#29323d;--surface-strong:#f7f0d6;--surface-muted:#384554;--text:#e7dfc8;--text-strong:#fff7d6;--text-muted:#c9c1aa;--line:#596575;--line-strong:#d7d0bd;--accent:#f59e0b;--accent-strong:#fbbf24;--teal:#2dd4bf;--blue:#60a5fa;--green:#84cc16;--topbar-bg:#1f2933;--topbar-border:#596575;--card-bg:#29323d;--chip-bg:#384554;--group-bg:#384554;--nav-bg:#384554;--track-bg:#596575;--switch-off-bg:#596575;--hero-text:#fff7d6;--code-bg:#151d25;--code-text:#f7f0d6;--code-keyword:#fbbf24;--code-string:#bef264;--code-component:#93c5fd;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#c9c1aa;--scrollbar-thumb:#596575;--scrollbar-thumb-hover:#d7d0bd;--backdrop:#000000b3;--selection-bg:#fbbf24;--selection-text:#1f2933}[data-style=cyberpunk]{--bg:#090014;--surface:#16002c;--surface-strong:#fdf4ff;--surface-muted:#240046;--text:#e9d5ff;--text-strong:#fff;--text-muted:#c084fc;--line:#4c1d95;--line-strong:#f0abfc;--accent:#ff2bd6;--accent-strong:#ff7bf0;--teal:#00f5d4;--blue:#00bbf9;--green:#a3ff12;--shadow:0 0 0 1px #f0abfc52, 0 0 30px #ff2bd633;--shadow-strong:0 0 0 1px #00f5d466, 0 0 44px #00f5d43d;--radius:6px;--radius-sm:3px;--topbar-bg:#090014eb;--topbar-border:#f0abfc52;--card-bg:#16002c;--chip-bg:#240046;--group-bg:#240046;--nav-bg:#240046;--track-bg:#4c1d95;--switch-off-bg:#4c1d95;--hero-text:#fff;--backdrop:#090014c2;--code-bg:#05000b;--code-text:#f5d0fe;--code-keyword:#f0abfc;--code-string:#00f5d4;--code-component:#00bbf9;--code-tag:#ff2bd6;--code-number:#a3ff12;--code-comment:#c084fc;--scrollbar-thumb:#4c1d95;--scrollbar-thumb-hover:#f0abfc;--selection-bg:#00f5d4;--selection-text:#090014}[data-style=cyberpunk][data-theme=light]{--bg:#fff1ff;--surface:#fff;--surface-strong:#2e0249;--surface-muted:#ffe4ff;--text:#4a044e;--text-strong:#2e0249;--text-muted:#86198f;--line:#f0abfc;--line-strong:#c026d3;--accent:#be185d;--accent-strong:#86198f;--teal:#0f766e;--blue:#1d4ed8;--green:#3f7d20;--shadow:0 0 0 1px #be185d38, 0 18px 44px #be185d1f;--shadow-strong:0 0 0 1px #0f766e47, 0 14px 36px #0f766e29;--topbar-bg:#fff1ffeb;--topbar-border:#c026d347;--card-bg:#fff;--chip-bg:#ffe4ff;--group-bg:#ffe4ff;--nav-bg:#ffe4ff;--track-bg:#f5d0fe;--switch-off-bg:#f5d0fe;--hero-text:#2e0249;--code-bg:#2e0249;--code-text:#fff1ff;--code-keyword:#f0abfc;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fb7185;--code-number:#fcd34d;--code-comment:#e9d5ff;--scrollbar-thumb:#f0abfc;--scrollbar-thumb-hover:#c026d3;--backdrop:#2e02497a;--selection-bg:#c026d3;--selection-text:#fff}[data-style=editorial]{--bg:#f7f1e8;--surface:#fffaf2;--surface-strong:#211a14;--surface-muted:#eee3d3;--text:#4d4036;--text-strong:#211a14;--text-muted:#66574c;--line:#d8cbb9;--line-strong:#a89680;--accent:#9f1239;--accent-strong:#881337;--teal:#0f766e;--blue:#1d4ed8;--green:#3f6212;--shadow:0 20px 50px #211a141a;--shadow-strong:0 12px 34px #211a141f;--radius:3px;--radius-sm:2px;--topbar-bg:#f7f1e8eb;--topbar-border:#d8cbb9e6;--card-bg:#fffaf2;--chip-bg:#eee3d3;--group-bg:#eee3d3;--nav-bg:#eee3d3;--track-bg:#ded0bd;--switch-off-bg:#ded0bd;--hero-text:#211a14;--backdrop:#211a147a;--code-bg:#211a14;--code-text:#fffaf2;--code-keyword:#fda4af;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fb7185;--code-number:#fbbf24;--code-comment:#c8b9a8;--scrollbar-thumb:#d8cbb9;--scrollbar-thumb-hover:#a89680;--selection-bg:#211a14;--selection-text:#fffaf2}[data-style=editorial][data-theme=dark]{--bg:#19130f;--surface:#231a15;--surface-strong:#fff7ed;--surface-muted:#2f241d;--text:#eadfd2;--text-strong:#fff7ed;--text-muted:#c8b9a8;--line:#49372c;--line-strong:#796455;--accent:#fb7185;--accent-strong:#fda4af;--teal:#5eead4;--blue:#93c5fd;--green:#bef264;--topbar-bg:#19130feb;--topbar-border:#49372ce6;--card-bg:#231a15;--chip-bg:#2f241d;--group-bg:#2f241d;--nav-bg:#2f241d;--track-bg:#49372c;--switch-off-bg:#49372c;--hero-text:#fff7ed;--shadow:0 20px 50px #0000006b;--shadow-strong:0 12px 34px #0000005c;--backdrop:#000000b3;--code-bg:#100c09;--code-text:#fff7ed;--code-keyword:#fda4af;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fb7185;--code-number:#fbbf24;--code-comment:#c8b9a8;--scrollbar-thumb:#49372c;--scrollbar-thumb-hover:#796455;--selection-bg:#fda4af;--selection-text:#19130f}[data-style=calm]{--bg:#f4f8f4;--surface:#fff;--surface-strong:#1f3a35;--surface-muted:#e8f0ea;--text:#40524d;--text-strong:#1f3a35;--text-muted:#52635d;--line:#d6e2dc;--line-strong:#a9beb5;--accent:#3d7063;--accent-strong:#3d7063;--teal:#1f6f64;--blue:#5f8dd3;--green:#5a8f62;--shadow:0 18px 50px #1f3a3514;--shadow-strong:0 12px 32px #1f3a351a;--radius:14px;--radius-sm:10px;--topbar-bg:#f4f8f4e0;--topbar-border:#d6e2dce6;--card-bg:#fff;--chip-bg:#e8f0ea;--group-bg:#e8f0ea;--nav-bg:#e8f0ea;--track-bg:#d6e2dc;--switch-off-bg:#d6e2dc;--hero-text:#1f3a35;--backdrop:#1f3a3570;--code-bg:#1f3a35;--code-text:#eef8f3;--code-keyword:#8dd6c4;--code-string:#86efac;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fcd34d;--code-comment:#cfddd7;--scrollbar-thumb:#a9beb5;--scrollbar-thumb-hover:#4f8a7b;--selection-bg:#3d7063;--selection-text:#fff}[data-style=calm][data-theme=dark]{--bg:#101b19;--surface:#172522;--surface-strong:#eef8f3;--surface-muted:#20332f;--text:#cfddd7;--text-strong:#eef8f3;--text-muted:#9eb1aa;--line:#2d4741;--line-strong:#567069;--accent:#8dd6c4;--accent-strong:#afe9db;--teal:#5eead4;--blue:#93c5fd;--green:#86efac;--shadow:0 18px 50px #00000057;--shadow-strong:0 12px 32px #00000047;--topbar-bg:#101b19e0;--topbar-border:#2d4741e6;--card-bg:#172522;--chip-bg:#20332f;--group-bg:#20332f;--nav-bg:#20332f;--track-bg:#2d4741;--switch-off-bg:#2d4741;--hero-text:#eef8f3;--backdrop:#000000ad;--code-bg:#0a1210;--code-text:#eef8f3;--code-keyword:#8dd6c4;--code-string:#86efac;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fcd34d;--code-comment:#9eb1aa;--scrollbar-thumb:#2d4741;--scrollbar-thumb-hover:#567069;--selection-bg:#afe9db;--selection-text:#101b19}[data-style=data-dense]{--bg:#f4f6f9;--surface:#fff;--surface-strong:#172033;--surface-muted:#edf1f6;--text:#334155;--text-strong:#172033;--text-muted:#536175;--line:#d7dee8;--line-strong:#aab7c8;--accent:#0f5cc0;--accent-strong:#0b4aa0;--teal:#0f766e;--blue:#2563eb;--green:#15803d;--shadow:0 8px 22px #17203314;--shadow-strong:0 6px 18px #1720331a;--radius:4px;--radius-sm:3px;--topbar-bg:#fffffff0;--topbar-border:#d7dee8f0;--card-bg:#fff;--chip-bg:#edf1f6;--group-bg:#edf1f6;--nav-bg:#edf1f6;--track-bg:#d7dee8;--switch-off-bg:#d7dee8;--hero-text:#172033;--backdrop:#1720338a;--code-bg:#172033;--code-text:#e8f1ff;--code-keyword:#93c5fd;--code-string:#5eead4;--code-component:#60a5fa;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#aab7c8;--scrollbar-track:transparent;--scrollbar-thumb:#aab7c8;--scrollbar-thumb-hover:#65758c;--selection-bg:#0f5cc0;--selection-text:#fff}[data-style=data-dense][data-theme=dark]{--bg:#09111f;--surface:#0f1a2b;--surface-strong:#eef4ff;--surface-muted:#16243a;--text:#cbd7e8;--text-strong:#f5f9ff;--text-muted:#8ea1bb;--line:#233653;--line-strong:#3a5478;--accent:#60a5fa;--accent-strong:#93c5fd;--teal:#5eead4;--blue:#60a5fa;--green:#4ade80;--shadow:0 18px 46px #0006;--shadow-strong:0 12px 32px #00000057;--topbar-bg:#09111ff0;--topbar-border:#233653f0;--card-bg:#0f1a2b;--chip-bg:#16243a;--group-bg:#16243a;--nav-bg:#16243a;--track-bg:#233653;--switch-off-bg:#233653;--hero-text:#f5f9ff;--backdrop:#000000b3;--code-bg:#050b14;--code-text:#e8f1ff;--code-keyword:#93c5fd;--code-string:#5eead4;--code-component:#60a5fa;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#8ea1bb;--scrollbar-track:transparent;--scrollbar-thumb:#3a5478;--scrollbar-thumb-hover:#6f88ad;--selection-bg:#93c5fd;--selection-text:#09111f}[data-style=playful]{--bg:#fff8ec;--surface:#fff;--surface-strong:#2d1b69;--surface-muted:#fff0c8;--text:#4b3b5b;--text-strong:#2d1b69;--text-muted:#66537d;--line:#ead7ff;--line-strong:#c4a6ff;--accent:#7c3aed;--accent-strong:#6d28d9;--teal:#0f766e;--blue:#3b82f6;--green:#22c55e;--shadow:0 18px 42px #8b5cf624;--shadow-strong:0 12px 30px #8b5cf62e;--radius:18px;--radius-sm:12px;--topbar-bg:#fff8ece6;--topbar-border:#ead7ffeb;--card-bg:#fff;--chip-bg:#fff0c8;--group-bg:#f5ecff;--nav-bg:#f5ecff;--track-bg:#ead7ff;--switch-off-bg:#ead7ff;--hero-text:#2d1b69;--backdrop:#2d1b697a;--code-bg:#2d1b69;--code-text:#fff8ec;--code-keyword:#c084fc;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fde68a;--code-comment:#e9d5ff;--scrollbar-thumb:#c4a6ff;--scrollbar-thumb-hover:#7c3aed;--selection-bg:#7c3aed;--selection-text:#fff}[data-style=playful][data-theme=dark]{--bg:#211331;--surface:#2d1b46;--surface-strong:#fff7ed;--surface-muted:#3a245c;--text:#eadcff;--text-strong:#fff;--text-muted:#c4a6ff;--line:#513478;--line-strong:#8b5cf6;--accent:#f0abfc;--accent-strong:#f5d0fe;--teal:#2dd4bf;--blue:#93c5fd;--green:#86efac;--shadow:0 22px 56px #0000006b;--shadow-strong:0 14px 38px #f0abfc2e;--topbar-bg:#211331e6;--topbar-border:#513478eb;--card-bg:#2d1b46;--chip-bg:#3a245c;--group-bg:#3a245c;--nav-bg:#3a245c;--track-bg:#513478;--switch-off-bg:#513478;--hero-text:#fff;--backdrop:#000000b3;--code-bg:#160b24;--code-text:#f5ecff;--code-keyword:#f0abfc;--code-string:#5eead4;--code-component:#93c5fd;--code-tag:#fda4af;--code-number:#fde68a;--code-comment:#c4a6ff;--scrollbar-thumb:#513478;--scrollbar-thumb-hover:#c4a6ff;--selection-bg:#f5d0fe;--selection-text:#211331}[data-style=luxury]{--bg:#0d0b09;--surface:#17130f;--surface-strong:#f7ecd0;--surface-muted:#231d17;--text:#d8c8aa;--text-strong:#fff6df;--text-muted:#a89572;--line:#3a2f24;--line-strong:#9f7a36;--accent:#d4af37;--accent-strong:#f2d675;--teal:#77c5b4;--blue:#93b4ff;--green:#a7c957;--shadow:0 24px 70px #0000007a;--shadow-strong:0 16px 50px #d4af371f;--radius:6px;--radius-sm:3px;--topbar-bg:#0d0b09eb;--topbar-border:#9f7a364d;--card-bg:#17130f;--chip-bg:#231d17;--group-bg:#231d17;--nav-bg:#231d17;--track-bg:#3a2f24;--switch-off-bg:#3a2f24;--hero-text:#fff6df;--backdrop:#000000b8;--code-bg:#050403;--code-text:#f7ecd0;--code-keyword:#f2d675;--code-string:#77c5b4;--code-component:#93b4ff;--code-tag:#f4a6a6;--code-number:#d4af37;--code-comment:#a89572;--scrollbar-thumb:#3a2f24;--scrollbar-thumb-hover:#9f7a36;--selection-bg:#f2d675;--selection-text:#0d0b09}[data-style=luxury][data-theme=light]{--bg:#fbf7ef;--surface:#fffdf8;--surface-strong:#2a2118;--surface-muted:#f0e6d4;--text:#5b4a35;--text-strong:#2a2118;--text-muted:#75613f;--line:#dfd0b6;--line-strong:#a88945;--accent:#9f7a36;--accent-strong:#b78a34;--teal:#4fa79a;--blue:#4f6fae;--green:#667a2f;--shadow:0 20px 54px #2a21181f;--shadow-strong:0 14px 36px #9f7a3624;--topbar-bg:#fbf7efeb;--topbar-border:#a8894542;--card-bg:#fffdf8;--chip-bg:#f0e6d4;--group-bg:#f0e6d4;--nav-bg:#f0e6d4;--track-bg:#dfd0b6;--switch-off-bg:#dfd0b6;--hero-text:#2a2118;--backdrop:#2a211875;--code-bg:#2a2118;--code-text:#fffdf8;--code-keyword:#d4af37;--code-string:#77c5b4;--code-component:#93b4ff;--code-tag:#f4a6a6;--code-number:#f2d675;--code-comment:#c7b38b;--scrollbar-thumb:#cbb78f;--scrollbar-thumb-hover:#9f7a36;--selection-bg:#2a2118;--selection-text:#fffdf8}[data-style=soft-ui]{--bg:#e9eef5;--surface:#e9eef5;--surface-strong:#2f3a4a;--surface-muted:#dfe6ef;--text:#536071;--text-strong:#2f3a4a;--text-muted:#536071;--line:#d8e0ea;--line-strong:#b7c2d1;--accent:#2563eb;--accent-strong:#1d4ed8;--teal:#227a71;--blue:#2563eb;--green:#3f9b58;--soft-ui-control-border:#b7c2d1;--shadow:8px 8px 18px #a3b1c68c, -8px -8px 18px #ffffffc7;--shadow-strong:inset 4px 4px 10px #a3b1c66b, inset -4px -4px 10px #ffffffb8;--radius:18px;--radius-sm:12px;--topbar-bg:#e9eef5eb;--topbar-border:#d8e0eab8;--card-bg:#e9eef5;--chip-bg:#e9eef5;--group-bg:#e9eef5;--nav-bg:#e9eef5;--track-bg:#d8e0ea;--switch-off-bg:#d8e0ea;--hero-text:#2f3a4a;--backdrop:#2f3a4a6b;--code-bg:#2f3a4a;--code-text:#eef4ff;--code-keyword:#bfd4ff;--code-string:#67e8f9;--code-component:#8fb4ff;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#c4cfdd;--scrollbar-thumb:#b7c2d1;--scrollbar-thumb-hover:#8796aa;--selection-bg:#2563eb;--selection-text:#fff}[data-style=soft-ui][data-theme=dark]{--bg:#151b24;--surface:#151b24;--surface-strong:#eef4ff;--surface-muted:#202938;--text:#c4cfdd;--text-strong:#eef4ff;--text-muted:#93a3b8;--line:#202938;--line-strong:#3a485d;--accent:#8fb4ff;--accent-strong:#bfd4ff;--teal:#67e8f9;--blue:#8fb4ff;--green:#86efac;--soft-ui-control-border:#3a485d;--shadow:8px 8px 18px #00000052, -8px -8px 18px #ffffff0a;--shadow-strong:inset 4px 4px 10px #00000052, inset -4px -4px 10px #ffffff0a;--topbar-bg:#151b24eb;--topbar-border:#3a485d61;--card-bg:#151b24;--chip-bg:#202938;--group-bg:#202938;--nav-bg:#202938;--track-bg:#2a3546;--switch-off-bg:#2a3546;--hero-text:#eef4ff;--backdrop:#000000a8;--code-bg:#0f141c;--code-text:#eef4ff;--code-keyword:#bfd4ff;--code-string:#67e8f9;--code-component:#8fb4ff;--code-tag:#fca5a5;--code-number:#fde68a;--code-comment:#93a3b8;--scrollbar-thumb:#3a485d;--scrollbar-thumb-hover:#64748b;--selection-bg:#bfd4ff;--selection-text:#151b24}[data-style=bauhaus]{--bg:#f4ead7;--surface:#fffaf0;--surface-strong:#111;--surface-muted:#f7d23e;--text:#232323;--text-strong:#000;--text-muted:#585858;--line:#111;--line-strong:#000;--accent:#ef4444;--accent-strong:#f87171;--teal:#00a6a6;--blue:#0057b8;--green:#2f7d32;--shadow:5px 5px 0 #111;--shadow-strong:7px 7px 0 #111;--radius:0px;--radius-sm:0px;--topbar-bg:#f4ead7;--topbar-border:#111;--card-bg:#fffaf0;--chip-bg:#f7d23e;--group-bg:#fffaf0;--nav-bg:#fffaf0;--track-bg:#fffaf0;--switch-off-bg:#fffaf0;--hero-text:#000;--backdrop:#11111185;--code-bg:#111;--code-text:#fffaf0;--code-keyword:#ff6673;--code-string:#00d1b2;--code-component:#60a5fa;--code-tag:#f87171;--code-number:#f7d23e;--code-comment:#c8bfae;--scrollbar-thumb:#111;--scrollbar-thumb-hover:#ef4444;--selection-bg:#0057b8;--selection-text:#fff}[data-style=bauhaus][data-theme=dark]{--bg:#111;--surface:#1d1d1d;--surface-strong:#f4ead7;--surface-muted:#2b2b2b;--text:#e8e0cf;--text-strong:#fffaf0;--text-muted:#c8bfae;--line:#f4ead7;--line-strong:#fffaf0;--accent:#f34;--accent-strong:#ff6673;--teal:#00b4d8;--blue:#4ea8de;--green:#7bd88f;--shadow:5px 5px 0 #f4ead7;--shadow-strong:7px 7px 0 #f4ead7;--radius:0px;--radius-sm:0px;--topbar-bg:#111;--topbar-border:#f4ead7;--card-bg:#1d1d1d;--chip-bg:#2b2b2b;--group-bg:#1d1d1d;--nav-bg:#1d1d1d;--track-bg:#2b2b2b;--switch-off-bg:#2b2b2b;--hero-text:#fffaf0;--backdrop:#000000b8;--code-bg:#000;--code-text:#fffaf0;--code-keyword:#ff6673;--code-string:#00b4d8;--code-component:#4ea8de;--code-tag:#f34;--code-number:#f7d23e;--code-comment:#c8bfae;--scrollbar-thumb:#f4ead7;--scrollbar-thumb-hover:#f34;--selection-bg:#f4ead7;--selection-text:#111}[data-style=mono]{--bg:#fff;--surface:#fff;--surface-strong:#000;--surface-muted:#f2f2f2;--text:#222;--text-strong:#000;--text-muted:#666;--line:#d8d8d8;--line-strong:#000;--accent:#000;--accent-strong:#111;--teal:#000;--blue:#000;--green:#000;--shadow:none;--shadow-strong:none;--radius:0px;--radius-sm:0px;--topbar-bg:#fffffff5;--topbar-border:#d8d8d8;--card-bg:#fff;--chip-bg:#f2f2f2;--group-bg:#f2f2f2;--nav-bg:#f2f2f2;--track-bg:#d8d8d8;--switch-off-bg:#d8d8d8;--hero-text:#000;--backdrop:#0000008a;--code-bg:#000;--code-text:#fff;--code-keyword:#fff;--code-string:#e5e5e5;--code-component:#d4d4d4;--code-tag:#f5f5f5;--code-number:#c7c7c7;--code-comment:#999;--scrollbar-thumb:#d8d8d8;--scrollbar-thumb-hover:#666;--selection-bg:#000;--selection-text:#fff}[data-style=mono][data-theme=dark]{--bg:#000;--surface:#000;--surface-strong:#fff;--surface-muted:#111;--text:#ddd;--text-strong:#fff;--text-muted:#999;--line:#333;--line-strong:#fff;--accent:#fff;--accent-strong:#e5e5e5;--teal:#fff;--blue:#fff;--green:#fff;--shadow:none;--shadow-strong:none;--radius:0px;--radius-sm:0px;--topbar-bg:#000000f5;--topbar-border:#333;--card-bg:#000;--chip-bg:#111;--group-bg:#111;--nav-bg:#111;--track-bg:#333;--switch-off-bg:#333;--hero-text:#fff;--backdrop:#ffffff38;--code-bg:#111;--code-text:#fff;--code-keyword:#fff;--code-string:#e5e5e5;--code-component:#d4d4d4;--code-tag:#f5f5f5;--code-number:#c7c7c7;--code-comment:#999;--scrollbar-thumb:#333;--scrollbar-thumb-hover:#999;--selection-bg:#fff;--selection-text:#000}[data-style=neo-brutalism],[data-style=bauhaus]{--theme-border-width:2px}[data-style=neo-brutalism],[data-style=bauhaus],[data-style=terminal],[data-style=playful]{--theme-font-weight:700}[data-style=shadcn],[data-style=material],[data-style=fluent],[data-style=linear],[data-style=data-dense]{--theme-font-weight:650}[data-style=minimal]{--theme-font-weight:600}[data-style=editorial],[data-style=luxury],[data-style=retro],[data-style=soft-ui],[data-style=mono]{--theme-font-weight:680}[data-style=material],[data-style=glass]{--theme-transition-duration:.2s}[data-style=calm]{--theme-transition-duration:.22s}[data-style=cyberpunk]{--theme-transition-duration:.18s}[data-style=terminal]{--theme-transition-duration:.1s}[data-style=terminal],[data-style=luxury]{--theme-letter-spacing:.02em}[data-style=material],[data-style=editorial]{--theme-letter-spacing:.01em}[data-style=enterprise],[data-style=linear],[data-style=data-dense],[data-style=mono]{--theme-letter-spacing:-.01em}:root{--theme-primary:var(--accent);--theme-primary-hover:var(--accent-strong);--theme-primary-foreground:#fff;--theme-teal-foreground:#fff;--theme-control-bg:var(--surface);--theme-control-hover:var(--surface-muted);--theme-control-active:color-mix(in srgb, var(--accent), var(--surface) 86%);--theme-control-active-text:var(--text-strong);--theme-popup-bg:var(--surface);--theme-popup-text:var(--text-strong);--theme-focus:color-mix(in srgb, var(--accent), transparent 62%);--theme-danger:#dc2626;--theme-danger-foreground:#fff}[data-theme=dark]{--theme-primary-foreground:var(--bg);--theme-teal-foreground:var(--bg);--theme-control-active:color-mix(in srgb, var(--accent), var(--surface) 78%);--theme-danger:#f87171;--theme-danger-foreground:var(--bg)}[data-style=terminal],[data-style=cyberpunk],[data-style=luxury],[data-style=fluent][data-theme=dark],[data-style=mono][data-theme=dark]{--theme-primary-foreground:var(--bg);--theme-teal-foreground:var(--bg)}[data-style=neo-brutalism],[data-style=bauhaus]{--theme-primary-foreground:#000;--theme-teal-foreground:#000;--theme-control-active:var(--surface-muted)}[data-style=bento][data-theme=light]{--theme-primary:var(--teal);--theme-primary-hover:#0b5f58}[data-style=luxury][data-theme=light]{--theme-primary-foreground:#0d0b09;--theme-teal-foreground:#0d0b09}[data-style=retro][data-theme=light]{--theme-primary-foreground:#fff;--theme-teal-foreground:#fff}[data-style=retro][data-theme=dark]{--theme-primary-foreground:#000;--theme-teal-foreground:#000}[data-style=shadcn] .topbar-brand-mark{color:var(--shadcn-primary-foreground);background:var(--shadcn-primary)}[data-style=mono]{--theme-danger:var(--text-strong);--theme-primary-foreground:var(--bg);--theme-control-active:var(--surface-strong);--theme-control-active-text:var(--bg)}[data-style=glass] .topbar,[data-style=glass] .sidebar,[data-style=glass] .bento-menu-popup,[data-style=glass] .bento-select-popup,[data-style=glass] .bento-combobox-popup,[data-style=glass] .bento-nav-menu-popup,[data-style=glass] .bento-popover-popup,[data-style=glass] .bento-preview-card,[data-style=glass] .bento-tooltip-popup,[data-style=glass] .bento-toast,[data-style=glass] .bento-dialog-popup,[data-style=glass] .bento-alert-popup,[data-style=glass] .bento-drawer-popup,[data-style=fluent] .topbar,[data-style=fluent] .sidebar,[data-style=fluent] .bento-menu-popup,[data-style=fluent] .bento-select-popup,[data-style=fluent] .bento-combobox-popup,[data-style=fluent] .bento-nav-menu-popup,[data-style=fluent] .bento-popover-popup,[data-style=fluent] .bento-preview-card,[data-style=fluent] .bento-tooltip-popup,[data-style=fluent] .bento-toast,[data-style=fluent] .bento-dialog-popup,[data-style=fluent] .bento-alert-popup,[data-style=fluent] .bento-drawer-popup{-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25)}[data-style=terminal] body,[data-style=terminal] .bento-button,[data-style=terminal] .bento-input,[data-style=terminal] .bento-textarea,[data-style=terminal] .bento-select-trigger,[data-style=terminal] .bento-combobox-input,[data-style=terminal] .topbar-icon-btn,[data-style=terminal] .topbar-nav a,[data-style=terminal] code,[data-style=data-dense] .bento-button,[data-style=data-dense] .bento-input,[data-style=data-dense] .bento-textarea,[data-style=data-dense] .bento-select-trigger,[data-style=data-dense] .bento-combobox-input{font-family:var(--font-mono)}[data-style=editorial] h1,[data-style=editorial] h2,[data-style=editorial] h3,[data-style=luxury] h1,[data-style=luxury] h2,[data-style=luxury] h3{font-family:Georgia,Times New Roman,serif}[data-style=data-dense]{--topbar-h:52px;--sidebar-w:240px;--content-max:920px}[data-style=enterprise]{--topbar-h:52px;--sidebar-w:248px}[data-style=data-dense] .component-page,[data-style=data-dense] .doc-section,[data-style=data-dense] .bento-tabs,[data-style=data-dense] .bento-field,[data-style=data-dense] .bento-fieldset{gap:12px}[data-style=data-dense] .bento-button,[data-style=data-dense] .topbar-icon-btn,[data-style=data-dense] .bento-select-trigger,[data-style=data-dense] .bento-input,[data-style=data-dense] .bento-combobox-input{min-height:34px;font-size:13px}[data-style=data-dense] .bento-button{padding-inline:12px}[data-style=data-dense] .bento-menu-item,[data-style=data-dense] .bento-select-item,[data-style=data-dense] .bento-combobox-item,[data-style=data-dense] .bento-tabs-tab{min-height:30px;font-size:13px}[data-style=data-dense] .bento-tabs-panel{padding:14px}[data-style=data-dense] .bento-switch{width:38px;height:22px;padding:2px}[data-style=data-dense] .bento-switch-thumb{width:16px;height:16px}[data-style=data-dense] .bento-switch[data-checked] .bento-switch-thumb{transform:translate(16px)}[data-style=enterprise] .bento-button,[data-style=enterprise] .topbar-icon-btn,[data-style=enterprise] .bento-select-trigger,[data-style=enterprise] .bento-input,[data-style=enterprise] .bento-combobox-input{min-height:36px}[data-style=enterprise] .bento-menu-item,[data-style=enterprise] .bento-select-item,[data-style=enterprise] .bento-combobox-item,[data-style=enterprise] .bento-tabs-tab{min-height:32px}[data-style=data-dense] .bento-toolbar{gap:6px;padding:6px}[data-style=data-dense] .bento-toolbar-button{width:28px;height:28px}[data-style=data-dense] .bento-toolbar-search{height:28px;padding-inline:8px}[data-style=data-dense] .bento-number-field-group{grid-template-columns:32px 1fr 32px;height:34px}[data-style=data-dense] .bento-slider-track{height:6px}[data-style=data-dense] .bento-slider-thumb{width:18px;height:18px}[data-style=data-dense] .bento-progress-track{height:7px}[data-style=playful] .topbar-brand-mark,[data-style=playful] .bento-avatar,[data-style=calm] .topbar-brand-mark,[data-style=glass] .topbar-brand-mark,[data-style=soft-ui] .topbar-brand-mark{border-radius:999px}[data-style=bauhaus] .topbar-brand-mark,[data-style=retro] .topbar-brand-mark,[data-style=mono] .topbar-brand-mark,[data-style=terminal] .topbar-brand-mark{border-radius:var(--radius-sm)}[data-style] :where(button,a,[role=button],[tabindex]):focus-visible,[data-style] [data-base-ui-trigger]:focus-visible,[data-style] [data-base-ui-item]:focus-visible,[data-style] .bento-input:focus,[data-style] .bento-textarea:focus,[data-style] .bento-combobox-input:focus{outline-color:var(--theme-focus)}[data-style] .bento-input:focus,[data-style] .bento-textarea:focus,[data-style] .bento-combobox-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent), transparent 82%)}[data-style] .bento-button{border-width:var(--theme-border-width,1px);color:var(--theme-primary-foreground);background:var(--theme-primary)}[data-style] .bento-button:hover{color:var(--theme-primary-foreground);background:var(--theme-primary-hover)}[data-style] .bento-button.outline,[data-style] .bento-button.icon{border-color:var(--line);color:var(--text-strong);background:var(--theme-control-bg)}[data-style] .bento-button.outline:hover,[data-style] .bento-button.icon:hover,[data-style] .bento-button.ghost:hover{border-color:var(--line-strong);color:var(--text-strong);background:var(--theme-control-hover)}[data-style] .bento-button.ghost{color:var(--text-strong);background:0 0}[data-style] .bento-button.accent{color:var(--theme-primary-foreground);background:var(--accent)}[data-style] .bento-button.accent:hover{color:var(--theme-primary-foreground);background:var(--accent-strong)}[data-style] .bento-button.teal{color:var(--theme-teal-foreground);background:var(--teal)}[data-style] .bento-button.teal:hover{color:var(--theme-teal-foreground);background:color-mix(in srgb, var(--teal), var(--text-strong) 16%)}[data-style] .bento-button:disabled,[data-style] .bento-button[data-disabled],[data-style] .bento-menu-item[data-disabled],[data-style] .bento-select-item[data-disabled],[data-style] .bento-input:disabled,[data-style] .bento-textarea:disabled,[data-style] .bento-combobox-input:disabled,[data-style] .bento-select-trigger[data-disabled],[data-style] .bento-checkbox[data-disabled],[data-style] .bento-radio[data-disabled],[data-style] .bento-switch[data-disabled],[data-style] .bento-slider-thumb[data-disabled],[data-style] .bento-toolbar-button[data-disabled]{cursor:not-allowed;opacity:.52}[data-style] .bento-input:disabled,[data-style] .bento-textarea:disabled,[data-style] .bento-combobox-input:disabled,[data-style] .bento-select-trigger[data-disabled]{color:var(--text-muted);border-color:var(--line);background:var(--surface-muted)}[data-style] .bento-checkbox[data-checked],[data-style] .bento-radio[data-checked],[data-style] .bento-switch[data-checked]{border-color:var(--accent);background:var(--accent)}[data-style] .bento-checkbox,[data-style] .bento-checkbox[data-checked],[data-style] .bento-radio-indicator{color:var(--theme-primary-foreground)}[data-style] .bento-radio-indicator,[data-style] .bento-slider-indicator,[data-style] .bento-slider-thumb,[data-style] .bento-meter-indicator,[data-style] .bento-meter-mid,[data-style] .bento-progress-indicator{background:var(--accent)}[data-style] .bento-slider-thumb{border-color:var(--surface)}[data-style] .bento-menu-popup,[data-style] .bento-select-popup,[data-style] .bento-combobox-popup,[data-style] .bento-nav-menu-popup,[data-style] .bento-popover-popup,[data-style] .bento-preview-card,[data-style] .bento-tooltip-popup,[data-style] .bento-toast,[data-style] .bento-dialog-popup,[data-style] .bento-alert-popup,[data-style] .bento-drawer-popup{border-color:var(--line);color:var(--theme-popup-text);background:var(--theme-popup-bg);box-shadow:var(--shadow)}[data-theme=dark] .bento-menu-popup,[data-theme=dark] .bento-select-popup,[data-theme=dark] .bento-combobox-popup{background:var(--theme-popup-bg)}[data-style] .bento-popover-arrow,[data-style] .bento-preview-card-arrow,[data-style] .bento-tooltip-arrow{fill:var(--theme-popup-bg)}[data-style] .bento-menu-item[data-highlighted],[data-style] .bento-combobox-item[data-highlighted],[data-style] .bento-select-item[data-highlighted],[data-style] .bento-nav-menu-item[data-highlighted],[data-style] .bento-toolbar-button:hover,[data-style] .bento-number-field-button:hover,[data-style] .bento-toast-close:hover,[data-style] .topbar-nav a:hover,[data-style] .topbar-nav a.active,[data-style] .sidebar-link:hover,[data-style] .sidebar-link.active{color:var(--theme-control-active-text);background:var(--theme-control-hover)}[data-style] .bento-select-item[data-selected],[data-style] .bento-combobox-item[data-selected]{color:var(--accent);font-weight:760}[data-style] .bento-select-item[data-selected][data-highlighted],[data-style] .bento-combobox-item[data-selected][data-highlighted]{color:var(--theme-control-active-text);background:var(--theme-control-active)}[data-style] .bento-tabs-tab[data-selected],[data-style] .bento-tabs-tab[data-active],[data-style] .bento-tabs-tab[aria-selected=true],[data-style] .bento-toggle[data-pressed],[data-style] .bento-toolbar-button[data-pressed],[data-style] .bento-menubar-trigger[data-open],[data-style] .style-switcher button.active,[data-style] .style-switcher a.active{color:var(--theme-control-active-text)}[data-style] .bento-tabs-indicator,[data-style] .bento-toggle[data-pressed],[data-style] .bento-toolbar-button[data-pressed],[data-style] .bento-menubar-trigger[data-open],[data-style] .style-switcher button.active,[data-style] .style-switcher a.active{background:var(--theme-control-active);box-shadow:var(--shadow-strong)}[data-style] .bento-field-error,[data-style] .bento-input+.bento-field-error,[data-style] .bento-meter-low{color:var(--theme-danger)}[data-style] .bento-meter-low{background:var(--theme-danger)}[data-style] .bento-avatar-group .bento-avatar{border-color:var(--surface)}[data-style=soft-ui] .bento-button,[data-style=soft-ui] .bento-select-trigger,[data-style=soft-ui] .bento-combobox-input,[data-style=soft-ui] .bento-input,[data-style=soft-ui] .bento-textarea,[data-style=soft-ui] .bento-number-field-group,[data-style=soft-ui] .bento-checkbox,[data-style=soft-ui] .bento-radio,[data-style=soft-ui] .bento-switch,[data-style=soft-ui] .bento-tabs-list,[data-style=soft-ui] .bento-toggle-group,[data-style=soft-ui] .bento-toolbar,[data-style=soft-ui] .demo-card,[data-style=soft-ui] .block-preview,[data-style=soft-ui] .theme-swatch{border-color:var(--soft-ui-control-border,var(--line-strong));box-shadow:var(--shadow)}[data-style=soft-ui] .bento-button:active,[data-style=soft-ui] .bento-toggle[data-pressed],[data-style=soft-ui] .bento-tabs-indicator,[data-style=soft-ui] .style-switcher button.active,[data-style=soft-ui] .style-switcher a.active{box-shadow:var(--shadow-strong)}[data-style=mono] .bento-menu-item[data-highlighted],[data-style=mono] .bento-combobox-item[data-highlighted],[data-style=mono] .bento-select-item[data-highlighted],[data-style=mono] .bento-nav-menu-item[data-highlighted],[data-style=mono] .bento-toolbar-button:hover,[data-style=mono] .bento-number-field-button:hover,[data-style=mono] .bento-toast-close:hover,[data-style=mono] .topbar-nav a:hover,[data-style=mono] .sidebar-link:hover{color:var(--text-strong);background:var(--surface-muted)}[data-style=mono] .topbar-nav a.active,[data-style=mono] .sidebar-link.active,[data-style=mono] .style-switcher button.active,[data-style=mono] .style-switcher a.active{color:var(--bg);background:var(--surface-strong)}[data-style=mono] .bento-card.interactive:hover{box-shadow:none}[data-style=mono] .bento-card.dark{color:var(--bg);border-color:var(--line-strong);background:var(--surface-strong)}[data-style=mono] .bento-card.dark .bento-card-title,[data-style=mono] .bento-card.dark .bento-card-subtitle{color:var(--bg)}[data-style=minimal] .bento-button,[data-style=mono] .bento-button,[data-style=data-dense] .bento-button,[data-style=minimal] .bento-button.outline:hover,[data-style=mono] .bento-button.outline:hover,[data-style=data-dense] .bento-button.outline:hover,[data-style=minimal] .bento-button.icon:hover,[data-style=mono] .bento-button.icon:hover,[data-style=data-dense] .bento-button.icon:hover{box-shadow:none}[data-style=retro] .bento-button{letter-spacing:.03em;text-transform:uppercase;border-radius:2px;font-weight:780}[data-style=retro] .bento-select-trigger,[data-style=retro] .bento-input,[data-style=retro] .bento-textarea,[data-style=retro] .bento-combobox-input,[data-style=retro] .bento-menu-popup,[data-style=retro] .bento-select-popup,[data-style=retro] .bento-combobox-popup,[data-style=retro] .bento-dialog-popup,[data-style=retro] .bento-alert-popup{border-radius:2px}[data-style=retro] .bento-menu-item[data-highlighted],[data-style=retro] .bento-combobox-item[data-highlighted],[data-style=retro] .bento-select-item[data-highlighted],[data-style=retro] .bento-select-item[data-selected][data-highlighted]{color:var(--bg);background:var(--surface-strong)}[data-style=playful] .bento-button{box-shadow:0 4px 14px color-mix(in srgb, var(--accent), transparent 70%);border-radius:999px;font-weight:750}[data-style=playful] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal):hover{box-shadow:0 6px 22px color-mix(in srgb, var(--accent), transparent 60%);transform:scale(1.04)}[data-style=playful] .bento-button.outline,[data-style=playful] .bento-button.icon,[data-style=playful] .bento-button.ghost{border-radius:999px}[data-style=playful] .bento-input,[data-style=playful] .bento-textarea,[data-style=playful] .bento-combobox-input,[data-style=playful] .bento-select-trigger,[data-style=playful] .bento-menu-popup,[data-style=playful] .bento-select-popup,[data-style=playful] .bento-combobox-popup,[data-style=playful] .bento-dialog-popup,[data-style=playful] .bento-tooltip-popup{border-radius:18px}[data-style=playful] .bento-tabs-tab,[data-style=playful] .bento-tabs-indicator{border-radius:999px}[data-style=playful] .bento-checkbox,[data-style=playful] .bento-radio{border-radius:6px}[data-style=bauhaus] .bento-button{letter-spacing:.04em;text-transform:uppercase;border-radius:0;font-weight:780}[data-style=bauhaus] .bento-select-trigger,[data-style=bauhaus] .bento-input,[data-style=bauhaus] .bento-textarea,[data-style=bauhaus] .bento-combobox-input,[data-style=bauhaus] .bento-menu-popup,[data-style=bauhaus] .bento-select-popup,[data-style=bauhaus] .bento-combobox-popup,[data-style=bauhaus] .bento-dialog-popup,[data-style=bauhaus] .bento-alert-popup{border-width:2px;border-radius:0}[data-style=bauhaus] .bento-menu-item[data-highlighted],[data-style=bauhaus] .bento-combobox-item[data-highlighted],[data-style=bauhaus] .bento-select-item[data-highlighted],[data-style=bauhaus] .bento-select-item[data-selected][data-highlighted]{background:var(--surface-muted);color:var(--text-strong)}[data-style=bauhaus] .bento-slider-thumb,[data-style=bauhaus] .bento-switch-thumb,[data-style=bauhaus] .bento-checkbox,[data-style=bauhaus] .bento-radio{border-radius:0}[data-style=minimal] .bento-menu-popup,[data-style=minimal] .bento-select-popup,[data-style=minimal] .bento-combobox-popup,[data-style=minimal] .bento-dialog-popup,[data-style=minimal] .bento-alert-popup,[data-style=minimal] .bento-tooltip-popup{border-color:var(--line)}[data-style=minimal] .bento-menu-item[data-highlighted],[data-style=minimal] .bento-combobox-item[data-highlighted],[data-style=minimal] .bento-select-item[data-highlighted]{background:var(--surface-muted)}[data-style=minimal] .bento-tabs-indicator,[data-style=minimal] .bento-toggle[data-pressed],[data-style=minimal] .bento-toolbar-button[data-pressed],[data-style=minimal] .style-switcher button.active,[data-style=minimal] .style-switcher a.active{box-shadow:none}[data-style=calm] .bento-button{transition:background .28s,box-shadow .28s,transform .28s}[data-style=calm] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal):hover{transform:scale(1.02)}[data-style=calm] .bento-input,[data-style=calm] .bento-textarea,[data-style=calm] .bento-combobox-input{transition:border-color .28s,box-shadow .28s,background .28s}[data-style=calm] .bento-menu-item[data-highlighted],[data-style=calm] .bento-combobox-item[data-highlighted],[data-style=calm] .bento-select-item[data-highlighted]{background:color-mix(in srgb, var(--accent), transparent 90%)}[data-style=luxury] .bento-button.accent,[data-style=luxury] .bento-button.teal{letter-spacing:.03em;font-weight:700}[data-style=luxury] .bento-menu-item[data-highlighted],[data-style=luxury] .bento-combobox-item[data-highlighted],[data-style=luxury] .bento-select-item[data-highlighted],[data-style=luxury] .bento-select-item[data-selected][data-highlighted]{background:color-mix(in srgb, var(--accent), transparent 86%)}[data-style=luxury] .bento-tabs-tab[data-selected],[data-style=luxury] .bento-tabs-tab[data-active],[data-style=luxury] .bento-tabs-tab[aria-selected=true]{color:var(--accent)}[data-style=linear] .bento-button{letter-spacing:-.01em;border-radius:8px}[data-style=linear] .bento-input,[data-style=linear] .bento-textarea,[data-style=linear] .bento-combobox-input,[data-style=linear] .bento-select-trigger{border-radius:8px}[data-style=linear] .bento-menu-popup,[data-style=linear] .bento-select-popup,[data-style=linear] .bento-dialog-popup{border-radius:10px}[data-style=linear][data-theme=dark] .bento-menu-item[data-highlighted],[data-style=linear][data-theme=dark] .bento-combobox-item[data-highlighted],[data-style=linear][data-theme=dark] .bento-select-item[data-highlighted]{background:color-mix(in srgb, var(--accent), transparent 84%)}[data-style=fluent] .bento-button{border-radius:4px;font-weight:620}[data-style=fluent] .bento-input,[data-style=fluent] .bento-textarea,[data-style=fluent] .bento-combobox-input,[data-style=fluent] .bento-select-trigger{border-radius:4px}[data-style=fluent] .bento-menu-popup,[data-style=fluent] .bento-select-popup,[data-style=fluent] .bento-dialog-popup{border-radius:6px}[data-style=editorial] .bento-button{border-radius:2px;font-weight:680}[data-style=editorial] .bento-input,[data-style=editorial] .bento-textarea,[data-style=editorial] .bento-combobox-input{background:0 0;border-top:none;border-left:none;border-right:none;border-radius:0;padding-left:0}[data-style=editorial] .bento-input:focus,[data-style=editorial] .bento-textarea:focus,[data-style=editorial] .bento-combobox-input:focus{box-shadow:none;border-bottom-width:2px;border-bottom-color:var(--accent)}[data-style=editorial] .bento-select-trigger{border-radius:2px}[data-style=editorial] .bento-menu-item[data-highlighted],[data-style=editorial] .bento-combobox-item[data-highlighted],[data-style=editorial] .bento-select-item[data-highlighted]{background:var(--surface-muted)}[data-style=shadcn]{--shadcn-primary:#18181b;--shadcn-primary-foreground:#fafafa;--shadcn-secondary:#f4f4f5;--shadcn-secondary-foreground:#18181b;--shadcn-muted:#f4f4f5;--shadcn-muted-foreground:#71717a;--shadcn-accent:#f4f4f5;--shadcn-accent-foreground:#18181b;--shadcn-destructive:#dc2626;--shadcn-destructive-foreground:#fafafa;--shadcn-ring:#18181b;--shadcn-popover:#fff;--shadcn-popover-foreground:#09090b}[data-style=shadcn][data-theme=dark]{--shadcn-primary:#fafafa;--shadcn-primary-foreground:#09090b;--shadcn-secondary:#27272a;--shadcn-secondary-foreground:#fafafa;--shadcn-muted:#27272a;--shadcn-muted-foreground:#a1a1aa;--shadcn-accent:#27272a;--shadcn-accent-foreground:#fafafa;--shadcn-destructive:#ef4444;--shadcn-destructive-foreground:#fafafa;--shadcn-ring:#d4d4d8;--shadcn-popover:#09090b;--shadcn-popover-foreground:#fafafa}[data-style=shadcn] :where(button,a,[role=button],[tabindex]):focus-visible,[data-style=shadcn] [data-base-ui-trigger]:focus-visible,[data-style=shadcn] [data-base-ui-item]:focus-visible{outline-color:color-mix(in srgb, var(--shadcn-ring), transparent 58%)}[data-style=shadcn] .bento-button{box-shadow:none;font-weight:650}[data-style=shadcn] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal),[data-style=shadcn] .bento-button.accent,[data-style=shadcn] .bento-button.teal{color:var(--shadcn-primary-foreground);background:var(--shadcn-primary)}[data-style=shadcn] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal):hover,[data-style=shadcn] .bento-button.accent:hover,[data-style=shadcn] .bento-button.teal:hover{background:color-mix(in srgb, var(--shadcn-primary), transparent 10%)}[data-style=shadcn] .bento-button.outline,[data-style=shadcn] .bento-button.icon{border-color:var(--line);color:var(--text-strong);background:var(--surface)}[data-style=shadcn] .bento-button.outline:hover,[data-style=shadcn] .bento-button.icon:hover,[data-style=shadcn] .bento-button.ghost:hover{border-color:var(--line-strong);background:var(--shadcn-accent);color:var(--shadcn-accent-foreground);box-shadow:none}[data-style=shadcn] .bento-checkbox[data-checked],[data-style=shadcn] .bento-radio[data-checked]{border-color:var(--shadcn-primary);background:var(--shadcn-primary)}[data-style=shadcn] .bento-checkbox,[data-style=shadcn] .bento-checkbox[data-checked],[data-style=shadcn] .bento-radio-indicator{color:var(--shadcn-primary-foreground)}[data-style=shadcn] .bento-radio-indicator{background:var(--shadcn-primary-foreground)}[data-style=shadcn] .bento-switch[data-checked]{border-color:var(--shadcn-primary);background:var(--shadcn-primary)}[data-style=shadcn] .bento-slider-indicator,[data-style=shadcn] .bento-slider-thumb,[data-style=shadcn] .bento-meter-indicator,[data-style=shadcn] .bento-meter-mid,[data-style=shadcn] .bento-progress-indicator{background:var(--shadcn-primary)}[data-style=shadcn] .bento-slider-thumb{border-color:var(--surface);box-shadow:0 1px 2px #18181b29}[data-style=shadcn] .bento-field-error,[data-style=shadcn] .bento-input+.bento-field-error{color:var(--shadcn-destructive)}[data-style=shadcn] .bento-input:focus,[data-style=shadcn] .bento-textarea:focus,[data-style=shadcn] .bento-combobox-input:focus{border-color:var(--shadcn-ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--shadcn-ring), transparent 84%)}[data-style=shadcn] .bento-select-item[data-selected],[data-style=shadcn] .bento-combobox-item[data-selected]{color:var(--text-strong)}[data-style=shadcn] .bento-select-item[data-selected][data-highlighted]{background:var(--shadcn-accent);color:var(--shadcn-accent-foreground)}[data-style=shadcn] .bento-tabs-tab[data-selected],[data-style=shadcn] .bento-tabs-tab[data-active],[data-style=shadcn] .bento-tabs-tab[aria-selected=true],[data-style=shadcn] .bento-toggle[data-pressed],[data-style=shadcn] .bento-toolbar-button[data-pressed],[data-style=shadcn] .bento-menubar-trigger[data-open]{color:var(--shadcn-accent-foreground)}[data-style=shadcn] .bento-tabs-indicator,[data-style=shadcn] .bento-toggle[data-pressed],[data-style=shadcn] .style-switcher button.active{background:var(--surface);box-shadow:0 1px 2px #18181b14}[data-style=shadcn] .bento-menu-popup,[data-style=shadcn] .bento-select-popup,[data-style=shadcn] .bento-combobox-popup,[data-style=shadcn] .bento-nav-menu-popup,[data-style=shadcn] .bento-popover-popup,[data-style=shadcn] .bento-preview-card,[data-style=shadcn] .bento-tooltip-popup,[data-style=shadcn] .bento-toast,[data-style=shadcn] .bento-dialog-popup,[data-style=shadcn] .bento-alert-popup,[data-style=shadcn] .bento-drawer-popup{border-color:var(--line);color:var(--shadcn-popover-foreground);background:var(--shadcn-popover);box-shadow:0 10px 30px #18181b1a}[data-style=shadcn][data-theme=dark] .bento-menu-popup,[data-style=shadcn][data-theme=dark] .bento-select-popup,[data-style=shadcn][data-theme=dark] .bento-combobox-popup,[data-style=shadcn][data-theme=dark] .bento-nav-menu-popup,[data-style=shadcn][data-theme=dark] .bento-popover-popup,[data-style=shadcn][data-theme=dark] .bento-preview-card,[data-style=shadcn][data-theme=dark] .bento-tooltip-popup,[data-style=shadcn][data-theme=dark] .bento-toast,[data-style=shadcn][data-theme=dark] .bento-dialog-popup,[data-style=shadcn][data-theme=dark] .bento-alert-popup,[data-style=shadcn][data-theme=dark] .bento-drawer-popup{box-shadow:0 18px 48px #00000057,0 0 0 1px #ffffff05}[data-style=shadcn] .bento-popover-arrow,[data-style=shadcn] .bento-preview-card-arrow,[data-style=shadcn] .bento-tooltip-arrow{fill:var(--shadcn-popover)}[data-style=shadcn] .bento-menu-item[data-highlighted],[data-style=shadcn] .bento-combobox-item[data-highlighted],[data-style=shadcn] .bento-select-item[data-highlighted],[data-style=shadcn] .bento-nav-menu-item[data-highlighted],[data-style=shadcn] .bento-toolbar-button:hover,[data-style=shadcn] .bento-number-field-button:hover,[data-style=shadcn] .bento-toast-close:hover{background:var(--shadcn-accent);color:var(--shadcn-accent-foreground)}[data-style=shadcn] .bento-avatar-group .bento-avatar{border-color:var(--surface)}[data-style=shadcn] .bento-meter-low{background:var(--shadcn-destructive)}[data-style=neo-brutalism]{--neo-shadow:5px 5px 0 var(--line-strong);--neo-shadow-sm:3px 3px 0 var(--line-strong);--neo-active-offset:translate(2px, 2px)}[data-style=neo-brutalism] :where(button,a,[role=button],[tabindex]):focus-visible,[data-style=neo-brutalism] [data-base-ui-trigger]:focus-visible,[data-style=neo-brutalism] [data-base-ui-item]:focus-visible{outline:3px solid var(--blue);outline-offset:3px}[data-style=neo-brutalism] .bento-button,[data-style=neo-brutalism] .bento-select-trigger,[data-style=neo-brutalism] .bento-combobox-input,[data-style=neo-brutalism] .bento-input,[data-style=neo-brutalism] .bento-textarea,[data-style=neo-brutalism] .bento-number-field-group,[data-style=neo-brutalism] .bento-otp-input,[data-style=neo-brutalism] .bento-checkbox,[data-style=neo-brutalism] .bento-radio,[data-style=neo-brutalism] .bento-switch,[data-style=neo-brutalism] .bento-toggle-group,[data-style=neo-brutalism] .bento-tabs-list,[data-style=neo-brutalism] .bento-toolbar,[data-style=neo-brutalism] .bento-menubar,[data-style=neo-brutalism] .bento-fieldset,[data-style=neo-brutalism] .bento-context-menu-trigger,[data-style=neo-brutalism] .demo-card,[data-style=neo-brutalism] .api-table-wrap,[data-style=neo-brutalism] .interaction-list li,[data-style=neo-brutalism] .block-preview,[data-style=neo-brutalism] .theme-swatch{border-width:2px;border-color:var(--line-strong);box-shadow:var(--neo-shadow-sm)}[data-style=neo-brutalism] .bento-button{color:#000;background:var(--surface-muted);text-transform:uppercase;font-weight:850}[data-style=neo-brutalism][data-theme=dark] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal){color:#000;background:var(--surface-strong)}[data-style=neo-brutalism] .bento-button:hover,[data-style=neo-brutalism] .bento-button:active{transform:var(--neo-active-offset);box-shadow:2px 2px 0 var(--line-strong)}[data-style=neo-brutalism] .bento-button.accent{background:var(--accent)}[data-style=neo-brutalism] .bento-button.teal,[data-style=neo-brutalism] .bento-checkbox[data-checked],[data-style=neo-brutalism] .bento-radio[data-checked],[data-style=neo-brutalism] .bento-switch[data-checked]{background:var(--teal)}[data-style=neo-brutalism] .bento-button.outline,[data-style=neo-brutalism] .bento-button.ghost,[data-style=neo-brutalism] .bento-button.icon{color:var(--text-strong);background:var(--surface)}[data-style=neo-brutalism] .bento-checkbox[data-checked],[data-style=neo-brutalism] .bento-radio[data-checked],[data-style=neo-brutalism] .bento-switch[data-checked]{border-color:var(--line-strong)}[data-style=neo-brutalism] .bento-radio-indicator,[data-style=neo-brutalism] .bento-slider-indicator,[data-style=neo-brutalism] .bento-slider-thumb,[data-style=neo-brutalism] .bento-meter-indicator,[data-style=neo-brutalism] .bento-meter-mid,[data-style=neo-brutalism] .bento-progress-indicator{background:var(--accent)}[data-style=neo-brutalism] .bento-slider-thumb{border:2px solid var(--line-strong);box-shadow:var(--neo-shadow-sm)}[data-style=neo-brutalism] .bento-menu-popup,[data-style=neo-brutalism] .bento-select-popup,[data-style=neo-brutalism] .bento-combobox-popup,[data-style=neo-brutalism] .bento-nav-menu-popup,[data-style=neo-brutalism] .bento-popover-popup,[data-style=neo-brutalism] .bento-preview-card,[data-style=neo-brutalism] .bento-tooltip-popup,[data-style=neo-brutalism] .bento-toast,[data-style=neo-brutalism] .bento-dialog-popup,[data-style=neo-brutalism] .bento-alert-popup,[data-style=neo-brutalism] .bento-drawer-popup{border:2px solid var(--line-strong);background:var(--surface);box-shadow:var(--neo-shadow)}[data-style=neo-brutalism] .bento-menu-item[data-highlighted],[data-style=neo-brutalism] .bento-combobox-item[data-highlighted],[data-style=neo-brutalism] .bento-select-item[data-highlighted],[data-style=neo-brutalism] .bento-select-item[data-selected][data-highlighted],[data-style=neo-brutalism] .bento-nav-menu-item[data-highlighted],[data-style=neo-brutalism] .bento-toolbar-button:hover,[data-style=neo-brutalism] .bento-number-field-button:hover,[data-style=neo-brutalism] .bento-toast-close:hover,[data-style=neo-brutalism] .bento-tabs-tab[data-selected],[data-style=neo-brutalism] .bento-tabs-tab[data-active],[data-style=neo-brutalism] .bento-tabs-tab[aria-selected=true],[data-style=neo-brutalism] .bento-tabs-indicator,[data-style=neo-brutalism] .bento-toggle[data-pressed],[data-style=neo-brutalism] .bento-toolbar-button[data-pressed],[data-style=neo-brutalism] .bento-menubar-trigger[data-open],[data-style=neo-brutalism] .bento-nav-menu-trigger[data-expanded],[data-style=neo-brutalism] .bento-nav-menu-trigger[data-open],[data-style=neo-brutalism] .style-switcher button.active{color:#000;background:var(--surface-muted)}[data-style=neo-brutalism][data-theme=dark] .bento-menu-item[data-highlighted],[data-style=neo-brutalism][data-theme=dark] .bento-combobox-item[data-highlighted],[data-style=neo-brutalism][data-theme=dark] .bento-select-item[data-highlighted],[data-style=neo-brutalism][data-theme=dark] .bento-select-item[data-selected][data-highlighted],[data-style=neo-brutalism][data-theme=dark] .bento-nav-menu-item[data-highlighted],[data-style=neo-brutalism][data-theme=dark] .bento-toolbar-button:hover,[data-style=neo-brutalism][data-theme=dark] .bento-number-field-button:hover,[data-style=neo-brutalism][data-theme=dark] .bento-toast-close:hover,[data-style=neo-brutalism][data-theme=dark] .bento-tabs-tab[data-selected],[data-style=neo-brutalism][data-theme=dark] .bento-tabs-tab[data-active],[data-style=neo-brutalism][data-theme=dark] .bento-tabs-tab[aria-selected=true],[data-style=neo-brutalism][data-theme=dark] .bento-tabs-indicator,[data-style=neo-brutalism][data-theme=dark] .bento-toggle[data-pressed],[data-style=neo-brutalism][data-theme=dark] .bento-toolbar-button[data-pressed],[data-style=neo-brutalism][data-theme=dark] .bento-menubar-trigger[data-open],[data-style=neo-brutalism][data-theme=dark] .bento-nav-menu-trigger[data-expanded],[data-style=neo-brutalism][data-theme=dark] .bento-nav-menu-trigger[data-open],[data-style=neo-brutalism][data-theme=dark] .style-switcher button.active{color:#000;background:var(--surface-strong)}[data-style=neo-brutalism] .bento-select-item[data-selected]{color:var(--text-strong)}[data-style=neo-brutalism] .bento-popover-arrow,[data-style=neo-brutalism] .bento-preview-card-arrow,[data-style=neo-brutalism] .bento-tooltip-arrow{fill:var(--surface)}[data-style=neo-brutalism] .topbar,[data-style=neo-brutalism] .sidebar{border-color:var(--line-strong);border-width:2px}[data-style=neo-brutalism] .topbar-brand-mark,[data-style=neo-brutalism] .component-status-dot.ready{background:var(--accent)}[data-style=neo-brutalism] .demo-code-block{border-top-width:2px}[data-style=cyberpunk]{--cyber-glow:0 0 12px var(--accent), 0 0 32px color-mix(in srgb, var(--accent), transparent 50%);--cyber-glow-strong:0 0 18px var(--accent), 0 0 48px color-mix(in srgb, var(--accent), transparent 40%);--cyber-border-glow:0 0 0 1px color-mix(in srgb, var(--accent), transparent 60%), 0 0 18px color-mix(in srgb, var(--accent), transparent 55%)}[data-style=cyberpunk][data-theme=light]{--cyber-glow:0 0 8px var(--accent), 0 0 22px color-mix(in srgb, var(--accent), transparent 55%);--cyber-glow-strong:0 0 12px var(--accent), 0 0 36px color-mix(in srgb, var(--accent), transparent 45%);--cyber-border-glow:0 0 0 1px color-mix(in srgb, var(--accent), transparent 68%), 0 0 12px color-mix(in srgb, var(--accent), transparent 60%)}[data-style=cyberpunk] :where(button,a,[role=button],[tabindex]):focus-visible,[data-style=cyberpunk] [data-base-ui-trigger]:focus-visible,[data-style=cyberpunk] [data-base-ui-item]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:var(--cyber-glow)}[data-style=cyberpunk] .bento-input:focus,[data-style=cyberpunk] .bento-textarea:focus,[data-style=cyberpunk] .bento-combobox-input:focus{border-color:var(--accent);box-shadow:var(--cyber-border-glow)}[data-style=cyberpunk] .bento-button:not(.outline):not(.ghost):not(.icon){border:1px solid color-mix(in srgb, var(--accent), transparent 70%);box-shadow:0 0 6px color-mix(in srgb, var(--accent), transparent 60%);transition:border-color .16s,background .16s,box-shadow .18s,transform .12s}[data-style=cyberpunk] .bento-button:not(.outline):not(.ghost):not(.icon):hover{box-shadow:var(--cyber-glow);transform:translateY(-1px)}[data-style=cyberpunk] .bento-button:not(.outline):not(.ghost):not(.icon):active{box-shadow:0 0 4px color-mix(in srgb, var(--accent), transparent 60%);transform:translateY(1px)}[data-style=cyberpunk] .bento-button.outline,[data-style=cyberpunk] .bento-button.icon{border-color:color-mix(in srgb, var(--accent), transparent 50%);box-shadow:0 0 4px color-mix(in srgb, var(--accent), transparent 50%)}[data-style=cyberpunk] .bento-button.outline:hover,[data-style=cyberpunk] .bento-button.icon:hover{border-color:var(--accent);box-shadow:var(--cyber-glow)}[data-style=cyberpunk] .bento-button.accent{box-shadow:var(--cyber-glow)}[data-style=cyberpunk] .bento-button.accent:hover{box-shadow:var(--cyber-glow-strong)}[data-style=cyberpunk] .bento-menu-popup,[data-style=cyberpunk] .bento-select-popup,[data-style=cyberpunk] .bento-combobox-popup,[data-style=cyberpunk] .bento-nav-menu-popup,[data-style=cyberpunk] .bento-popover-popup,[data-style=cyberpunk] .bento-preview-card,[data-style=cyberpunk] .bento-tooltip-popup,[data-style=cyberpunk] .bento-toast,[data-style=cyberpunk] .bento-dialog-popup,[data-style=cyberpunk] .bento-alert-popup,[data-style=cyberpunk] .bento-drawer-popup{border-color:color-mix(in srgb, var(--accent), transparent 60%);box-shadow:var(--cyber-border-glow), var(--shadow)}[data-style=cyberpunk] .bento-menu-item[data-highlighted],[data-style=cyberpunk] .bento-combobox-item[data-highlighted],[data-style=cyberpunk] .bento-select-item[data-highlighted],[data-style=cyberpunk] .bento-nav-menu-item[data-highlighted]{background:color-mix(in srgb, var(--accent), transparent 82%);text-shadow:0 0 8px color-mix(in srgb, var(--accent), transparent 70%)}[data-style=cyberpunk] .bento-tabs-tab[data-selected],[data-style=cyberpunk] .bento-tabs-tab[data-active],[data-style=cyberpunk] .bento-tabs-tab[aria-selected=true]{text-shadow:0 0 6px color-mix(in srgb, var(--accent), transparent 70%)}[data-style=cyberpunk] .bento-tabs-indicator,[data-style=cyberpunk] .bento-toggle[data-pressed],[data-style=cyberpunk] .bento-toolbar-button[data-pressed],[data-style=cyberpunk] .bento-menubar-trigger[data-open],[data-style=cyberpunk] .style-switcher button.active{box-shadow:0 0 10px color-mix(in srgb, var(--accent), transparent 60%)}[data-style=cyberpunk] .demo-card,[data-style=cyberpunk] .block-preview,[data-style=cyberpunk] .theme-swatch{border-color:color-mix(in srgb, var(--accent), transparent 50%);box-shadow:0 0 8px color-mix(in srgb, var(--accent), transparent 40%)}[data-style=cyberpunk] .bento-slider-indicator,[data-style=cyberpunk] .bento-slider-thumb,[data-style=cyberpunk] .bento-progress-indicator,[data-style=cyberpunk] .bento-meter-indicator,[data-style=cyberpunk] .bento-meter-mid{box-shadow:var(--cyber-glow)}[data-style=cyberpunk] .bento-slider-thumb{border-color:var(--bg)}[data-style=cyberpunk] .bento-checkbox[data-checked],[data-style=cyberpunk] .bento-radio[data-checked],[data-style=cyberpunk] .bento-switch[data-checked]{box-shadow:0 0 8px color-mix(in srgb, var(--accent), transparent 55%)}[data-style=cyberpunk] .topbar,[data-style=cyberpunk] .sidebar{border-color:color-mix(in srgb, var(--accent), transparent 50%)}[data-style=cyberpunk] .topbar-brand-mark{box-shadow:var(--cyber-glow)}[data-style=cyberpunk] .bento-menu-separator{background:color-mix(in srgb, var(--accent), transparent 70%)}[data-style=cyberpunk] .bento-field-error,[data-style=cyberpunk] .bento-meter-low{text-shadow:0 0 6px color-mix(in srgb, var(--theme-danger,#ff2bd6), transparent 60%)}[data-style=terminal]{--term-accent:var(--green);--term-glow:0 0 0 1px color-mix(in srgb, var(--green), transparent 64%), 0 0 12px color-mix(in srgb, var(--green), transparent 60%);--term-block:color-mix(in srgb, var(--green), transparent 88%);--term-highlight:color-mix(in srgb, var(--green), transparent 84%)}[data-style=terminal][data-theme=light]{--term-glow:0 0 0 1px color-mix(in srgb, var(--green), transparent 58%), 0 0 10px color-mix(in srgb, var(--green), transparent 50%)}[data-style=terminal] :where(button,a,[role=button],[tabindex]):focus-visible,[data-style=terminal] [data-base-ui-trigger]:focus-visible,[data-style=terminal] [data-base-ui-item]:focus-visible{outline:1px solid var(--green);outline-offset:1px;box-shadow:var(--term-glow)}[data-style=terminal] .bento-input:focus,[data-style=terminal] .bento-textarea:focus,[data-style=terminal] .bento-combobox-input:focus{border-color:var(--green);box-shadow:var(--term-glow);caret-color:var(--green)}[data-style=terminal] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal){border:1px solid var(--green);color:var(--green);font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;box-shadow:0 0 4px color-mix(in srgb, var(--green), transparent 70%);background:0 0;font-weight:700}[data-style=terminal] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal):hover{color:var(--bg);background:var(--green);box-shadow:var(--term-glow)}[data-style=terminal] .bento-button.outline,[data-style=terminal] .bento-button.icon{border-color:var(--green);color:var(--green);box-shadow:none;background:0 0}[data-style=terminal] .bento-button.outline:hover,[data-style=terminal] .bento-button.icon:hover{color:var(--bg);background:var(--green);border-color:var(--green);box-shadow:var(--term-glow)}[data-style=terminal] .bento-button.ghost{color:var(--text-strong)}[data-style=terminal] .bento-button.ghost:hover{background:var(--term-block)}[data-style=terminal] .bento-button.accent,[data-style=terminal] .bento-button.teal{border-color:var(--green)}[data-style=terminal] .bento-select-trigger,[data-style=terminal] .bento-combobox-input{border-color:var(--green);font-family:var(--font-mono)}[data-style=terminal] .bento-select-trigger:focus-visible{box-shadow:var(--term-glow)}[data-style=terminal] .bento-menu-popup,[data-style=terminal] .bento-select-popup,[data-style=terminal] .bento-combobox-popup,[data-style=terminal] .bento-nav-menu-popup,[data-style=terminal] .bento-popover-popup,[data-style=terminal] .bento-preview-card,[data-style=terminal] .bento-tooltip-popup,[data-style=terminal] .bento-toast,[data-style=terminal] .bento-dialog-popup,[data-style=terminal] .bento-alert-popup,[data-style=terminal] .bento-drawer-popup{border-color:var(--green);box-shadow:var(--term-glow), var(--shadow)}[data-style=terminal] .bento-menu-item[data-highlighted],[data-style=terminal] .bento-combobox-item[data-highlighted],[data-style=terminal] .bento-select-item[data-highlighted],[data-style=terminal] .bento-nav-menu-item[data-highlighted],[data-style=terminal] .bento-select-item[data-selected][data-highlighted]{color:var(--green);background:var(--term-block)}[data-style=terminal] .bento-select-item[data-selected],[data-style=terminal] .bento-tabs-tab[data-selected],[data-style=terminal] .bento-tabs-tab[data-active],[data-style=terminal] .bento-tabs-tab[aria-selected=true]{color:var(--green)}[data-style=terminal] .bento-tabs-indicator,[data-style=terminal] .bento-toggle[data-pressed],[data-style=terminal] .bento-toolbar-button[data-pressed],[data-style=terminal] .bento-menubar-trigger[data-open],[data-style=terminal] .style-switcher button.active{background:var(--term-block);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--green), transparent 60%)}[data-style=terminal] .bento-checkbox[data-checked],[data-style=terminal] .bento-radio[data-checked],[data-style=terminal] .bento-switch[data-checked]{border-color:var(--green);background:var(--green)}[data-style=terminal] .bento-checkbox,[data-style=terminal] .bento-checkbox[data-checked],[data-style=terminal] .bento-radio-indicator{color:var(--bg)}[data-style=terminal] .bento-slider-indicator,[data-style=terminal] .bento-slider-thumb,[data-style=terminal] .bento-meter-indicator,[data-style=terminal] .bento-meter-mid,[data-style=terminal] .bento-progress-indicator{background:var(--green)}[data-style=terminal] .bento-slider-thumb{border-color:var(--bg);box-shadow:var(--term-glow)}[data-style=terminal] .topbar,[data-style=terminal] .sidebar{border-color:color-mix(in srgb, var(--green), transparent 60%)}[data-style=terminal] .topbar-brand-mark{color:var(--bg);background:var(--green)}[data-style=terminal] .bento-menu-separator{background:color-mix(in srgb, var(--green), transparent 70%)}[data-style=terminal] .bento-tooltip-popup{border-color:var(--green);font-family:var(--font-mono)}[data-style=material]{--md-elevation-1:0 1px 2px #3c40431f, 0 1px 3px #3c404314;--md-elevation-2:0 1px 2px #3c404324, 0 2px 6px #3c40431a;--md-elevation-3:0 4px 8px #3c404324, 0 1px 3px #3c40431a;--md-elevation-4:0 6px 10px #3c404329, 0 2px 6px #3c40431a;--md-elevation-8:0 12px 17px #3c40432e, 0 5px 22px #3c40431f;--md-state-hover:color-mix(in srgb, var(--text-strong), transparent 92%);--md-state-pressed:color-mix(in srgb, var(--text-strong), transparent 86%);--md-transition:.2s cubic-bezier(.4, 0, .2, 1)}[data-style=material][data-theme=dark]{--md-elevation-1:0 1px 2px #0000003d, 0 1px 3px #00000029;--md-elevation-2:0 1px 2px #00000047, 0 2px 6px #0000002e;--md-elevation-3:0 4px 8px #0000004d, 0 1px 3px #0003;--md-elevation-4:0 6px 10px #00000057, 0 2px 6px #0003;--md-elevation-8:0 12px 17px #00000061, 0 5px 22px #00000042;--md-state-hover:color-mix(in srgb, var(--text-strong), transparent 90%);--md-state-pressed:color-mix(in srgb, var(--text-strong), transparent 82%)}[data-style=material] .bento-button,[data-style=material] .bento-select-trigger,[data-style=material] .bento-input,[data-style=material] .bento-textarea,[data-style=material] .bento-combobox-input,[data-style=material] .bento-checkbox,[data-style=material] .bento-radio,[data-style=material] .bento-switch{transition:background var(--md-transition), border-color var(--md-transition), box-shadow var(--md-transition), transform var(--md-transition)}[data-style=material] :where(button,a,[role=button],[tabindex]):focus-visible,[data-style=material] [data-base-ui-trigger]:focus-visible,[data-style=material] [data-base-ui-item]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}[data-style=material] .bento-button{letter-spacing:.01em;text-transform:none;box-shadow:none;border-radius:20px;font-weight:650}[data-style=material] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal){background:var(--blue);color:#fff;box-shadow:var(--md-elevation-1)}[data-style=material] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal):hover{background:var(--blue);box-shadow:var(--md-elevation-3);transform:translateY(-1px)}[data-style=material] .bento-button:not(.outline):not(.ghost):not(.icon):not(.accent):not(.teal):active{box-shadow:var(--md-elevation-1);transform:translateY(0)}[data-style=material] .bento-button.accent{box-shadow:var(--md-elevation-2)}[data-style=material] .bento-button.accent:hover{box-shadow:var(--md-elevation-4);transform:translateY(-1px)}[data-style=material] .bento-button.outline,[data-style=material] .bento-button.icon,[data-style=material] .bento-button.ghost{border-radius:20px}[data-style=material] .demo-card,[data-style=material] .block-preview{box-shadow:var(--md-elevation-2);transition:box-shadow var(--md-transition);border-radius:12px}[data-style=material] .demo-card:hover,[data-style=material] .block-preview:hover{box-shadow:var(--md-elevation-4)}[data-style=material] .bento-menu-popup,[data-style=material] .bento-select-popup,[data-style=material] .bento-combobox-popup,[data-style=material] .bento-nav-menu-popup,[data-style=material] .bento-popover-popup,[data-style=material] .bento-preview-card,[data-style=material] .bento-tooltip-popup,[data-style=material] .bento-toast,[data-style=material] .bento-dialog-popup,[data-style=material] .bento-alert-popup,[data-style=material] .bento-drawer-popup{box-shadow:var(--md-elevation-8);border-color:#0000;border-radius:8px}[data-style=material] .bento-dialog-popup{border-radius:16px}[data-style=material] .bento-menu-item[data-highlighted],[data-style=material] .bento-combobox-item[data-highlighted],[data-style=material] .bento-select-item[data-highlighted],[data-style=material] .bento-nav-menu-item[data-highlighted]{background:var(--md-state-hover)}[data-style=material] .bento-menu-item:active,[data-style=material] .bento-combobox-item:active,[data-style=material] .bento-select-item:active{background:var(--md-state-pressed)}[data-style=material] .bento-tabs-list{box-shadow:inset 0 -1px 0 var(--line);background:0 0;border-color:#0000}[data-style=material] .bento-tabs-tab{border-radius:8px 8px 0 0}[data-style=material] .bento-tabs-indicator{box-shadow:none;border-radius:4px 4px 0 0}[data-style=material] .bento-toggle[data-pressed],[data-style=material] .bento-toolbar-button[data-pressed],[data-style=material] .bento-menubar-trigger[data-open],[data-style=material] .style-switcher button.active{background:var(--md-state-pressed);box-shadow:none}[data-style=material] .bento-input,[data-style=material] .bento-textarea,[data-style=material] .bento-combobox-input,[data-style=material] .bento-select-trigger{background:var(--surface-muted);border-top-color:#0000;border-bottom-width:1px;border-left-color:#0000;border-right-color:#0000;border-radius:8px 8px 0 0}[data-style=material] .bento-input:focus,[data-style=material] .bento-textarea:focus,[data-style=material] .bento-combobox-input:focus{border-bottom-color:var(--blue);box-shadow:none;background:color-mix(in srgb, var(--blue), transparent 94%);border-bottom-width:2px}[data-style=material] .bento-checkbox[data-checked],[data-style=material] .bento-radio[data-checked],[data-style=material] .bento-switch[data-checked]{border-color:var(--blue);background:var(--blue)}[data-style=material] .bento-slider-indicator,[data-style=material] .bento-slider-thumb,[data-style=material] .bento-progress-indicator,[data-style=material] .bento-meter-indicator,[data-style=material] .bento-meter-mid{background:var(--blue)}[data-style=material] .bento-slider-thumb{border-color:var(--surface);box-shadow:var(--md-elevation-2)}[data-style=material] .bento-button.icon{box-shadow:var(--md-elevation-2);border-radius:50%}[data-style=material] .bento-button.icon:hover{box-shadow:var(--md-elevation-4);transform:translateY(-1px)}[data-style=material] .topbar{box-shadow:var(--md-elevation-2)}[data-style=material] .topbar-brand-mark{border-radius:8px}[data-style=material] .bento-avatar{box-shadow:var(--md-elevation-1)}[data-style=glass]{--glass-blur:blur(18px) saturate(1.3);--glass-blur-strong:blur(28px) saturate(1.4);--glass-border:color-mix(in srgb, var(--accent), transparent 80%);--glass-highlight:inset 0 1px 0 #ffffff38;--glass-highlight-strong:inset 0 1px 0 #ffffff4d;--glass-bg-hover:#ffffff24}[data-style=glass][data-theme=dark]{--glass-highlight:inset 0 1px 0 #ffffff14;--glass-highlight-strong:inset 0 1px 0 #ffffff1f;--glass-bg-hover:#ffffff0f}[data-style=glass] :where(button,a,[role=button],[tabindex]):focus-visible,[data-style=glass] [data-base-ui-trigger]:focus-visible,[data-style=glass] [data-base-ui-item]:focus-visible{outline:2px solid color-mix(in srgb, var(--accent), transparent 40%);outline-offset:2px;box-shadow:0 0 14px color-mix(in srgb, var(--accent), transparent 60%)}[data-style=glass] .bento-input,[data-style=glass] .bento-textarea,[data-style=glass] .bento-combobox-input,[data-style=glass] .bento-select-trigger{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--glass-border);box-shadow:var(--glass-highlight);transition:border-color .2s,box-shadow .22s,background .18s}[data-style=glass] .bento-input:focus,[data-style=glass] .bento-textarea:focus,[data-style=glass] .bento-combobox-input:focus,[data-style=glass] .bento-select-trigger:focus-visible{border-color:var(--accent);box-shadow:var(--glass-highlight-strong), 0 0 14px color-mix(in srgb, var(--accent), transparent 62%)}[data-style=glass] .bento-button:not(.outline):not(.ghost):not(.icon){-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight), 0 4px 12px color-mix(in srgb, var(--accent), transparent 85%);transition:transform .18s,box-shadow .2s,background .18s}[data-style=glass] .bento-button:not(.outline):not(.ghost):not(.icon):hover{box-shadow:var(--glass-highlight-strong), 0 6px 20px color-mix(in srgb, var(--accent), transparent 72%);transform:translateY(-1px)}[data-style=glass] .bento-button.outline,[data-style=glass] .bento-button.icon,[data-style=glass] .bento-button.ghost{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}[data-style=glass] .bento-button.outline:hover,[data-style=glass] .bento-button.icon:hover,[data-style=glass] .bento-button.ghost:hover{background:var(--glass-bg-hover);-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong)}[data-style=glass] .bento-button.accent{box-shadow:var(--glass-highlight), 0 4px 16px color-mix(in srgb, var(--accent), transparent 70%)}[data-style=glass] .bento-menu-popup,[data-style=glass] .bento-select-popup,[data-style=glass] .bento-combobox-popup,[data-style=glass] .bento-nav-menu-popup,[data-style=glass] .bento-popover-popup,[data-style=glass] .bento-preview-card,[data-style=glass] .bento-tooltip-popup,[data-style=glass] .bento-toast,[data-style=glass] .bento-dialog-popup,[data-style=glass] .bento-alert-popup,[data-style=glass] .bento-drawer-popup{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);border-color:var(--glass-border);box-shadow:var(--glass-highlight), var(--shadow)}[data-style=glass] .bento-menu-item[data-highlighted],[data-style=glass] .bento-combobox-item[data-highlighted],[data-style=glass] .bento-select-item[data-highlighted],[data-style=glass] .bento-nav-menu-item[data-highlighted]{background:color-mix(in srgb, var(--accent), transparent 88%);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}[data-style=glass] .demo-card,[data-style=glass] .block-preview,[data-style=glass] .theme-swatch{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--glass-border);box-shadow:var(--glass-highlight), var(--shadow)}[data-style=glass] .demo-card:hover,[data-style=glass] .block-preview:hover{box-shadow:var(--glass-highlight-strong), var(--shadow-strong)}[data-style=glass] .bento-tabs-list{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--glass-border);box-shadow:var(--glass-highlight)}[data-style=glass] .bento-tabs-indicator,[data-style=glass] .bento-toggle[data-pressed],[data-style=glass] .bento-toolbar-button[data-pressed],[data-style=glass] .bento-menubar-trigger[data-open],[data-style=glass] .style-switcher button.active{background:color-mix(in srgb, var(--accent), transparent 84%);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight)}[data-style=glass] .bento-checkbox[data-checked],[data-style=glass] .bento-radio[data-checked],[data-style=glass] .bento-switch[data-checked]{box-shadow:0 0 8px color-mix(in srgb, var(--accent), transparent 55%)}[data-style=glass] .bento-slider-thumb{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight), 0 2px 8px color-mix(in srgb, var(--accent), transparent 60%)}[data-style=glass] .bento-toolbar,[data-style=glass] .bento-number-field-group{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--glass-border);box-shadow:var(--glass-highlight)}[data-style=glass] .bento-menu-separator{background:var(--glass-border)}[data-style=glass] .bento-fieldset{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--glass-border);box-shadow:var(--glass-highlight)}[data-style=glass] .bento-tooltip-popup{-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong)}[data-style=glass] .topbar-brand-mark{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight)}:root{color:var(--bt-text);background:var(--bt-bg);font-family:var(--bt-font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}body{min-width:320px;min-height:100vh;margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}#root{min-height:100vh}::selection{color:var(--selection-text);background:var(--selection-bg)}:where(button,a,[role=button],[tabindex]):focus-visible,[data-base-ui-trigger]:focus-visible,[data-base-ui-item]:focus-visible{outline:3px solid var(--bt-ring,#2563eb52);outline-offset:2px}.bento-accordion{gap:8px;display:grid}.bento-accordion-item{border:1px solid var(--bt-border);border-radius:var(--bt-radius);background:var(--group-bg)}.bento-accordion-header{margin:0}.bento-accordion-trigger{width:100%;min-height:46px;color:var(--bt-fg);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 14px;font-weight:760;display:flex}.bento-accordion-trigger svg{transition:transform .16s}.bento-accordion-item[data-open] .bento-accordion-trigger svg{transform:rotate(180deg)}.bento-accordion-panel{color:var(--bt-muted-fg);padding:0 14px 14px;line-height:1.6}.bento-alert-backdrop{z-index:60;background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:fixed;inset:0}.bento-alert-popup{z-index:61;border:1px solid var(--bt-border);border-radius:var(--bt-radius);background:var(--bt-surface);width:min(400px,100vw - 32px);box-shadow:var(--bt-shadow);padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.bento-alert-title{color:var(--bt-fg);margin:0;font-size:20px;font-weight:780}.bento-alert-description{color:var(--bt-muted-fg);margin:14px 0 22px;line-height:1.6}.bento-alert-actions{justify-content:flex-end;gap:10px;display:flex}.bento-button{border:var(--bt-border-width,1px) solid transparent;border-radius:var(--bt-radius-sm);min-height:40px;color:var(--bt-bg);background:var(--bt-surface-strong);cursor:pointer;font-weight:var(--bt-font-weight,720);transition:background var(--bt-duration,.16s) ease, box-shadow var(--bt-duration,.16s) ease;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.bento-button:hover{color:var(--bt-bg);background:var(--bt-fg)}.bento-button:focus-visible{outline:3px solid var(--bt-ring,#2563eb52);outline-offset:2px}.bento-button.outline{color:var(--bt-fg);border-color:var(--bt-border);background:var(--bt-surface)}.bento-button.outline:hover{border-color:var(--bt-border-strong);box-shadow:var(--bt-shadow)}.bento-button.ghost{color:var(--bt-fg);background:0 0}.bento-button.ghost:hover{background:var(--bt-surface-muted)}.bento-button.icon{width:40px;color:var(--bt-fg);border-color:var(--bt-border);background:var(--bt-surface);padding:0}.bento-button.icon:hover{border-color:var(--bt-border-strong);box-shadow:var(--bt-shadow)}.bento-button.accent{color:var(--bt-primary-fg);background:var(--bt-primary)}.bento-button.accent:hover{color:var(--bt-primary-fg);background:var(--bt-primary-hover)}.bento-button.teal{color:var(--bt-secondary-fg);background:var(--bt-secondary)}.bento-button.teal:hover{color:var(--bt-secondary-fg);background:color-mix(in srgb, var(--bt-secondary), var(--bt-fg) 16%)}.bento-combobox{width:min(100%,330px)}.bento-combobox-input{border:1px solid var(--bt-border-strong);border-radius:var(--bt-radius-sm);width:100%;min-height:44px;color:var(--bt-fg);background:var(--bt-surface);outline:none;align-items:center;padding:0 12px;font-size:14px;transition:border-color .14s;display:flex}.bento-combobox-input:focus{border-color:var(--bt-secondary);box-shadow:0 0 0 3px color-mix(in srgb, var(--bt-secondary), transparent 84%)}:is([dir=rtl] .bento-combobox-input,.bento-combobox-input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.bento-combobox-popup{border:1px solid var(--bt-border-strong);border-radius:var(--bt-radius);background:var(--bt-surface);min-width:220px;box-shadow:var(--bt-shadow);padding:6px}.bento-combobox-item{border-radius:var(--bt-radius-sm);min-height:36px;color:var(--bt-fg);cursor:pointer;align-items:center;gap:10px;padding:0 10px;font-size:14px;display:flex}:is([dir=rtl] .bento-combobox-popup,.bento-combobox-popup:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}:is([dir=rtl] .bento-combobox-item,.bento-combobox-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){flex-direction:row-reverse}.bento-combobox-item[data-highlighted]{background:var(--bt-surface-muted)}.bento-combobox-no-results{color:var(--bt-muted-fg);text-align:center;padding:12px;font-size:14px}[data-theme=dark] .bento-combobox-popup{background:var(--bt-select-popup-bg,var(--bt-surface));box-shadow:var(--bt-shadow)}.bento-autocomplete{width:min(100%,320px)}.bento-avatar{background:var(--bt-surface-muted);width:40px;height:40px;color:var(--bt-fg);-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;font-size:16px;font-weight:760;display:inline-flex;overflow:hidden}.bento-avatar img{object-fit:cover;width:100%;height:100%}.bento-avatar.sm{width:32px;height:32px;font-size:13px}.bento-avatar.lg{width:56px;height:56px;font-size:22px}.bento-avatar-group{display:flex}.bento-avatar-group .bento-avatar{border:2px solid var(--bt-surface);margin-left:-10px}.bento-avatar-group .bento-avatar:first-child{margin-left:0}.bento-checkbox{border:1px solid var(--bt-border-strong);width:22px;height:22px;color:var(--bt-primary-fg);background:var(--bt-surface);cursor:pointer;border-radius:5px;place-items:center;transition:border-color .14s,background .14s;display:grid}.bento-checkbox[data-checked]{border-color:var(--bt-secondary);background:var(--bt-secondary)}.bento-checkbox:focus-visible{outline:3px solid var(--bt-ring,#2563eb52);outline-offset:2px}.bento-checkbox-label{color:var(--bt-fg);cursor:pointer;align-items:center;gap:9px;font-weight:680;display:inline-flex}.bento-checkbox-group{flex-wrap:wrap;gap:12px 16px;display:flex}.bento-collapsible{border:1px solid var(--bt-border);border-radius:var(--bt-radius);background:var(--group-bg);overflow:hidden}.bento-collapsible-trigger{width:100%;min-height:46px;color:var(--bt-fg);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 14px;font-weight:760;display:flex}.bento-collapsible-trigger svg{transition:transform .16s}.bento-collapsible[data-open] .bento-collapsible-trigger svg{transform:rotate(180deg)}.bento-collapsible-panel{color:var(--bt-muted-fg);padding:0 14px 14px;line-height:1.6}.bento-menu-positioner{z-index:45}.bento-menu-popup{border:1px solid var(--bt-border-strong);border-radius:var(--bt-radius);background:var(--bt-surface);min-width:180px;box-shadow:var(--bt-shadow);padding:6px}.bento-menu-item{border-radius:var(--bt-radius-sm);min-height:36px;color:var(--bt-fg);cursor:pointer;font-size:14px;font-weight:var(--bt-font-weight,680);background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:0 10px;display:flex}:is([dir=rtl] .bento-menu-popup,.bento-menu-popup:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}:is([dir=rtl] .bento-menu-item,.bento-menu-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){flex-direction:row-reverse}.bento-menu-item[data-highlighted]{background:var(--bt-surface-muted)}.bento-menu-item[data-disabled]{color:var(--bt-muted-fg);opacity:.5;cursor:default}.bento-menu-separator{background:var(--bt-border);height:1px;margin:4px 8px}[data-theme=dark] .bento-menu-popup{background:var(--bt-select-popup-bg,var(--bt-surface));box-shadow:var(--bt-shadow)}.bento-context-menu-trigger{border:1px dashed var(--bt-border-strong);border-radius:var(--bt-radius);min-width:240px;color:var(--bt-muted-fg);background:var(--bt-surface);text-align:center;padding:22px}.bento-dialog-backdrop{z-index:50;background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:fixed;inset:0}.bento-dialog-popup{z-index:51;border:1px solid var(--bt-border);border-radius:var(--bt-radius);background:var(--bt-surface);width:min(420px,100vw - 32px);box-shadow:var(--bt-shadow);padding:22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.bento-dialog-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.bento-dialog-title{color:var(--bt-fg);font-size:20px;font-weight:var(--bt-font-weight,780);margin:0}.bento-dialog-description{color:var(--bt-muted-fg);margin:14px 0 18px;line-height:1.6}.bento-drawer-backdrop{z-index:50;background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:fixed;inset:0}.bento-drawer-popup{z-index:51;box-sizing:border-box;border:1px solid var(--bt-border);background:var(--bt-surface);box-shadow:var(--bt-shadow);flex-direction:column;display:flex;position:fixed}.bento-drawer-popup[data-side=left]{border-left:0;width:min(360px,90vw);top:0;bottom:0;left:0}.bento-drawer-popup[data-side=right]{border-right:0;width:min(360px,90vw);top:0;bottom:0;right:0}.bento-drawer-popup[data-side=top]{border-top:0;height:min(300px,50vh);top:0;left:0;right:0}.bento-drawer-popup[data-side=bottom]{border-bottom:0;height:min(300px,50vh);bottom:0;left:0;right:0}.bento-drawer-header{border-bottom:1px solid var(--bt-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.bento-drawer-title{color:var(--bt-fg);margin:0;font-size:18px;font-weight:780}.bento-drawer-description{color:var(--bt-muted-fg);padding:14px 20px;line-height:1.6}.bento-drawer-body{flex:1;padding:0 20px 20px;overflow:auto}.bento-field{gap:8px;width:min(100%,360px);display:grid}.bento-field-description,.bento-field-error{font-size:13px;line-height:1.5}.bento-field-description{color:var(--bt-muted-fg)}.bento-field-error{color:var(--bt-primary-hover)}.bento-fieldset{border:1px solid var(--bt-border);border-radius:var(--bt-radius);background:var(--bt-surface);gap:14px;min-width:0;padding:16px;display:grid}.bento-fieldset-legend{color:var(--bt-fg);padding:0 4px;font-size:14px;font-weight:760}.bento-form{gap:16px;width:min(100%,420px);display:grid}.bento-input,.bento-textarea{border:1px solid var(--bt-border-strong);border-radius:var(--bt-radius-sm);width:100%;min-height:42px;color:var(--bt-fg);background:var(--bt-surface);transition:border-color var(--bt-duration,.14s) ease, box-shadow var(--bt-duration,.14s) ease;padding:0 12px;font-size:14px}.bento-input:focus,.bento-textarea:focus{border-color:var(--bt-secondary);box-shadow:0 0 0 3px color-mix(in srgb, var(--bt-primary), transparent 82%);outline:none}.bento-textarea{resize:vertical;min-height:80px;padding:10px 12px}.bento-field{gap:8px;display:grid}.bento-field-label{color:var(--bt-muted-fg);text-transform:uppercase;font-size:13px;font-weight:760}.bento-field-error{color:var(--bt-danger);font-size:13px;font-weight:600}.field-label{color:var(--bt-muted-fg);text-transform:uppercase;font-size:13px;font-weight:760}.bento-menubar{border:1px solid var(--bt-border);border-radius:var(--bt-radius);background:var(--bt-surface);align-items:center;gap:4px;padding:4px;display:inline-flex}.bento-menubar-trigger{border-radius:var(--bt-radius-sm);height:32px;color:var(--bt-text);cursor:pointer;background:0 0;border:0;padding:0 10px;font-weight:650}.bento-menubar-trigger:hover,.bento-menubar-trigger[data-open]{color:var(--bt-fg);background:var(--bt-surface-muted)}.bento-meter{width:100%}.bento-meter-track{background:var(--track-bg);border-radius:999px;width:100%;height:12px;position:relative;overflow:hidden}.bento-meter-indicator{border-radius:inherit;background:var(--bt-primary);height:100%;transition:width .3s}.bento-meter-high{background:var(--bt-success)}.bento-meter-mid{background:var(--bt-primary)}.bento-meter-low{background:var(--bt-danger)}.bento-meter-label{color:var(--bt-muted-fg);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:680;display:flex}.bento-meter-value{color:var(--bt-fg)}.bento-nav-menu{align-items:center;display:flex;position:relative}.bento-nav-menu-list{align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.bento-nav-menu-trigger{border-radius:var(--bt-radius-sm);min-height:36px;color:var(--bt-fg);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:680;display:inline-flex}.bento-nav-menu-trigger:hover{background:var(--bt-surface-muted)}:is([dir=rtl] .bento-nav-menu-list,.bento-nav-menu-list:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))),:is([dir=rtl] .bento-nav-menu-trigger,.bento-nav-menu-trigger:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){flex-direction:row-reverse}.bento-nav-menu-trigger svg{transition:transform .14s}.bento-nav-menu-trigger[data-expanded] svg{transform:rotate(180deg)}.bento-nav-menu-popup{border:1px solid var(--bt-border-strong);border-radius:var(--bt-radius);background:var(--bt-surface);min-width:200px;box-shadow:var(--bt-shadow);padding:6px}.bento-nav-menu-item{border-radius:var(--bt-radius-sm);min-height:36px;color:var(--bt-fg);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:0 10px;font-size:14px;font-weight:680;display:flex}:is([dir=rtl] .bento-nav-menu-popup,.bento-nav-menu-popup:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}:is([dir=rtl] .bento-nav-menu-item,.bento-nav-menu-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){flex-direction:row-reverse}.bento-nav-menu-item[data-highlighted]{background:var(--bt-surface-muted)}.bento-nav-menu-viewport{width:100%;position:absolute;top:100%;left:0;overflow:hidden}[data-theme=dark] .bento-nav-menu-popup{background:var(--bt-select-popup-bg,var(--bt-surface));box-shadow:var(--bt-shadow)}.bento-number-field{gap:8px;width:220px;display:grid}.bento-number-field-group{border:1px solid var(--bt-border);border-radius:var(--bt-radius-sm);background:var(--bt-surface);grid-template-columns:36px 1fr 36px;height:40px;display:grid;overflow:hidden}.bento-number-field-button,.bento-number-field-input{color:var(--bt-fg);background:0 0;border:0}.bento-number-field-button{cursor:pointer;place-items:center;display:grid}.bento-number-field-button:hover{background:var(--bt-surface-muted)}.bento-number-field-input{text-align:center;outline:0;min-width:0}.bento-otp-field{gap:8px;display:grid}.bento-otp-inputs{flex-wrap:wrap;gap:8px;display:flex}.bento-otp-input{border:1px solid var(--bt-border);border-radius:var(--bt-radius-sm);width:40px;height:44px;color:var(--bt-fg);background:var(--bt-surface);text-align:center;outline:0;font-size:18px;font-weight:760}.bento-otp-input:focus-visible{border-color:var(--bt-info);box-shadow:0 0 0 3px color-mix(in srgb, var(--bt-primary), transparent 82%)}.bento-popover-popup{border:1px solid var(--bt-border);border-radius:var(--bt-radius);background:var(--bt-surface);width:250px;box-shadow:var(--bt-shadow);padding:16px}.bento-popover-arrow{fill:var(--bt-select-popup-bg,var(--bt-surface))}.bento-popover-title{color:var(--bt-fg);margin:0;font-size:20px;font-weight:780}.bento-popover-description{color:var(--bt-muted-fg);margin:10px 0 0;line-height:1.6}.bento-preview-card{border:1px solid var(--bt-border);border-radius:var(--bt-radius);background:var(--bt-surface);width:280px;box-shadow:var(--bt-shadow);padding:16px}.bento-preview-card img{object-fit:cover;border-radius:var(--bt-radius-sm);width:100%;height:140px;margin-bottom:12px}.bento-preview-card-title{color:var(--bt-fg);margin:0;font-size:16px;font-weight:760}.bento-preview-card-description{color:var(--bt-muted-fg);margin-top:6px;font-size:14px}.bento-preview-card-arrow{fill:var(--bt-select-popup-bg,var(--bt-surface))}.bento-progress{width:100%}.bento-progress-track{background:var(--track-bg);border-radius:999px;width:100%;height:10px;position:relative;overflow:hidden}.bento-progress-indicator{border-radius:inherit;background:linear-gradient(90deg, var(--bt-secondary), var(--bt-primary));height:100%;transition:width .3s}.bento-progress-label{color:var(--bt-muted-fg);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:680;display:flex}.bento-progress-value{color:var(--bt-fg)}.bento-radio-group{flex-wrap:wrap;gap:10px;display:flex}.bento-radio{border:1px solid var(--bt-border-strong);background:var(--bt-surface);cursor:pointer;border-radius:999px;place-items:center;width:22px;height:22px;transition:border-color .14s;display:grid}.bento-radio[data-checked]{border-color:var(--bt-secondary)}.bento-radio-indicator{background:var(--bt-secondary);border-radius:999px;width:12px;height:12px}.bento-radio-label{color:var(--bt-fg);cursor:pointer;align-items:center;gap:9px;font-weight:680;display:inline-flex}.bento-radio:focus-visible{outline:3px solid var(--bt-ring,#2563eb52);outline-offset:2px}.bento-scroll-area{border:1px solid var(--bt-border);border-radius:var(--bt-radius);overflow:hidden}.bento-scroll-area-viewport{scrollbar-width:none;width:100%;height:100%;overflow:auto}.bento-scroll-area-viewport::-webkit-scrollbar{display:none}.bento-scroll-area-scrollbar{touch-action:none;background:0 0;padding:2px;display:flex}.bento-scroll-area-scrollbar[data-vertical]{width:10px}.bento-scroll-area-thumb{background:var(--bt-border-strong);border-radius:999px;flex:1;transition:background .14s}.bento-scroll-area-thumb:hover{background:var(--scrollbar-thumb-hover)}.bento-scroll-area-corner{background:0 0}.bento-select-trigger{border:1px solid var(--bt-border-strong);border-radius:var(--bt-radius-sm);width:min(100%,330px);min-height:44px;color:var(--bt-fg);background:var(--bt-surface);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:0 12px 0 14px;font-size:14px;display:flex}:is([dir=rtl] .bento-select-trigger,.bento-select-trigger:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right;flex-direction:row-reverse;padding:0 14px 0 12px}.bento-select-trigger:focus-visible{outline:3px solid var(--bt-ring,#2563eb52);outline-offset:2px}.bento-select-positioner{z-index:40}.bento-select-popup{border:1px solid var(--bt-border-strong);border-radius:var(--bt-radius);background:var(--bt-surface);min-width:220px;box-shadow:var(--bt-shadow);padding:6px}.bento-select-item{border-radius:var(--bt-radius-sm);min-height:36px;color:var(--bt-fg);cursor:pointer;grid-template-columns:22px 1fr;align-items:center;padding:0 10px;font-size:14px;display:grid}:is([dir=rtl] .bento-select-item,.bento-select-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right;grid-template-columns:1fr 22px}:is([dir=rtl] .bento-select-item [data-base-ui-select-item-indicator],.bento-select-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) [data-base-ui-select-item-indicator]){grid-area:1/2}.bento-select-item[data-highlighted]{background:var(--bt-surface-muted)}.bento-select-item[data-selected]{color:var(--bt-secondary);font-weight:var(--bt-font-weight,720)}.bento-select-item[data-selected][data-highlighted]{background:color-mix(in srgb, var(--bt-secondary), transparent 86%)}[data-theme=dark] .bento-select-popup{background:var(--bt-select-popup-bg,var(--bt-surface));box-shadow:var(--bt-shadow)}[data-theme=dark] .bento-select-item[data-selected][data-highlighted]{background:color-mix(in srgb, var(--bt-secondary), transparent 84%)}.bento-separator{background:var(--bt-border);flex-shrink:0}.bento-separator[data-orientation=horizontal]{width:100%;height:1px}.bento-separator[data-orientation=vertical]{width:1px;height:28px}.bento-slider{width:min(100%,420px);padding:12px 0}.bento-slider-control{align-items:center;height:24px;display:flex}.bento-slider-track{background:var(--track-bg);border-radius:999px;width:100%;height:8px;position:relative}.bento-slider-indicator{background:var(--bt-primary);border-radius:999px;height:100%;position:absolute}.bento-slider-thumb{border:3px solid var(--bt-surface);background:var(--bt-primary-hover);width:22px;height:22px;box-shadow:0 5px 14px color-mix(in srgb, var(--bt-primary), transparent 70%);border-radius:999px}.bento-slider-thumb:focus-visible{outline:3px solid var(--bt-ring,#2563eb52);outline-offset:2px}.bento-switch{border:1px solid var(--bt-border-strong);background:var(--track-bg);cursor:pointer;width:44px;height:26px;transition:border-color var(--bt-duration,.16s) ease, background var(--bt-duration,.16s) ease;border-radius:999px;align-items:center;padding:3px;display:inline-flex;position:relative}.bento-switch[data-checked]{border-color:var(--bt-surface-strong);background:var(--bt-surface-strong)}.bento-switch:focus-visible{outline:3px solid var(--bt-ring,#2563eb52);outline-offset:2px}.bento-switch-thumb{background:var(--bt-surface);width:18px;height:18px;box-shadow:var(--bt-shadow);border-radius:999px;transition:transform .18s}.bento-switch[data-checked] .bento-switch-thumb{transform:translate(18px)}.bento-switch-label{color:var(--bt-fg);cursor:pointer;align-items:center;gap:9px;font-weight:680;display:inline-flex}.bento-tabs{flex-direction:column;gap:18px;min-height:100%;display:flex}.bento-tabs-list{border:1px solid var(--bt-border);border-radius:var(--bt-radius);background:var(--group-bg);gap:4px;padding:4px;display:grid;position:relative}.bento-tabs-list.cols-2{grid-template-columns:1fr 1fr}.bento-tabs-list.cols-3{grid-template-columns:1fr 1fr 1fr}.bento-tabs-tab{z-index:1;border-radius:var(--bt-radius-sm);min-height:36px;color:var(--bt-muted-fg);cursor:pointer;font-weight:var(--bt-font-weight,760);background:0 0;border:0}.bento-tabs-tab[data-selected],.bento-tabs-tab[data-active],.bento-tabs-tab[aria-selected=true]{color:var(--bt-fg)}.bento-tabs-indicator{border-radius:var(--bt-radius-sm);background:var(--bt-surface);box-shadow:var(--bt-shadow);transition:left .18s,width .18s;position:absolute;top:4px;bottom:4px}.bento-tabs-panel{border:1px solid var(--bt-border);border-radius:var(--bt-radius);background:var(--group-bg);flex:1;padding:18px}.bento-tabs-panel-title{color:var(--bt-fg);margin-bottom:10px;font-size:20px;font-weight:750;display:block}.bento-tabs-panel p{color:var(--bt-muted-fg);margin:0}.bento-toggle-group{border:1px solid var(--bt-border);border-radius:var(--bt-radius);background:var(--group-bg);gap:4px;padding:4px;display:inline-flex}.bento-toggle{border-radius:var(--bt-radius-sm);min-height:36px;color:var(--bt-muted-fg);cursor:pointer;font-weight:var(--bt-font-weight,680);transition:color var(--bt-duration,.14s) ease, background var(--bt-duration,.14s) ease;background:0 0;border:0;align-items:center;gap:8px;padding:0 12px;font-size:14px;display:inline-flex}.bento-toggle[data-pressed]{color:var(--bt-fg);background:var(--bt-surface);box-shadow:var(--bt-shadow)}.bento-toggle:focus-visible{outline:3px solid var(--bt-ring,#2563eb52);outline-offset:2px}.bento-toast-provider{z-index:100;gap:12px;width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:24px;right:24px}.bento-toast{border:1px solid var(--bt-border-strong);border-radius:var(--bt-radius);width:100%;color:var(--bt-fg);background:color-mix(in srgb, var(--bt-surface), var(--bt-bg) 4%);box-shadow:var(--bt-shadow);isolation:isolate;align-items:flex-start;gap:14px;padding:16px 44px 16px 16px;display:flex;position:relative}.bento-toast-title{color:var(--bt-fg);font-size:14px;font-weight:780;line-height:1.35}.bento-toast-description{color:var(--bt-muted-fg);margin-top:6px;font-size:13px;line-height:1.5}.bento-toast-close{border-radius:var(--bt-radius-sm);width:26px;height:26px;color:var(--bt-muted-fg);cursor:pointer;opacity:.72;background:0 0;border:0;flex-shrink:0;place-items:center;transition:color .14s,background .14s,opacity .14s;display:grid;position:absolute;top:10px;right:10px}.bento-toast-close:hover{color:var(--bt-fg);background:var(--bt-surface-muted);opacity:1}[data-theme=dark] .bento-toast{border-color:var(--bt-border-strong);background:var(--bt-select-popup-bg,var(--bt-surface));box-shadow:var(--bt-shadow)}@media (width<=640px){.bento-toast-provider{bottom:16px;right:16px}}.bento-toolbar{border:1px solid var(--bt-border);border-radius:var(--bt-radius);background:var(--bt-surface);flex-wrap:wrap;align-items:center;gap:10px;padding:8px;display:flex}.bento-toolbar-group{align-items:center;gap:4px;display:flex}.bento-toolbar-button{border-radius:var(--bt-radius-sm);width:32px;height:32px;color:var(--bt-text);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.bento-toolbar-button:hover,.bento-toolbar-button[data-pressed]{color:var(--bt-fg);background:var(--bt-surface-muted)}.bento-toolbar-separator{background:var(--bt-border);width:1px;height:22px;margin:0 4px}.bento-toolbar-search{border:1px solid var(--bt-border);border-radius:var(--bt-radius-sm);height:32px;color:var(--bt-muted-fg);align-items:center;gap:7px;padding:0 9px;display:flex}.bento-toolbar-input{width:150px;color:var(--bt-fg);background:0 0;border:0;outline:0}.bento-tooltip-popup{border:1px solid var(--bt-border);border-radius:var(--bt-radius);background:var(--bt-surface);box-shadow:var(--bt-shadow);color:var(--bt-fg);padding:8px 10px;font-size:13px;font-weight:720}.bento-tooltip-arrow{fill:var(--bt-select-popup-bg,var(--bt-surface))}.base-block{border:1px solid var(--bt-border);border-radius:var(--bt-radius);color:var(--bt-text);background:var(--bt-surface);box-shadow:var(--bt-shadow-strong);gap:16px;padding:18px;display:grid}.base-block-header,.base-block-row,.base-block-actions{align-items:center;gap:12px;display:flex}.base-block-header,.base-block-row{justify-content:space-between}.base-block-title{color:var(--bt-fg);margin:0;font-size:16px;font-weight:760}.base-block-copy{color:var(--bt-muted-fg);margin:4px 0 0;font-size:13px;line-height:1.5}.base-block-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.base-block-stat,.base-block-panel,.base-block-list-item{border:1px solid var(--bt-border);border-radius:var(--bt-radius-sm);background:var(--bt-surface-muted);padding:12px}.base-block-stat strong,.base-block-metric{color:var(--bt-fg);font-size:24px;font-weight:780;display:block}.base-block-stat span,.base-block-muted{color:var(--bt-muted-fg);font-size:12px}.base-block-list{gap:10px;display:grid}.base-block-list-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.base-block-list-main{min-width:0}.base-block-list-main strong{color:var(--bt-fg);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.base-block-list-main span{color:var(--bt-muted-fg);margin-top:2px;font-size:12px;display:block}.base-block-table{border-collapse:collapse;border:1px solid var(--bt-border);border-radius:var(--bt-radius-sm);width:100%;font-size:13px;overflow:hidden}.base-block-table th,.base-block-table td{border-bottom:1px solid var(--bt-border);text-align:left;padding:10px 12px}.base-block-table th{color:var(--bt-muted-fg);background:var(--bt-surface-muted);font-size:12px;font-weight:720}.base-block-table td{color:var(--bt-text)}.base-block-table tr:last-child td{border-bottom:0}.base-block-pill{border:1px solid var(--bt-border);min-height:22px;color:var(--bt-fg);background:var(--bt-surface);border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.base-block-form{gap:12px;display:grid}.base-block-split{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.base-block-price{color:var(--bt-fg);font-size:30px;font-weight:820}.base-block-price span{color:var(--bt-muted-fg);font-size:13px;font-weight:600}@media (width<=640px){.base-block-header,.base-block-row,.base-block-actions,.base-block-list-item,.base-block-split{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.base-block-actions{display:grid}}
2
2
  /*$vite$:1*/