@berenjena/react-dev-panel 2.0.0 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/README.md +75 -52
  2. package/dist/assets/index.css +1 -1
  3. package/dist/assets/{RangeControl.css → index10.css} +1 -1
  4. package/dist/assets/index11.css +1 -0
  5. package/dist/assets/index13.css +1 -0
  6. package/dist/assets/index14.css +1 -0
  7. package/dist/assets/index15.css +1 -0
  8. package/dist/assets/index2.css +1 -0
  9. package/dist/assets/index6.css +1 -0
  10. package/dist/assets/index7.css +1 -0
  11. package/dist/assets/index8.css +1 -0
  12. package/dist/components/ControlRenderer/controls/BooleanControl/index.d.ts +32 -1
  13. package/dist/components/ControlRenderer/controls/BooleanControl/index.js +24 -2
  14. package/dist/components/ControlRenderer/controls/ButtonControl/index.d.ts +33 -1
  15. package/dist/components/ControlRenderer/controls/ButtonControl/index.js +8 -2
  16. package/dist/components/ControlRenderer/controls/ButtonGroupControl/index.d.ts +37 -1
  17. package/dist/components/ControlRenderer/controls/ButtonGroupControl/index.js +20 -2
  18. package/dist/components/ControlRenderer/controls/ColorControl/index.d.ts +23 -1
  19. package/dist/components/ControlRenderer/controls/ColorControl/index.js +67 -2
  20. package/dist/components/ControlRenderer/controls/DateControl/index.d.ts +41 -1
  21. package/dist/components/ControlRenderer/controls/DateControl/index.js +29 -2
  22. package/dist/components/ControlRenderer/controls/DragAndDropControl/index.d.ts +2 -0
  23. package/dist/components/ControlRenderer/controls/DragAndDropControl/index.js +117 -0
  24. package/dist/components/ControlRenderer/controls/DragAndDropControl/types.d.ts +20 -0
  25. package/dist/components/ControlRenderer/controls/MultiSelectControl/index.d.ts +28 -1
  26. package/dist/components/ControlRenderer/controls/MultiSelectControl/index.js +16 -2
  27. package/dist/components/ControlRenderer/controls/NumberControl/index.d.ts +45 -1
  28. package/dist/components/ControlRenderer/controls/NumberControl/index.js +30 -2
  29. package/dist/components/ControlRenderer/controls/RangeControl/index.d.ts +46 -1
  30. package/dist/components/ControlRenderer/controls/RangeControl/index.js +38 -2
  31. package/dist/components/ControlRenderer/controls/SelectControl/index.d.ts +39 -1
  32. package/dist/components/ControlRenderer/controls/SelectControl/index.js +6 -2
  33. package/dist/components/ControlRenderer/controls/SeparatorControl/index.d.ts +39 -1
  34. package/dist/components/ControlRenderer/controls/SeparatorControl/index.js +12 -2
  35. package/dist/components/ControlRenderer/controls/TextControl/index.d.ts +40 -1
  36. package/dist/components/ControlRenderer/controls/TextControl/index.js +28 -2
  37. package/dist/components/ControlRenderer/controls/TextControl/types.d.ts +1 -0
  38. package/dist/components/ControlRenderer/controls/index.d.ts +1 -0
  39. package/dist/components/ControlRenderer/controls/index.js +2 -1
  40. package/dist/components/ControlRenderer/controls/types.d.ts +2 -0
  41. package/dist/components/ControlRenderer/index.d.ts +6 -1
  42. package/dist/components/ControlRenderer/index.js +50 -2
  43. package/dist/components/DevPanel/index.d.ts +11 -1
  44. package/dist/components/DevPanel/index.js +67 -2
  45. package/dist/components/DevPanel/types.d.ts +13 -6
  46. package/dist/components/DevPanelPortal/index.d.ts +9 -1
  47. package/dist/components/DevPanelPortal/index.js +15 -2
  48. package/dist/components/EmptyContent/index.d.ts +1 -1
  49. package/dist/components/EmptyContent/index.js +17 -2
  50. package/dist/components/Icon/index.d.ts +3 -3
  51. package/dist/components/Input/index.d.ts +1 -1
  52. package/dist/components/Input/index.js +8 -2
  53. package/dist/components/Section/index.d.ts +7 -1
  54. package/dist/components/Section/index.js +23 -2
  55. package/dist/components/Select/index.d.ts +15 -1
  56. package/dist/components/Select/index.js +176 -2
  57. package/dist/components/Textarea/index.d.ts +5 -0
  58. package/dist/components/Textarea/index.js +18 -0
  59. package/dist/components/index.js +3 -3
  60. package/dist/hooks/useDebounceCallback/index.d.ts +8 -1
  61. package/dist/hooks/useDebounceCallback/index.js +15 -2
  62. package/dist/hooks/useDevPanel/index.d.ts +29 -1
  63. package/dist/hooks/useDevPanel/index.js +22 -2
  64. package/dist/hooks/useDragAndDrop/index.d.ts +20 -1
  65. package/dist/hooks/useDragAndDrop/index.js +53 -2
  66. package/dist/hooks/{useHotkeys/useHotkey.d.ts → useHotKey/index.d.ts} +1 -1
  67. package/dist/hooks/{useHotkeys/useHotkey.js → useHotKey/index.js} +1 -1
  68. package/dist/hooks/useHotkeys/index.d.ts +37 -2
  69. package/dist/hooks/useHotkeys/index.js +29 -4
  70. package/dist/index.js +1 -1
  71. package/dist/store/UIStore.d.ts +78 -2
  72. package/dist/store/UIStore.js +95 -34
  73. package/dist/utils/getPositionAdjustment/getPositionAdjustment.d.ts +3 -2
  74. package/dist/utils/getPositionAdjustment/getPositionAdjustment.js +1 -4
  75. package/package.json +43 -29
  76. package/dist/assets/BooleanControl.css +0 -1
  77. package/dist/assets/ButtonControl.css +0 -1
  78. package/dist/assets/ButtonGroupControl.css +0 -1
  79. package/dist/assets/DevPanel.css +0 -1
  80. package/dist/assets/Input.css +0 -1
  81. package/dist/assets/MultiSelectControl.css +0 -1
  82. package/dist/assets/Select.css +0 -1
  83. package/dist/components/ControlRenderer/ControlRenderer.d.ts +0 -6
  84. package/dist/components/ControlRenderer/ControlRenderer.js +0 -52
  85. package/dist/components/ControlRenderer/controls/BooleanControl/BooleanControl.d.ts +0 -32
  86. package/dist/components/ControlRenderer/controls/BooleanControl/BooleanControl.js +0 -26
  87. package/dist/components/ControlRenderer/controls/ButtonControl/ButtonControl.d.ts +0 -33
  88. package/dist/components/ControlRenderer/controls/ButtonControl/ButtonControl.js +0 -10
  89. package/dist/components/ControlRenderer/controls/ButtonGroupControl/ButtonGroupControl.d.ts +0 -37
  90. package/dist/components/ControlRenderer/controls/ButtonGroupControl/ButtonGroupControl.js +0 -22
  91. package/dist/components/ControlRenderer/controls/ColorControl/ColorControl.d.ts +0 -23
  92. package/dist/components/ControlRenderer/controls/ColorControl/ColorControl.js +0 -69
  93. package/dist/components/ControlRenderer/controls/DateControl/DateControl.d.ts +0 -41
  94. package/dist/components/ControlRenderer/controls/DateControl/DateControl.js +0 -31
  95. package/dist/components/ControlRenderer/controls/MultiSelectControl/MultiSelectControl.d.ts +0 -28
  96. package/dist/components/ControlRenderer/controls/MultiSelectControl/MultiSelectControl.js +0 -131
  97. package/dist/components/ControlRenderer/controls/NumberControl/NumberControl.d.ts +0 -45
  98. package/dist/components/ControlRenderer/controls/NumberControl/NumberControl.js +0 -32
  99. package/dist/components/ControlRenderer/controls/RangeControl/RangeControl.d.ts +0 -46
  100. package/dist/components/ControlRenderer/controls/RangeControl/RangeControl.js +0 -40
  101. package/dist/components/ControlRenderer/controls/SelectControl/SelectControl.d.ts +0 -39
  102. package/dist/components/ControlRenderer/controls/SelectControl/SelectControl.js +0 -11
  103. package/dist/components/ControlRenderer/controls/SeparatorControl/SeparatorControl.d.ts +0 -39
  104. package/dist/components/ControlRenderer/controls/SeparatorControl/SeparatorControl.js +0 -14
  105. package/dist/components/ControlRenderer/controls/TextControl/TextControl.d.ts +0 -40
  106. package/dist/components/ControlRenderer/controls/TextControl/TextControl.js +0 -30
  107. package/dist/components/DevPanel/DevPanel.d.ts +0 -11
  108. package/dist/components/DevPanel/DevPanel.js +0 -72
  109. package/dist/components/DevPanelPortal/DevPanelPortal.d.ts +0 -8
  110. package/dist/components/DevPanelPortal/DevPanelPortal.js +0 -17
  111. package/dist/components/EmptyContent/EmptyContent.d.ts +0 -1
  112. package/dist/components/EmptyContent/EmptyContent.js +0 -18
  113. package/dist/components/Input/Input.d.ts +0 -1
  114. package/dist/components/Input/Input.js +0 -10
  115. package/dist/components/Section/Section.d.ts +0 -7
  116. package/dist/components/Section/Section.js +0 -25
  117. package/dist/components/Select/Select.d.ts +0 -1
  118. package/dist/components/Select/Select.js +0 -10
  119. package/dist/hooks/useDebounceCallback/useDebounceCallback.d.ts +0 -8
  120. package/dist/hooks/useDebounceCallback/useDebounceCallback.js +0 -17
  121. package/dist/hooks/useDevPanel/useDevPanel.d.ts +0 -29
  122. package/dist/hooks/useDevPanel/useDevPanel.js +0 -25218
  123. package/dist/hooks/useDragAndDrop/useDragAndDrop.d.ts +0 -20
  124. package/dist/hooks/useDragAndDrop/useDragAndDrop.js +0 -55
  125. package/dist/hooks/useHotkeys/useHotkeys.d.ts +0 -37
  126. package/dist/hooks/useHotkeys/useHotkeys.js +0 -31
  127. package/dist/managers/index.d.ts +0 -1
  128. package/dist/managers/index.js +0 -4
  129. package/dist/store/ThemeStore.d.ts +0 -68
  130. package/dist/store/ThemeStore.js +0 -102
  131. package/dist/store/index.d.ts +0 -4
  132. package/dist/store/index.js +0 -18
  133. package/dist/utils/index.d.ts +0 -9
  134. package/dist/utils/index.js +0 -20
  135. /package/dist/assets/{ColorControl.css → index12.css} +0 -0
  136. /package/dist/assets/{EmptyContent.css → index3.css} +0 -0
  137. /package/dist/assets/{Section.css → index4.css} +0 -0
  138. /package/dist/assets/{ControlRenderer.css → index5.css} +0 -0
  139. /package/dist/assets/{SeparatorControl.css → index9.css} +0 -0
package/README.md CHANGED
@@ -5,16 +5,17 @@
5
5
  [![License: MIT](https://badgen.net/npm/license/@berenjena/react-dev-panel)](https://opensource.org/licenses/MIT)
6
6
  [![Weekly Downloads](https://badgen.net/npm/dw/@berenjena/react-dev-panel)](https://www.npmjs.com/package/@berenjena/react-dev-panel)
7
7
 
8
- A powerful, type-safe React development panel that provides an intuitive interface for controlling component props, debugging state, and rapid prototyping during development.
8
+ A powerful, type-safe development panel for React that allows developers to inspect and control component props, manage state, and accelerate prototyping directly within the application UI.
9
9
 
10
10
  ## ✨ Features
11
11
 
12
- - 🎛️ **Rich Control Types** - Boolean, Number, Text, Select, Color, Range, Date, Button, and Separator controls
13
- - 🎨 **Themeable** - Consistent design system with CSS custom properties
14
- - ⌨️ **Keyboard Shortcuts** - Quick access with customizable hotkeys
12
+ - 🎛️ **Rich Control Types** - Boolean, Number, Text, Select, Color, Range, Date, Button, ButtonGroup, and Separator controls
13
+ - 🚀 **Zero Configuration** - Auto-mounting and unmounting, no providers or setup required
14
+ - 🎨 **Themeable** - Built-in themes and CSS custom properties for customization
15
+ - ⌨️ **Keyboard Shortcuts** - Customizable hotkeys for panel toggle
15
16
  - 📖 **TypeScript First** - Full type safety and IntelliSense support
16
- - 🚀 **Zero Dependencies** - Only requires React (peer dependency)
17
- - 📦 **Bundle Size**: ![npm package minimized gzipped size](<https://img.shields.io/bundlejs/size/%40berenjena%2Freact-dev-panel?label=Bundle%20size%20(gzip)>)
17
+ - � **Auto State Management** - Automatic portal rendering and lifecycle management
18
+ - 📦 **Lightweight** - Only requires React as peer dependency
18
19
 
19
20
  ## 📦 Installation
20
21
 
@@ -32,11 +33,18 @@ pnpm add -D @berenjena/react-dev-panel
32
33
 
33
34
  ## 🚀 Quick Start
34
35
 
36
+ The package exposes a single hook: `useDevPanel`. This hook handles everything automatically:
37
+
38
+ - **Auto-mounting**: Creates and mounts the dev panel UI when first called
39
+ - **Auto-unmounting**: Removes the panel from DOM when no controls are active
40
+ - **State management**: Manages all internal state and control synchronization
41
+ - **Portal rendering**: Renders the panel outside your component tree
42
+
35
43
  ### Basic Usage
36
44
 
37
45
  ```tsx
38
46
  import { useState } from "react";
39
- import { useDevPanel, DevPanel } from "@berenjena/react-dev-panel";
47
+ import { useDevPanel } from "@berenjena/react-dev-panel";
40
48
 
41
49
  function App() {
42
50
  const [name, setName] = useState("John Doe");
@@ -80,13 +88,13 @@ function App() {
80
88
  <p>Age: {age}</p>
81
89
  <p>Status: {isActive ? "Active" : "Inactive"}</p>
82
90
  <p>Theme: {theme}</p>
83
-
84
- <DevPanel />
85
91
  </div>
86
92
  );
87
93
  }
88
94
  ```
89
95
 
96
+ That's it! No additional components or providers needed. The hook automatically handles the entire panel lifecycle.
97
+
90
98
  ## 🎛️ Control Types
91
99
 
92
100
  React Dev Panel provides rich control types for different data types. Here are some quick examples:
@@ -156,50 +164,63 @@ The dev panel uses CSS custom properties for easy theming. Here's a quick exampl
156
164
 
157
165
  ## ⌨️ Keyboard Shortcuts
158
166
 
159
- The dev panel supports customizable keyboard shortcuts:
167
+ The dev panel supports customizable keyboard shortcuts. The default hotkey is `Ctrl+Shift+A`:
160
168
 
161
169
  ```tsx
162
- import { useHotkeys } from "@berenjena/react-dev-panel";
163
-
164
- function App() {
165
- useHotkeys([
166
- {
167
- keys: ["ctrl", "d"],
168
- action: () => toggleDevPanel(),
169
- description: "Toggle Dev Panel",
170
- },
171
- {
172
- keys: ["ctrl", "shift", "r"],
173
- action: () => resetAllValues(),
174
- description: "Reset All Values",
175
- },
176
- ]);
177
- }
170
+ useDevPanel("My Section", controls, {
171
+ hotKeyConfig: {
172
+ key: "d", // The key to press
173
+ ctrlKey: true, // Requires Ctrl key
174
+ shiftKey: false, // Requires Shift key
175
+ altKey: true, // Requires Alt key
176
+ metaKey: false, // Requires Meta/Cmd key (Mac)
177
+ },
178
+ });
178
179
  ```
179
180
 
180
181
  ## 🔧 Advanced Usage
181
182
 
182
- ### Multiple Panel Groups
183
+ ### Multiple Panel Sections
184
+
185
+ You can call `useDevPanel` from multiple components to create organized sections:
183
186
 
184
187
  ```tsx
185
188
  function App() {
186
- // Group 1: User Settings
187
- useDevPanel("User", {
189
+ // In UserProfile.tsx
190
+ useDevPanel("User Profile", {
188
191
  name: { type: "text", value: name, onChange: setName },
189
- age: { type: "number", value: age, onChange: setAge },
192
+ avatar: { type: "text", value: avatar, onChange: setAvatar },
190
193
  });
191
194
 
192
- // Group 2: App Settings
193
- useDevPanel("App", {
195
+ // In AppSettings.tsx
196
+ useDevPanel("App Settings", {
194
197
  theme: { type: "select", value: theme, options: ["light", "dark"], onChange: setTheme },
195
198
  debug: { type: "boolean", value: debug, onChange: setDebug },
196
199
  });
197
200
 
198
- return <DevPanel />;
201
+ // Both sections appear in the same panel automatically
202
+ return <YourApp />;
199
203
  }
200
204
  ```
201
205
 
202
- **📖 [Advanced patterns, state management, and optimization →](./guides/ADVANCED_USAGE.md)**
206
+ ### Panel Configuration
207
+
208
+ Customize the panel's appearance and behavior:
209
+
210
+ ```tsx
211
+ useDevPanel("My Section", controls, {
212
+ panelTitle: "Custom Panel Title",
213
+ theme: "dark", // Built-in themes: light, dark, neon, etc.
214
+ hotKeyConfig: {
215
+ // Custom toggle hotkey (default: Ctrl+Shift+A)
216
+ key: "f",
217
+ ctrlKey: true,
218
+ shiftKey: true,
219
+ altKey: false,
220
+ metaKey: false,
221
+ },
222
+ });
223
+ ```
203
224
 
204
225
  ### Event Handling Options
205
226
 
@@ -240,36 +261,38 @@ React Dev Panel supports two different event handling strategies for input contr
240
261
 
241
262
  ## 📚 API Reference
242
263
 
243
- ### `useDevPanel(groupName: string, controls: ControlsGroup)`
264
+ ### `useDevPanel(sectionName, controls, devPanelProps?)`
244
265
 
245
- Registers a group of controls with the dev panel.
266
+ The only export from this package. This hook manages the entire dev panel lifecycle and handles all the heavy lifting for you.
246
267
 
247
268
  **Parameters:**
248
269
 
249
- - `groupName` - Unique identifier for the control group
270
+ - `sectionName` - Unique identifier for the control group
250
271
  - `controls` - Object containing control definitions
272
+ - `devPanelProps` - Optional panel configuration (title, theme, hotkeys)
251
273
 
252
- ### `<DevPanel />`
253
-
254
- Main component that renders the development panel.
255
-
256
- **Props:**
257
-
258
- - `panelTitle?: string` - Custom title for the panel
259
- - `position?: { x: number, y: number }` - Initial position
260
- - `defaultExpanded?: boolean` - Whether the panel starts expanded
274
+ **What it does automatically:**
261
275
 
262
- ### `useHotkeys(hotkeys: Hotkey[])`
276
+ - **Portal Management**: Creates a React portal on first use and renders the panel outside your component tree
277
+ - **State Synchronization**: Keeps all controls in sync across multiple component instances
278
+ - **Lifecycle Management**: Mounts the panel when controls are registered, unmounts when all controls are removed
279
+ - **Memory Management**: Cleans up subscriptions and DOM elements when components unmount
280
+ - **Theme Application**: Applies theme configurations and CSS custom properties
263
281
 
264
- Registers keyboard shortcuts.
282
+ ## 🛠️ Development
265
283
 
266
- **Parameters:**
284
+ Want to contribute or set up the project locally?
267
285
 
268
- - `hotkeys` - Array of hotkey definitions with keys, action, and description
286
+ React Dev Panel maintains high code quality standards with comprehensive tooling:
269
287
 
270
- ## 🛠️ Development
288
+ - **🔍 ESLint** - Comprehensive linting for TypeScript and React
289
+ - **💅 Prettier** - Automatic code formatting
290
+ - **🎨 Stylelint** - CSS/SCSS linting and formatting
291
+ - **📝 Commitlint** - Conventional commit message validation
292
+ - **🪝 Husky** - Pre-commit hooks for quality assurance
293
+ - **📦 Changesets** - Automated version management and releases
271
294
 
272
- Want to contribute or set up the project locally?
295
+ All quality checks run automatically via pre-commit hooks, ensuring consistent code quality.
273
296
 
274
297
  **📖 [Development setup, contributing guidelines, and project structure →](./guides/DEVELOPMENT.md)**
275
298
 
package/dist/assets/index.css CHANGED
@@ -1 +1 @@
1
- :root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #6366f1;--dev-panel-accent-color-hover: #5855eb;--dev-panel-accent-color-active: #4f46e5;--dev-panel-accent-color-disabled: #6366f150;--dev-panel-primary-color: #6366f1;--dev-panel-primary-color-hover: #5855eb;--dev-panel-primary-color-active: #4f46e5;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #6366f1;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #6366f1;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-xs: 2px;--dev-panel-spacing-sm: 4px;--dev-panel-spacing-md: 8px;--dev-panel-spacing-lg: 12px;--dev-panel-spacing-xl: 16px;--dev-panel-spacing-2xl: 20px;--dev-panel-spacing-3xl: 24px;--dev-panel-spacing-4xl: 32px;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 320px;--dev-panel-min-width: 280px;--dev-panel-max-height: 80vh;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}@media (prefers-color-scheme: light){:root{--dev-panel-accent-color: #6366f1 !important;--dev-panel-accent-color-hover: #5855eb !important;--dev-panel-accent-color-active: #4f46e5 !important;--dev-panel-accent-color-disabled: #6366f130 !important;--dev-panel-primary-color: #6366f1 !important;--dev-panel-primary-color-hover: #5855eb !important;--dev-panel-primary-color-active: #4f46e5 !important;--dev-panel-secondary-color: #64748b !important;--dev-panel-secondary-color-hover: #475569 !important;--dev-panel-secondary-color-active: #334155 !important;--dev-panel-background-color: #f8fafc !important;--dev-panel-background-color-secondary: #f1f5f9 !important;--dev-panel-background-color-tertiary: #e2e8f0 !important;--dev-panel-foreground-color: #ffffff !important;--dev-panel-surface-color: #ffffff !important;--dev-panel-surface-color-hover: #f8fafc !important;--dev-panel-surface-color-active: #f1f5f9 !important;--dev-panel-text-color: #0f172a !important;--dev-panel-text-color-secondary: #334155 !important;--dev-panel-text-color-muted: #64748b !important;--dev-panel-text-color-disabled: #94a3b8 !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #0f172a !important;--dev-panel-border-color: #e2e8f0 !important;--dev-panel-border-color-light: #cbd5e1 !important;--dev-panel-border-color-strong: #94a3b8 !important;--dev-panel-border-color-accent: #6366f1 !important;--dev-panel-input-background-color: #ffffff !important;--dev-panel-input-background-color-hover: #f8fafc !important;--dev-panel-input-background-color-focus: #ffffff !important;--dev-panel-input-border-color: #d1d5db !important;--dev-panel-input-border-color-hover: #9ca3af !important;--dev-panel-input-border-color-focus: #6366f1 !important;--dev-panel-input-text-color: #111827 !important;--dev-panel-input-placeholder-color: #9ca3af !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary) !important;--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color-light) !important;--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-strong) !important}}:root[data-dev-panel-theme=dark]{color-scheme:dark!important;--dev-panel-background-color: #1e293b !important;--dev-panel-background-color-secondary: #334155 !important;--dev-panel-background-color-tertiary: #475569 !important;--dev-panel-foreground-color: #0f172a !important;--dev-panel-surface-color: #334155 !important;--dev-panel-surface-color-hover: #475569 !important;--dev-panel-surface-color-active: #64748b !important;--dev-panel-text-color: #f1f5f9 !important;--dev-panel-text-color-secondary: #cbd5e1 !important;--dev-panel-text-color-muted: #94a3b8 !important;--dev-panel-text-color-disabled: #64748b !important;--dev-panel-text-color-on-surface: #f1f5f9 !important;--dev-panel-border-color: #475569 !important;--dev-panel-border-color-light: #64748b !important;--dev-panel-border-color-strong: #334155 !important;--dev-panel-input-background-color: #0f172a !important;--dev-panel-input-background-color-hover: #1e293b !important;--dev-panel-input-background-color-focus: #1e293b !important;--dev-panel-input-border-color: #475569 !important;--dev-panel-input-border-color-hover: #64748b !important;--dev-panel-input-text-color: #f1f5f9 !important;--dev-panel-input-placeholder-color: #64748b !important;--dev-panel-scrollbar-track-color: #334155 !important;--dev-panel-scrollbar-thumb-color: #475569 !important;--dev-panel-scrollbar-thumb-hover-color: #64748b !important}:root[data-dev-panel-theme=light]{color-scheme:light!important;--dev-panel-background-color: #f8fafc !important;--dev-panel-background-color-secondary: #f1f5f9 !important;--dev-panel-background-color-tertiary: #e2e8f0 !important;--dev-panel-foreground-color: #ffffff !important;--dev-panel-surface-color: #ffffff !important;--dev-panel-surface-color-hover: #f8fafc !important;--dev-panel-surface-color-active: #f1f5f9 !important;--dev-panel-text-color: #0f172a !important;--dev-panel-text-color-secondary: #334155 !important;--dev-panel-text-color-muted: #64748b !important;--dev-panel-text-color-disabled: #94a3b8 !important;--dev-panel-text-color-on-surface: #0f172a !important;--dev-panel-border-color: #e2e8f0 !important;--dev-panel-border-color-light: #cbd5e1 !important;--dev-panel-border-color-strong: #94a3b8 !important;--dev-panel-input-background-color: #ffffff !important;--dev-panel-input-background-color-hover: #f8fafc !important;--dev-panel-input-background-color-focus: #ffffff !important;--dev-panel-input-border-color: #d1d5db !important;--dev-panel-input-border-color-hover: #9ca3af !important;--dev-panel-input-text-color: #111827 !important;--dev-panel-input-placeholder-color: #9ca3af !important;--dev-panel-scrollbar-track-color: #f1f5f9 !important;--dev-panel-scrollbar-thumb-color: #cbd5e1 !important;--dev-panel-scrollbar-thumb-hover-color: #94a3b8 !important}:root[data-dev-panel-theme=orange]{color-scheme:dark!important;--dev-panel-accent-color: #ff6200 !important;--dev-panel-accent-color-hover: #e55a00 !important;--dev-panel-accent-color-active: #cc5100 !important;--dev-panel-accent-color-disabled: #ff620030 !important;--dev-panel-primary-color: #ff6200 !important;--dev-panel-primary-color-hover: #e55a00 !important;--dev-panel-primary-color-active: #cc5100 !important;--dev-panel-secondary-color: #666666 !important;--dev-panel-secondary-color-hover: #555555 !important;--dev-panel-secondary-color-active: #444444 !important;--dev-panel-background-color: #1a1a1a !important;--dev-panel-background-color-secondary: #2a2a2a !important;--dev-panel-background-color-tertiary: #3a3a3a !important;--dev-panel-foreground-color: #0f0f0f !important;--dev-panel-surface-color: #2a2a2a !important;--dev-panel-surface-color-hover: #3a3a3a !important;--dev-panel-surface-color-active: #4a4a4a !important;--dev-panel-text-color: #ffffff !important;--dev-panel-text-color-secondary: #e6e6e6 !important;--dev-panel-text-color-muted: #cccccc !important;--dev-panel-text-color-disabled: #999999 !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #ffffff !important;--dev-panel-border-color: #333333 !important;--dev-panel-border-color-light: #444444 !important;--dev-panel-border-color-strong: #222222 !important;--dev-panel-border-color-accent: #ff6200 !important;--dev-panel-input-background-color: #2a2a2a !important;--dev-panel-input-background-color-hover: #3a3a3a !important;--dev-panel-input-background-color-focus: #2a2a2a !important;--dev-panel-input-border-color: #444444 !important;--dev-panel-input-border-color-hover: #555555 !important;--dev-panel-input-border-color-focus: #ff6200 !important;--dev-panel-input-text-color: #ffffff !important;--dev-panel-input-placeholder-color: #999999 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .5) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .6), 0 1px 2px -1px rgb(0 0 0 / .6) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .6), 0 2px 4px -2px rgb(0 0 0 / .6) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .6), 0 4px 6px -4px rgb(0 0 0 / .6) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .6), 0 8px 10px -6px rgb(0 0 0 / .6) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .7) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #2a2a2a !important;--dev-panel-scrollbar-thumb-color: #444444 !important;--dev-panel-scrollbar-thumb-hover-color: #555555 !important}:root[data-dev-panel-theme=purple]{color-scheme:dark!important;--dev-panel-accent-color: #8b5cf6 !important;--dev-panel-accent-color-hover: #7c3aed !important;--dev-panel-accent-color-active: #6d28d9 !important;--dev-panel-accent-color-disabled: #8b5cf630 !important;--dev-panel-primary-color: #8b5cf6 !important;--dev-panel-primary-color-hover: #7c3aed !important;--dev-panel-primary-color-active: #6d28d9 !important;--dev-panel-secondary-color: #6b7280 !important;--dev-panel-secondary-color-hover: #4b5563 !important;--dev-panel-secondary-color-active: #374151 !important;--dev-panel-background-color: #1e1b4b !important;--dev-panel-background-color-secondary: #312e81 !important;--dev-panel-background-color-tertiary: #4c1d95 !important;--dev-panel-foreground-color: #0f0c29 !important;--dev-panel-surface-color: #312e81 !important;--dev-panel-surface-color-hover: #4c1d95 !important;--dev-panel-surface-color-active: #5b21b6 !important;--dev-panel-text-color: #f3f4f6 !important;--dev-panel-text-color-secondary: #e5e7eb !important;--dev-panel-text-color-muted: #d1d5db !important;--dev-panel-text-color-disabled: #9ca3af !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #f3f4f6 !important;--dev-panel-border-color: #4c1d95 !important;--dev-panel-border-color-light: #5b21b6 !important;--dev-panel-border-color-strong: #3730a3 !important;--dev-panel-border-color-accent: #8b5cf6 !important;--dev-panel-input-background-color: #1e1b4b !important;--dev-panel-input-background-color-hover: #312e81 !important;--dev-panel-input-background-color-focus: #1e1b4b !important;--dev-panel-input-border-color: #4c1d95 !important;--dev-panel-input-border-color-hover: #5b21b6 !important;--dev-panel-input-border-color-focus: #8b5cf6 !important;--dev-panel-input-text-color: #f3f4f6 !important;--dev-panel-input-placeholder-color: #9ca3af !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(139 92 246 / .1) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(139 92 246 / .2), 0 1px 2px -1px rgb(139 92 246 / .2) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(139 92 246 / .2), 0 2px 4px -2px rgb(139 92 246 / .2) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(139 92 246 / .2), 0 4px 6px -4px rgb(139 92 246 / .2) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(139 92 246 / .2), 0 8px 10px -6px rgb(139 92 246 / .2) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(139 92 246 / .3) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #312e81 !important;--dev-panel-scrollbar-thumb-color: #4c1d95 !important;--dev-panel-scrollbar-thumb-hover-color: #5b21b6 !important}:root[data-dev-panel-theme=green]{color-scheme:dark!important;--dev-panel-accent-color: #10b981 !important;--dev-panel-accent-color-hover: #059669 !important;--dev-panel-accent-color-active: #047857 !important;--dev-panel-accent-color-disabled: #10b98130 !important;--dev-panel-primary-color: #10b981 !important;--dev-panel-primary-color-hover: #059669 !important;--dev-panel-primary-color-active: #047857 !important;--dev-panel-secondary-color: #6b7280 !important;--dev-panel-secondary-color-hover: #4b5563 !important;--dev-panel-secondary-color-active: #374151 !important;--dev-panel-background-color: #064e3b !important;--dev-panel-background-color-secondary: #065f46 !important;--dev-panel-background-color-tertiary: #047857 !important;--dev-panel-foreground-color: #022c22 !important;--dev-panel-surface-color: #065f46 !important;--dev-panel-surface-color-hover: #047857 !important;--dev-panel-surface-color-active: #059669 !important;--dev-panel-text-color: #ecfdf5 !important;--dev-panel-text-color-secondary: #d1fae5 !important;--dev-panel-text-color-muted: #a7f3d0 !important;--dev-panel-text-color-disabled: #6ee7b7 !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #ecfdf5 !important;--dev-panel-border-color: #047857 !important;--dev-panel-border-color-light: #059669 !important;--dev-panel-border-color-strong: #065f46 !important;--dev-panel-border-color-accent: #10b981 !important;--dev-panel-input-background-color: #064e3b !important;--dev-panel-input-background-color-hover: #065f46 !important;--dev-panel-input-background-color-focus: #064e3b !important;--dev-panel-input-border-color: #047857 !important;--dev-panel-input-border-color-hover: #059669 !important;--dev-panel-input-border-color-focus: #10b981 !important;--dev-panel-input-text-color: #ecfdf5 !important;--dev-panel-input-placeholder-color: #a7f3d0 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(6 78 59 / .5) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(6 78 59 / .6), 0 1px 2px -1px rgb(6 78 59 / .6) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(6 78 59 / .6), 0 2px 4px -2px rgb(6 78 59 / .6) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(6 78 59 / .6), 0 4px 6px -4px rgb(6 78 59 / .6) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(6 78 59 / .6), 0 8px 10px -6px rgb(6 78 59 / .6) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(6 78 59 / .7) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #065f46 !important;--dev-panel-scrollbar-thumb-color: #047857 !important;--dev-panel-scrollbar-thumb-hover-color: #059669 !important}:root[data-dev-panel-theme=neon]{color-scheme:dark!important;--dev-panel-accent-color: #00ff41 !important;--dev-panel-accent-color-hover: #00e63c !important;--dev-panel-accent-color-active: #00cc33 !important;--dev-panel-accent-color-disabled: #00ff4130 !important;--dev-panel-primary-color: #00ff41 !important;--dev-panel-primary-color-hover: #00e63c !important;--dev-panel-primary-color-active: #00cc33 !important;--dev-panel-secondary-color: #333333 !important;--dev-panel-secondary-color-hover: #444444 !important;--dev-panel-secondary-color-active: #555555 !important;--dev-panel-background-color: #0a0a0a !important;--dev-panel-background-color-secondary: #111111 !important;--dev-panel-background-color-tertiary: #1a1a1a !important;--dev-panel-foreground-color: #000000 !important;--dev-panel-surface-color: #111111 !important;--dev-panel-surface-color-hover: #1a1a1a !important;--dev-panel-surface-color-active: #222222 !important;--dev-panel-text-color: #00ff41 !important;--dev-panel-text-color-secondary: #00e63c !important;--dev-panel-text-color-muted: #00cc33 !important;--dev-panel-text-color-disabled: #009926 !important;--dev-panel-text-color-on-accent: #000000 !important;--dev-panel-text-color-on-surface: #00ff41 !important;--dev-panel-border-color: #003d10 !important;--dev-panel-border-color-light: #004d15 !important;--dev-panel-border-color-strong: #002d0b !important;--dev-panel-border-color-accent: #00ff41 !important;--dev-panel-input-background-color: #000000 !important;--dev-panel-input-background-color-hover: #0a0a0a !important;--dev-panel-input-background-color-focus: #000000 !important;--dev-panel-input-border-color: #003d10 !important;--dev-panel-input-border-color-hover: #004d15 !important;--dev-panel-input-border-color-focus: #00ff41 !important;--dev-panel-input-text-color: #00ff41 !important;--dev-panel-input-placeholder-color: #00cc33 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgba(0, 255, 65, .2) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgba(0, 255, 65, .3), 0 1px 2px -1px rgba(0, 255, 65, .3) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgba(0, 255, 65, .3), 0 2px 4px -2px rgba(0, 255, 65, .3) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgba(0, 255, 65, .3), 0 4px 6px -4px rgba(0, 255, 65, .3) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgba(0, 255, 65, .3), 0 8px 10px -6px rgba(0, 255, 65, .3) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgba(0, 255, 65, .4) !important;--dev-panel-shadow: 0 0 20px rgba(0, 255, 65, .3) !important;--dev-panel-scrollbar-track-color: #111111 !important;--dev-panel-scrollbar-thumb-color: #003d10 !important;--dev-panel-scrollbar-thumb-hover-color: #004d15 !important}:root[data-dev-panel-theme=corporate]{color-scheme:light!important;--dev-panel-accent-color: #0066cc !important;--dev-panel-accent-color-hover: #0052a3 !important;--dev-panel-accent-color-active: #003d7a !important;--dev-panel-accent-color-disabled: #0066cc30 !important;--dev-panel-primary-color: #0066cc !important;--dev-panel-primary-color-hover: #0052a3 !important;--dev-panel-primary-color-active: #003d7a !important;--dev-panel-secondary-color: #6c757d !important;--dev-panel-secondary-color-hover: #5a6268 !important;--dev-panel-secondary-color-active: #495057 !important;--dev-panel-background-color: #f8f9fa !important;--dev-panel-background-color-secondary: #e9ecef !important;--dev-panel-background-color-tertiary: #dee2e6 !important;--dev-panel-foreground-color: #ffffff !important;--dev-panel-surface-color: #ffffff !important;--dev-panel-surface-color-hover: #f8f9fa !important;--dev-panel-surface-color-active: #e9ecef !important;--dev-panel-text-color: #212529 !important;--dev-panel-text-color-secondary: #495057 !important;--dev-panel-text-color-muted: #6c757d !important;--dev-panel-text-color-disabled: #adb5bd !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #212529 !important;--dev-panel-border-color: #dee2e6 !important;--dev-panel-border-color-light: #e9ecef !important;--dev-panel-border-color-strong: #adb5bd !important;--dev-panel-border-color-accent: #0066cc !important;--dev-panel-input-background-color: #ffffff !important;--dev-panel-input-background-color-hover: #f8f9fa !important;--dev-panel-input-background-color-focus: #ffffff !important;--dev-panel-input-border-color: #ced4da !important;--dev-panel-input-border-color-hover: #adb5bd !important;--dev-panel-input-border-color-focus: #0066cc !important;--dev-panel-input-text-color: #212529 !important;--dev-panel-input-placeholder-color: #6c757d !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #e9ecef !important;--dev-panel-scrollbar-thumb-color: #dee2e6 !important;--dev-panel-scrollbar-thumb-hover-color: #adb5bd !important}:root[data-dev-panel-theme=high-contrast]{color-scheme:dark!important;--dev-panel-accent-color: #ffff00 !important;--dev-panel-accent-color-hover: #e6e600 !important;--dev-panel-accent-color-active: #cccc00 !important;--dev-panel-accent-color-disabled: #ffff0030 !important;--dev-panel-primary-color: #ffff00 !important;--dev-panel-primary-color-hover: #e6e600 !important;--dev-panel-primary-color-active: #cccc00 !important;--dev-panel-secondary-color: #cccccc !important;--dev-panel-secondary-color-hover: #ffffff !important;--dev-panel-secondary-color-active: #aaaaaa !important;--dev-panel-background-color: #000000 !important;--dev-panel-background-color-secondary: #1a1a1a !important;--dev-panel-background-color-tertiary: #333333 !important;--dev-panel-foreground-color: #000000 !important;--dev-panel-surface-color: #1a1a1a !important;--dev-panel-surface-color-hover: #333333 !important;--dev-panel-surface-color-active: #4d4d4d !important;--dev-panel-text-color: #ffffff !important;--dev-panel-text-color-secondary: #ffffff !important;--dev-panel-text-color-muted: #cccccc !important;--dev-panel-text-color-disabled: #808080 !important;--dev-panel-text-color-on-accent: #000000 !important;--dev-panel-text-color-on-surface: #ffffff !important;--dev-panel-border-color: #ffffff !important;--dev-panel-border-color-light: #cccccc !important;--dev-panel-border-color-strong: #ffffff !important;--dev-panel-border-color-accent: #ffff00 !important;--dev-panel-input-background-color: #000000 !important;--dev-panel-input-background-color-hover: #1a1a1a !important;--dev-panel-input-background-color-focus: #000000 !important;--dev-panel-input-border-color: #ffffff !important;--dev-panel-input-border-color-hover: #cccccc !important;--dev-panel-input-border-color-focus: #ffff00 !important;--dev-panel-input-text-color: #ffffff !important;--dev-panel-input-placeholder-color: #cccccc !important;--dev-panel-shadow-xs: none !important;--dev-panel-shadow-sm: none !important;--dev-panel-shadow-md: none !important;--dev-panel-shadow-lg: none !important;--dev-panel-shadow-xl: none !important;--dev-panel-shadow-2xl: none !important;--dev-panel-shadow: none !important;--dev-panel-scrollbar-track-color: #1a1a1a !important;--dev-panel-scrollbar-thumb-color: #ffffff !important;--dev-panel-scrollbar-thumb-hover-color: #cccccc !important}:root[data-dev-panel-theme=sunset]{color-scheme:dark!important;--dev-panel-accent-color: #ff8a65 !important;--dev-panel-accent-color-hover: #ff7043 !important;--dev-panel-accent-color-active: #ff5722 !important;--dev-panel-accent-color-disabled: #ff8a6530 !important;--dev-panel-primary-color: #ff8a65 !important;--dev-panel-primary-color-hover: #ff7043 !important;--dev-panel-primary-color-active: #ff5722 !important;--dev-panel-secondary-color: #8b4513 !important;--dev-panel-secondary-color-hover: #a0522d !important;--dev-panel-secondary-color-active: #d2691e !important;--dev-panel-background-color: #1a0e0a !important;--dev-panel-background-color-secondary: #2d1b14 !important;--dev-panel-background-color-tertiary: #4a2c1e !important;--dev-panel-foreground-color: #0f0704 !important;--dev-panel-surface-color: #2d1b14 !important;--dev-panel-surface-color-hover: #4a2c1e !important;--dev-panel-surface-color-active: #5d3624 !important;--dev-panel-text-color: #ffeaa7 !important;--dev-panel-text-color-secondary: #fed18c !important;--dev-panel-text-color-muted: #fab1a0 !important;--dev-panel-text-color-disabled: #e17055 !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #ffeaa7 !important;--dev-panel-border-color: #8b4513 !important;--dev-panel-border-color-light: #a0522d !important;--dev-panel-border-color-strong: #704020 !important;--dev-panel-border-color-accent: #ff8a65 !important;--dev-panel-input-background-color: #1a0e0a !important;--dev-panel-input-background-color-hover: #2d1b14 !important;--dev-panel-input-background-color-focus: #1a0e0a !important;--dev-panel-input-border-color: #8b4513 !important;--dev-panel-input-border-color-hover: #a0522d !important;--dev-panel-input-border-color-focus: #ff8a65 !important;--dev-panel-input-text-color: #ffeaa7 !important;--dev-panel-input-placeholder-color: #fab1a0 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(255 138 101 / .1) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(255 138 101 / .2), 0 1px 2px -1px rgb(255 138 101 / .2) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(255 138 101 / .2), 0 2px 4px -2px rgb(255 138 101 / .2) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(255 138 101 / .2), 0 4px 6px -4px rgb(255 138 101 / .2) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(255 138 101 / .2), 0 8px 10px -6px rgb(255 138 101 / .2) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(255 138 101 / .3) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #2d1b14 !important;--dev-panel-scrollbar-thumb-color: #8b4513 !important;--dev-panel-scrollbar-thumb-hover-color: #a0522d !important}:root[data-dev-panel-theme=ocean]{color-scheme:dark!important;--dev-panel-accent-color: #00acc1 !important;--dev-panel-accent-color-hover: #0097a7 !important;--dev-panel-accent-color-active: #00838f !important;--dev-panel-accent-color-disabled: #00acc130 !important;--dev-panel-primary-color: #00acc1 !important;--dev-panel-primary-color-hover: #0097a7 !important;--dev-panel-primary-color-active: #00838f !important;--dev-panel-secondary-color: #457b9d !important;--dev-panel-secondary-color-hover: #1d3557 !important;--dev-panel-secondary-color-active: #1e2328 !important;--dev-panel-background-color: #0d1b2a !important;--dev-panel-background-color-secondary: #1b263b !important;--dev-panel-background-color-tertiary: #415a77 !important;--dev-panel-foreground-color: #0a1120 !important;--dev-panel-surface-color: #1b263b !important;--dev-panel-surface-color-hover: #415a77 !important;--dev-panel-surface-color-active: #778da9 !important;--dev-panel-text-color: #a8dadc !important;--dev-panel-text-color-secondary: #f1faee !important;--dev-panel-text-color-muted: #457b9d !important;--dev-panel-text-color-disabled: #1d3557 !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #a8dadc !important;--dev-panel-border-color: #1d3557 !important;--dev-panel-border-color-light: #457b9d !important;--dev-panel-border-color-strong: #0d1b2a !important;--dev-panel-border-color-accent: #00acc1 !important;--dev-panel-input-background-color: #0d1b2a !important;--dev-panel-input-background-color-hover: #1b263b !important;--dev-panel-input-background-color-focus: #0d1b2a !important;--dev-panel-input-border-color: #1d3557 !important;--dev-panel-input-border-color-hover: #457b9d !important;--dev-panel-input-border-color-focus: #00acc1 !important;--dev-panel-input-text-color: #a8dadc !important;--dev-panel-input-placeholder-color: #457b9d !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 172 193 / .1) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 172 193 / .2), 0 1px 2px -1px rgb(0 172 193 / .2) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 172 193 / .2), 0 2px 4px -2px rgb(0 172 193 / .2) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 172 193 / .2), 0 4px 6px -4px rgb(0 172 193 / .2) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 172 193 / .2), 0 8px 10px -6px rgb(0 172 193 / .2) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 172 193 / .3) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #1b263b !important;--dev-panel-scrollbar-thumb-color: #1d3557 !important;--dev-panel-scrollbar-thumb-hover-color: #457b9d !important}:root[data-dev-panel-theme=forest]{color-scheme:dark!important;--dev-panel-accent-color: #52b788 !important;--dev-panel-accent-color-hover: #40916c !important;--dev-panel-accent-color-active: #2d6a4f !important;--dev-panel-accent-color-disabled: #52b78830 !important;--dev-panel-primary-color: #52b788 !important;--dev-panel-primary-color-hover: #40916c !important;--dev-panel-primary-color-active: #2d6a4f !important;--dev-panel-secondary-color: #2d5016 !important;--dev-panel-secondary-color-hover: #52b788 !important;--dev-panel-secondary-color-active: #95d5b2 !important;--dev-panel-background-color: #081c15 !important;--dev-panel-background-color-secondary: #1b4332 !important;--dev-panel-background-color-tertiary: #2d6a4f !important;--dev-panel-foreground-color: #04110a !important;--dev-panel-surface-color: #1b4332 !important;--dev-panel-surface-color-hover: #2d6a4f !important;--dev-panel-surface-color-active: #40916c !important;--dev-panel-text-color: #d8f3dc !important;--dev-panel-text-color-secondary: #b7e4c7 !important;--dev-panel-text-color-muted: #95d5b2 !important;--dev-panel-text-color-disabled: #74c69d !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #d8f3dc !important;--dev-panel-border-color: #2d5016 !important;--dev-panel-border-color-light: #40916c !important;--dev-panel-border-color-strong: #1b4332 !important;--dev-panel-border-color-accent: #52b788 !important;--dev-panel-input-background-color: #081c15 !important;--dev-panel-input-background-color-hover: #1b4332 !important;--dev-panel-input-background-color-focus: #081c15 !important;--dev-panel-input-border-color: #2d5016 !important;--dev-panel-input-border-color-hover: #40916c !important;--dev-panel-input-border-color-focus: #52b788 !important;--dev-panel-input-text-color: #d8f3dc !important;--dev-panel-input-placeholder-color: #95d5b2 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(82 183 136 / .1) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(82 183 136 / .2), 0 1px 2px -1px rgb(82 183 136 / .2) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(82 183 136 / .2), 0 2px 4px -2px rgb(82 183 136 / .2) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(82 183 136 / .2), 0 4px 6px -4px rgb(82 183 136 / .2) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(82 183 136 / .2), 0 8px 10px -6px rgb(82 183 136 / .2) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(82 183 136 / .3) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #1b4332 !important;--dev-panel-scrollbar-thumb-color: #2d5016 !important;--dev-panel-scrollbar-thumb-hover-color: #40916c !important}:root[data-dev-panel-theme=midnight]{color-scheme:dark!important;--dev-panel-accent-color: #7c3aed !important;--dev-panel-accent-color-hover: #6d28d9 !important;--dev-panel-accent-color-active: #5b21b6 !important;--dev-panel-accent-color-disabled: #7c3aed30 !important;--dev-panel-primary-color: #7c3aed !important;--dev-panel-primary-color-hover: #6d28d9 !important;--dev-panel-primary-color-active: #5b21b6 !important;--dev-panel-secondary-color: #2d2d5f !important;--dev-panel-secondary-color-hover: #3d3d7f !important;--dev-panel-secondary-color-active: #4d4d9f !important;--dev-panel-background-color: #0f0f23 !important;--dev-panel-background-color-secondary: #1e1e3f !important;--dev-panel-background-color-tertiary: #2d2d5f !important;--dev-panel-foreground-color: #0a0a1a !important;--dev-panel-surface-color: #1e1e3f !important;--dev-panel-surface-color-hover: #2d2d5f !important;--dev-panel-surface-color-active: #3d3d7f !important;--dev-panel-text-color: #e2e8f0 !important;--dev-panel-text-color-secondary: #cbd5e1 !important;--dev-panel-text-color-muted: #94a3b8 !important;--dev-panel-text-color-disabled: #64748b !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #e2e8f0 !important;--dev-panel-border-color: #2d2d5f !important;--dev-panel-border-color-light: #3d3d7f !important;--dev-panel-border-color-strong: #1e1e3f !important;--dev-panel-border-color-accent: #7c3aed !important;--dev-panel-input-background-color: #0f0f23 !important;--dev-panel-input-background-color-hover: #1e1e3f !important;--dev-panel-input-background-color-focus: #0f0f23 !important;--dev-panel-input-border-color: #2d2d5f !important;--dev-panel-input-border-color-hover: #3d3d7f !important;--dev-panel-input-border-color-focus: #7c3aed !important;--dev-panel-input-text-color: #e2e8f0 !important;--dev-panel-input-placeholder-color: #94a3b8 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(124 58 237 / .1) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(124 58 237 / .2), 0 1px 2px -1px rgb(124 58 237 / .2) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(124 58 237 / .2), 0 2px 4px -2px rgb(124 58 237 / .2) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(124 58 237 / .2), 0 4px 6px -4px rgb(124 58 237 / .2) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(124 58 237 / .2), 0 8px 10px -6px rgb(124 58 237 / .2) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(124 58 237 / .3) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #1e1e3f !important;--dev-panel-scrollbar-thumb-color: #2d2d5f !important;--dev-panel-scrollbar-thumb-hover-color: #3d3d7f !important}:root[data-dev-panel-theme=cherry]{color-scheme:light!important;--dev-panel-accent-color: #ec4899 !important;--dev-panel-accent-color-hover: #db2777 !important;--dev-panel-accent-color-active: #be185d !important;--dev-panel-accent-color-disabled: #ec489930 !important;--dev-panel-primary-color: #ec4899 !important;--dev-panel-primary-color-hover: #db2777 !important;--dev-panel-primary-color-active: #be185d !important;--dev-panel-secondary-color: #be185d !important;--dev-panel-secondary-color-hover: #9d174d !important;--dev-panel-secondary-color-active: #831843 !important;--dev-panel-background-color: #fdf2f8 !important;--dev-panel-background-color-secondary: #fce7f3 !important;--dev-panel-background-color-tertiary: #fbcfe8 !important;--dev-panel-foreground-color: #ffffff !important;--dev-panel-surface-color: #fce7f3 !important;--dev-panel-surface-color-hover: #fbcfe8 !important;--dev-panel-surface-color-active: #f9a8d4 !important;--dev-panel-text-color: #831843 !important;--dev-panel-text-color-secondary: #9d174d !important;--dev-panel-text-color-muted: #be185d !important;--dev-panel-text-color-disabled: #f3e8ff !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #831843 !important;--dev-panel-border-color: #f9a8d4 !important;--dev-panel-border-color-light: #fbcfe8 !important;--dev-panel-border-color-strong: #f472b6 !important;--dev-panel-border-color-accent: #ec4899 !important;--dev-panel-input-background-color: #ffffff !important;--dev-panel-input-background-color-hover: #fdf2f8 !important;--dev-panel-input-background-color-focus: #ffffff !important;--dev-panel-input-border-color: #f9a8d4 !important;--dev-panel-input-border-color-hover: #f472b6 !important;--dev-panel-input-border-color-focus: #ec4899 !important;--dev-panel-input-text-color: #831843 !important;--dev-panel-input-placeholder-color: #be185d !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(236 72 153 / .05) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(236 72 153 / .1), 0 1px 2px -1px rgb(236 72 153 / .1) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(236 72 153 / .1), 0 2px 4px -2px rgb(236 72 153 / .1) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(236 72 153 / .1), 0 4px 6px -4px rgb(236 72 153 / .1) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(236 72 153 / .1), 0 8px 10px -6px rgb(236 72 153 / .1) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(236 72 153 / .25) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #fce7f3 !important;--dev-panel-scrollbar-thumb-color: #f9a8d4 !important;--dev-panel-scrollbar-thumb-hover-color: #f472b6 !important}:root[data-dev-panel-theme=gold]{color-scheme:dark!important;--dev-panel-accent-color: #fbbf24 !important;--dev-panel-accent-color-hover: #f59e0b !important;--dev-panel-accent-color-active: #d97706 !important;--dev-panel-accent-color-disabled: #fbbf2430 !important;--dev-panel-primary-color: #fbbf24 !important;--dev-panel-primary-color-hover: #f59e0b !important;--dev-panel-primary-color-active: #d97706 !important;--dev-panel-secondary-color: #374151 !important;--dev-panel-secondary-color-hover: #4b5563 !important;--dev-panel-secondary-color-active: #6b7280 !important;--dev-panel-background-color: #111827 !important;--dev-panel-background-color-secondary: #1f2937 !important;--dev-panel-background-color-tertiary: #374151 !important;--dev-panel-foreground-color: #0f172a !important;--dev-panel-surface-color: #1f2937 !important;--dev-panel-surface-color-hover: #374151 !important;--dev-panel-surface-color-active: #4b5563 !important;--dev-panel-text-color: #f9fafb !important;--dev-panel-text-color-secondary: #f3f4f6 !important;--dev-panel-text-color-muted: #d1d5db !important;--dev-panel-text-color-disabled: #9ca3af !important;--dev-panel-text-color-on-accent: #111827 !important;--dev-panel-text-color-on-surface: #f9fafb !important;--dev-panel-border-color: #374151 !important;--dev-panel-border-color-light: #4b5563 !important;--dev-panel-border-color-strong: #1f2937 !important;--dev-panel-border-color-accent: #fbbf24 !important;--dev-panel-input-background-color: #111827 !important;--dev-panel-input-background-color-hover: #1f2937 !important;--dev-panel-input-background-color-focus: #111827 !important;--dev-panel-input-border-color: #374151 !important;--dev-panel-input-border-color-hover: #4b5563 !important;--dev-panel-input-border-color-focus: #fbbf24 !important;--dev-panel-input-text-color: #f9fafb !important;--dev-panel-input-placeholder-color: #d1d5db !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(251 191 36 / .1) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(251 191 36 / .2), 0 1px 2px -1px rgb(251 191 36 / .2) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(251 191 36 / .2), 0 2px 4px -2px rgb(251 191 36 / .2) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(251 191 36 / .2), 0 4px 6px -4px rgb(251 191 36 / .2) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(251 191 36 / .2), 0 8px 10px -6px rgb(251 191 36 / .2) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(251 191 36 / .3) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #1f2937 !important;--dev-panel-scrollbar-thumb-color: #374151 !important;--dev-panel-scrollbar-thumb-hover-color: #4b5563 !important}:root[data-dev-panel-theme=retro]{color-scheme:dark!important;--dev-panel-accent-color: #00ff00 !important;--dev-panel-accent-color-hover: #00e600 !important;--dev-panel-accent-color-active: #00cc00 !important;--dev-panel-accent-color-disabled: #00ff0030 !important;--dev-panel-primary-color: #00ff00 !important;--dev-panel-primary-color-hover: #00e600 !important;--dev-panel-primary-color-active: #00cc00 !important;--dev-panel-secondary-color: #008000 !important;--dev-panel-secondary-color-hover: #009900 !important;--dev-panel-secondary-color-active: #00b300 !important;--dev-panel-background-color: #000000 !important;--dev-panel-background-color-secondary: #1a1a1a !important;--dev-panel-background-color-tertiary: #333333 !important;--dev-panel-foreground-color: #000000 !important;--dev-panel-surface-color: #1a1a1a !important;--dev-panel-surface-color-hover: #333333 !important;--dev-panel-surface-color-active: #4d4d4d !important;--dev-panel-text-color: #00ff00 !important;--dev-panel-text-color-secondary: #00e600 !important;--dev-panel-text-color-muted: #00cc00 !important;--dev-panel-text-color-disabled: #008000 !important;--dev-panel-text-color-on-accent: #000000 !important;--dev-panel-text-color-on-surface: #00ff00 !important;--dev-panel-border-color: #008000 !important;--dev-panel-border-color-light: #009900 !important;--dev-panel-border-color-strong: #006600 !important;--dev-panel-border-color-accent: #00ff00 !important;--dev-panel-input-background-color: #000000 !important;--dev-panel-input-background-color-hover: #1a1a1a !important;--dev-panel-input-background-color-focus: #000000 !important;--dev-panel-input-border-color: #008000 !important;--dev-panel-input-border-color-hover: #009900 !important;--dev-panel-input-border-color-focus: #00ff00 !important;--dev-panel-input-text-color: #00ff00 !important;--dev-panel-input-placeholder-color: #00cc00 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 255 0 / .2) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 255 0 / .3), 0 1px 2px -1px rgb(0 255 0 / .3) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 255 0 / .3), 0 2px 4px -2px rgb(0 255 0 / .3) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 255 0 / .3), 0 4px 6px -4px rgb(0 255 0 / .3) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 255 0 / .3), 0 8px 10px -6px rgb(0 255 0 / .3) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 255 0 / .4) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #1a1a1a !important;--dev-panel-scrollbar-thumb-color: #008000 !important;--dev-panel-scrollbar-thumb-hover-color: #009900 !important;--dev-panel-font-family: "Monaco", "Menlo", "Ubuntu Mono", "Courier New", monospace !important}:root[data-dev-panel-theme=pastel]{color-scheme:light!important;--dev-panel-accent-color: #a78bfa !important;--dev-panel-accent-color-hover: #8b5cf6 !important;--dev-panel-accent-color-active: #7c3aed !important;--dev-panel-accent-color-disabled: #a78bfa30 !important;--dev-panel-primary-color: #a78bfa !important;--dev-panel-primary-color-hover: #8b5cf6 !important;--dev-panel-primary-color-active: #7c3aed !important;--dev-panel-secondary-color: #7c3aed !important;--dev-panel-secondary-color-hover: #6d28d9 !important;--dev-panel-secondary-color-active: #581c87 !important;--dev-panel-background-color: #fef7ff !important;--dev-panel-background-color-secondary: #f3e8ff !important;--dev-panel-background-color-tertiary: #e9d5ff !important;--dev-panel-foreground-color: #ffffff !important;--dev-panel-surface-color: #f3e8ff !important;--dev-panel-surface-color-hover: #e9d5ff !important;--dev-panel-surface-color-active: #ddd6fe !important;--dev-panel-text-color: #581c87 !important;--dev-panel-text-color-secondary: #6d28d9 !important;--dev-panel-text-color-muted: #7c3aed !important;--dev-panel-text-color-disabled: #c4b5fd !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #581c87 !important;--dev-panel-border-color: #ddd6fe !important;--dev-panel-border-color-light: #e9d5ff !important;--dev-panel-border-color-strong: #c4b5fd !important;--dev-panel-border-color-accent: #a78bfa !important;--dev-panel-input-background-color: #ffffff !important;--dev-panel-input-background-color-hover: #fef7ff !important;--dev-panel-input-background-color-focus: #ffffff !important;--dev-panel-input-border-color: #ddd6fe !important;--dev-panel-input-border-color-hover: #c4b5fd !important;--dev-panel-input-border-color-focus: #a78bfa !important;--dev-panel-input-text-color: #581c87 !important;--dev-panel-input-placeholder-color: #7c3aed !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(167 139 250 / .05) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(167 139 250 / .1), 0 1px 2px -1px rgb(167 139 250 / .1) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(167 139 250 / .1), 0 2px 4px -2px rgb(167 139 250 / .1) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(167 139 250 / .1), 0 4px 6px -4px rgb(167 139 250 / .1) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(167 139 250 / .1), 0 8px 10px -6px rgb(167 139 250 / .1) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(167 139 250 / .25) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #f3e8ff !important;--dev-panel-scrollbar-thumb-color: #ddd6fe !important;--dev-panel-scrollbar-thumb-hover-color: #c4b5fd !important}:root[data-dev-panel-theme=cyberpunk]{color-scheme:dark!important;--dev-panel-accent-color: #ff0080 !important;--dev-panel-accent-color-hover: #e6006b !important;--dev-panel-accent-color-active: #cc0056 !important;--dev-panel-accent-color-disabled: #ff008030 !important;--dev-panel-primary-color: #ff0080 !important;--dev-panel-primary-color-hover: #e6006b !important;--dev-panel-primary-color-active: #cc0056 !important;--dev-panel-secondary-color: #00ffff !important;--dev-panel-secondary-color-hover: #00e6e6 !important;--dev-panel-secondary-color-active: #00cccc !important;--dev-panel-background-color: #0a0014 !important;--dev-panel-background-color-secondary: #1a0033 !important;--dev-panel-background-color-tertiary: #330066 !important;--dev-panel-foreground-color: #05000a !important;--dev-panel-surface-color: #1a0033 !important;--dev-panel-surface-color-hover: #330066 !important;--dev-panel-surface-color-active: #4a0066 !important;--dev-panel-text-color: #00ffff !important;--dev-panel-text-color-secondary: #00e6e6 !important;--dev-panel-text-color-muted: #ff0080 !important;--dev-panel-text-color-disabled: #6600cc !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #00ffff !important;--dev-panel-border-color: #4a0066 !important;--dev-panel-border-color-light: #6600cc !important;--dev-panel-border-color-strong: #330066 !important;--dev-panel-border-color-accent: #ff0080 !important;--dev-panel-input-background-color: #0a0014 !important;--dev-panel-input-background-color-hover: #1a0033 !important;--dev-panel-input-background-color-focus: #0a0014 !important;--dev-panel-input-border-color: #4a0066 !important;--dev-panel-input-border-color-hover: #6600cc !important;--dev-panel-input-border-color-focus: #ff0080 !important;--dev-panel-input-text-color: #00ffff !important;--dev-panel-input-placeholder-color: #ff0080 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgba(255, 0, 128, .2) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgba(255, 0, 128, .3), 0 1px 2px -1px rgba(255, 0, 128, .3) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgba(255, 0, 128, .3), 0 2px 4px -2px rgba(255, 0, 128, .3) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgba(255, 0, 128, .3), 0 4px 6px -4px rgba(255, 0, 128, .3) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgba(255, 0, 128, .3), 0 8px 10px -6px rgba(255, 0, 128, .3) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgba(255, 0, 128, .4) !important;--dev-panel-shadow: 0 0 20px rgba(255, 0, 128, .3) !important;--dev-panel-scrollbar-track-color: #1a0033 !important;--dev-panel-scrollbar-thumb-color: #4a0066 !important;--dev-panel-scrollbar-thumb-hover-color: #6600cc !important}:root[data-dev-panel-theme=autumn]{color-scheme:dark!important;--dev-panel-accent-color: #d97706 !important;--dev-panel-accent-color-hover: #b45309 !important;--dev-panel-accent-color-active: #92400e !important;--dev-panel-accent-color-disabled: #d9770630 !important;--dev-panel-primary-color: #d97706 !important;--dev-panel-primary-color-hover: #b45309 !important;--dev-panel-primary-color-active: #92400e !important;--dev-panel-secondary-color: #f59e0b !important;--dev-panel-secondary-color-hover: #d97706 !important;--dev-panel-secondary-color-active: #b45309 !important;--dev-panel-background-color: #1c1917 !important;--dev-panel-background-color-secondary: #292524 !important;--dev-panel-background-color-tertiary: #451a03 !important;--dev-panel-foreground-color: #0c0a09 !important;--dev-panel-surface-color: #292524 !important;--dev-panel-surface-color-hover: #451a03 !important;--dev-panel-surface-color-active: #7c2d12 !important;--dev-panel-text-color: #fbbf24 !important;--dev-panel-text-color-secondary: #f59e0b !important;--dev-panel-text-color-muted: #f59e0b !important;--dev-panel-text-color-disabled: #d97706 !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #fbbf24 !important;--dev-panel-border-color: #451a03 !important;--dev-panel-border-color-light: #7c2d12 !important;--dev-panel-border-color-strong: #292524 !important;--dev-panel-border-color-accent: #d97706 !important;--dev-panel-input-background-color: #1c1917 !important;--dev-panel-input-background-color-hover: #292524 !important;--dev-panel-input-background-color-focus: #1c1917 !important;--dev-panel-input-border-color: #451a03 !important;--dev-panel-input-border-color-hover: #7c2d12 !important;--dev-panel-input-border-color-focus: #d97706 !important;--dev-panel-input-text-color: #fbbf24 !important;--dev-panel-input-placeholder-color: #f59e0b !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(217 119 6 / .1) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(217 119 6 / .2), 0 1px 2px -1px rgb(217 119 6 / .2) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(217 119 6 / .2), 0 2px 4px -2px rgb(217 119 6 / .2) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(217 119 6 / .2), 0 4px 6px -4px rgb(217 119 6 / .2) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(217 119 6 / .2), 0 8px 10px -6px rgb(217 119 6 / .2) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(217 119 6 / .3) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #292524 !important;--dev-panel-scrollbar-thumb-color: #451a03 !important;--dev-panel-scrollbar-thumb-hover-color: #7c2d12 !important}:root[data-dev-panel-theme=arctic]{color-scheme:light!important;--dev-panel-accent-color: #38bdf8 !important;--dev-panel-accent-color-hover: #0ea5e9 !important;--dev-panel-accent-color-active: #0284c7 !important;--dev-panel-accent-color-disabled: #38bdf830 !important;--dev-panel-primary-color: #38bdf8 !important;--dev-panel-primary-color-hover: #0ea5e9 !important;--dev-panel-primary-color-active: #0284c7 !important;--dev-panel-secondary-color: #0369a1 !important;--dev-panel-secondary-color-hover: #0284c7 !important;--dev-panel-secondary-color-active: #0c4a6e !important;--dev-panel-background-color: #f0f9ff !important;--dev-panel-background-color-secondary: #e0f2fe !important;--dev-panel-background-color-tertiary: #bae6fd !important;--dev-panel-foreground-color: #ffffff !important;--dev-panel-surface-color: #e0f2fe !important;--dev-panel-surface-color-hover: #bae6fd !important;--dev-panel-surface-color-active: #7dd3fc !important;--dev-panel-text-color: #0c4a6e !important;--dev-panel-text-color-secondary: #0369a1 !important;--dev-panel-text-color-muted: #0369a1 !important;--dev-panel-text-color-disabled: #7dd3fc !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #0c4a6e !important;--dev-panel-border-color: #bae6fd !important;--dev-panel-border-color-light: #e0f2fe !important;--dev-panel-border-color-strong: #7dd3fc !important;--dev-panel-border-color-accent: #38bdf8 !important;--dev-panel-input-background-color: #ffffff !important;--dev-panel-input-background-color-hover: #f0f9ff !important;--dev-panel-input-background-color-focus: #ffffff !important;--dev-panel-input-border-color: #bae6fd !important;--dev-panel-input-border-color-hover: #7dd3fc !important;--dev-panel-input-border-color-focus: #38bdf8 !important;--dev-panel-input-text-color: #0c4a6e !important;--dev-panel-input-placeholder-color: #0369a1 !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(56 189 248 / .05) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(56 189 248 / .1), 0 1px 2px -1px rgb(56 189 248 / .1) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(56 189 248 / .1), 0 2px 4px -2px rgb(56 189 248 / .1) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(56 189 248 / .1), 0 4px 6px -4px rgb(56 189 248 / .1) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(56 189 248 / .1), 0 8px 10px -6px rgb(56 189 248 / .1) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(56 189 248 / .25) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #e0f2fe !important;--dev-panel-scrollbar-thumb-color: #bae6fd !important;--dev-panel-scrollbar-thumb-hover-color: #7dd3fc !important}:root[data-dev-panel-theme=volcano]{color-scheme:dark!important;--dev-panel-accent-color: #dc2626 !important;--dev-panel-accent-color-hover: #b91c1c !important;--dev-panel-accent-color-active: #991b1b !important;--dev-panel-accent-color-disabled: #dc262630 !important;--dev-panel-primary-color: #dc2626 !important;--dev-panel-primary-color-hover: #b91c1c !important;--dev-panel-primary-color-active: #991b1b !important;--dev-panel-secondary-color: #fb923c !important;--dev-panel-secondary-color-hover: #f97316 !important;--dev-panel-secondary-color-active: #ea580c !important;--dev-panel-background-color: #1f1410 !important;--dev-panel-background-color-secondary: #451a03 !important;--dev-panel-background-color-tertiary: #7c2d12 !important;--dev-panel-foreground-color: #0c0804 !important;--dev-panel-surface-color: #451a03 !important;--dev-panel-surface-color-hover: #7c2d12 !important;--dev-panel-surface-color-active: #9a3412 !important;--dev-panel-text-color: #fed7aa !important;--dev-panel-text-color-secondary: #fdba74 !important;--dev-panel-text-color-muted: #fb923c !important;--dev-panel-text-color-disabled: #f97316 !important;--dev-panel-text-color-on-accent: #ffffff !important;--dev-panel-text-color-on-surface: #fed7aa !important;--dev-panel-border-color: #7c2d12 !important;--dev-panel-border-color-light: #9a3412 !important;--dev-panel-border-color-strong: #451a03 !important;--dev-panel-border-color-accent: #dc2626 !important;--dev-panel-input-background-color: #1f1410 !important;--dev-panel-input-background-color-hover: #451a03 !important;--dev-panel-input-background-color-focus: #1f1410 !important;--dev-panel-input-border-color: #7c2d12 !important;--dev-panel-input-border-color-hover: #9a3412 !important;--dev-panel-input-border-color-focus: #dc2626 !important;--dev-panel-input-text-color: #fed7aa !important;--dev-panel-input-placeholder-color: #fb923c !important;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(220 38 38 / .1) !important;--dev-panel-shadow-sm: 0 1px 3px 0 rgb(220 38 38 / .2), 0 1px 2px -1px rgb(220 38 38 / .2) !important;--dev-panel-shadow-md: 0 4px 6px -1px rgb(220 38 38 / .2), 0 2px 4px -2px rgb(220 38 38 / .2) !important;--dev-panel-shadow-lg: 0 10px 15px -3px rgb(220 38 38 / .2), 0 4px 6px -4px rgb(220 38 38 / .2) !important;--dev-panel-shadow-xl: 0 20px 25px -5px rgb(220 38 38 / .2), 0 8px 10px -6px rgb(220 38 38 / .2) !important;--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(220 38 38 / .3) !important;--dev-panel-shadow: var(--dev-panel-shadow-xl) !important;--dev-panel-scrollbar-track-color: #451a03 !important;--dev-panel-scrollbar-thumb-color: #7c2d12 !important;--dev-panel-scrollbar-thumb-hover-color: #9a3412 !important}.dev-panel-scrollbar{scrollbar-width:thin;scrollbar-color:var(--dev-panel-scrollbar-thumb-color) var(--dev-panel-scrollbar-track-color)}.dev-panel-scrollbar::-webkit-scrollbar{width:var(--dev-panel-scrollbar-width);height:var(--dev-panel-scrollbar-width)}.dev-panel-scrollbar::-webkit-scrollbar-track{background:var(--dev-panel-scrollbar-track-color);border-radius:var(--dev-panel-border-radius-md)}.dev-panel-scrollbar::-webkit-scrollbar-thumb{background:var(--dev-panel-scrollbar-thumb-color);border-radius:var(--dev-panel-border-radius-md);transition:var(--dev-panel-transition-fast)}.dev-panel-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--dev-panel-scrollbar-thumb-hover-color)}.dev-panel-scrollbar::-webkit-scrollbar-corner{background:var(--dev-panel-scrollbar-track-color)}.dev-panel-focus-ring:focus{outline:2px solid var(--dev-panel-accent-color);outline-offset:2px}.dev-panel-focus-ring:focus:not(:focus-visible){outline:none}.dev-panel-interactive{transition:var(--dev-panel-transition);cursor:pointer}.dev-panel-interactive:hover{opacity:var(--dev-panel-opacity-80)}.dev-panel-interactive:active{transform:scale(.98)}.dev-panel-interactive:disabled{opacity:var(--dev-panel-opacity-50);cursor:not-allowed;pointer-events:none}
1
+ :root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #2563eb;--dev-panel-accent-color-hover: #1d4ed8;--dev-panel-accent-color-active: #1e40af;--dev-panel-accent-color-disabled: #2563eb30;--dev-panel-primary-color: #2563eb;--dev-panel-primary-color-hover: #1d4ed8;--dev-panel-primary-color-active: #1e40af;--dev-panel-primary-color-disabled: #2563eb30;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-base: 4px;--dev-panel-spacing-xs: calc(var(--dev-panel-spacing-base) * .5);--dev-panel-spacing-sm: var(--dev-panel-spacing-base);--dev-panel-spacing-md: calc(var(--dev-panel-spacing-base) * 2);--dev-panel-spacing-lg: calc(var(--dev-panel-spacing-base) * 3);--dev-panel-spacing-xl: calc(var(--dev-panel-spacing-base) * 4);--dev-panel-spacing-2xl: calc(var(--dev-panel-spacing-base) * 5);--dev-panel-spacing-3xl: calc(var(--dev-panel-spacing-base) * 6);--dev-panel-spacing-4xl: calc(var(--dev-panel-spacing-base) * 8);--dev-panel-spacing: var(--dev-panel-spacing-lg);--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 400px;--dev-panel-min-width: 280px;--dev-panel-max-height: 600px;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}@media (prefers-color-scheme: light){:root{color-scheme:light;--dev-panel-background-color: #f8fafc;--dev-panel-background-color-secondary: #f1f5f9;--dev-panel-background-color-tertiary: #e2e8f0;--dev-panel-foreground-color: #ffffff;--dev-panel-surface-color: #ffffff;--dev-panel-surface-color-hover: #e2e8f0;--dev-panel-surface-color-active: #e2e8f0;--dev-panel-text-color: #0f172a;--dev-panel-text-color-secondary: #334155;--dev-panel-text-color-muted: #64748b;--dev-panel-text-color-disabled: #94a3b8;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #0f172a;--dev-panel-border-color: #e2e8f0;--dev-panel-border-color-light: #cbd5e1;--dev-panel-border-color-strong: #94a3b8;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #ffffff;--dev-panel-input-background-color-hover: #ffcccc;--dev-panel-input-background-color-focus: #ffffff;--dev-panel-input-border-color: #e2e8f0;--dev-panel-input-border-color-hover: #cbd5e1;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #0f172a;--dev-panel-input-placeholder-color: #64748b;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .03);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color-light);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-strong)}}:root[data-dev-panel-theme=dark]{color-scheme:dark}:root[data-dev-panel-theme=light]{--dev-panel-background-color: #f8fafc;--dev-panel-background-color-secondary: #f1f5f9;--dev-panel-background-color-tertiary: #e2e8f0;--dev-panel-foreground-color: #ffffff;--dev-panel-surface-color: #ffffff;--dev-panel-surface-color-hover: #e2e8f0;--dev-panel-surface-color-active: #e2e8f0;--dev-panel-text-color: #0f172a;--dev-panel-text-color-secondary: #334155;--dev-panel-text-color-muted: #64748b;--dev-panel-text-color-disabled: #94a3b8;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #0f172a;--dev-panel-border-color: #e2e8f0;--dev-panel-border-color-light: #cbd5e1;--dev-panel-border-color-strong: #94a3b8;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #ffffff;--dev-panel-input-background-color-hover: #ffcccc;--dev-panel-input-background-color-focus: #ffffff;--dev-panel-input-border-color: #e2e8f0;--dev-panel-input-border-color-hover: #cbd5e1;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #0f172a;--dev-panel-input-placeholder-color: #64748b;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .03);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color-light);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-strong);color-scheme:light}.dev-panel-scrollbar{scrollbar-width:thin;scrollbar-color:var(--dev-panel-scrollbar-thumb-color) var(--dev-panel-scrollbar-track-color)}.dev-panel-scrollbar::-webkit-scrollbar{width:var(--dev-panel-scrollbar-width);height:var(--dev-panel-scrollbar-width)}.dev-panel-scrollbar::-webkit-scrollbar-track{background:var(--dev-panel-scrollbar-track-color);border-radius:var(--dev-panel-border-radius-md)}.dev-panel-scrollbar::-webkit-scrollbar-thumb{background:var(--dev-panel-scrollbar-thumb-color);border-radius:var(--dev-panel-border-radius-md);transition:var(--dev-panel-transition-fast)}.dev-panel-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--dev-panel-scrollbar-thumb-hover-color)}.dev-panel-scrollbar::-webkit-scrollbar-corner{background:var(--dev-panel-scrollbar-track-color)}.dev-panel-focus-ring:focus{outline:2px solid var(--dev-panel-accent-color);outline-offset:2px}.dev-panel-focus-ring:focus:not(:focus-visible){outline:none}.dev-panel-interactive{transition:var(--dev-panel-transition);cursor:pointer}.dev-panel-interactive:hover{opacity:var(--dev-panel-opacity-80)}.dev-panel-interactive:active{transform:scale(.98)}.dev-panel-interactive:disabled{opacity:var(--dev-panel-opacity-50);cursor:not-allowed;pointer-events:none}
package/dist/assets/{RangeControl.css → index10.css} RENAMED
@@ -1 +1 @@
1
- ._container_lg827_1{display:grid;grid-template-columns:1fr auto;gap:var(--dev-panel-spacing-md);align-items:center;width:100%}._range_lg827_9{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--dev-panel-border-radius-full);background:var(--dev-panel-input-background-color);border:1px solid var(--dev-panel-input-border-color);outline:none;cursor:pointer;transition:var(--dev-panel-transition)}._range_lg827_9:hover{border-color:var(--dev-panel-input-border-color-hover)}._range_lg827_9:focus{border-color:var(--dev-panel-input-border-color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--dev-panel-accent-color) 20%,transparent)}._range_lg827_9::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:var(--dev-panel-border-radius-full);background:var(--dev-panel-accent-color);cursor:pointer;border:2px solid var(--dev-panel-foreground-color);box-shadow:var(--dev-panel-shadow-md);transition:var(--dev-panel-transition)}._range_lg827_9::-webkit-slider-thumb:hover{transform:scale(1.1);background:var(--dev-panel-accent-color-hover);box-shadow:var(--dev-panel-shadow-lg)}._range_lg827_9::-webkit-slider-thumb:active{transform:scale(.95);background:var(--dev-panel-accent-color-active)}._range_lg827_9::-moz-range-thumb{width:20px;height:20px;border-radius:var(--dev-panel-border-radius-full);background:var(--dev-panel-accent-color);cursor:pointer;border:2px solid var(--dev-panel-foreground-color);box-shadow:var(--dev-panel-shadow-md);transition:var(--dev-panel-transition)}._range_lg827_9::-moz-range-thumb:hover{transform:scale(1.1);background:var(--dev-panel-accent-color-hover)}._range_lg827_9::-moz-range-thumb:active{transform:scale(.95);background:var(--dev-panel-accent-color-active)}._range_lg827_9::-moz-range-track{width:100%;height:6px;border-radius:var(--dev-panel-border-radius-full);background:var(--dev-panel-input-background-color);border:1px solid var(--dev-panel-input-border-color)}._range_lg827_9::-ms-track{width:100%;height:6px;background:transparent;border-color:transparent;color:transparent}._range_lg827_9::-ms-fill-lower{background:var(--dev-panel-accent-color);border-radius:var(--dev-panel-border-radius-full)}._range_lg827_9::-ms-fill-upper{background:var(--dev-panel-input-background-color);border-radius:var(--dev-panel-border-radius-full)}._range_lg827_9::-ms-thumb{width:20px;height:20px;border-radius:var(--dev-panel-border-radius-full);background:var(--dev-panel-accent-color);cursor:pointer;border:2px solid var(--dev-panel-foreground-color);box-shadow:var(--dev-panel-shadow-md)}._range_lg827_9:disabled{cursor:not-allowed;opacity:var(--dev-panel-opacity-50)}._range_lg827_9:disabled::-webkit-slider-thumb{cursor:not-allowed;background:var(--dev-panel-text-color-disabled)}._range_lg827_9:disabled::-moz-range-thumb{cursor:not-allowed;background:var(--dev-panel-text-color-disabled)}._range_lg827_9:disabled::-ms-thumb{cursor:not-allowed;background:var(--dev-panel-text-color-disabled)}._value_lg827_115{font-size:var(--dev-panel-font-size-sm);color:var(--dev-panel-text-color);font-weight:var(--dev-panel-font-weight-medium);width:4ch;text-align:right;user-select:none;padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-md);background:var(--dev-panel-input-background-color);border:1px solid var(--dev-panel-input-border-color);border-radius:var(--dev-panel-border-radius);font-family:var(--dev-panel-font-family)}
1
+ ._container_1a1cs_1{display:grid;grid-template-columns:1fr auto;gap:var(--dev-panel-spacing-md);align-items:center;width:100%}._range_1a1cs_9{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--dev-panel-border-radius-full);background:var(--dev-panel-input-background-color);border:1px solid var(--dev-panel-input-border-color);outline:none;cursor:pointer;transition:var(--dev-panel-transition)}._range_1a1cs_9:hover{border-color:var(--dev-panel-input-border-color-hover)}._range_1a1cs_9:focus{border-color:var(--dev-panel-input-border-color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--dev-panel-accent-color) 20%,transparent)}._range_1a1cs_9::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:var(--dev-panel-border-radius-full);background:var(--dev-panel-accent-color);cursor:pointer;border:2px solid var(--dev-panel-foreground-color);box-shadow:var(--dev-panel-shadow-md);transition:var(--dev-panel-transition)}._range_1a1cs_9::-webkit-slider-thumb:hover{transform:scale(1.1);background:var(--dev-panel-accent-color-hover);box-shadow:var(--dev-panel-shadow-lg)}._range_1a1cs_9::-webkit-slider-thumb:active{transform:scale(.95);background:var(--dev-panel-accent-color-active)}._range_1a1cs_9::-moz-range-thumb{width:20px;height:20px;border-radius:var(--dev-panel-border-radius-full);background:var(--dev-panel-accent-color);cursor:pointer;border:2px solid var(--dev-panel-foreground-color);box-shadow:var(--dev-panel-shadow-md);transition:var(--dev-panel-transition)}._range_1a1cs_9::-moz-range-thumb:hover{transform:scale(1.1);background:var(--dev-panel-accent-color-hover)}._range_1a1cs_9::-moz-range-thumb:active{transform:scale(.95);background:var(--dev-panel-accent-color-active)}._range_1a1cs_9::-moz-range-track{width:100%;height:6px;border-radius:var(--dev-panel-border-radius-full);background:var(--dev-panel-input-background-color);border:1px solid var(--dev-panel-input-border-color)}._range_1a1cs_9::-ms-track{width:100%;height:6px;background:transparent;border-color:transparent;color:transparent}._range_1a1cs_9::-ms-fill-lower{background:var(--dev-panel-accent-color);border-radius:var(--dev-panel-border-radius-full)}._range_1a1cs_9::-ms-fill-upper{background:var(--dev-panel-input-background-color);border-radius:var(--dev-panel-border-radius-full)}._range_1a1cs_9::-ms-thumb{width:20px;height:20px;border-radius:var(--dev-panel-border-radius-full);background:var(--dev-panel-accent-color);cursor:pointer;border:2px solid var(--dev-panel-foreground-color);box-shadow:var(--dev-panel-shadow-md)}._range_1a1cs_9:disabled{cursor:not-allowed;opacity:var(--dev-panel-opacity-50)}._range_1a1cs_9:disabled::-webkit-slider-thumb{cursor:not-allowed;background:var(--dev-panel-text-color-disabled)}._range_1a1cs_9:disabled::-moz-range-thumb{cursor:not-allowed;background:var(--dev-panel-text-color-disabled)}._range_1a1cs_9:disabled::-ms-thumb{cursor:not-allowed;background:var(--dev-panel-text-color-disabled)}._value_1a1cs_115{font-size:var(--dev-panel-font-size-sm);color:var(--dev-panel-text-color);font-weight:var(--dev-panel-font-weight-medium);width:7ch;text-align:right;user-select:none;padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-md);background:var(--dev-panel-input-background-color);border:1px solid var(--dev-panel-input-border-color);border-radius:var(--dev-panel-border-radius);font-family:var(--dev-panel-font-family)}
package/dist/assets/index11.css ADDED
@@ -0,0 +1 @@
1
+ @keyframes _borderDance_p0d3i_1{0%{background-position:0px 0px,100px 100%,0px 100%,100% 0px}to{background-position:100px 0px,0px 100%,0px 0px,100% 100%}}._dropZone_p0d3i_9{width:100%;height:100px;border:2px solid transparent;border-radius:var(--dev-panel-border-radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:var(--dev-panel-transition-normal);position:relative}._dropZone_p0d3i_9:hover{background-color:var(--dev-panel-surface-color-hover)}._dropZone_p0d3i_9._disabled_p0d3i_26{opacity:var(--dev-panel-opacity-50);cursor:not-allowed;pointer-events:none}._dropZone_p0d3i_9._disabled_p0d3i_26:hover{background-color:transparent}._dropZone_p0d3i_9:before{content:"";position:absolute;inset:-2px;border:2px dashed var(--dev-panel-border-color);border-radius:var(--dev-panel-border-radius-md);pointer-events:none}._dropZone_p0d3i_9._active_p0d3i_45:before{border:none;background:linear-gradient(90deg,var(--dev-panel-accent-color) 50%,transparent 50%),linear-gradient(90deg,var(--dev-panel-accent-color) 50%,transparent 50%),linear-gradient(0deg,var(--dev-panel-accent-color) 50%,transparent 50%),linear-gradient(0deg,var(--dev-panel-accent-color) 50%,transparent 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:15px 2px,15px 2px,2px 15px,2px 15px;background-position:0px 0px,100% 100%,0px 100%,100% 0px;animation:_borderDance_p0d3i_1 2s infinite linear}._droppedImage_p0d3i_54{max-width:100%;max-height:100%;object-fit:contain}._supportedFormats_p0d3i_60{font-size:var(--dev-panel-font-size-sm);color:var(--dev-panel-text-color-muted);margin:var(--dev-panel-spacing-md) 0 0 0}._dropText_p0d3i_66{margin:0;color:var(--dev-panel-text-color)}._droppedFile_p0d3i_71{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}._droppedText_p0d3i_79{margin:0;color:var(--dev-panel-text-color);font-weight:var(--dev-panel-font-weight-medium);font-size:var(--dev-panel-font-size-md)}._errorMessage_p0d3i_86{padding:var(--dev-panel-spacing-md) var(--dev-panel-spacing-lg);border-radius:var(--dev-panel-border-radius-sm);color:var(--dev-panel-error-color);font-size:var(--dev-panel-font-size-md);margin:0}._errorMessage_p0d3i_86 p{margin:0}
package/dist/assets/index13.css ADDED
@@ -0,0 +1 @@
1
+ :root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #2563eb;--dev-panel-accent-color-hover: #1d4ed8;--dev-panel-accent-color-active: #1e40af;--dev-panel-accent-color-disabled: #2563eb30;--dev-panel-primary-color: #2563eb;--dev-panel-primary-color-hover: #1d4ed8;--dev-panel-primary-color-active: #1e40af;--dev-panel-primary-color-disabled: #2563eb30;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-base: 4px;--dev-panel-spacing-xs: calc(var(--dev-panel-spacing-base) * .5);--dev-panel-spacing-sm: var(--dev-panel-spacing-base);--dev-panel-spacing-md: calc(var(--dev-panel-spacing-base) * 2);--dev-panel-spacing-lg: calc(var(--dev-panel-spacing-base) * 3);--dev-panel-spacing-xl: calc(var(--dev-panel-spacing-base) * 4);--dev-panel-spacing-2xl: calc(var(--dev-panel-spacing-base) * 5);--dev-panel-spacing-3xl: calc(var(--dev-panel-spacing-base) * 6);--dev-panel-spacing-4xl: calc(var(--dev-panel-spacing-base) * 8);--dev-panel-spacing: var(--dev-panel-spacing-lg);--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 400px;--dev-panel-min-width: 280px;--dev-panel-max-height: 600px;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}@media (prefers-color-scheme: light){:root{color-scheme:light;--dev-panel-background-color: #f8fafc;--dev-panel-background-color-secondary: #f1f5f9;--dev-panel-background-color-tertiary: #e2e8f0;--dev-panel-foreground-color: #ffffff;--dev-panel-surface-color: #ffffff;--dev-panel-surface-color-hover: #e2e8f0;--dev-panel-surface-color-active: #e2e8f0;--dev-panel-text-color: #0f172a;--dev-panel-text-color-secondary: #334155;--dev-panel-text-color-muted: #64748b;--dev-panel-text-color-disabled: #94a3b8;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #0f172a;--dev-panel-border-color: #e2e8f0;--dev-panel-border-color-light: #cbd5e1;--dev-panel-border-color-strong: #94a3b8;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #ffffff;--dev-panel-input-background-color-hover: #ffcccc;--dev-panel-input-background-color-focus: #ffffff;--dev-panel-input-border-color: #e2e8f0;--dev-panel-input-border-color-hover: #cbd5e1;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #0f172a;--dev-panel-input-placeholder-color: #64748b;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .03);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color-light);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-strong)}}:root[data-dev-panel-theme=dark]{color-scheme:dark}:root[data-dev-panel-theme=light]{--dev-panel-background-color: #f8fafc;--dev-panel-background-color-secondary: #f1f5f9;--dev-panel-background-color-tertiary: #e2e8f0;--dev-panel-foreground-color: #ffffff;--dev-panel-surface-color: #ffffff;--dev-panel-surface-color-hover: #e2e8f0;--dev-panel-surface-color-active: #e2e8f0;--dev-panel-text-color: #0f172a;--dev-panel-text-color-secondary: #334155;--dev-panel-text-color-muted: #64748b;--dev-panel-text-color-disabled: #94a3b8;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #0f172a;--dev-panel-border-color: #e2e8f0;--dev-panel-border-color-light: #cbd5e1;--dev-panel-border-color-strong: #94a3b8;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #ffffff;--dev-panel-input-background-color-hover: #ffcccc;--dev-panel-input-background-color-focus: #ffffff;--dev-panel-input-border-color: #e2e8f0;--dev-panel-input-border-color-hover: #cbd5e1;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #0f172a;--dev-panel-input-placeholder-color: #64748b;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .03);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color-light);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-strong);color-scheme:light}._buttonGroupContainer_1irhu_217{scrollbar-width:thin;scrollbar-color:var(--dev-panel-scrollbar-thumb-color) var(--dev-panel-scrollbar-track-color);width:100%;display:flex;gap:var(--dev-panel-spacing-sm);background:var(--dev-panel-surface-color);border:1px solid var(--dev-panel-border-color);border-radius:var(--dev-panel-border-radius);padding:var(--dev-panel-spacing-sm);overflow-x:auto;container-type:inline-size}._buttonGroupContainer_1irhu_217::-webkit-scrollbar{width:var(--dev-panel-scrollbar-width);height:var(--dev-panel-scrollbar-width)}._buttonGroupContainer_1irhu_217::-webkit-scrollbar-track{background:var(--dev-panel-scrollbar-track-color);border-radius:var(--dev-panel-border-radius-md)}._buttonGroupContainer_1irhu_217::-webkit-scrollbar-thumb{background:var(--dev-panel-scrollbar-thumb-color);border-radius:var(--dev-panel-border-radius-md);transition:var(--dev-panel-transition-fast)}._buttonGroupContainer_1irhu_217::-webkit-scrollbar-thumb:hover{background:var(--dev-panel-scrollbar-thumb-hover-color)}._buttonGroupContainer_1irhu_217::-webkit-scrollbar-corner{background:var(--dev-panel-scrollbar-track-color)}@container (max-width: 300px){._buttonGroupContainer_1irhu_217{gap:var(--dev-panel-spacing-xs);padding:var(--dev-panel-spacing-xs)}._buttonGroupContainer_1irhu_217 ._button_1irhu_217{padding:var(--dev-panel-spacing-xs) var(--dev-panel-spacing-md);font-size:var(--dev-panel-font-size-xs)}}._buttonGroupContainer_1irhu_217 ._button_1irhu_217{padding:0;margin:0;border:none;background:none;font:inherit;color:inherit;flex:0 0 auto;min-width:max-content;background:var(--dev-panel-input-background-color);color:var(--dev-panel-text-color);font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);font-weight:var(--dev-panel-font-weight-medium);padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-lg);border:1px solid var(--dev-panel-input-border-color);border-radius:var(--dev-panel-border-radius);transition:var(--dev-panel-transition);min-height:var(--dev-panel-inputs-height);display:flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer}._buttonGroupContainer_1irhu_217 ._button_1irhu_217:hover:not(:disabled):not(._active_1irhu_285){background:var(--dev-panel-surface-color-hover);border-color:var(--dev-panel-input-border-color-hover)}._buttonGroupContainer_1irhu_217 ._button_1irhu_217:active:not(:disabled){transform:scale(.98)}._buttonGroupContainer_1irhu_217 ._button_1irhu_217:focus{outline:none;border-color:var(--dev-panel-input-border-color-focus);box-shadow:0 0 0 3px #6366f133}._buttonGroupContainer_1irhu_217 ._button_1irhu_217:focus:not(:focus-visible){box-shadow:none}._buttonGroupContainer_1irhu_217 ._button_1irhu_217._active_1irhu_285{background:var(--dev-panel-accent-color);color:var(--dev-panel-text-color-on-accent);border-color:var(--dev-panel-accent-color)}._buttonGroupContainer_1irhu_217 ._button_1irhu_217._active_1irhu_285:hover{background:var(--dev-panel-accent-color-hover);border-color:var(--dev-panel-accent-color-hover)}._buttonGroupContainer_1irhu_217 ._button_1irhu_217:disabled{opacity:var(--dev-panel-opacity-50);cursor:not-allowed;background:var(--dev-panel-surface-color)}._buttonGroupContainer_1irhu_217._compact_1irhu_314 ._button_1irhu_217{padding:var(--dev-panel-spacing-xs) var(--dev-panel-spacing-md);font-size:var(--dev-panel-font-size-xs);min-height:calc(var(--dev-panel-inputs-height) - 4px)}
package/dist/assets/index14.css ADDED
@@ -0,0 +1 @@
1
+ :root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #2563eb;--dev-panel-accent-color-hover: #1d4ed8;--dev-panel-accent-color-active: #1e40af;--dev-panel-accent-color-disabled: #2563eb30;--dev-panel-primary-color: #2563eb;--dev-panel-primary-color-hover: #1d4ed8;--dev-panel-primary-color-active: #1e40af;--dev-panel-primary-color-disabled: #2563eb30;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-base: 4px;--dev-panel-spacing-xs: calc(var(--dev-panel-spacing-base) * .5);--dev-panel-spacing-sm: var(--dev-panel-spacing-base);--dev-panel-spacing-md: calc(var(--dev-panel-spacing-base) * 2);--dev-panel-spacing-lg: calc(var(--dev-panel-spacing-base) * 3);--dev-panel-spacing-xl: calc(var(--dev-panel-spacing-base) * 4);--dev-panel-spacing-2xl: calc(var(--dev-panel-spacing-base) * 5);--dev-panel-spacing-3xl: calc(var(--dev-panel-spacing-base) * 6);--dev-panel-spacing-4xl: calc(var(--dev-panel-spacing-base) * 8);--dev-panel-spacing: var(--dev-panel-spacing-lg);--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 400px;--dev-panel-min-width: 280px;--dev-panel-max-height: 600px;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}@media (prefers-color-scheme: light){:root{color-scheme:light;--dev-panel-background-color: #f8fafc;--dev-panel-background-color-secondary: #f1f5f9;--dev-panel-background-color-tertiary: #e2e8f0;--dev-panel-foreground-color: #ffffff;--dev-panel-surface-color: #ffffff;--dev-panel-surface-color-hover: #e2e8f0;--dev-panel-surface-color-active: #e2e8f0;--dev-panel-text-color: #0f172a;--dev-panel-text-color-secondary: #334155;--dev-panel-text-color-muted: #64748b;--dev-panel-text-color-disabled: #94a3b8;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #0f172a;--dev-panel-border-color: #e2e8f0;--dev-panel-border-color-light: #cbd5e1;--dev-panel-border-color-strong: #94a3b8;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #ffffff;--dev-panel-input-background-color-hover: #ffcccc;--dev-panel-input-background-color-focus: #ffffff;--dev-panel-input-border-color: #e2e8f0;--dev-panel-input-border-color-hover: #cbd5e1;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #0f172a;--dev-panel-input-placeholder-color: #64748b;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .03);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color-light);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-strong)}}:root[data-dev-panel-theme=dark]{color-scheme:dark}:root[data-dev-panel-theme=light]{--dev-panel-background-color: #f8fafc;--dev-panel-background-color-secondary: #f1f5f9;--dev-panel-background-color-tertiary: #e2e8f0;--dev-panel-foreground-color: #ffffff;--dev-panel-surface-color: #ffffff;--dev-panel-surface-color-hover: #e2e8f0;--dev-panel-surface-color-active: #e2e8f0;--dev-panel-text-color: #0f172a;--dev-panel-text-color-secondary: #334155;--dev-panel-text-color-muted: #64748b;--dev-panel-text-color-disabled: #94a3b8;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #0f172a;--dev-panel-border-color: #e2e8f0;--dev-panel-border-color-light: #cbd5e1;--dev-panel-border-color-strong: #94a3b8;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #ffffff;--dev-panel-input-background-color-hover: #ffcccc;--dev-panel-input-background-color-focus: #ffffff;--dev-panel-input-border-color: #e2e8f0;--dev-panel-input-border-color-hover: #cbd5e1;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #0f172a;--dev-panel-input-placeholder-color: #64748b;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .03);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color-light);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-strong);color-scheme:light}._button_1h30c_217{display:inline-flex;align-items:center;justify-content:center;gap:var(--dev-panel-spacing-sm);padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-lg);font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);font-weight:var(--dev-panel-font-weight-medium);line-height:var(--dev-panel-line-height-tight);border:var(--dev-panel-input-border-width) solid transparent;border-radius:var(--dev-panel-border-radius);background:transparent;color:inherit;text-decoration:none;white-space:nowrap;user-select:none;transition:var(--dev-panel-transition);cursor:pointer;width:100%;min-height:var(--dev-panel-button-height);border-color:var(--dev-panel-accent-color);background-color:var(--dev-panel-accent-color);color:var(--dev-panel-text-color-on-accent);text-align:center}._button_1h30c_217:disabled{opacity:var(--dev-panel-opacity-50);cursor:not-allowed;pointer-events:none}._button_1h30c_217:hover:not(:disabled){background-color:var(--dev-panel-accent-color-hover);border-color:var(--dev-panel-accent-color-hover);box-shadow:var(--dev-panel-shadow-md)}._button_1h30c_217:active:not(:disabled){background-color:var(--dev-panel-accent-color-active);border-color:var(--dev-panel-accent-color-active);box-shadow:var(--dev-panel-shadow-sm)}._button_1h30c_217:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--dev-panel-accent-color) 30%,transparent)}._button_1h30c_217:focus:not(:focus-visible){box-shadow:none}._button_1h30c_217:disabled{background-color:var(--dev-panel-accent-color-disabled);border-color:var(--dev-panel-accent-color-disabled);color:var(--dev-panel-text-color-disabled);transform:none;box-shadow:none;opacity:var(--dev-panel-opacity-50);cursor:not-allowed}._button_1h30c_217._secondary_1h30c_274{background-color:transparent;color:var(--dev-panel-accent-color);border-color:var(--dev-panel-accent-color)}._button_1h30c_217._secondary_1h30c_274:hover:not(:disabled){background-color:color-mix(in srgb,var(--dev-panel-accent-color) 10%,transparent);color:var(--dev-panel-accent-color-hover);border-color:var(--dev-panel-accent-color-hover)}._button_1h30c_217._secondary_1h30c_274:active:not(:disabled){background-color:color-mix(in srgb,var(--dev-panel-accent-color) 20%,transparent);color:var(--dev-panel-accent-color-active);border-color:var(--dev-panel-accent-color-active)}._button_1h30c_217._secondary_1h30c_274:disabled{background-color:transparent;color:var(--dev-panel-text-color-disabled);border-color:var(--dev-panel-border-color)}._button_1h30c_217._small_1h30c_294{min-height:var(--dev-panel-button-height-sm);padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-md);font-size:var(--dev-panel-font-size-xs)}._button_1h30c_217._large_1h30c_299{min-height:var(--dev-panel-button-height-lg);padding:var(--dev-panel-spacing-lg) var(--dev-panel-spacing-xl);font-size:var(--dev-panel-font-size-md)}
package/dist/assets/index15.css ADDED
@@ -0,0 +1 @@
1
+ :root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #2563eb;--dev-panel-accent-color-hover: #1d4ed8;--dev-panel-accent-color-active: #1e40af;--dev-panel-accent-color-disabled: #2563eb30;--dev-panel-primary-color: #2563eb;--dev-panel-primary-color-hover: #1d4ed8;--dev-panel-primary-color-active: #1e40af;--dev-panel-primary-color-disabled: #2563eb30;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-base: 4px;--dev-panel-spacing-xs: calc(var(--dev-panel-spacing-base) * .5);--dev-panel-spacing-sm: var(--dev-panel-spacing-base);--dev-panel-spacing-md: calc(var(--dev-panel-spacing-base) * 2);--dev-panel-spacing-lg: calc(var(--dev-panel-spacing-base) * 3);--dev-panel-spacing-xl: calc(var(--dev-panel-spacing-base) * 4);--dev-panel-spacing-2xl: calc(var(--dev-panel-spacing-base) * 5);--dev-panel-spacing-3xl: calc(var(--dev-panel-spacing-base) * 6);--dev-panel-spacing-4xl: calc(var(--dev-panel-spacing-base) * 8);--dev-panel-spacing: var(--dev-panel-spacing-lg);--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 400px;--dev-panel-min-width: 280px;--dev-panel-max-height: 600px;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}@media (prefers-color-scheme: light){:root{color-scheme:light;--dev-panel-background-color: #f8fafc;--dev-panel-background-color-secondary: #f1f5f9;--dev-panel-background-color-tertiary: #e2e8f0;--dev-panel-foreground-color: #ffffff;--dev-panel-surface-color: #ffffff;--dev-panel-surface-color-hover: #e2e8f0;--dev-panel-surface-color-active: #e2e8f0;--dev-panel-text-color: #0f172a;--dev-panel-text-color-secondary: #334155;--dev-panel-text-color-muted: #64748b;--dev-panel-text-color-disabled: #94a3b8;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #0f172a;--dev-panel-border-color: #e2e8f0;--dev-panel-border-color-light: #cbd5e1;--dev-panel-border-color-strong: #94a3b8;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #ffffff;--dev-panel-input-background-color-hover: #ffcccc;--dev-panel-input-background-color-focus: #ffffff;--dev-panel-input-border-color: #e2e8f0;--dev-panel-input-border-color-hover: #cbd5e1;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #0f172a;--dev-panel-input-placeholder-color: #64748b;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .03);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color-light);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-strong)}}:root[data-dev-panel-theme=dark]{color-scheme:dark}:root[data-dev-panel-theme=light]{--dev-panel-background-color: #f8fafc;--dev-panel-background-color-secondary: #f1f5f9;--dev-panel-background-color-tertiary: #e2e8f0;--dev-panel-foreground-color: #ffffff;--dev-panel-surface-color: #ffffff;--dev-panel-surface-color-hover: #e2e8f0;--dev-panel-surface-color-active: #e2e8f0;--dev-panel-text-color: #0f172a;--dev-panel-text-color-secondary: #334155;--dev-panel-text-color-muted: #64748b;--dev-panel-text-color-disabled: #94a3b8;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #0f172a;--dev-panel-border-color: #e2e8f0;--dev-panel-border-color-light: #cbd5e1;--dev-panel-border-color-strong: #94a3b8;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #ffffff;--dev-panel-input-background-color-hover: #ffcccc;--dev-panel-input-background-color-focus: #ffffff;--dev-panel-input-border-color: #e2e8f0;--dev-panel-input-border-color-hover: #cbd5e1;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #0f172a;--dev-panel-input-placeholder-color: #64748b;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .03);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color-light);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-strong);color-scheme:light}._switch_1rjjb_217{--switch-width: 44px;--switch-height: 24px;--thumb-size: 20px;--thumb-margin: 1px;position:relative;display:inline-block;width:var(--switch-width);height:var(--switch-height)}._switch_1rjjb_217 input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}._switch_1rjjb_217 input:checked+._slider_1rjjb_235{background-color:var(--dev-panel-accent-color, #6366f1);border-color:var(--dev-panel-accent-color, #6366f1)}._switch_1rjjb_217 input:checked+._slider_1rjjb_235:before{left:calc(100% - var(--thumb-size) - var(--thumb-margin));background-color:var(--dev-panel-text-color-on-accent, #ffffff)}._switch_1rjjb_217 input:focus+._slider_1rjjb_235{box-shadow:0 0 0 3px #6366f133}._switch_1rjjb_217 input:focus:not(:focus-visible)+._slider_1rjjb_235{box-shadow:none}._switch_1rjjb_217 input:disabled+._slider_1rjjb_235{opacity:var(--dev-panel-opacity-50, .5);cursor:not-allowed}._switch_1rjjb_217 input:disabled+._slider_1rjjb_235:before{opacity:var(--dev-panel-opacity-70, .7)}._switch_1rjjb_217 ._slider_1rjjb_235{position:absolute;inset:0;background-color:var(--dev-panel-input-background-color, #0f172a);border:1px solid var(--dev-panel-input-border-color, #475569);border-radius:var(--dev-panel-border-radius-full, 9999px);transition:var(--dev-panel-transition, all .2s cubic-bezier(.4, 0, .2, 1));cursor:pointer}._switch_1rjjb_217 ._slider_1rjjb_235:before{content:"";position:absolute;top:var(--thumb-margin);left:var(--thumb-margin);width:var(--thumb-size);height:var(--thumb-size);background-color:var(--dev-panel-text-color-muted, #94a3b8);border-radius:var(--dev-panel-border-radius-full, 9999px);transition:var(--dev-panel-transition, all .2s cubic-bezier(.4, 0, .2, 1));box-shadow:var(--dev-panel-shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}._switch_1rjjb_217 ._slider_1rjjb_235:hover{border-color:var(--dev-panel-input-border-color-hover, #64748b)}._switch_1rjjb_217 ._slider_1rjjb_235:hover:before{box-shadow:var(--dev-panel-shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}._switch_1rjjb_217 input:disabled+._slider_1rjjb_235:hover{border-color:var(--dev-panel-input-border-color, #475569)}._switch_1rjjb_217 input:disabled+._slider_1rjjb_235:hover:before{box-shadow:var(--dev-panel-shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}
package/dist/assets/index2.css ADDED
@@ -0,0 +1 @@
1
+ :root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #2563eb;--dev-panel-accent-color-hover: #1d4ed8;--dev-panel-accent-color-active: #1e40af;--dev-panel-accent-color-disabled: #2563eb30;--dev-panel-primary-color: #2563eb;--dev-panel-primary-color-hover: #1d4ed8;--dev-panel-primary-color-active: #1e40af;--dev-panel-primary-color-disabled: #2563eb30;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-base: 4px;--dev-panel-spacing-xs: calc(var(--dev-panel-spacing-base) * .5);--dev-panel-spacing-sm: var(--dev-panel-spacing-base);--dev-panel-spacing-md: calc(var(--dev-panel-spacing-base) * 2);--dev-panel-spacing-lg: calc(var(--dev-panel-spacing-base) * 3);--dev-panel-spacing-xl: calc(var(--dev-panel-spacing-base) * 4);--dev-panel-spacing-2xl: calc(var(--dev-panel-spacing-base) * 5);--dev-panel-spacing-3xl: calc(var(--dev-panel-spacing-base) * 6);--dev-panel-spacing-4xl: calc(var(--dev-panel-spacing-base) * 8);--dev-panel-spacing: var(--dev-panel-spacing-lg);--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 400px;--dev-panel-min-width: 280px;--dev-panel-max-height: 600px;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}@media (prefers-color-scheme: light){:root{color-scheme:light;--dev-panel-background-color: #f8fafc;--dev-panel-background-color-secondary: #f1f5f9;--dev-panel-background-color-tertiary: #e2e8f0;--dev-panel-foreground-color: #ffffff;--dev-panel-surface-color: #ffffff;--dev-panel-surface-color-hover: #e2e8f0;--dev-panel-surface-color-active: #e2e8f0;--dev-panel-text-color: #0f172a;--dev-panel-text-color-secondary: #334155;--dev-panel-text-color-muted: #64748b;--dev-panel-text-color-disabled: #94a3b8;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #0f172a;--dev-panel-border-color: #e2e8f0;--dev-panel-border-color-light: #cbd5e1;--dev-panel-border-color-strong: #94a3b8;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #ffffff;--dev-panel-input-background-color-hover: #ffcccc;--dev-panel-input-background-color-focus: #ffffff;--dev-panel-input-border-color: #e2e8f0;--dev-panel-input-border-color-hover: #cbd5e1;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #0f172a;--dev-panel-input-placeholder-color: #64748b;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .03);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color-light);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-strong)}}:root[data-dev-panel-theme=dark]{color-scheme:dark}:root[data-dev-panel-theme=light]{--dev-panel-background-color: #f8fafc;--dev-panel-background-color-secondary: #f1f5f9;--dev-panel-background-color-tertiary: #e2e8f0;--dev-panel-foreground-color: #ffffff;--dev-panel-surface-color: #ffffff;--dev-panel-surface-color-hover: #e2e8f0;--dev-panel-surface-color-active: #e2e8f0;--dev-panel-text-color: #0f172a;--dev-panel-text-color-secondary: #334155;--dev-panel-text-color-muted: #64748b;--dev-panel-text-color-disabled: #94a3b8;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #0f172a;--dev-panel-border-color: #e2e8f0;--dev-panel-border-color-light: #cbd5e1;--dev-panel-border-color-strong: #94a3b8;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #ffffff;--dev-panel-input-background-color-hover: #ffcccc;--dev-panel-input-background-color-focus: #ffffff;--dev-panel-input-border-color: #e2e8f0;--dev-panel-input-border-color-hover: #cbd5e1;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #0f172a;--dev-panel-input-placeholder-color: #64748b;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .03);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color-light);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-strong);color-scheme:light}._devPanelContainer_11dce_217{scrollbar-width:thin;scrollbar-color:var(--dev-panel-scrollbar-thumb-color) var(--dev-panel-scrollbar-track-color);position:fixed;z-index:var(--dev-panel-z-index);border-radius:var(--dev-panel-border-radius);box-shadow:var(--dev-panel-shadow);width:var(--dev-panel-max-width);min-width:var(--dev-panel-min-width);user-select:none;font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);line-height:var(--dev-panel-line-height-normal);touch-action:none;background:var(--dev-panel-foreground-color);border:1px solid var(--dev-panel-border-color)}._devPanelContainer_11dce_217::-webkit-scrollbar{width:var(--dev-panel-scrollbar-width);height:var(--dev-panel-scrollbar-width)}._devPanelContainer_11dce_217::-webkit-scrollbar-track{background:var(--dev-panel-scrollbar-track-color);border-radius:var(--dev-panel-border-radius-md)}._devPanelContainer_11dce_217::-webkit-scrollbar-thumb{background:var(--dev-panel-scrollbar-thumb-color);border-radius:var(--dev-panel-border-radius-md);transition:var(--dev-panel-transition-fast)}._devPanelContainer_11dce_217::-webkit-scrollbar-thumb:hover{background:var(--dev-panel-scrollbar-thumb-hover-color)}._devPanelContainer_11dce_217::-webkit-scrollbar-corner{background:var(--dev-panel-scrollbar-track-color)}._devPanelContainer_11dce_217 *{box-sizing:border-box}._devPanelContainer_11dce_217 ._header_11dce_256{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:var(--dev-panel-spacing-md) var(--dev-panel-spacing-lg);background:var(--dev-panel-foreground-color);color:var(--dev-panel-text-color);cursor:move;border-bottom:1px solid var(--dev-panel-border-color);height:var(--dev-panel-header-height);border-radius:var(--dev-panel-border-radius) var(--dev-panel-border-radius) 0 0;z-index:1}._devPanelContainer_11dce_217 ._title_11dce_271{font-size:var(--dev-panel-font-size-sm);font-weight:var(--dev-panel-font-weight-semibold);display:flex;align-items:center;gap:var(--dev-panel-spacing-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dev-panel-text-color);pointer-events:none}._devPanelContainer_11dce_217 ._button_11dce_283{background:none;border:none;color:var(--dev-panel-text-color-muted);font-size:var(--dev-panel-font-size-md);cursor:pointer;padding:var(--dev-panel-spacing-sm);border-radius:var(--dev-panel-border-radius-md);transition:var(--dev-panel-transition);display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}._devPanelContainer_11dce_217 ._button_11dce_283:hover{background:var(--dev-panel-surface-color-hover);color:var(--dev-panel-text-color)}._devPanelContainer_11dce_217 ._button_11dce_283:active{transform:scale(.95);background:var(--dev-panel-surface-color-active)}._devPanelContainer_11dce_217 ._button_11dce_283:focus{outline:2px solid var(--dev-panel-accent-color);outline-offset:2px}._devPanelContainer_11dce_217 ._button_11dce_283:focus:not(:focus-visible){outline:none}._devPanelContainer_11dce_217 ._button_11dce_283>svg{display:block;width:16px;height:16px;transition:transform var(--dev-panel-transition)}._devPanelContainer_11dce_217 ._button_11dce_283>svg._collapsed_11dce_319{transform:rotate(180deg)}._devPanelContainer_11dce_217 ._button_11dce_283>svg path{fill:currentColor}._content_11dce_326{max-height:calc(var(--dev-panel-max-height) - var(--dev-panel-header-height));background-color:var(--dev-panel-background-color);border-radius:0 0 var(--dev-panel-border-radius) var(--dev-panel-border-radius);overflow-x:hidden;overflow-y:auto;max-height:var(--dev-panel-max-height)}
package/dist/assets/index6.css ADDED
@@ -0,0 +1 @@
1
+ :root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #2563eb;--dev-panel-accent-color-hover: #1d4ed8;--dev-panel-accent-color-active: #1e40af;--dev-panel-accent-color-disabled: #2563eb30;--dev-panel-primary-color: #2563eb;--dev-panel-primary-color-hover: #1d4ed8;--dev-panel-primary-color-active: #1e40af;--dev-panel-primary-color-disabled: #2563eb30;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-base: 4px;--dev-panel-spacing-xs: calc(var(--dev-panel-spacing-base) * .5);--dev-panel-spacing-sm: var(--dev-panel-spacing-base);--dev-panel-spacing-md: calc(var(--dev-panel-spacing-base) * 2);--dev-panel-spacing-lg: calc(var(--dev-panel-spacing-base) * 3);--dev-panel-spacing-xl: calc(var(--dev-panel-spacing-base) * 4);--dev-panel-spacing-2xl: calc(var(--dev-panel-spacing-base) * 5);--dev-panel-spacing-3xl: calc(var(--dev-panel-spacing-base) * 6);--dev-panel-spacing-4xl: calc(var(--dev-panel-spacing-base) * 8);--dev-panel-spacing: var(--dev-panel-spacing-lg);--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 400px;--dev-panel-min-width: 280px;--dev-panel-max-height: 600px;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}@media (prefers-color-scheme: light){:root{color-scheme:light;--dev-panel-background-color: #f8fafc;--dev-panel-background-color-secondary: #f1f5f9;--dev-panel-background-color-tertiary: #e2e8f0;--dev-panel-foreground-color: #ffffff;--dev-panel-surface-color: #ffffff;--dev-panel-surface-color-hover: #e2e8f0;--dev-panel-surface-color-active: #e2e8f0;--dev-panel-text-color: #0f172a;--dev-panel-text-color-secondary: #334155;--dev-panel-text-color-muted: #64748b;--dev-panel-text-color-disabled: #94a3b8;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #0f172a;--dev-panel-border-color: #e2e8f0;--dev-panel-border-color-light: #cbd5e1;--dev-panel-border-color-strong: #94a3b8;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #ffffff;--dev-panel-input-background-color-hover: #ffcccc;--dev-panel-input-background-color-focus: #ffffff;--dev-panel-input-border-color: #e2e8f0;--dev-panel-input-border-color-hover: #cbd5e1;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #0f172a;--dev-panel-input-placeholder-color: #64748b;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .03);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color-light);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-strong)}}:root[data-dev-panel-theme=dark]{color-scheme:dark}:root[data-dev-panel-theme=light]{--dev-panel-background-color: #f8fafc;--dev-panel-background-color-secondary: #f1f5f9;--dev-panel-background-color-tertiary: #e2e8f0;--dev-panel-foreground-color: #ffffff;--dev-panel-surface-color: #ffffff;--dev-panel-surface-color-hover: #e2e8f0;--dev-panel-surface-color-active: #e2e8f0;--dev-panel-text-color: #0f172a;--dev-panel-text-color-secondary: #334155;--dev-panel-text-color-muted: #64748b;--dev-panel-text-color-disabled: #94a3b8;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #0f172a;--dev-panel-border-color: #e2e8f0;--dev-panel-border-color-light: #cbd5e1;--dev-panel-border-color-strong: #94a3b8;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #ffffff;--dev-panel-input-background-color-hover: #ffcccc;--dev-panel-input-background-color-focus: #ffffff;--dev-panel-input-border-color: #e2e8f0;--dev-panel-input-border-color-hover: #cbd5e1;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #0f172a;--dev-panel-input-placeholder-color: #64748b;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .03);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color-light);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-strong);color-scheme:light}._textarea_83ckv_217{display:block;width:100%;height:var(--dev-panel-inputs-height-sm);padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-md);font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);line-height:var(--dev-panel-line-height-normal);color:var(--dev-panel-input-text-color);background-color:var(--dev-panel-input-background-color);border:var(--dev-panel-input-border-width) solid var(--dev-panel-input-border-color);border-radius:var(--dev-panel-border-radius);transition:var(--dev-panel-transition);cursor:text;resize:none;min-height:45px;overflow-y:hidden;transition:none}._textarea_83ckv_217::placeholder{color:var(--dev-panel-input-placeholder-color)}._textarea_83ckv_217:hover:not(:disabled){border-color:var(--dev-panel-input-border-color-hover)}._textarea_83ckv_217:focus{outline:none;border-color:var(--dev-panel-input-border-color-focus);box-shadow:0 0 0 3px #6366f133}._textarea_83ckv_217:disabled{opacity:var(--dev-panel-opacity-50);background-color:var(--dev-panel-surface-color);border-color:var(--dev-panel-border-color);cursor:not-allowed}._textarea_83ckv_217::placeholder{color:var(--dev-panel-input-placeholder-color);opacity:1}
package/dist/assets/index7.css ADDED
@@ -0,0 +1 @@
1
+ :root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #2563eb;--dev-panel-accent-color-hover: #1d4ed8;--dev-panel-accent-color-active: #1e40af;--dev-panel-accent-color-disabled: #2563eb30;--dev-panel-primary-color: #2563eb;--dev-panel-primary-color-hover: #1d4ed8;--dev-panel-primary-color-active: #1e40af;--dev-panel-primary-color-disabled: #2563eb30;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-base: 4px;--dev-panel-spacing-xs: calc(var(--dev-panel-spacing-base) * .5);--dev-panel-spacing-sm: var(--dev-panel-spacing-base);--dev-panel-spacing-md: calc(var(--dev-panel-spacing-base) * 2);--dev-panel-spacing-lg: calc(var(--dev-panel-spacing-base) * 3);--dev-panel-spacing-xl: calc(var(--dev-panel-spacing-base) * 4);--dev-panel-spacing-2xl: calc(var(--dev-panel-spacing-base) * 5);--dev-panel-spacing-3xl: calc(var(--dev-panel-spacing-base) * 6);--dev-panel-spacing-4xl: calc(var(--dev-panel-spacing-base) * 8);--dev-panel-spacing: var(--dev-panel-spacing-lg);--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 400px;--dev-panel-min-width: 280px;--dev-panel-max-height: 600px;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}@media (prefers-color-scheme: light){:root{color-scheme:light;--dev-panel-background-color: #f8fafc;--dev-panel-background-color-secondary: #f1f5f9;--dev-panel-background-color-tertiary: #e2e8f0;--dev-panel-foreground-color: #ffffff;--dev-panel-surface-color: #ffffff;--dev-panel-surface-color-hover: #e2e8f0;--dev-panel-surface-color-active: #e2e8f0;--dev-panel-text-color: #0f172a;--dev-panel-text-color-secondary: #334155;--dev-panel-text-color-muted: #64748b;--dev-panel-text-color-disabled: #94a3b8;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #0f172a;--dev-panel-border-color: #e2e8f0;--dev-panel-border-color-light: #cbd5e1;--dev-panel-border-color-strong: #94a3b8;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #ffffff;--dev-panel-input-background-color-hover: #ffcccc;--dev-panel-input-background-color-focus: #ffffff;--dev-panel-input-border-color: #e2e8f0;--dev-panel-input-border-color-hover: #cbd5e1;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #0f172a;--dev-panel-input-placeholder-color: #64748b;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .03);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color-light);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-strong)}}:root[data-dev-panel-theme=dark]{color-scheme:dark}:root[data-dev-panel-theme=light]{--dev-panel-background-color: #f8fafc;--dev-panel-background-color-secondary: #f1f5f9;--dev-panel-background-color-tertiary: #e2e8f0;--dev-panel-foreground-color: #ffffff;--dev-panel-surface-color: #ffffff;--dev-panel-surface-color-hover: #e2e8f0;--dev-panel-surface-color-active: #e2e8f0;--dev-panel-text-color: #0f172a;--dev-panel-text-color-secondary: #334155;--dev-panel-text-color-muted: #64748b;--dev-panel-text-color-disabled: #94a3b8;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #0f172a;--dev-panel-border-color: #e2e8f0;--dev-panel-border-color-light: #cbd5e1;--dev-panel-border-color-strong: #94a3b8;--dev-panel-border-color-accent: #2563eb;--dev-panel-input-background-color: #ffffff;--dev-panel-input-background-color-hover: #ffcccc;--dev-panel-input-background-color-focus: #ffffff;--dev-panel-input-border-color: #e2e8f0;--dev-panel-input-border-color-hover: #cbd5e1;--dev-panel-input-border-color-focus: #2563eb;--dev-panel-input-text-color: #0f172a;--dev-panel-input-placeholder-color: #64748b;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .03);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color-light);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-strong);color-scheme:light}._select_1hbiz_217{position:relative;width:100%}._trigger_1hbiz_222{display:block;width:100%;height:var(--dev-panel-inputs-height-sm);padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-md);font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);line-height:var(--dev-panel-line-height-normal);color:var(--dev-panel-input-text-color);background-color:var(--dev-panel-input-background-color);border-radius:var(--dev-panel-border-radius);transition:var(--dev-panel-transition);display:flex;align-items:center;justify-content:space-between;border:var(--dev-panel-input-border-width) solid var(--dev-panel-input-border-color);cursor:pointer}._trigger_1hbiz_222::placeholder{color:var(--dev-panel-input-placeholder-color)}._trigger_1hbiz_222:focus{outline:none;border-color:var(--dev-panel-input-border-color-focus);box-shadow:0 0 0 3px #6366f133}._trigger_1hbiz_222:disabled{opacity:var(--dev-panel-opacity-50);background-color:var(--dev-panel-surface-color);border-color:var(--dev-panel-border-color);cursor:not-allowed}._trigger_1hbiz_222:hover:not(:disabled){border-color:var(--dev-panel-input-border-color-hover)}._trigger_1hbiz_222:focus{outline:none;border-color:var(--dev-panel-input-border-color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--dev-panel-accent-color) 20%,transparent)}._trigger_1hbiz_222:disabled{cursor:not-allowed;opacity:var(--dev-panel-opacity-50);background-color:var(--dev-panel-surface-color)}._trigger_1hbiz_222._open_1hbiz_271{border-color:var(--dev-panel-input-border-color-focus)}._value_1hbiz_275{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dev-panel-input-text-color);font-size:var(--dev-panel-font-size-sm)}._value_1hbiz_275._placeholder_1hbiz_284{color:var(--dev-panel-input-placeholder-color)}._arrow_1hbiz_288{display:block;width:16px;height:16px;margin-left:var(--dev-panel-spacing-sm);transition:var(--dev-panel-transition);flex-shrink:0}._open_1hbiz_271 ._arrow_1hbiz_288{transform:rotate(180deg)}._arrow_1hbiz_288 path{fill:var(--dev-panel-text-color-muted)}._dropdownPortal_1hbiz_303{position:fixed;z-index:9999}._dropdownPortal_1hbiz_303 *{box-sizing:border-box}._dropdown_1hbiz_303{scrollbar-width:thin;scrollbar-color:var(--dev-panel-scrollbar-thumb-color) var(--dev-panel-scrollbar-track-color);max-height:200px;background-color:var(--dev-panel-foreground-color);border:1px solid var(--dev-panel-border-color);border-radius:var(--dev-panel-border-radius);overflow-y:auto;box-shadow:var(--dev-panel-shadow-lg);animation:_dropdown-fade-in_1hbiz_1 .15s ease-out}._dropdown_1hbiz_303::-webkit-scrollbar{width:var(--dev-panel-scrollbar-width);height:var(--dev-panel-scrollbar-width)}._dropdown_1hbiz_303::-webkit-scrollbar-track{background:var(--dev-panel-scrollbar-track-color);border-radius:var(--dev-panel-border-radius-md)}._dropdown_1hbiz_303::-webkit-scrollbar-thumb{background:var(--dev-panel-scrollbar-thumb-color);border-radius:var(--dev-panel-border-radius-md);transition:var(--dev-panel-transition-fast)}._dropdown_1hbiz_303::-webkit-scrollbar-thumb:hover{background:var(--dev-panel-scrollbar-thumb-hover-color)}._dropdown_1hbiz_303::-webkit-scrollbar-corner{background:var(--dev-panel-scrollbar-track-color)}._option_1hbiz_342{position:relative;display:flex;align-items:center;padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-md);transition:var(--dev-panel-transition);background-color:var(--dev-panel-foreground-color);color:var(--dev-panel-text-color);border:none;width:100%;text-align:left;font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);cursor:pointer}._option_1hbiz_342:hover{background-color:var(--dev-panel-surface-color-hover)}._option_1hbiz_342._selected_1hbiz_360{background-color:var(--dev-panel-accent-color);color:var(--dev-panel-text-color-on-accent)}._option_1hbiz_342:focus{outline:none;background-color:var(--dev-panel-surface-color-hover)}._checkbox_1hbiz_369{appearance:none;width:16px;height:16px;border:1px solid var(--dev-panel-border-color);border-radius:3px;margin-right:var(--dev-panel-spacing-sm);position:relative;background-color:var(--dev-panel-input-background-color);flex-shrink:0;cursor:pointer}._checkbox_1hbiz_369:checked{background-color:var(--dev-panel-accent-color);border-color:var(--dev-panel-accent-color)}._checkbox_1hbiz_369:focus{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--dev-panel-accent-color) 20%,transparent)}._label_1hbiz_390{flex:1;pointer-events:none}@keyframes _dropdown-fade-in_1hbiz_1{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}