base-themes 0.1.0 → 0.1.1

package/README.md

@@ -1,22 +1,33 @@
 # base-themes
 
-Themeable React components built on [Base UI](https://base-ui.com/), with ready-to-use Bento, shadcn, and neo brutalism visual styles.
+Themeable React components built on [Base UI](https://base-ui.com/), with ready-to-use Bento, shadcn, neo brutalism, and broader product UI visual styles.
 
 `base-themes` gives you typed component wrappers, shared CSS tokens, shadcn/ui-style component docs, installable registry metadata, and block examples.
 
 ## Preview
 
-### Bento
-
-![Bento theme preview](./public/previews/base-themes-bento.png)
-
-### shadcn
-
-![shadcn theme preview](./public/previews/base-themes-shadcn.png)
-
-### Neo Brutalism
-
-![Neo brutalism theme preview](./public/previews/base-themes-neo-brutalism.png)
+| Theme | Preview |
+| --- | --- |
+| Bento | ![Bento theme preview](./public/previews/base-themes-bento.png) |
+| shadcn | ![shadcn theme preview](./public/previews/base-themes-shadcn.png) |
+| Neo Brutalism | ![Neo brutalism theme preview](./public/previews/base-themes-neo-brutalism.png) |
+| Minimal | ![Minimal theme preview](./public/previews/base-themes-minimal.png) |
+| Enterprise | ![Enterprise theme preview](./public/previews/base-themes-enterprise.png) |
+| Linear | ![Linear theme preview](./public/previews/base-themes-linear.png) |
+| Glass | ![Glass theme preview](./public/previews/base-themes-glass.png) |
+| Terminal | ![Terminal theme preview](./public/previews/base-themes-terminal.png) |
+| Material | ![Material theme preview](./public/previews/base-themes-material.png) |
+| Fluent | ![Fluent theme preview](./public/previews/base-themes-fluent.png) |
+| Retro | ![Retro theme preview](./public/previews/base-themes-retro.png) |
+| Cyberpunk | ![Cyberpunk theme preview](./public/previews/base-themes-cyberpunk.png) |
+| Editorial | ![Editorial theme preview](./public/previews/base-themes-editorial.png) |
+| Calm | ![Calm theme preview](./public/previews/base-themes-calm.png) |
+| Data Dense | ![Data dense theme preview](./public/previews/base-themes-data-dense.png) |
+| Playful | ![Playful theme preview](./public/previews/base-themes-playful.png) |
+| Luxury | ![Luxury theme preview](./public/previews/base-themes-luxury.png) |
+| Soft UI | ![Soft UI theme preview](./public/previews/base-themes-soft-ui.png) |
+| Bauhaus | ![Bauhaus theme preview](./public/previews/base-themes-bauhaus.png) |
+| Mono | ![Mono theme preview](./public/previews/base-themes-mono.png) |
 
 ## Install
 
@@ -63,6 +74,23 @@ Available styles:
 - `bento`: the default Bento style with warm accents and teal controls.
 - `shadcn`: neutral/zinc product UI styling modeled after shadcn/ui.
 - `neo-brutalism`: high-contrast chunky borders, hard shadows, and bold accent colors.
+- `minimal`: Swiss-inspired whitespace, thin rules, and quiet monochrome controls.
+- `enterprise`: dense operational UI with blue actions and explicit boundaries.
+- `linear`: developer-tool polish with subtle gradients and refined dark mode.
+- `glass`: translucent surfaces, blur, and luminous focus states.
+- `terminal`: monospace command-line interface with phosphor and amber accents.
+- `material`: layered Google-style surfaces with blue primary actions and soft elevation.
+- `fluent`: Microsoft-style acrylic surfaces, soft blue accents, and gentle borders.
+- `retro`: early desktop UI cues with chunky controls and saturated classic colors.
+- `cyberpunk`: dark high-energy neon controls for expressive dashboards.
+- `editorial`: magazine-like typography, ivory surfaces, and ink-forward contrast.
+- `calm`: low-saturation wellness palette with relaxed controls and readable contrast.
+- `data-dense`: compact analytics styling for tables, filters, and repeated workflows.
+- `playful`: rounded, bright, friendly components for creative and education tools.
+- `luxury`: premium surfaces, gold accents, and fine-line hierarchy.
+- `soft-ui`: low-contrast tactile controls with inset and raised shadows.
+- `bauhaus`: geometric composition with primary colors and strong graphic contrast.
+- `mono`: black-and-white ink system with no decorative color dependency.
 
 Set `data-theme` for color mode:
 
@@ -77,7 +105,7 @@ import { useTheme } from 'base-themes'
 function ThemeToggle() {
   const { style, setStyle, resolved, setTheme } = useTheme()
   return (
-    <button onClick={() => setStyle(style === 'bento' ? 'shadcn' : 'bento')}>
+    <button onClick={() => setStyle(style === 'bento' ? 'terminal' : 'bento')}>
       {style} / {resolved}
     </button>
   )
@@ -137,6 +165,7 @@ Verify:
 npm run registry:check
 npm run lint
 npm run build
+npm run previews:generate
 ```
 
 Build outputs:
@@ -153,11 +182,13 @@ This repo includes GitHub Actions workflows:
 - `.github/workflows/ci.yml`: runs registry validation, lint, and build on PRs and pushes to `main`.
 - `.github/workflows/publish.yml`: publishes to npm on a GitHub release or manual dispatch.
 
-To publish from GitHub:
+Preview images are generated with `agent-browser` from `/themes?style=<style>&theme=light`.
+
+To publish from GitHub with npm Trusted Publishing:
 
-1. Add an npm automation token as the `NPM_TOKEN` repository secret.
-2. Create a GitHub release for the package version.
-3. The publish workflow runs `npm publish --access public --provenance`.
+1. Configure npm trusted publisher for owner `markbang`, repository `base-themes`, workflow `publish.yml`, and environment `npm`.
+2. Create a GitHub release for the package version, or run the publish workflow manually.
+3. The publish workflow runs `npm publish --access public` using GitHub OIDC.
 
 Manual local dry run:
 

package/dist/base-themes.css

@@ -1,2 +1,2 @@
-.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-offset:2px;outline:3px solid #2563eb52}.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:#fff;background:var(--accent)}.bento-button.accent:hover{background:var(--accent-strong)}.bento-button.teal{color:#fff;background:var(--teal)}.bento-button.teal:hover{background:#0d5c55}.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:#111827;box-shadow:0 18px 48px #00000061,0 0 0 1px #ffffff05}.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);color:#fff;background:var(--surface);cursor:pointer;border-radius:5px;place-items:center;width:22px;height:22px;transition:border-color .14s,background .14s;display:grid}.bento-checkbox[data-checked]{border-color:var(--teal);background:var(--teal)}.bento-checkbox:focus-visible{outline-offset:2px;outline:3px solid #2563eb52}.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:#111827;box-shadow:0 18px 48px #00000061,0 0 0 1px #ffffff05}.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);outline:none;box-shadow:0 0 0 3px #0f766e1f}.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:#dc2626;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:#dc2626}.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:#111827;box-shadow:0 18px 48px #00000061,0 0 0 1px #ffffff05}.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 #2563eb2e}.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:#fff}.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:#fff}.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-offset:2px;outline:3px solid #2563eb52}.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-offset:2px;outline:3px solid #2563eb52}.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:#111827;box-shadow:0 18px 48px #00000061,0 0 0 1px #ffffff05}[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{background:var(--accent-strong);border:3px solid #fff;border-radius:999px;width:22px;height:22px;box-shadow:0 5px 14px #ea580c47}.bento-slider-thumb:focus-visible{outline-offset:2px;outline:3px solid #2563eb52}.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-offset:2px;outline:3px solid #2563eb52}.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]{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-offset:2px;outline:3px solid #2563eb52}.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:#111827;box-shadow:0 18px 48px #00000061,0 0 0 1px #ffffff05}@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:#fff}
+:root{--bg:#f5f7fb;--surface:#fff;--surface-strong:#0f172a;--surface-muted:#eef2f7;--text:#334155;--text-strong:#111827;--text-muted:#64748b;--line:#d9e0ea;--line-strong:#c0cad8;--accent:#f97316;--accent-strong:#ea580c;--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:#71717a;--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:#64748b;--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;--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;--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;--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:#607089;--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;--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;--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;--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:#71717a;--line:#e4e7ee;--line-strong:#c9ced8;--accent:#5b5bd6;--accent-strong:#4848c7;--teal:#10b981;--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;--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;--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;--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:#64748b;--line:#ffffffb8;--line-strong:#3b82f647;--accent:#2563eb;--accent-strong:#1d4ed8;--teal:#0891b2;--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;--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;--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;--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;--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;--code-bg:#052e16;--code-text:#dcfce7;--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:#00897b;--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;--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;--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;--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:#6bb700;--blue:#60cdff;--green:#6bb700;--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;--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:#5b6470;--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;--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;--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;--code-bg:#05000b;--code-text:#f5d0fe;--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:#c026d3;--accent-strong:#86198f;--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;--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:#75675c;--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;--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;--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:#71827b;--line:#d6e2dc;--line-strong:#a9beb5;--accent:#4f8a7b;--accent-strong:#3d7063;--teal:#2f9e8f;--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;--selection-bg:#4f8a7b;--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;--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;--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:#64748b;--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;--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;--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;--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:#7c6a91;--line:#ead7ff;--line-strong:#c4a6ff;--accent:#8b5cf6;--accent-strong:#7c3aed;--teal:#14b8a6;--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;--selection-bg:#8b5cf6;--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;--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;--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;--code-bg:#050403;--code-text:#f7ecd0;--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:#8a7656;--line:#dfd0b6;--line-strong:#a88945;--accent:#9f7a36;--accent-strong:#74551f;--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;--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:#718096;--line:#d8e0ea;--line-strong:#b7c2d1;--accent:#4f7cff;--accent-strong:#3d63d8;--teal:#2f9e8f;--blue:#4f7cff;--green:#3f9b58;--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;--selection-bg:#4f7cff;--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;--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;--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:#e11d2e;--accent-strong:#b91c1c;--teal:#005f73;--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;--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;--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;--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;--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:#fff;--teal:#fff;--blue:#fff;--green:#fff;--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;--selection-bg:#fff;--selection-text:#000}:root{--theme-primary:var(--accent);--theme-primary-hover:var(--accent-strong);--theme-primary-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-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=bauhaus][data-theme=dark],[data-style=mono][data-theme=dark]{--theme-primary-foreground:var(--bg)}[data-style=neo-brutalism],[data-style=retro],[data-style=bauhaus]{--theme-primary-foreground:#000;--theme-control-active:var(--surface-muted)}[data-style=mono]{--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=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=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-primary-foreground);background:var(--teal)}[data-style] .bento-button.teal:hover{color:var(--theme-primary-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]{cursor:not-allowed;opacity:.52}[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]{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{box-shadow:var(--shadow);border-color:#0000}[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=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] .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-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]{color:#000;background:var(--surface-muted)}[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-offset:2px;outline:3px solid #2563eb52}.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-offset:2px;outline:3px solid #2563eb52}.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:#fff;background:var(--accent)}.bento-button.accent:hover{background:var(--accent-strong)}.bento-button.teal{color:#fff;background:var(--teal)}.bento-button.teal:hover{background:#0d5c55}.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:#111827;box-shadow:0 18px 48px #00000061,0 0 0 1px #ffffff05}.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);color:#fff;background:var(--surface);cursor:pointer;border-radius:5px;place-items:center;width:22px;height:22px;transition:border-color .14s,background .14s;display:grid}.bento-checkbox[data-checked]{border-color:var(--teal);background:var(--teal)}.bento-checkbox:focus-visible{outline-offset:2px;outline:3px solid #2563eb52}.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:#111827;box-shadow:0 18px 48px #00000061,0 0 0 1px #ffffff05}.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);outline:none;box-shadow:0 0 0 3px #0f766e1f}.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:#dc2626;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:#dc2626}.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:#111827;box-shadow:0 18px 48px #00000061,0 0 0 1px #ffffff05}.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 #2563eb2e}.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:#fff}.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:#fff}.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-offset:2px;outline:3px solid #2563eb52}.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-offset:2px;outline:3px solid #2563eb52}.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:#111827;box-shadow:0 18px 48px #00000061,0 0 0 1px #ffffff05}[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{background:var(--accent-strong);border:3px solid #fff;border-radius:999px;width:22px;height:22px;box-shadow:0 5px 14px #ea580c47}.bento-slider-thumb:focus-visible{outline-offset:2px;outline:3px solid #2563eb52}.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-offset:2px;outline:3px solid #2563eb52}.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-offset:2px;outline:3px solid #2563eb52}.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:#111827;box-shadow:0 18px 48px #00000061,0 0 0 1px #ffffff05}@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:#fff}
 /*$vite$:1*/