@wpic/ui 0.3.5

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 (82) hide show
  1. package/dist/components/CollapseToggle.vue.d.ts +10 -0
  2. package/dist/components/ConfirmModal.vue.d.ts +16 -0
  3. package/dist/components/Modal.vue.d.ts +27 -0
  4. package/dist/components/SearchSelect.vue.d.ts +19 -0
  5. package/dist/components/ToastContainer.vue.d.ts +2 -0
  6. package/dist/components/TreeSelect.vue.d.ts +32 -0
  7. package/dist/components/WActionMenu.vue.d.ts +12 -0
  8. package/dist/components/WActionMenuItem.vue.d.ts +20 -0
  9. package/dist/components/WActionPanel.vue.d.ts +22 -0
  10. package/dist/components/WAlert.vue.d.ts +24 -0
  11. package/dist/components/WAvatar.vue.d.ts +7 -0
  12. package/dist/components/WBadge.vue.d.ts +21 -0
  13. package/dist/components/WBanner.vue.d.ts +17 -0
  14. package/dist/components/WBatchActionBar.vue.d.ts +22 -0
  15. package/dist/components/WButton.vue.d.ts +25 -0
  16. package/dist/components/WButtonGroup.vue.d.ts +12 -0
  17. package/dist/components/WCard.vue.d.ts +44 -0
  18. package/dist/components/WChatPanel.vue.d.ts +278 -0
  19. package/dist/components/WCheckbox.vue.d.ts +22 -0
  20. package/dist/components/WDatePicker.vue.d.ts +31 -0
  21. package/dist/components/WDateRangePicker.vue.d.ts +26 -0
  22. package/dist/components/WEmptyState.vue.d.ts +27 -0
  23. package/dist/components/WEmptyValue.vue.d.ts +17 -0
  24. package/dist/components/WFileList.vue.d.ts +36 -0
  25. package/dist/components/WFilter.vue.d.ts +21 -0
  26. package/dist/components/WFilterBar.vue.d.ts +69 -0
  27. package/dist/components/WFormActions.vue.d.ts +14 -0
  28. package/dist/components/WFormLabel.vue.d.ts +15 -0
  29. package/dist/components/WImageTile.vue.d.ts +11 -0
  30. package/dist/components/WInput.vue.d.ts +35 -0
  31. package/dist/components/WLoader.vue.d.ts +12 -0
  32. package/dist/components/WModal.vue.d.ts +28 -0
  33. package/dist/components/WMonthPicker.vue.d.ts +23 -0
  34. package/dist/components/WOptionPopover.vue.d.ts +19 -0
  35. package/dist/components/WPagination.vue.d.ts +16 -0
  36. package/dist/components/WPillGroup.vue.d.ts +35 -0
  37. package/dist/components/WPopover.vue.d.ts +44 -0
  38. package/dist/components/WProgress.vue.d.ts +10 -0
  39. package/dist/components/WSearchSelect.vue.d.ts +25 -0
  40. package/dist/components/WSegmentedControl.vue.d.ts +22 -0
  41. package/dist/components/WSelect.vue.d.ts +67 -0
  42. package/dist/components/WSelectOption.vue.d.ts +22 -0
  43. package/dist/components/WSidePanel.vue.d.ts +29 -0
  44. package/dist/components/WSkeleton.vue.d.ts +7 -0
  45. package/dist/components/WSlidePanel.vue.d.ts +25 -0
  46. package/dist/components/WSlider.vue.d.ts +22 -0
  47. package/dist/components/WSpinner.vue.d.ts +15 -0
  48. package/dist/components/WSpreadsheet.vue.d.ts +99 -0
  49. package/dist/components/WStatCard.vue.d.ts +21 -0
  50. package/dist/components/WTable.vue.d.ts +87 -0
  51. package/dist/components/WTabs.vue.d.ts +28 -0
  52. package/dist/components/WTag.vue.d.ts +27 -0
  53. package/dist/components/WTagInput.vue.d.ts +71 -0
  54. package/dist/components/WTailwindColorPicker.vue.d.ts +21 -0
  55. package/dist/components/WTextarea.vue.d.ts +15 -0
  56. package/dist/components/WToggle.vue.d.ts +22 -0
  57. package/dist/components/WTooltip.vue.d.ts +19 -0
  58. package/dist/components/WTwoColumnFormSection.vue.d.ts +19 -0
  59. package/dist/components/WWorkflowNav.vue.d.ts +20 -0
  60. package/dist/components/form/FormDate.vue.d.ts +23 -0
  61. package/dist/components/form/FormInput.vue.d.ts +15 -0
  62. package/dist/components/form/FormLabel.vue.d.ts +12 -0
  63. package/dist/components/form/FormSelect.vue.d.ts +18 -0
  64. package/dist/components/form/FormTextarea.vue.d.ts +14 -0
  65. package/dist/components/icons/MarketplaceIcon.vue.d.ts +9 -0
  66. package/dist/components/icons/ProviderLogo.vue.d.ts +11 -0
  67. package/dist/components/table/Table.vue.d.ts +12 -0
  68. package/dist/components/table/TableBody.vue.d.ts +12 -0
  69. package/dist/components/table/TableCell.vue.d.ts +17 -0
  70. package/dist/components/table/TableHead.vue.d.ts +12 -0
  71. package/dist/components/table/TableRow.vue.d.ts +15 -0
  72. package/dist/composables/useRecentItems.d.ts +9 -0
  73. package/dist/index.d.ts +82 -0
  74. package/dist/stores/toast.d.ts +148 -0
  75. package/dist/wpic-ui.cjs +9318 -0
  76. package/dist/wpic-ui.css +284 -0
  77. package/dist/wpic-ui.js +17570 -0
  78. package/package.json +51 -0
  79. package/src/components/chat/DB_SCHEMA.md +440 -0
  80. package/src/components/chat/LLM_STREAMING.md +390 -0
  81. package/src/components/chat/UI_INTEGRATION.md +273 -0
  82. package/src/style.css +282 -0
package/dist/wpic-ui.css ADDED
@@ -0,0 +1,284 @@
1
+ /*
2
+ * @wpic/ui — design token utilities
3
+ * Import this file in your project: import '@wpic/ui/style.css'
4
+ * Dark mode is activated by the .dark class on <html>.
5
+ */
6
+
7
+ /* ═══════════════════════════════════════════════════════════════════════════
8
+ LINEAR DESIGN SYSTEM — v0.3
9
+ CSS custom properties, switched by .dark on <html>.
10
+ ═══════════════════════════════════════════════════════════════════════════ */
11
+
12
+ :root {
13
+ /* Surfaces */
14
+ --bg-main: #fafafa;
15
+ --bg-card: #ffffff;
16
+ --bg-input: #f4f4f5;
17
+
18
+ /* Borders */
19
+ --border-subtle: rgba(0, 0, 0, 0.05);
20
+ --border-strong: #e4e4e7;
21
+ --border-hover: #d4d4d8;
22
+
23
+ /* Text */
24
+ --text-main: #18181b;
25
+ --text-muted: #52525b;
26
+ --text-dim: #a1a1aa;
27
+
28
+ /* Accents */
29
+ --color-indigo-neon: #6366f1;
30
+ --color-rose-neon: #f43f5e;
31
+ --color-teal-neon: #10b981;
32
+ --color-wpic-green: #85C531;
33
+ }
34
+
35
+ .dark {
36
+ --bg-main: #09090b;
37
+ --bg-card: #0c0c0e;
38
+ --bg-input: #111113;
39
+
40
+ --border-subtle: rgba(255, 255, 255, 0.04);
41
+ --border-strong: #1d1d20;
42
+ --border-hover: #27272a;
43
+
44
+ --text-main: #f4f4f5;
45
+ --text-muted: #a1a1aa;
46
+ --text-dim: #52525b;
47
+ }
48
+
49
+ /* ── Surfaces ─────────────────────────────────────────────────────────── */
50
+ .bg-main { background-color: var(--bg-main); }
51
+ .bg-card { background-color: var(--bg-card); }
52
+ .bg-input { background-color: var(--bg-input); }
53
+
54
+ /* ── Borders ──────────────────────────────────────────────────────────── */
55
+ .border-subtle { border-color: var(--border-subtle); }
56
+ .border-strong { border-color: var(--border-strong); }
57
+ .border-hover { border-color: var(--border-hover); }
58
+
59
+ /* ── Text ─────────────────────────────────────────────────────────────── */
60
+ .text-main { color: var(--text-main); }
61
+ .text-muted { color: var(--text-muted); }
62
+ .text-dim { color: var(--text-dim); }
63
+
64
+ /* ── Typography ───────────────────────────────────────────────────────── */
65
+ .label-xs {
66
+ font-size: 11px;
67
+ font-weight: 500;
68
+ letter-spacing: 0.01em;
69
+ color: var(--text-dim);
70
+ }
71
+ .heading-sm {
72
+ font-size: 0.875rem;
73
+ font-weight: 600;
74
+ letter-spacing: -0.025em;
75
+ color: var(--text-main);
76
+ }
77
+
78
+ /* ── Status badges ────────────────────────────────────────────────────── */
79
+ .status-ok { color: rgb(52 211 153); background-color: rgb(52 211 153 / 0.05); border: 1px solid rgb(52 211 153 / 0.1); }
80
+ .status-low { color: rgb(251 191 36); background-color: rgb(251 191 36 / 0.05); border: 1px solid rgb(251 191 36 / 0.1); }
81
+ .status-error { color: rgb(251 113 133); background-color: rgb(251 113 133 / 0.05); border: 1px solid rgb(251 113 133 / 0.1); }
82
+
83
+ /* ── Glass surface ────────────────────────────────────────────────────── */
84
+ .glass {
85
+ backdrop-filter: blur(12px);
86
+ -webkit-backdrop-filter: blur(12px);
87
+ background-color: rgba(255, 255, 255, 0.05);
88
+ }
89
+
90
+ /* ── Table header ─────────────────────────────────────────────────────── */
91
+ .th {
92
+ font-size: 11px;
93
+ font-weight: 600;
94
+ letter-spacing: 0.01em;
95
+ color: var(--text-dim);
96
+ padding: 0.75rem 1rem;
97
+ border-bottom: 1px solid var(--border-subtle);
98
+ text-align: left;
99
+ }
100
+
101
+ /* ── Buttons ──────────────────────────────────────────────────────────── */
102
+ .btn-primary {
103
+ display: inline-flex; align-items: center; justify-content: center;
104
+ height: 2rem; padding: 0 0.75rem;
105
+ border-radius: 0.5rem;
106
+ background-color: #e4e4e7;
107
+ color: #18181b;
108
+ font-size: 0.875rem; font-weight: 600;
109
+ transition: background-color 0.15s;
110
+ cursor: pointer;
111
+ }
112
+ .btn-primary:hover { background-color: #ffffff; }
113
+ .dark .btn-primary { background-color: #27272a; color: #f4f4f5; }
114
+ .dark .btn-primary:hover { background-color: #3f3f46; }
115
+
116
+ .btn-secondary {
117
+ display: inline-flex; align-items: center; justify-content: center;
118
+ height: 2rem; padding: 0 0.75rem;
119
+ border-radius: 0.5rem;
120
+ border: 1px solid var(--border-subtle);
121
+ color: var(--text-muted);
122
+ font-size: 0.875rem; font-weight: 500;
123
+ transition: all 0.15s;
124
+ cursor: pointer;
125
+ }
126
+ .btn-secondary:hover { color: var(--text-main); background-color: rgba(255,255,255,0.05); }
127
+
128
+ .btn-indigo {
129
+ display: inline-flex; align-items: center; justify-content: center;
130
+ height: 2rem; padding: 0 0.75rem;
131
+ border-radius: 0.5rem;
132
+ background-color: #4f46e5;
133
+ color: #ffffff;
134
+ font-size: 0.875rem; font-weight: 600;
135
+ box-shadow: 0 0 15px rgba(99,102,241,0.2);
136
+ transition: background-color 0.15s;
137
+ cursor: pointer;
138
+ }
139
+ .btn-indigo:hover { background-color: #6366f1; }
140
+
141
+ .btn-destructive {
142
+ display: inline-flex; align-items: center; justify-content: center;
143
+ background-color: #dc2626; color: #ffffff;
144
+ font-size: 0.875rem; font-weight: 600;
145
+ border-radius: 0.5rem;
146
+ cursor: pointer;
147
+ }
148
+ .btn-destructive:hover { background-color: #ef4444; }
149
+ .btn-destructive:active { background-color: #b91c1c; box-shadow: inset 0 2px 4px rgba(0,0,0,0.25); }
150
+
151
+ /* ── Spinner ──────────────────────────────────────────────────────────── */
152
+ @keyframes wpic-spin { to { transform: rotate(360deg); } }
153
+
154
+ .spinner {
155
+ width: 1.25rem; height: 1.25rem;
156
+ border-radius: 9999px;
157
+ border: 2px solid var(--border-strong);
158
+ border-top-color: #6366f1;
159
+ animation: wpic-spin 0.7s linear infinite;
160
+ }
161
+
162
+ .wpic-spinner {
163
+ display: inline-block;
164
+ width: 1.75rem; height: 1.75rem;
165
+ border-radius: 9999px;
166
+ border: 3px solid var(--border-strong);
167
+ border-top-color: #85C531;
168
+ animation: wpic-spin 0.75s linear infinite;
169
+ }
170
+
171
+ /* ── Custom scrollbar ─────────────────────────────────────────────────── */
172
+ .wpic-scrollbar::-webkit-scrollbar { width: 4px; height: 4px; }
173
+ .wpic-scrollbar::-webkit-scrollbar-track { background: transparent; }
174
+ .wpic-scrollbar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 3px; }
175
+ .wpic-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.18); }
176
+
177
+ /* ── Range slider ─────────────────────────────────────────────────────── */
178
+ input[type="range"].slider-themed {
179
+ -webkit-appearance: none; appearance: none;
180
+ height: 4px; border-radius: 2px;
181
+ background: var(--border-strong); outline: none;
182
+ }
183
+ input[type="range"].slider-themed::-webkit-slider-thumb {
184
+ -webkit-appearance: none;
185
+ width: 14px; height: 14px;
186
+ border-radius: 50%; background: #85C531; cursor: pointer;
187
+ }
188
+
189
+ /* ═══════════════════════════════════════════════════════════════════════════
190
+ LEGACY — v0.2 wpic-prefixed classes (backward compat)
191
+ ═══════════════════════════════════════════════════════════════════════════ */
192
+
193
+ .bg-wpic-black { background-color: var(--bg-main); }
194
+ .bg-wpic-dark { background-color: var(--bg-main); }
195
+ .bg-wpic-card { background-color: var(--bg-card); }
196
+ .bg-wpic-input { background-color: var(--bg-input); }
197
+ .bg-wpic-nav-active { background-color: var(--bg-input); }
198
+ .bg-wpic-border { background-color: var(--border-strong); }
199
+
200
+ .bg-wpic-card-30 { background-color: color-mix(in srgb, var(--bg-card) 30%, transparent); }
201
+ .bg-wpic-card-50 { background-color: color-mix(in srgb, var(--bg-card) 50%, transparent); }
202
+ .bg-wpic-card-80 { background-color: color-mix(in srgb, var(--bg-card) 80%, transparent); }
203
+ .bg-wpic-dark-50 { background-color: color-mix(in srgb, var(--bg-main) 50%, transparent); }
204
+ .bg-wpic-input-50 { background-color: color-mix(in srgb, var(--bg-input) 50%, transparent); }
205
+ .bg-wpic-border-30 { background-color: color-mix(in srgb, var(--border-strong) 30%, transparent); }
206
+ .bg-wpic-border-40 { background-color: color-mix(in srgb, var(--border-strong) 40%, transparent); }
207
+ .bg-wpic-border-50 { background-color: color-mix(in srgb, var(--border-strong) 50%, transparent); }
208
+
209
+ .border-wpic-border { border-color: var(--border-strong); }
210
+ .border-wpic-border-30 { border-color: color-mix(in srgb, var(--border-strong) 30%, transparent); }
211
+ .border-wpic-border-40 { border-color: color-mix(in srgb, var(--border-strong) 40%, transparent); }
212
+ .border-wpic-border-50 { border-color: color-mix(in srgb, var(--border-strong) 50%, transparent); }
213
+ .border-wpic-border-60 { border-color: color-mix(in srgb, var(--border-strong) 60%, transparent); }
214
+ .border-wpic-border-80 { border-color: color-mix(in srgb, var(--border-strong) 80%, transparent); }
215
+ .border-wpic-border-hover { border-color: var(--border-hover); }
216
+ .divide-wpic-border-40 > * + * { border-color: color-mix(in srgb, var(--border-strong) 40%, transparent); }
217
+
218
+ .text-wpic-text { color: var(--text-main); }
219
+ .text-wpic-muted { color: var(--text-muted); }
220
+ .text-wpic-dim { color: var(--text-dim); }
221
+ .text-wpic-dim-20 { color: color-mix(in srgb, var(--text-dim) 20%, transparent); }
222
+ .text-wpic-dim-30 { color: color-mix(in srgb, var(--text-dim) 30%, transparent); }
223
+ .text-wpic-dim-40 { color: color-mix(in srgb, var(--text-dim) 40%, transparent); }
224
+ .text-wpic-dim-50 { color: color-mix(in srgb, var(--text-dim) 50%, transparent); }
225
+ .text-wpic-dim-60 { color: color-mix(in srgb, var(--text-dim) 60%, transparent); }
226
+
227
+ .text-wpic-green { color: #85C531; }
228
+ .bg-wpic-green { background-color: #85C531; }
229
+ .bg-wpic-green\/10 { background-color: rgba(133, 197, 49, 0.1); }
230
+ .bg-wpic-green\/15 { background-color: rgba(133, 197, 49, 0.15); }
231
+ .bg-wpic-green\/20 { background-color: rgba(133, 197, 49, 0.2); }
232
+ .border-wpic-green { border-color: #85C531; }
233
+ .ring-wpic-green { --tw-ring-color: #85C531; }
234
+ .accent-wpic-green { accent-color: #85C531; }
235
+ .focus\:border-wpic-green:focus { border-color: #85C531; }
236
+ .hover\:border-wpic-green\/50:hover { border-color: rgba(133, 197, 49, 0.5); }
237
+
238
+ /* ═══════════════════════════════════════════════════════════════════════════
239
+ THEMING — Primary colour (override per app)
240
+ Default: indigo. Override by setting --wpic-primary* in your app's CSS.
241
+ ═══════════════════════════════════════════════════════════════════════════ */
242
+
243
+ :root {
244
+ --wpic-primary: #6366f1; /* indigo-500 */
245
+ --wpic-primary-hover: #4f46e5; /* indigo-600 */
246
+ --wpic-primary-ring: rgba(99, 102, 241, 0.3);
247
+ }
248
+
249
+ .wpic-btn-primary {
250
+ background-color: var(--wpic-primary);
251
+ transition: background-color 0.15s;
252
+ }
253
+ .wpic-btn-primary:hover:not(:disabled) {
254
+ background-color: var(--wpic-primary-hover);
255
+ }
256
+ .wpic-btn-primary:focus-visible {
257
+ outline: 2px solid var(--wpic-primary);
258
+ outline-offset: 2px;
259
+ }
260
+
261
+ /* ── Input/Select hover & focus states (guaranteed in bundle) ── */
262
+ /* These target the actual input/button elements inside wpic-ui components.
263
+ `wpic-input-field` = idle state (used by WInput input, WSelect trigger, etc.)
264
+ `wpic-select-open` = WSelect's trigger when its dropdown is open
265
+ Both share the same focus visual (themable via --wpic-primary). */
266
+
267
+ /* Idle → hover: slightly darker border in light, slightly lighter in dark */
268
+ .wpic-input-field:hover {
269
+ border-color: #d4d4d8; /* zinc-300 — 1 step darker than default zinc-200 */
270
+ }
271
+ .dark .wpic-input-field:hover {
272
+ border-color: #3f3f46; /* zinc-700 */
273
+ }
274
+
275
+ /* Focus (typing in input) AND open (select dropdown open) share the same
276
+ accent ring. Themable per-app: override --wpic-primary in app's root CSS. */
277
+ .wpic-input-field:focus,
278
+ .wpic-select-open {
279
+ border-color: var(--wpic-primary, #6366f1) !important;
280
+ box-shadow: 0 0 0 3px color-mix(in srgb, var(--wpic-primary, #6366f1) 25%, transparent);
281
+ outline: none;
282
+ }
283
+
284
+ .wpic-btn-primary{background-color:var(--wpic-primary, #6366f1);transition:background-color .15s}.wpic-btn-primary:hover:not(:disabled){background-color:var(--wpic-primary-hover, #4f46e5)}.wpic-btn-primary:focus-visible{outline:2px solid var(--wpic-primary, #6366f1);outline-offset:2px}.wpic-button--active{background-color:#e4e4e7!important;color:#18181b!important}.dark .wpic-button--active{background-color:#3f3f46!important;color:#f4f4f5!important}.wpic-button-group>.wpic-button,.wpic-button-group>button,.wpic-button-group>a{border-radius:0!important;margin-left:-1px;position:relative;z-index:0}.wpic-button-group>.wpic-button:first-child,.wpic-button-group>button:first-child,.wpic-button-group>a:first-child{border-radius:var(--radius, .5rem) 0 0 var(--radius, .5rem)!important;margin-left:0}.wpic-button-group>.wpic-button:last-child,.wpic-button-group>button:last-child,.wpic-button-group>a:last-child{border-radius:0 var(--radius, .5rem) var(--radius, .5rem) 0!important}.wpic-button-group>.wpic-button:only-child,.wpic-button-group>button:only-child,.wpic-button-group>a:only-child{border-radius:var(--radius, .5rem)!important;margin-left:0}.wpic-button-group>.wpic-button:hover,.wpic-button-group>.wpic-button:focus-visible,.wpic-button-group>.wpic-button[data-active=true],.wpic-button-group>button:hover,.wpic-button-group>button:focus-visible,.wpic-button-group>button[data-active=true],.wpic-button-group>a:hover{z-index:1}::view-transition-group(*){animation-duration:.18s;animation-timing-function:ease-out}.w-spreadsheet-frame__surface{position:relative;overflow:hidden;border-radius:12px;background:#fff}.dark .w-spreadsheet-frame__surface{background:#09090b}.w-spreadsheet-frame__toolbar{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:6px;border-bottom:1px solid #e4e4e7}.w-spreadsheet-frame__heading{min-width:0;flex:1}.dark .w-spreadsheet-frame__toolbar{border-color:#3f3f46}.w-spreadsheet-frame__expand{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:#71717a;cursor:pointer}.w-spreadsheet-frame__expand:hover{background:#f4f4f5;color:#27272a}.dark .w-spreadsheet-frame__expand:hover{background:#27272a;color:#f4f4f5}.w-spreadsheet-frame--expanded{position:fixed;inset:0;z-index:100000;display:flex;padding:24px;align-items:stretch}.w-spreadsheet-frame__backdrop{position:absolute;inset:0;border:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.w-spreadsheet-frame--expanded .w-spreadsheet-frame__surface{position:relative;z-index:1;width:100%;box-shadow:0 24px 64px #00000047}@media(max-width:640px){.w-spreadsheet-frame--expanded{padding:12px}}.w-spreadsheet{overflow:auto;background:#fff;color:#18181b}.dark .w-spreadsheet{background:#09090b;color:#f4f4f5}.w-spreadsheet__table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}.w-spreadsheet__table th,.w-spreadsheet__table td{border:1px solid #e4e4e7}.dark .w-spreadsheet__table th,.dark .w-spreadsheet__table td{border-color:#3f3f46}.w-spreadsheet__row-axis-col{width:44px}.w-spreadsheet__axis,.w-spreadsheet__corner{height:25px;padding:0;background:#f4f4f5;color:#71717a;text-align:center;font-size:11px;font-weight:500;-webkit-user-select:none;user-select:none}.w-spreadsheet thead{position:sticky;top:0;z-index:2}.w-spreadsheet__row--sticky>th,.w-spreadsheet__row--sticky>td{position:sticky;top:0;z-index:1}.w-spreadsheet--with-column-axis .w-spreadsheet__row--sticky>th,.w-spreadsheet--with-column-axis .w-spreadsheet__row--sticky>td{top:25px}.dark .w-spreadsheet__axis,.dark .w-spreadsheet__corner{background:#27272a;color:#a1a1aa}.w-spreadsheet__cell{height:38px;padding:7px 10px;overflow:hidden;background:#fff;text-overflow:ellipsis;white-space:nowrap}.w-spreadsheet__cell--wrap{overflow:visible;text-overflow:clip;white-space:normal;line-height:1.25}.dark .w-spreadsheet__cell{background:#09090b}.w-spreadsheet__cell--title{height:48px;background:#047857;color:#fff;text-align:center;font-size:18px;font-weight:700;letter-spacing:.025em}.dark .w-spreadsheet__cell--title{background:#047857}.w-spreadsheet__cell--label{background:#f4f4f5;color:#52525b;font-weight:600}.dark .w-spreadsheet__cell--label{background:#18181b;color:#d4d4d8}.w-spreadsheet__cell--header{height:34px;background:#e4e4e7;color:#27272a;font-weight:700}.w-spreadsheet__cell--sortable{position:relative;padding-right:30px;cursor:pointer;-webkit-user-select:none;user-select:none}.w-spreadsheet__cell--sticky{position:sticky;z-index:1}.w-spreadsheet__row--sticky>.w-spreadsheet__cell--sticky{z-index:3}.w-spreadsheet__cell--active{box-shadow:inset 0 0 0 2px var(--wpic-primary, #6366f1)}.w-spreadsheet__cell--fill-range:after{position:absolute;inset:-1px;z-index:3;border:0 solid transparent;content:"";pointer-events:none}.w-spreadsheet__cell--fill-range{position:relative}.w-spreadsheet__cell--fill-top:after{border-top:2px solid var(--wpic-primary, #6366f1)}.w-spreadsheet__cell--fill-bottom:after{border-bottom:2px solid var(--wpic-primary, #6366f1)}.w-spreadsheet__cell--fill-left:after{border-left:2px solid var(--wpic-primary, #6366f1)}.w-spreadsheet__cell--fill-right:after{border-right:2px solid var(--wpic-primary, #6366f1)}.w-spreadsheet__cell--fill-completed{background:color-mix(in srgb,var(--wpic-primary, #6366f1) 9%,transparent)!important;box-shadow:inset 0 0 0 1px var(--wpic-primary, #6366f1)}.w-spreadsheet__cell--fill-source{box-shadow:inset 0 0 0 2px var(--wpic-primary, #6366f1)}.w-spreadsheet__fill-handle{position:absolute;right:-1px;bottom:-1px;z-index:4;width:8px;height:8px;padding:0;border:1px solid #fff;background:var(--wpic-primary, #6366f1);cursor:crosshair}.dark .w-spreadsheet__fill-handle{border-color:#09090b}.w-spreadsheet__sort-icon{position:absolute;top:50%;right:9px;color:#71717a;transform:translateY(-50%)}.dark .w-spreadsheet__cell--header{background:#27272a;color:#f4f4f5}.w-spreadsheet__cell--total{background:#f4f4f5;font-weight:700;text-transform:uppercase}.dark .w-spreadsheet__cell--total{background:#18181b}.w-spreadsheet__cell--editable,.w-spreadsheet__cell:has(.w-spreadsheet__input){position:relative;padding:0;background:#fffbeb}.dark .w-spreadsheet__cell--editable,.dark .w-spreadsheet__cell:has(.w-spreadsheet__input){background:#292310}.w-spreadsheet__cell:focus-within{box-shadow:inset 0 0 0 2px var(--wpic-primary, #6366f1)}.w-spreadsheet__input{display:block;width:100%;height:100%;min-height:36px;box-sizing:border-box;border:0;outline:0;padding:6px 10px;color:inherit;background:transparent;font:inherit}.w-spreadsheet__editor{position:relative;width:100%;height:100%}.w-spreadsheet__input--date{padding-right:38px}.w-spreadsheet__input[type=number]{appearance:textfield;-moz-appearance:textfield}.w-spreadsheet__input[type=number]::-webkit-inner-spin-button,.w-spreadsheet__input[type=number]::-webkit-outer-spin-button{margin:0;appearance:none;-webkit-appearance:none}.w-spreadsheet__calendar{position:absolute;top:50%;right:8px;display:inline-flex;width:24px;height:24px;transform:translateY(-50%);align-items:center;justify-content:center;border:0;border-radius:4px;color:#71717a;background:transparent;cursor:pointer}.w-spreadsheet__calendar:hover{color:#047857;background:#0478571a}.w-spreadsheet__cell--left,.w-spreadsheet__input.w-spreadsheet__cell--left{text-align:left}.w-spreadsheet__cell--center{text-align:center}.w-spreadsheet__cell--right,.w-spreadsheet__cell--right .w-spreadsheet__input{text-align:right;font-variant-numeric:tabular-nums}.w-spreadsheet__cell--tone-muted{color:#a1a1aa}.w-spreadsheet__cell--tone-danger{color:#dc2626}.w-spreadsheet__cell--tone-warning{color:#d97706}.w-spreadsheet__cell--tone-success{color:#059669}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__surface{border-color:#e4e4e7cc;background:linear-gradient(145deg,#ffffff40,#ffffff40 62%,#eef2ff40);box-shadow:0 24px 70px -24px #18181b47,inset 0 1px #ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__corner-border{position:absolute;inset:0;z-index:30;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:.24}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__corner-border rect{fill:none;stroke:url(#wpic-chat-panel-corner-gradient);stroke-width:2px;vector-effect:non-scaling-stroke}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__header{border-bottom:0;background:transparent}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__navigator{border:1px solid rgb(228 228 231 / .75);background:#ffffffe0;-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__messages{padding-bottom:calc(var(--wpic-chat-footer-height, 10rem) + 2rem);background:transparent;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--wpic-chat-footer-height, 10rem)),transparent calc(100% - var(--wpic-chat-footer-height, 10rem)),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--wpic-chat-footer-height, 10rem)),transparent calc(100% - var(--wpic-chat-footer-height, 10rem)),transparent 100%)}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__footer{position:absolute;right:0;bottom:0;left:0;z-index:10;border-top:0;background:transparent}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__composer{border-color:transparent;background:#18181b06;box-shadow:none}.wpic-chat-panel[data-variant=glass][data-maximized=true] .wpic-chat-panel__footer{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.wpic-chat-panel[data-variant=glass][data-maximized=true] .wpic-chat-panel__composer{border-color:transparent;background:#18181b06;box-shadow:none}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__send-button{width:2.5rem;height:2.5rem;border-radius:.75rem;color:#fff;background:linear-gradient(to bottom right,#6366f1,#7c3aed);box-shadow:0 4px 10px #6366f140;opacity:1;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__attach-button{width:2.5rem;height:2.5rem;border-radius:0;color:#a1a1aa;background:transparent}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__attach-button:hover:not(:disabled){color:#3f3f46;background:transparent}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__send-button:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(to bottom right,#6366f1,#7c3aed);box-shadow:0 8px 18px #6366f14d}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__send-button:disabled{color:#ffffffb8;background:#d4d4d8;box-shadow:none;opacity:1}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__surface,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__surface{border-color:#ffffff14;background:linear-gradient(145deg,#18181bcc,#18181bb3 58%,#1e1b4b80);box-shadow:0 28px 80px -24px #000000c7,inset 0 1px #ffffff0f}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__corner-border,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__corner-border{opacity:.42}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__header,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__header{border-bottom:0;background:transparent}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__navigator,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__navigator{border-color:#ffffff14;background:#18181be6}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__messages,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__messages{background:transparent}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__footer,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__footer{border-top:0;background:transparent}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__composer,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__composer{border-color:transparent;background:#ffffff09;box-shadow:none}.dark .wpic-chat-panel[data-variant=glass][data-maximized=true] .wpic-chat-panel__footer,[data-theme=dark] .wpic-chat-panel[data-variant=glass][data-maximized=true] .wpic-chat-panel__footer{background:transparent}.dark .wpic-chat-panel[data-variant=glass][data-maximized=true] .wpic-chat-panel__composer,[data-theme=dark] .wpic-chat-panel[data-variant=glass][data-maximized=true] .wpic-chat-panel__composer{border-color:transparent;background:#ffffff09;box-shadow:none}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__send-button:disabled,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__send-button:disabled{color:#a5b4fc66;background:#1e1b4b;box-shadow:inset 0 0 0 1px #818cf81a}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__attach-button,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__attach-button{color:#71717a;background:transparent}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__attach-button:hover:not(:disabled),[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__attach-button:hover:not(:disabled){color:#c4b5fd;background:transparent}.wpic-chat-loading-card{position:relative;isolation:isolate;width:min(18rem,100%);aspect-ratio:4 / 3;min-height:8rem;overflow:hidden;border-radius:.75rem;background:#f4f4f5}.dark .wpic-chat-loading-card,[data-theme=dark] .wpic-chat-loading-card{background:#18181b}.wpic-chat-loading-card:before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:2px;background:conic-gradient(from var(--wpic-chat-loading-angle),rgb(212 212 216 / .18),rgb(82 82 91 / .86),rgb(212 212 216 / .18) 28%,rgb(212 212 216 / .18) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:wpic-chat-loading-border-spin 2.4s linear infinite}.dark .wpic-chat-loading-card:before,[data-theme=dark] .wpic-chat-loading-card:before{background:conic-gradient(from var(--wpic-chat-loading-angle),rgb(82 82 91 / .24),rgb(228 228 231 / .84),rgb(82 82 91 / .24) 28%,rgb(82 82 91 / .24) 100%)}.wpic-chat-loading-card:after{content:"";position:absolute;inset:2px;z-index:1;border-radius:calc(.75rem - 2px);background:radial-gradient(var(--wpic-chat-b1s) var(--wpic-chat-b1s) at var(--wpic-chat-b1x) var(--wpic-chat-b1y),rgb(212 212 216 / .92),transparent 70%),radial-gradient(var(--wpic-chat-b2s) var(--wpic-chat-b2s) at var(--wpic-chat-b2x) var(--wpic-chat-b2y),rgb(250 250 250 / .98),transparent 65%),radial-gradient(var(--wpic-chat-b3s) var(--wpic-chat-b3s) at var(--wpic-chat-b3x) var(--wpic-chat-b3y),rgb(228 228 231 / .9),transparent 72%),radial-gradient(var(--wpic-chat-b4s) var(--wpic-chat-b4s) at var(--wpic-chat-b4x) var(--wpic-chat-b4y),rgb(255 255 255 / .95),transparent 60%),radial-gradient(var(--wpic-chat-b5s) var(--wpic-chat-b5s) at var(--wpic-chat-b5x) var(--wpic-chat-b5y),rgb(212 212 216 / .84),transparent 68%);animation:wpic-chat-b1-anim 6.4s ease-in-out -.8s infinite,wpic-chat-b2-anim 8.2s ease-in-out -3.6s infinite,wpic-chat-b3-anim 5.4s ease-in-out -1.8s infinite,wpic-chat-b4-anim 7.6s ease-in-out -4.6s infinite,wpic-chat-b5-anim 9.2s ease-in-out -2.2s infinite}.dark .wpic-chat-loading-card:after,[data-theme=dark] .wpic-chat-loading-card:after{background:radial-gradient(80% 80% at 14% 20%,rgb(255 255 255 / .012),transparent 70%),radial-gradient(74% 74% at 88% 24%,rgb(255 255 255 / .009),transparent 65%),radial-gradient(88% 88% at 24% 88%,rgb(255 255 255 / .011),transparent 72%),radial-gradient(70% 70% at 78% 78%,rgb(255 255 255 / .008),transparent 60%)}.wpic-chat-loading-card__label{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:1rem;color:#3f3f46;font-size:1rem;font-weight:400;opacity:.55;text-align:center}.dark .wpic-chat-loading-card__label,[data-theme=dark] .wpic-chat-loading-card__label{color:#e4e4e7}@property --wpic-chat-loading-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --wpic-chat-b1x{syntax: "<percentage>"; inherits: false; initial-value: 18%;}@property --wpic-chat-b1y{syntax: "<percentage>"; inherits: false; initial-value: 38%;}@property --wpic-chat-b1s{syntax: "<percentage>"; inherits: false; initial-value: 85%;}@property --wpic-chat-b2x{syntax: "<percentage>"; inherits: false; initial-value: 88%;}@property --wpic-chat-b2y{syntax: "<percentage>"; inherits: false; initial-value: 22%;}@property --wpic-chat-b2s{syntax: "<percentage>"; inherits: false; initial-value: 78%;}@property --wpic-chat-b3x{syntax: "<percentage>"; inherits: false; initial-value: 15%;}@property --wpic-chat-b3y{syntax: "<percentage>"; inherits: false; initial-value: 18%;}@property --wpic-chat-b3s{syntax: "<percentage>"; inherits: false; initial-value: 90%;}@property --wpic-chat-b4x{syntax: "<percentage>"; inherits: false; initial-value: 72%;}@property --wpic-chat-b4y{syntax: "<percentage>"; inherits: false; initial-value: 78%;}@property --wpic-chat-b4s{syntax: "<percentage>"; inherits: false; initial-value: 70%;}@property --wpic-chat-b5x{syntax: "<percentage>"; inherits: false; initial-value: 38%;}@property --wpic-chat-b5y{syntax: "<percentage>"; inherits: false; initial-value: 25%;}@property --wpic-chat-b5s{syntax: "<percentage>"; inherits: false; initial-value: 80%;}@keyframes wpic-chat-loading-border-spin{to{--wpic-chat-loading-angle: 360deg}}@keyframes wpic-chat-b1-anim{0%{--wpic-chat-b1x: 12%;--wpic-chat-b1y: 18%;--wpic-chat-b1s: 85%}25%{--wpic-chat-b1x: 82%;--wpic-chat-b1y: 72%;--wpic-chat-b1s: 65%}50%{--wpic-chat-b1x: 22%;--wpic-chat-b1y: 88%;--wpic-chat-b1s: 95%}75%{--wpic-chat-b1x: 78%;--wpic-chat-b1y: 15%;--wpic-chat-b1s: 72%}to{--wpic-chat-b1x: 12%;--wpic-chat-b1y: 18%;--wpic-chat-b1s: 85%}}@keyframes wpic-chat-b2-anim{0%{--wpic-chat-b2x: 88%;--wpic-chat-b2y: 22%;--wpic-chat-b2s: 78%}25%{--wpic-chat-b2x: 18%;--wpic-chat-b2y: 55%;--wpic-chat-b2s: 92%}50%{--wpic-chat-b2x: 65%;--wpic-chat-b2y: 85%;--wpic-chat-b2s: 62%}75%{--wpic-chat-b2x: 28%;--wpic-chat-b2y: 12%;--wpic-chat-b2s: 88%}to{--wpic-chat-b2x: 88%;--wpic-chat-b2y: 22%;--wpic-chat-b2s: 78%}}@keyframes wpic-chat-b3-anim{0%{--wpic-chat-b3x: 15%;--wpic-chat-b3y: 18%;--wpic-chat-b3s: 90%}30%{--wpic-chat-b3x: 76%;--wpic-chat-b3y: 28%;--wpic-chat-b3s: 68%}60%{--wpic-chat-b3x: 45%;--wpic-chat-b3y: 82%;--wpic-chat-b3s: 100%}to{--wpic-chat-b3x: 15%;--wpic-chat-b3y: 18%;--wpic-chat-b3s: 90%}}@keyframes wpic-chat-b4-anim{0%{--wpic-chat-b4x: 72%;--wpic-chat-b4y: 78%;--wpic-chat-b4s: 70%}35%{--wpic-chat-b4x: 24%;--wpic-chat-b4y: 30%;--wpic-chat-b4s: 86%}70%{--wpic-chat-b4x: 86%;--wpic-chat-b4y: 44%;--wpic-chat-b4s: 62%}to{--wpic-chat-b4x: 72%;--wpic-chat-b4y: 78%;--wpic-chat-b4s: 70%}}@keyframes wpic-chat-b5-anim{0%{--wpic-chat-b5x: 38%;--wpic-chat-b5y: 25%;--wpic-chat-b5s: 80%}20%{--wpic-chat-b5x: 72%;--wpic-chat-b5y: 58%;--wpic-chat-b5s: 98%}55%{--wpic-chat-b5x: 20%;--wpic-chat-b5y: 74%;--wpic-chat-b5s: 66%}to{--wpic-chat-b5x: 38%;--wpic-chat-b5y: 25%;--wpic-chat-b5s: 80%}}.wpic-chat-markdown p+p,.wpic-chat-markdown p+ul,.wpic-chat-markdown ul+p,.wpic-chat-markdown pre+p,.wpic-chat-markdown p+pre,.wpic-chat-markdown p+.wpic-chat-table-wrap,.wpic-chat-markdown .wpic-chat-table-wrap+p{margin-top:.65rem}.wpic-chat-markdown strong{font-weight:600}.wpic-chat-markdown em{font-style:italic}.wpic-chat-markdown ul{list-style:disc;padding-left:1.25rem}.wpic-chat-markdown li+li{margin-top:.25rem}.wpic-chat-markdown h3,.wpic-chat-markdown h4,.wpic-chat-markdown h5{font-weight:600;line-height:1.35}.wpic-chat-markdown h3+p,.wpic-chat-markdown h4+p,.wpic-chat-markdown h5+p{margin-top:.4rem}.wpic-chat-markdown code{border-radius:.375rem;background:#f4f4f5e6;padding:.08rem .3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.dark .wpic-chat-markdown code{background:#3f3f46cc}.wpic-chat-markdown pre{overflow-x:auto;border-radius:.5rem;background:#f4f4f5e6;padding:.75rem}.dark .wpic-chat-markdown pre{background:#3f3f46cc}.wpic-chat-markdown pre code{background:transparent;padding:0}.wpic-chat-markdown a{color:var(--wpic-primary);text-decoration:underline;text-underline-offset:2px}.wpic-chat-markdown .wpic-chat-inline-action{display:inline-flex;align-items:center;min-height:1.65rem;max-width:100%;margin:0 .08rem;border:1px solid rgb(212 212 216);border-radius:.375rem;background:#fff;padding:.08rem .45rem;color:#27272a;font:inherit;font-weight:600;line-height:1.25;vertical-align:baseline;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.wpic-chat-markdown .wpic-chat-inline-action:hover{border-color:var(--wpic-primary);background:#f4f4f5;color:var(--wpic-primary)}.wpic-chat-markdown .wpic-chat-actions-end{margin-top:.55rem}.dark .wpic-chat-markdown .wpic-chat-inline-action,[data-theme=dark] .wpic-chat-markdown .wpic-chat-inline-action{border-color:#ffffff2e;background:#27272a;color:#f4f4f5}.dark .wpic-chat-markdown .wpic-chat-inline-action:hover,[data-theme=dark] .wpic-chat-markdown .wpic-chat-inline-action:hover{border-color:#ffffff59;background:#3f3f46;color:#fff}.wpic-chat-markdown .wpic-chat-table-wrap{max-width:100%;overflow-x:auto;border:1px solid rgb(228 228 231);border-radius:.625rem}.dark .wpic-chat-markdown .wpic-chat-table-wrap,[data-theme=dark] .wpic-chat-markdown .wpic-chat-table-wrap{border-color:#ffffff29}.wpic-chat-markdown table{width:100%;border-collapse:collapse}.wpic-chat-markdown th,.wpic-chat-markdown td{padding:.45rem .65rem;text-align:left;vertical-align:top;border-bottom:1px solid rgb(228 228 231)}.dark .wpic-chat-markdown th,.dark .wpic-chat-markdown td,[data-theme=dark] .wpic-chat-markdown th,[data-theme=dark] .wpic-chat-markdown td{border-bottom-color:#ffffff24}.wpic-chat-markdown th{font-weight:600;color:#3f3f46;background:#f4f4f5cc}.dark .wpic-chat-markdown th,[data-theme=dark] .wpic-chat-markdown th{color:#d4d4d8;background:#3f3f4673}.wpic-chat-markdown tr:last-child td{border-bottom:0}.wpic-slider{--wpic-slider-progress: 0%;--wpic-slider-fill: #52525b;--wpic-slider-track: #d4d4d8;--wpic-slider-thumb: #ffffff;--wpic-slider-thumb-border: #a1a1aa;--wpic-slider-grip: #71717a;appearance:none;height:1.125rem;margin:0;background:transparent}.dark .wpic-slider,[data-theme=dark] .wpic-slider{--wpic-slider-fill: #71717a;--wpic-slider-track: #2f2f2f;--wpic-slider-thumb: #a1a1aa;--wpic-slider-thumb-border: #52525b;--wpic-slider-grip: #3f3f46}.wpic-slider::-webkit-slider-runnable-track{height:.25rem;border-radius:999px;background:linear-gradient(to right,var(--wpic-slider-fill) 0 var(--wpic-slider-progress),var(--wpic-slider-track) var(--wpic-slider-progress) 100%)}.wpic-slider::-moz-range-track{height:.25rem;border-radius:999px;background:var(--wpic-slider-track)}.wpic-slider::-moz-range-progress{height:.25rem;border-radius:999px;background:var(--wpic-slider-fill)}.wpic-slider--signed::-webkit-slider-runnable-track{background:var(--wpic-slider-track)}.wpic-slider--signed::-moz-range-progress{background:var(--wpic-slider-track)}.wpic-slider::-webkit-slider-thumb{appearance:none;width:.875rem;height:.875rem;margin-top:-.3125rem;border:2px solid var(--wpic-slider-thumb-border);border-radius:999px;background:var(--wpic-slider-thumb);box-shadow:0 1px 2px #00000029;transition:transform .12s ease,box-shadow .12s ease}.wpic-slider::-moz-range-thumb{width:.6875rem;height:.6875rem;border:2px solid var(--wpic-slider-thumb-border);border-radius:999px;background:var(--wpic-slider-thumb);box-shadow:0 1px 2px #00000029;transition:transform .12s ease,box-shadow .12s ease}.wpic-slider:not(:disabled):hover::-webkit-slider-thumb,.wpic-slider:not(:disabled):focus-visible::-webkit-slider-thumb{transform:scale(1.08);box-shadow:0 0 0 4px #71717a24,0 1px 2px #0003}.wpic-slider:not(:disabled):hover::-moz-range-thumb,.wpic-slider:not(:disabled):focus-visible::-moz-range-thumb{transform:scale(1.08);box-shadow:0 0 0 4px #71717a24,0 1px 2px #0003}.wpic-slider:focus-visible{outline:none}.wpic-slider--timeline{height:1.75rem;--wpic-slider-grip-dots: radial-gradient(circle at calc(50% - 5px) calc(50% - 3px) , var(--wpic-slider-grip) 0 1px, transparent 1.5px), radial-gradient(circle at 50% calc(50% - 3px) , var(--wpic-slider-grip) 0 1px, transparent 1.5px), radial-gradient(circle at calc(50% + 5px) calc(50% - 3px) , var(--wpic-slider-grip) 0 1px, transparent 1.5px), radial-gradient(circle at calc(50% - 5px) calc(50% + 3px) , var(--wpic-slider-grip) 0 1px, transparent 1.5px), radial-gradient(circle at 50% calc(50% + 3px) , var(--wpic-slider-grip) 0 1px, transparent 1.5px), radial-gradient(circle at calc(50% + 5px) calc(50% + 3px) , var(--wpic-slider-grip) 0 1px, transparent 1.5px)}.wpic-slider--timeline::-webkit-slider-runnable-track{height:.375rem;background:var(--wpic-slider-track)}.wpic-slider--timeline::-moz-range-track,.wpic-slider--timeline::-moz-range-progress{height:.375rem;background:var(--wpic-slider-track)}.wpic-slider--timeline::-webkit-slider-thumb{width:1.875rem;height:1.125rem;margin-top:-.40625rem;border-width:1px;border-radius:.3125rem;background-color:var(--wpic-slider-thumb);background-image:var(--wpic-slider-grip-dots);box-shadow:0 1px 3px #00000029}.wpic-slider--timeline::-moz-range-thumb{width:1.75rem;height:1rem;border-width:1px;border-radius:.3125rem;background-color:var(--wpic-slider-thumb);background-image:var(--wpic-slider-grip-dots);box-shadow:0 1px 3px #00000029}.wpic-modal-overlay{position:fixed;inset:0;z-index:99999;width:100vw;height:100vh}.wpic-modal-panel{max-height:90vh}.wpic-modal-sm{max-width:24rem}.wpic-modal-md{max-width:32rem}.wpic-modal-lg{max-width:42rem}.wpic-modal-xl{max-width:56rem}.wpic-modal-2xl{max-width:72rem}.wpic-modal-full{max-width:90vw}.w-tabs-container[data-v-a38dcda8]{display:flex;align-items:stretch;justify-content:space-between;border-bottom:1px solid var(--border-color, #e4e4e7)}.w-tabs[data-v-a38dcda8]{display:flex;position:relative}.w-tabs.size-sm[data-v-a38dcda8]{gap:.125rem}.w-tabs.size-md[data-v-a38dcda8]{gap:.25rem}.w-tabs.size-lg[data-v-a38dcda8]{gap:.375rem}.tab-button[data-v-a38dcda8]{display:flex;align-items:center;padding:.5rem .75rem;background:none;border:none;cursor:pointer;position:relative;transition:all .15s ease;color:var(--tab-color, #71717a);font-size:var(--tab-font-size, 1rem);gap:var(--tab-gap, .25rem)}.tab-button[data-v-a38dcda8]:hover:not(.disabled){color:var(--tab-hover-color, #27272a)}.tab-button.active[data-v-a38dcda8]{color:var(--tab-active-color, #18181b);font-weight:500}.tab-button.disabled[data-v-a38dcda8]{opacity:.4;cursor:not-allowed}.tab-button.active[data-v-a38dcda8]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--v5ac02385);transition:all .15s ease}.tab-button.size-sm[data-v-a38dcda8]{font-size:.875rem;gap:.125rem;padding:.25rem .5rem}.tab-button.size-lg[data-v-a38dcda8]{font-size:1.125rem;gap:.375rem;padding:.75rem 1rem}.tab-icon[data-v-a38dcda8]{width:1rem;height:1rem}.tab-icon.size-sm[data-v-a38dcda8]{width:.875rem;height:.875rem}.tab-icon.size-lg[data-v-a38dcda8]{width:1.25rem;height:1.25rem}.tab-badge[data-v-a38dcda8]{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:.125rem .375rem;background-color:var(--badge-bg, #e4e4e7);color:var(--badge-color, #18181b);font-size:.75rem;font-weight:500;line-height:1;margin-left:.25rem}.dark .tab-button[data-v-a38dcda8]:hover:not(.disabled){color:var(--tab-hover-color, #e4e4e7)}.dark .tab-button.active[data-v-a38dcda8]{color:var(--tab-active-color, #f4f4f5)}.dark .tab-badge[data-v-a38dcda8]{background-color:var(--badge-bg, #3f3f46);color:var(--badge-color, #f4f4f5)}.tab-actions[data-v-a38dcda8]{display:flex;align-items:center;gap:4px;padding-bottom:2px}.dark .w-tabs-container[data-v-a38dcda8]{border-bottom-color:#27272a}.dark .w-tabs[data-v-a38dcda8]{border-bottom-color:var(--border-color, #27272a)}.wp-backdrop-enter-active,.wp-backdrop-leave-active{transition:opacity .2s ease}.wp-backdrop-enter-from,.wp-backdrop-leave-to{opacity:0}.wp-panel-enter-active,.wp-panel-leave-active{transition:transform .22s cubic-bezier(.4,0,.2,1)}.wp-panel-enter-from,.wp-panel-leave-to{transform:translate(100%)}.wpic-pill-indicator{display:inline-flex;width:1rem;height:1rem;flex:0 0 1rem;align-items:center;justify-content:center;border:1px solid currentColor;transition:border-color .15s,background-color .15s,color .15s}.wpic-pill-group.w-full{display:flex;width:100%;flex-wrap:nowrap}.wpic-pill-group.w-full .wpic-pill{flex:1 1 0;justify-content:center}.wpic-pill-indicator--idle{opacity:.65}.wpic-pill-indicator--active{opacity:1}.wpic-pill--idle{background-color:#f4f4f5;border-color:transparent;color:#71717a}.wpic-pill--idle:hover{background-color:#e4e4e7;border-color:transparent;color:#3f3f46}.wpic-pill--active{background-color:#e4e4e7;border-color:transparent;color:#18181b}.dark .wpic-pill--active{background-color:#3f3f46;border-color:transparent;color:#f4f4f5}.dark .wpic-pill--idle{background-color:#27272a;border-color:transparent;color:#a1a1aa}.dark .wpic-pill--idle:hover{background-color:#3f3f46;border-color:transparent;color:#d4d4d8}.wpic-batch-action-count[data-v-e42125ac]{display:inline-flex;align-items:center;height:2.35rem;padding:0 .65rem;white-space:nowrap;color:#fff;font-size:1rem;font-weight:600}.wpic-batch-action-icon[data-v-e42125ac],.wpic-batch-action[data-v-e42125ac-s]{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:2.35rem;border-radius:.5rem;padding:0 .75rem;white-space:nowrap;color:#f4f4f5;font-size:1rem;font-weight:500;transition:background-color .15s ease,color .15s ease}.wpic-batch-action-icon[data-v-e42125ac]{width:2.35rem;padding:0}.wpic-batch-action-icon[data-v-e42125ac]:hover,.wpic-batch-action[data-v-e42125ac-s]:hover{background:#3f3f46;color:#fff}.wpic-batch-action-icon[data-v-e42125ac]:disabled,.wpic-batch-action[data-v-e42125ac-s]:disabled{cursor:not-allowed;opacity:.65}.wpic-batch-action-icon[data-v-e42125ac]:disabled:hover,.wpic-batch-action[data-v-e42125ac-s]:disabled:hover{background:transparent;color:#f4f4f5}.wpic-batch-action--primary[data-v-e42125ac-s]{background:#e4e4e7;color:#18181b}.wpic-batch-action--primary[data-v-e42125ac-s]:hover{background:#f4f4f5;color:#18181b}.wpic-batch-action--danger[data-v-e42125ac-s]{color:#fca5a5}.wpic-batch-action--danger[data-v-e42125ac-s]:hover{background:#7f1d1d59;color:#fecaca}@media(max-width:640px){.wpic-batch-action-bar[data-v-e42125ac]{right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));left:max(.75rem,env(safe-area-inset-left));max-width:none;transform:none}.wpic-batch-action-icon[data-v-e42125ac],.wpic-batch-action[data-v-e42125ac-s]{min-width:2.75rem;height:2.75rem}.wpic-batch-action-count[data-v-e42125ac]{height:2.75rem}}.wpic-segmented-control{display:inline-flex;flex-shrink:0;align-items:center;border-radius:.375rem;background:transparent;border:1px solid rgb(228 228 231);padding:0}.wpic-segmented-control.w-full{display:flex}.wpic-segmented-control.w-full .wpic-segmented-control__button{flex:1}.wpic-segmented-control__button{display:inline-flex;align-items:center;justify-content:center;border-radius:0;color:#71717a;font-weight:500;line-height:1;transition:background-color .12s ease,color .12s ease;white-space:nowrap;position:relative}.wpic-segmented-control__button+.wpic-segmented-control__button{border-left:1px solid rgb(228 228 231)}.wpic-segmented-control__button:first-child{border-top-left-radius:.3125rem;border-bottom-left-radius:.3125rem}.wpic-segmented-control__button:last-child{border-top-right-radius:.3125rem;border-bottom-right-radius:.3125rem}.wpic-segmented-control__button:hover{color:#18181b;background:#fafafa}.wpic-segmented-control__button--active,.wpic-segmented-control__button--active:hover{background:#18181b;color:#fff}.wpic-segmented-control--subtle{background:#f4f4f5;border-color:#f4f4f5;padding:.125rem}.wpic-segmented-control--subtle .wpic-segmented-control__button{border:0;border-radius:0}.wpic-segmented-control--subtle .wpic-segmented-control__button:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.wpic-segmented-control--subtle .wpic-segmented-control__button:last-child{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.wpic-segmented-control--subtle .wpic-segmented-control__button+.wpic-segmented-control__button{border-left:0}.wpic-segmented-control--subtle .wpic-segmented-control__button--active,.wpic-segmented-control--subtle .wpic-segmented-control__button--active:hover{background:#fff;border-radius:.25rem;color:#18181b}.wpic-segmented-control--subtle.wpic-segmented-control--xs .wpic-segmented-control__button{min-height:2rem}.wpic-segmented-control--subtle.wpic-segmented-control--sm .wpic-segmented-control__button{height:2rem}.wpic-segmented-control--subtle.wpic-segmented-control--md .wpic-segmented-control__button{height:2.25rem}.wpic-segmented-control--md .wpic-segmented-control__button{height:2.25rem;min-width:3.25rem;padding:0 .75rem;font-size:1rem}.wpic-segmented-control--sm .wpic-segmented-control__button{height:2rem;min-width:2.875rem;padding:0 .5rem;font-size:.875rem}.wpic-segmented-control--xs .wpic-segmented-control__button{min-height:1.5rem;min-width:2.5rem;padding:.125rem .375rem;font-size:.875rem}.wpic-segmented-control--disabled,.wpic-segmented-control__button--disabled{opacity:.5}.wpic-segmented-control--disabled .wpic-segmented-control__button,.wpic-segmented-control__button--disabled{cursor:not-allowed}.dark .wpic-segmented-control{background:transparent;border-color:#3f3f46}.dark .wpic-segmented-control__button+.wpic-segmented-control__button{border-left-color:#3f3f46}.dark .wpic-segmented-control__button{color:#a1a1aa}.dark .wpic-segmented-control__button:hover{color:#fff;background:#27272a}.dark .wpic-segmented-control__button--active,.dark .wpic-segmented-control__button--active:hover{background:#fff;color:#18181b}.dark .wpic-segmented-control--subtle{background:#27272a;border-color:#27272a}.dark .wpic-segmented-control--subtle .wpic-segmented-control__button+.wpic-segmented-control__button{border-left:0}.dark .wpic-segmented-control--subtle .wpic-segmented-control__button--active,.dark .wpic-segmented-control--subtle .wpic-segmented-control__button--active:hover{background:#3f3f46;color:#fff}.yorkshire-tea--mono path[data-v-4207e5e4]:nth-child(1),.yorkshire-tea--mono path[data-v-4207e5e4]:nth-child(2){fill:currentColor}.yorkshire-tea--mono path[data-v-4207e5e4]:nth-child(3){display:none}