@tangle-network/sandbox-ui 0.6.1 → 0.9.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 (68) hide show
  1. package/README.md +5 -6
  2. package/dist/auth.d.ts +10 -6
  3. package/dist/auth.js +3 -3
  4. package/dist/{chat-container-Cg-GwyiK.d.ts → chat-container-f4yEs6KN.d.ts} +9 -1
  5. package/dist/chat.d.ts +12 -2
  6. package/dist/chat.js +10 -10
  7. package/dist/{chunk-WBQ7VULC.js → chunk-34A66VBG.js} +7 -7
  8. package/dist/{chunk-JP725R4W.js → chunk-34I7UFSX.js} +2 -2
  9. package/dist/{chunk-CNWVHQFY.js → chunk-54SQQMMM.js} +6 -24
  10. package/dist/{chunk-DLCFZDGX.js → chunk-5UM2XMEJ.js} +39 -14
  11. package/dist/{chunk-YYGECNZZ.js → chunk-66EZOYZR.js} +3 -3
  12. package/dist/{chunk-6V4XVKFY.js → chunk-7YWFOGKQ.js} +344 -338
  13. package/dist/{chunk-DCPYTL4W.js → chunk-D4CZWJCD.js} +72 -148
  14. package/dist/{chunk-XTPAWK7L.js → chunk-DI3NZ5ZX.js} +15 -51
  15. package/dist/{chunk-MXRQ4MJE.js → chunk-DXMIEK4K.js} +34 -23
  16. package/dist/{chunk-ZMWWE5RF.js → chunk-EXSOPXIY.js} +141 -123
  17. package/dist/{chunk-GW4GRAWJ.js → chunk-GSZA3TSY.js} +18 -12
  18. package/dist/{chunk-W4LM3QYZ.js → chunk-HB5Y37YU.js} +8 -8
  19. package/dist/{chunk-RKXIRRKQ.js → chunk-JLKYXLFN.js} +70 -66
  20. package/dist/{chunk-BRBTD7RH.js → chunk-MA7YKRUP.js} +28 -18
  21. package/dist/{chunk-TSE423UF.js → chunk-MKTSMWVD.js} +6 -6
  22. package/dist/{chunk-MJUDMVRU.js → chunk-MT5FJ3ZT.js} +17 -17
  23. package/dist/{chunk-565V6JTN.js → chunk-OHPW55EV.js} +60 -99
  24. package/dist/chunk-OKLQVY3Y.js +139 -0
  25. package/dist/{chunk-OVNLOE3Y.js → chunk-PLTZB5BC.js} +41 -41
  26. package/dist/{chunk-E2XT3G52.js → chunk-QC4BJEG6.js} +136 -137
  27. package/dist/{chunk-KH5UDAJ2.js → chunk-QDH5GEGY.js} +58 -54
  28. package/dist/{chunk-33W2TLUL.js → chunk-QID2OOMG.js} +12 -3
  29. package/dist/{chunk-FJSVPBKY.js → chunk-S7OXQTST.js} +17 -3
  30. package/dist/chunk-T7HMZEVO.js +216 -0
  31. package/dist/{chunk-FNYJFCGU.js → chunk-U6QTHMY6.js} +145 -256
  32. package/dist/{chunk-YS66Q3RC.js → chunk-US6JKJKH.js} +2 -2
  33. package/dist/chunk-VX3XOUEB.js +63 -0
  34. package/dist/{chunk-TDYQBLL5.js → chunk-ZMNSRDMH.js} +6 -6
  35. package/dist/dashboard.d.ts +156 -4
  36. package/dist/dashboard.js +885 -8
  37. package/dist/{document-editor-pane-DWWUTTTZ.js → document-editor-pane-TLPVRBBU.js} +3 -3
  38. package/dist/editor.d.ts +9 -8
  39. package/dist/editor.js +3 -3
  40. package/dist/files.js +3 -3
  41. package/dist/globals.css +4787 -69
  42. package/dist/hooks.d.ts +1 -1
  43. package/dist/hooks.js +7 -7
  44. package/dist/index.d.ts +4 -4
  45. package/dist/index.js +28 -28
  46. package/dist/markdown.js +1 -1
  47. package/dist/openui.js +5 -5
  48. package/dist/pages.d.ts +114 -5
  49. package/dist/pages.js +1978 -365
  50. package/dist/primitives.d.ts +5 -2
  51. package/dist/primitives.js +10 -10
  52. package/dist/run.js +4 -4
  53. package/dist/sdk-hooks.d.ts +2 -3
  54. package/dist/sdk-hooks.js +5 -5
  55. package/dist/styles.css +4787 -69
  56. package/dist/template-card-BAtvcAkU.d.ts +18 -0
  57. package/dist/terminal.d.ts +3 -1
  58. package/dist/terminal.js +66 -32
  59. package/dist/tokens.css +289 -237
  60. package/dist/{usage-chart-XCoB_7Xu.d.ts → usage-chart-SSiOgeQI.d.ts} +3 -1
  61. package/dist/{use-pty-session-COzVkhtc.d.ts → use-pty-session-0AOuwXgq.d.ts} +2 -0
  62. package/dist/{index-BT_-ecpc.d.ts → variant-list-CsS6ydgm.d.ts} +16 -7
  63. package/dist/workspace.d.ts +2 -2
  64. package/dist/workspace.js +13 -13
  65. package/package.json +18 -3
  66. package/tailwind.config.cjs +3 -2
  67. package/dist/chunk-3HW53XTH.js +0 -228
  68. package/dist/chunk-OKCIKTXQ.js +0 -63
package/dist/styles.css CHANGED
@@ -1,117 +1,4392 @@
1
- @import "./tokens.css";
2
-
3
- /* Geist (UI) + Geist Mono (code) + Outfit (display) — via Google Fonts */
4
- @import url("https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600&family=Outfit:wght@400;500;600;700&display=swap");
5
-
6
- @import "tailwindcss";
7
-
1
+ /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ :root, [data-sandbox-ui] {
4
+ --md3-surface: #0a0a14;
5
+ --md3-surface-dim: #07070d;
6
+ --md3-surface-bright: #1b1a2c;
7
+ --md3-surface-container-lowest: #000001;
8
+ --md3-surface-container-low: #0d0c18;
9
+ --md3-surface-container: #11101e;
10
+ --md3-surface-container-high: #171624;
11
+ --md3-surface-container-highest: #1f1e30;
12
+ --md3-surface-variant: #1f1e30;
13
+ --md3-on-surface: #fdfdfd;
14
+ --md3-on-surface-variant: #aaa8b8;
15
+ --md3-primary: #818CF8;
16
+ --md3-primary-dim: #6366F1;
17
+ --md3-primary-container: #4F46E5;
18
+ --md3-on-primary: #ffffff;
19
+ --md3-on-primary-container: #E0E7FF;
20
+ --md3-primary-fixed: #A5AAFC;
21
+ --md3-primary-fixed-dim: #818CF8;
22
+ --md3-secondary: #C7D2FE;
23
+ --md3-secondary-dim: #A5B4FC;
24
+ --md3-secondary-container: #312E81;
25
+ --md3-on-secondary: #E8E5FF;
26
+ --md3-on-secondary-container: #E8E5FF;
27
+ --md3-tertiary: #10B981;
28
+ --md3-outline: #434260;
29
+ --md3-outline-variant: #2A293D;
30
+ --md3-error: #ff5277;
31
+ --md3-error-dim: #eb2855;
32
+ --md3-error-container: #82042b;
33
+ --md3-on-error: #ffffff;
34
+ --md3-on-error-container: #ffbdf2;
35
+ --md3-inverse-surface: #fdfdfd;
36
+ --md3-inverse-primary: #4F46E5;
37
+ --md3-inverse-on-surface: #000000;
38
+ --md3-surface-tint: #818CF8;
39
+ --hsl-background: 244 28% 5%;
40
+ --hsl-foreground: 240 18% 94%;
41
+ --hsl-card: 246 30% 11%;
42
+ --hsl-card-foreground: 240 18% 94%;
43
+ --hsl-popover: 246 28% 14%;
44
+ --hsl-popover-foreground: 240 18% 94%;
45
+ --hsl-primary: 239 84% 67%;
46
+ --hsl-primary-foreground: 0 0% 100%;
47
+ --hsl-secondary: 248 24% 18%;
48
+ --hsl-secondary-foreground: 240 16% 90%;
49
+ --hsl-muted: 246 22% 15%;
50
+ --hsl-muted-foreground: 240 14% 58%;
51
+ --hsl-accent: 248 26% 20%;
52
+ --hsl-accent-foreground: 240 16% 92%;
53
+ --hsl-destructive: 348 90% 60%;
54
+ --hsl-destructive-foreground: 0 0% 100%;
55
+ --hsl-border: 244 14% 22%;
56
+ --hsl-input: 246 28% 14%;
57
+ --hsl-ring: 239 84% 67%;
58
+ --hsl-success: 160 84% 39%;
59
+ --hsl-warning: 40 94% 56%;
60
+ --hsl-info: 200 88% 56%;
61
+ --background: var(--hsl-background);
62
+ --foreground: var(--hsl-foreground);
63
+ --card: var(--hsl-card);
64
+ --card-foreground: var(--hsl-card-foreground);
65
+ --popover: var(--hsl-popover);
66
+ --popover-foreground: var(--hsl-popover-foreground);
67
+ --primary: var(--hsl-primary);
68
+ --primary-foreground: var(--hsl-primary-foreground);
69
+ --secondary: var(--hsl-secondary);
70
+ --secondary-foreground: var(--hsl-secondary-foreground);
71
+ --muted: var(--hsl-muted);
72
+ --muted-foreground: var(--hsl-muted-foreground);
73
+ --accent: var(--hsl-accent);
74
+ --accent-foreground: var(--hsl-accent-foreground);
75
+ --destructive: var(--hsl-destructive);
76
+ --destructive-foreground: var(--hsl-destructive-foreground);
77
+ --border: var(--hsl-border);
78
+ --input: var(--hsl-input);
79
+ --ring: var(--hsl-ring);
80
+ --success: var(--hsl-success);
81
+ --warning: var(--hsl-warning);
82
+ --error: var(--hsl-destructive);
83
+ --info: var(--hsl-info);
84
+ --sidebar-background: 244 28% 5%;
85
+ --sidebar-foreground: 240 18% 94%;
86
+ --sidebar-primary: 239 84% 67%;
87
+ --sidebar-primary-foreground: 0 0% 100%;
88
+ --sidebar-accent: 248 26% 20%;
89
+ --sidebar-accent-foreground: 240 16% 92%;
90
+ --sidebar-border: 244 14% 17%;
91
+ --sidebar-ring: 239 84% 67%;
92
+ --depth-1: #0C0B1D;
93
+ --depth-2: #141328;
94
+ --depth-3: #1D1B38;
95
+ --depth-4: #262448;
96
+ --status-running: #10B981;
97
+ --status-creating: #9B93F0;
98
+ --status-stopped: #FFB800;
99
+ --status-warm: #FF8A4C;
100
+ --status-cold: #4AABFF;
101
+ --status-error: #FF4D6D;
102
+ --status-deleted: #6B7094;
103
+ --surface-success-bg: #022c22;
104
+ --surface-success-border: #14532d;
105
+ --surface-success-text: #34D399;
106
+ --surface-warning-bg: #451a03;
107
+ --surface-warning-border: #78350f;
108
+ --surface-warning-text: #fbbf24;
109
+ --surface-danger-bg: #450a0a;
110
+ --surface-danger-border: #7f1d1d;
111
+ --surface-danger-text: #f87171;
112
+ --surface-info-bg: #082f49;
113
+ --surface-info-border: #0c4a6e;
114
+ --surface-info-text: #38bdf8;
115
+ --surface-teal-bg: #042f2e;
116
+ --surface-teal-border: #134e4a;
117
+ --surface-teal-text: #2dd4bf;
118
+ --surface-violet-bg: #1e1b4b;
119
+ --surface-violet-border: #3730a3;
120
+ --surface-violet-text: #B8B2F5;
121
+ --surface-orange-bg: #431407;
122
+ --surface-orange-border: #7c2d12;
123
+ --surface-orange-text: #fb923c;
124
+ --surface-neutral-bg: var(--depth-3);
125
+ --surface-neutral-border: var(--border-subtle);
126
+ --surface-neutral-text: var(--text-muted);
127
+ --glass-bg: var(--depth-2);
128
+ --glass-bg-strong: var(--depth-3);
129
+ --glass-border: var(--border-subtle);
130
+ --glass-border-hover: var(--border-default);
131
+ --glass-blur: 0px;
132
+ --mesh-teal: rgba(16, 185, 129, 0.05);
133
+ --mesh-violet: rgba(99, 102, 241, 0.07);
134
+ --mesh-blue: rgba(129, 140, 248, 0.04);
135
+ --tangle-gradient: linear-gradient(135deg, #6366F1, #818CF8);
136
+ --tangle-gradient-text: linear-gradient(135deg, #A5AAFC, #818CF8);
137
+ --accent-gradient-strong: linear-gradient(135deg, #6366F1, #818CF8);
138
+ --accent-surface-soft: rgba(99, 102, 241, 0.12);
139
+ --accent-surface-strong: rgba(99, 102, 241, 0.20);
140
+ --accent-text: #A5AAFC;
141
+ --bg-root: radial-gradient(ellipse 70% 50% at 20% 0%, rgba(99, 102, 241, 0.08), transparent),
142
+ radial-gradient(ellipse 50% 40% at 80% 10%, rgba(129, 140, 248, 0.06), transparent),
143
+ linear-gradient(180deg, var(--depth-1), #0D0C1E 100%);
144
+ --bg-dark: var(--depth-1);
145
+ --bg-card: hsl(var(--hsl-card));
146
+ --bg-elevated: hsl(246 28% 17%);
147
+ --bg-section: hsl(246 28% 9%);
148
+ --bg-input: hsl(var(--hsl-input));
149
+ --bg-hover: rgba(99, 102, 241, 0.08);
150
+ --bg-selection: rgba(99, 102, 241, 0.18);
151
+ --text-primary: hsl(var(--hsl-foreground));
152
+ --text-secondary: hsl(240 16% 85%);
153
+ --text-muted: #8688B0;
154
+ --text-dim: #606294;
155
+ --brand-primary: #6366F1;
156
+ --brand-strong: #2E2A5E;
157
+ --brand-strong-text: #ffffff;
158
+ --brand-strong-text-muted: rgba(255, 255, 255, 0.7);
159
+ --brand-strong-text-dim: rgba(255, 255, 255, 0.5);
160
+ --brand-cool: #818CF8;
161
+ --brand-glow: #A5AAFC;
162
+ --brand-purple: #C7D2FE;
163
+ --brand-vibrant: #6366F1;
164
+ --brand-emerald: #10B981;
165
+ --border-subtle: rgba(100, 100, 148, 0.10);
166
+ --border-default: rgba(100, 100, 148, 0.18);
167
+ --border-hover: rgba(100, 100, 148, 0.28);
168
+ --border-accent: rgba(99, 102, 241, 0.18);
169
+ --border-accent-hover: rgba(99, 102, 241, 0.35);
170
+ --btn-primary-bg: #6366F1;
171
+ --btn-primary-hover: #818CF8;
172
+ --btn-primary-text: #ffffff;
173
+ --btn-cta-bg: #818CF8;
174
+ --btn-cta-text: #FFFFFF;
175
+ --code-keyword: #A5AAFC;
176
+ --code-string: #34D399;
177
+ --code-function: #6D9FFF;
178
+ --code-number: #FFB347;
179
+ --code-success: #10B981;
180
+ --code-comment: #606294;
181
+ --code-error: #FF4D6D;
182
+ --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.04);
183
+ --shadow-dropdown: 0 8px 32px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.06);
184
+ --shadow-glow: 0 0 32px rgba(99, 102, 241, 0.18);
185
+ --shadow-accent: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(99, 102, 241, 0.2);
186
+ --shadow-status-running: 0 0 6px rgba(16, 185, 129, 0.5);
187
+ --shadow-status-creating: 0 0 6px rgba(99, 102, 241, 0.5);
188
+ --shadow-status-error: 0 0 6px rgba(255, 77, 109, 0.5);
189
+ --radius-sm: 6px;
190
+ --radius-md: 8px;
191
+ --radius-lg: 12px;
192
+ --radius-xl: 16px;
193
+ --radius-pill: 999px;
194
+ --radius-full: 999px;
195
+ --radius: 0.625rem;
196
+ --control-height: 2.25rem;
197
+ --panel-padding: 1rem;
198
+ --content-max-width: 80rem;
199
+ --font-size-xs: 0.6875rem;
200
+ --font-size-sm: 0.75rem;
201
+ --font-size-base: 0.9375rem;
202
+ --font-size-lg: 1rem;
203
+ --font-size-xl: 1.25rem;
204
+ --line-height-tight: 1.3;
205
+ --line-height-base: 1.75;
206
+ --line-height-relaxed: 1.8;
207
+ --avatar-size: 2rem;
208
+ --timeline-dot-size: 0.625rem;
209
+ --indicator-dot-size: 0.25rem;
210
+ --code-padding-x: 0.75rem;
211
+ --code-padding-y: 0.625rem;
212
+ --code-font-size: 0.8125rem;
213
+ --code-line-height: 1.5;
214
+ --chat-message-px: 0.875rem;
215
+ --chat-message-py: 0.5rem;
216
+ --chat-input-py: 0.625rem;
217
+ --card-padding: 1.25rem;
218
+ --tool-card-px: 0.75rem;
219
+ --tool-card-py: 0.5rem;
220
+ --tool-icon-size: 1.75rem;
221
+ --syntax-comment: #6B7094;
222
+ --syntax-keyword: #A78FFF;
223
+ --syntax-string: #10b981;
224
+ --syntax-function: #6D9FFF;
225
+ --syntax-number: #FFB347;
226
+ --syntax-meta: #8263FF;
227
+ --syntax-error: #FF4D6D;
228
+ --syntax-variable: #C4C0D8;
229
+ --syntax-foreground: #E8E6F6;
230
+ --transition-fast: 0.1s ease;
231
+ --transition-default: 0.16s ease;
232
+ --transition-medium: 0.24s ease;
233
+ --font-sans: "Geist", "DM Sans", ui-sans-serif, system-ui, sans-serif;
234
+ --font-display: "Outfit", "Geist", sans-serif;
235
+ --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
236
+ }
237
+ [data-sandbox-theme="vault"] {
238
+ --md3-surface: #f8f9fb;
239
+ --md3-surface-dim: #d9dae0;
240
+ --md3-surface-bright: #f8f9fb;
241
+ --md3-surface-container-lowest: #ffffff;
242
+ --md3-surface-container-low: #f3f4f7;
243
+ --md3-surface-container: #edeef2;
244
+ --md3-surface-container-high: #e7e8ed;
245
+ --md3-surface-container-highest: #e1e2e8;
246
+ --md3-surface-variant: #e1e2e8;
247
+ --md3-on-surface: #191c24;
248
+ --md3-on-surface-variant: #464858;
249
+ --md3-primary: #3E349E;
250
+ --md3-primary-dim: #352B88;
251
+ --md3-primary-container: #352B88;
252
+ --md3-on-primary: #ffffff;
253
+ --md3-on-primary-container: #9B93F0;
254
+ --md3-primary-fixed: #E8E5FF;
255
+ --md3-primary-fixed-dim: #C5C0F0;
256
+ --md3-secondary: #524A78;
257
+ --md3-secondary-dim: #3E3660;
258
+ --md3-secondary-container: #E8E5FF;
259
+ --md3-on-secondary: #ffffff;
260
+ --md3-on-secondary-container: #524A78;
261
+ --md3-tertiary: #065F46;
262
+ --md3-tertiary-container: #D1FAE5;
263
+ --md3-outline: #6B6E8A;
264
+ --md3-outline-variant: #C7C6D6;
265
+ --md3-error: #ba1a1a;
266
+ --md3-error-dim: #93000a;
267
+ --md3-error-container: #ffdad6;
268
+ --md3-on-error: #ffffff;
269
+ --md3-on-error-container: #93000a;
270
+ --md3-inverse-surface: #2e2e3e;
271
+ --md3-inverse-primary: #A5AAFC;
272
+ --md3-inverse-on-surface: #f0f1f4;
273
+ --md3-surface-tint: #6366F1;
274
+ --hsl-background: 225 20% 97%;
275
+ --hsl-foreground: 228 20% 12%;
276
+ --hsl-card: 0 0% 100%;
277
+ --hsl-card-foreground: 228 20% 12%;
278
+ --hsl-popover: 0 0% 100%;
279
+ --hsl-popover-foreground: 228 20% 12%;
280
+ --hsl-primary: 239 84% 67%;
281
+ --hsl-primary-foreground: 0 0% 100%;
282
+ --hsl-secondary: 242 22% 42%;
283
+ --hsl-secondary-foreground: 0 0% 100%;
284
+ --hsl-muted: 240 14% 89%;
285
+ --hsl-muted-foreground: 240 10% 36%;
286
+ --hsl-accent: 248 22% 86%;
287
+ --hsl-accent-foreground: 248 38% 30%;
288
+ --hsl-destructive: 0 72% 41%;
289
+ --hsl-destructive-foreground: 0 0% 100%;
290
+ --hsl-border: 244 14% 78%;
291
+ --hsl-input: 244 12% 80%;
292
+ --hsl-ring: 239 84% 67%;
293
+ --hsl-success: 160 84% 30%;
294
+ --hsl-warning: 41 96% 50%;
295
+ --hsl-info: 212 80% 50%;
296
+ --depth-1: #f4f4f9;
297
+ --depth-2: #edecf4;
298
+ --depth-3: #e5e4ee;
299
+ --depth-4: #dcdbe8;
300
+ --status-running: #059669;
301
+ --status-creating: #3E349E;
302
+ --status-stopped: #B45309;
303
+ --status-warm: #C05621;
304
+ --status-cold: #1D6FA4;
305
+ --status-error: #ba1a1a;
306
+ --status-deleted: #6B6B82;
307
+ --glass-bg: var(--depth-2);
308
+ --glass-bg-strong: var(--depth-1);
309
+ --glass-border: var(--border-subtle);
310
+ --glass-border-hover: var(--border-default);
311
+ --surface-success-bg: #ecfdf5;
312
+ --surface-success-border: #a7f3d0;
313
+ --surface-success-text: #047857;
314
+ --surface-warning-bg: #fffbeb;
315
+ --surface-warning-border: #fde68a;
316
+ --surface-warning-text: #b45309;
317
+ --surface-danger-bg: #fff1f2;
318
+ --surface-danger-border: #fecdd3;
319
+ --surface-danger-text: #b91c1c;
320
+ --surface-info-bg: #f0f9ff;
321
+ --surface-info-border: #bae6fd;
322
+ --surface-info-text: #0369a1;
323
+ --surface-teal-bg: #f0fdfa;
324
+ --surface-teal-border: #99f6e4;
325
+ --surface-teal-text: #0f766e;
326
+ --surface-violet-bg: #F0EEFF;
327
+ --surface-violet-border: #C5C0F0;
328
+ --surface-violet-text: #3E349E;
329
+ --surface-orange-bg: #fff7ed;
330
+ --surface-orange-border: #fed7aa;
331
+ --surface-orange-text: #c2410c;
332
+ --surface-neutral-bg: var(--depth-3);
333
+ --surface-neutral-border: var(--border-subtle);
334
+ --surface-neutral-text: var(--text-muted);
335
+ --sidebar-background: 232 18% 96%;
336
+ --sidebar-foreground: 228 20% 12%;
337
+ --sidebar-primary: 239 84% 67%;
338
+ --sidebar-primary-foreground: 0 0% 100%;
339
+ --sidebar-accent: 240 18% 90%;
340
+ --sidebar-accent-foreground: 240 38% 30%;
341
+ --sidebar-border: 244 14% 78%;
342
+ --sidebar-ring: 239 84% 67%;
343
+ --mesh-teal: rgba(5, 150, 105, 0.04);
344
+ --mesh-violet: rgba(99, 102, 241, 0.03);
345
+ --mesh-blue: rgba(129, 140, 248, 0.03);
346
+ --bg-root: #f4f4f9;
347
+ --bg-dark: #edecf4;
348
+ --bg-card: #ffffff;
349
+ --bg-elevated: #e5e4ee;
350
+ --bg-section: #edecf4;
351
+ --bg-input: #edecf4;
352
+ --bg-hover: rgba(99, 102, 241, 0.05);
353
+ --bg-selection: rgba(99, 102, 241, 0.10);
354
+ --text-primary: #191c24;
355
+ --text-secondary: #3a3a50;
356
+ --text-muted: #5E5E7A;
357
+ --text-dim: #A0A0B8;
358
+ --brand-primary: #6366F1;
359
+ --brand-strong: #2E2A5E;
360
+ --brand-strong-text: #ffffff;
361
+ --brand-strong-text-muted: rgba(255, 255, 255, 0.7);
362
+ --brand-strong-text-dim: rgba(255, 255, 255, 0.5);
363
+ --brand-cool: #818CF8;
364
+ --brand-glow: #A5AAFC;
365
+ --brand-purple: #6366F1;
366
+ --brand-vibrant: #6366F1;
367
+ --brand-emerald: #059669;
368
+ --border-subtle: rgba(110, 108, 148, 0.20);
369
+ --border-default: rgba(110, 108, 148, 0.35);
370
+ --border-hover: rgba(110, 108, 148, 0.50);
371
+ --border-accent: rgba(99, 102, 241, 0.15);
372
+ --border-accent-hover: rgba(99, 102, 241, 0.30);
373
+ --btn-primary-bg: #6366F1;
374
+ --btn-primary-hover: #4F46E5;
375
+ --btn-primary-text: #ffffff;
376
+ --btn-cta-bg: #6366F1;
377
+ --btn-cta-text: #ffffff;
378
+ --code-keyword: #3E349E;
379
+ --code-string: #059669;
380
+ --code-function: #352B88;
381
+ --code-number: #B45309;
382
+ --code-success: #059669;
383
+ --code-comment: #6B6E8A;
384
+ --code-error: #ba1a1a;
385
+ --shadow-card: 0 1px 3px rgba(25, 28, 36, 0.05), 0 0 0 1px rgba(200, 198, 218, 0.22);
386
+ --shadow-dropdown: 0 8px 32px rgba(25, 28, 36, 0.10), 0 0 0 1px rgba(200, 198, 218, 0.28);
387
+ --shadow-glow: none;
388
+ --shadow-accent: 0 1px 3px rgba(25, 28, 36, 0.05), 0 0 0 1px rgba(99, 102, 241, 0.15);
389
+ --tangle-gradient: linear-gradient(135deg, #6366F1, #818CF8);
390
+ --tangle-gradient-text: linear-gradient(135deg, #4F46E5, #6366F1);
391
+ --accent-gradient-strong: linear-gradient(135deg, #6366F1, #818CF8);
392
+ --accent-surface-soft: rgba(99, 102, 241, 0.06);
393
+ --accent-surface-strong: rgba(99, 102, 241, 0.12);
394
+ --accent-text: #4F46E5;
395
+ --font-sans: "Inter", "Geist", ui-sans-serif, system-ui, sans-serif;
396
+ --font-display: "Manrope", "Inter", sans-serif;
397
+ --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
398
+ --radius: 0.375rem;
399
+ --radius-sm: 2px;
400
+ --radius-md: 4px;
401
+ --radius-lg: 6px;
402
+ --radius-xl: 8px;
403
+ --radius-pill: 999px;
404
+ --radius-full: 999px;
405
+ }
406
+ @import url("https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600&family=Outfit:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap");
407
+ @layer theme, base, components, utilities;
408
+ @layer theme {
409
+ :root, :host {
410
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
411
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
412
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
413
+ "Courier New", monospace;
414
+ --color-red-200: oklch(88.5% 0.062 18.334);
415
+ --color-red-400: oklch(70.4% 0.191 22.216);
416
+ --color-red-500: oklch(63.7% 0.237 25.331);
417
+ --color-red-600: oklch(57.7% 0.245 27.325);
418
+ --color-red-700: oklch(50.5% 0.213 27.518);
419
+ --color-orange-400: oklch(75% 0.183 55.934);
420
+ --color-amber-500: oklch(76.9% 0.188 70.08);
421
+ --color-amber-600: oklch(66.6% 0.179 58.318);
422
+ --color-yellow-400: oklch(85.2% 0.199 91.936);
423
+ --color-yellow-500: oklch(79.5% 0.184 86.047);
424
+ --color-yellow-600: oklch(68.1% 0.162 75.834);
425
+ --color-green-400: oklch(79.2% 0.209 151.711);
426
+ --color-green-500: oklch(72.3% 0.219 149.579);
427
+ --color-green-600: oklch(62.7% 0.194 149.214);
428
+ --color-emerald-400: oklch(76.5% 0.177 163.223);
429
+ --color-emerald-500: oklch(69.6% 0.17 162.48);
430
+ --color-sky-400: oklch(74.6% 0.16 232.661);
431
+ --color-blue-400: oklch(70.7% 0.165 254.624);
432
+ --color-blue-500: oklch(62.3% 0.214 259.815);
433
+ --color-blue-600: oklch(54.6% 0.245 262.881);
434
+ --color-violet-300: oklch(81.1% 0.111 293.571);
435
+ --color-violet-400: oklch(70.2% 0.183 293.541);
436
+ --color-violet-500: oklch(60.6% 0.25 292.717);
437
+ --color-gray-300: oklch(87.2% 0.01 258.338);
438
+ --color-gray-900: oklch(21% 0.034 264.665);
439
+ --color-zinc-400: oklch(70.5% 0.015 286.067);
440
+ --color-neutral-400: oklch(70.8% 0 0);
441
+ --color-neutral-500: oklch(55.6% 0 0);
442
+ --color-black: #000;
443
+ --color-white: #fff;
444
+ --spacing: 0.25rem;
445
+ --container-sm: 24rem;
446
+ --container-md: 28rem;
447
+ --container-lg: 32rem;
448
+ --container-2xl: 42rem;
449
+ --container-3xl: 48rem;
450
+ --container-4xl: 56rem;
451
+ --container-5xl: 64rem;
452
+ --container-6xl: 72rem;
453
+ --container-7xl: 80rem;
454
+ --text-xs: 0.75rem;
455
+ --text-xs--line-height: calc(1 / 0.75);
456
+ --text-sm: 0.875rem;
457
+ --text-sm--line-height: calc(1.25 / 0.875);
458
+ --text-base: 1rem;
459
+ --text-base--line-height: calc(1.5 / 1);
460
+ --text-lg: 1.125rem;
461
+ --text-lg--line-height: calc(1.75 / 1.125);
462
+ --text-xl: 1.25rem;
463
+ --text-xl--line-height: calc(1.75 / 1.25);
464
+ --text-2xl: 1.5rem;
465
+ --text-2xl--line-height: calc(2 / 1.5);
466
+ --text-3xl: 1.875rem;
467
+ --text-3xl--line-height: calc(2.25 / 1.875);
468
+ --text-4xl: 2.25rem;
469
+ --text-4xl--line-height: calc(2.5 / 2.25);
470
+ --text-5xl: 3rem;
471
+ --text-5xl--line-height: 1;
472
+ --font-weight-normal: 400;
473
+ --font-weight-medium: 500;
474
+ --font-weight-semibold: 600;
475
+ --font-weight-bold: 700;
476
+ --font-weight-extrabold: 800;
477
+ --font-weight-black: 900;
478
+ --tracking-tighter: -0.05em;
479
+ --tracking-tight: -0.025em;
480
+ --tracking-normal: 0em;
481
+ --tracking-wide: 0.025em;
482
+ --tracking-wider: 0.05em;
483
+ --tracking-widest: 0.1em;
484
+ --leading-tight: 1.25;
485
+ --leading-relaxed: 1.625;
486
+ --radius-sm: 0.25rem;
487
+ --radius-md: 0.375rem;
488
+ --radius-lg: 0.5rem;
489
+ --radius-xl: 0.75rem;
490
+ --radius-2xl: 1rem;
491
+ --ease-out: cubic-bezier(0, 0, 0.2, 1);
492
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
493
+ --animate-spin: spin 1s linear infinite;
494
+ --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
495
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
496
+ --animate-bounce: bounce 1s infinite;
497
+ --blur-sm: 8px;
498
+ --blur-md: 12px;
499
+ --blur-xl: 24px;
500
+ --default-transition-duration: 150ms;
501
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
502
+ --default-font-family: var(--font-sans);
503
+ --default-mono-font-family: var(--font-mono);
504
+ }
505
+ }
506
+ @layer base {
507
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
508
+ box-sizing: border-box;
509
+ margin: 0;
510
+ padding: 0;
511
+ border: 0 solid;
512
+ }
513
+ html, :host {
514
+ line-height: 1.5;
515
+ -webkit-text-size-adjust: 100%;
516
+ tab-size: 4;
517
+ font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
518
+ font-feature-settings: var(--default-font-feature-settings, normal);
519
+ font-variation-settings: var(--default-font-variation-settings, normal);
520
+ -webkit-tap-highlight-color: transparent;
521
+ }
522
+ hr {
523
+ height: 0;
524
+ color: inherit;
525
+ border-top-width: 1px;
526
+ }
527
+ abbr:where([title]) {
528
+ -webkit-text-decoration: underline dotted;
529
+ text-decoration: underline dotted;
530
+ }
531
+ h1, h2, h3, h4, h5, h6 {
532
+ font-size: inherit;
533
+ font-weight: inherit;
534
+ }
535
+ a {
536
+ color: inherit;
537
+ -webkit-text-decoration: inherit;
538
+ text-decoration: inherit;
539
+ }
540
+ b, strong {
541
+ font-weight: bolder;
542
+ }
543
+ code, kbd, samp, pre {
544
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
545
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
546
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
547
+ font-size: 1em;
548
+ }
549
+ small {
550
+ font-size: 80%;
551
+ }
552
+ sub, sup {
553
+ font-size: 75%;
554
+ line-height: 0;
555
+ position: relative;
556
+ vertical-align: baseline;
557
+ }
558
+ sub {
559
+ bottom: -0.25em;
560
+ }
561
+ sup {
562
+ top: -0.5em;
563
+ }
564
+ table {
565
+ text-indent: 0;
566
+ border-color: inherit;
567
+ border-collapse: collapse;
568
+ }
569
+ :-moz-focusring {
570
+ outline: auto;
571
+ }
572
+ progress {
573
+ vertical-align: baseline;
574
+ }
575
+ summary {
576
+ display: list-item;
577
+ }
578
+ ol, ul, menu {
579
+ list-style: none;
580
+ }
581
+ img, svg, video, canvas, audio, iframe, embed, object {
582
+ display: block;
583
+ vertical-align: middle;
584
+ }
585
+ img, video {
586
+ max-width: 100%;
587
+ height: auto;
588
+ }
589
+ button, input, select, optgroup, textarea, ::file-selector-button {
590
+ font: inherit;
591
+ font-feature-settings: inherit;
592
+ font-variation-settings: inherit;
593
+ letter-spacing: inherit;
594
+ color: inherit;
595
+ border-radius: 0;
596
+ background-color: transparent;
597
+ opacity: 1;
598
+ }
599
+ :where(select:is([multiple], [size])) optgroup {
600
+ font-weight: bolder;
601
+ }
602
+ :where(select:is([multiple], [size])) optgroup option {
603
+ padding-inline-start: 20px;
604
+ }
605
+ ::file-selector-button {
606
+ margin-inline-end: 4px;
607
+ }
608
+ ::placeholder {
609
+ opacity: 1;
610
+ }
611
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
612
+ ::placeholder {
613
+ color: currentcolor;
614
+ @supports (color: color-mix(in lab, red, red)) {
615
+ color: color-mix(in oklab, currentcolor 50%, transparent);
616
+ }
617
+ }
618
+ }
619
+ textarea {
620
+ resize: vertical;
621
+ }
622
+ ::-webkit-search-decoration {
623
+ -webkit-appearance: none;
624
+ }
625
+ ::-webkit-date-and-time-value {
626
+ min-height: 1lh;
627
+ text-align: inherit;
628
+ }
629
+ ::-webkit-datetime-edit {
630
+ display: inline-flex;
631
+ }
632
+ ::-webkit-datetime-edit-fields-wrapper {
633
+ padding: 0;
634
+ }
635
+ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
636
+ padding-block: 0;
637
+ }
638
+ ::-webkit-calendar-picker-indicator {
639
+ line-height: 1;
640
+ }
641
+ :-moz-ui-invalid {
642
+ box-shadow: none;
643
+ }
644
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
645
+ appearance: button;
646
+ }
647
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
648
+ height: auto;
649
+ }
650
+ [hidden]:where(:not([hidden="until-found"])) {
651
+ display: none !important;
652
+ }
653
+ }
654
+ @layer utilities {
655
+ .pointer-events-auto {
656
+ pointer-events: auto;
657
+ }
658
+ .pointer-events-none {
659
+ pointer-events: none;
660
+ }
661
+ .collapse {
662
+ visibility: collapse;
663
+ }
664
+ .visible {
665
+ visibility: visible;
666
+ }
667
+ .sr-only {
668
+ position: absolute;
669
+ width: 1px;
670
+ height: 1px;
671
+ padding: 0;
672
+ margin: -1px;
673
+ overflow: hidden;
674
+ clip-path: inset(50%);
675
+ white-space: nowrap;
676
+ border-width: 0;
677
+ }
678
+ .absolute {
679
+ position: absolute;
680
+ }
681
+ .fixed {
682
+ position: fixed;
683
+ }
684
+ .relative {
685
+ position: relative;
686
+ }
687
+ .sticky {
688
+ position: sticky;
689
+ }
690
+ .inset-0 {
691
+ inset: calc(var(--spacing) * 0);
692
+ }
693
+ .inset-x-0 {
694
+ inset-inline: calc(var(--spacing) * 0);
695
+ }
696
+ .inset-y-0 {
697
+ inset-block: calc(var(--spacing) * 0);
698
+ }
699
+ .start {
700
+ inset-inline-start: var(--spacing);
701
+ }
702
+ .end {
703
+ inset-inline-end: var(--spacing);
704
+ }
705
+ .-top-1 {
706
+ top: calc(var(--spacing) * -1);
707
+ }
708
+ .-top-4 {
709
+ top: calc(var(--spacing) * -4);
710
+ }
711
+ .-top-6 {
712
+ top: calc(var(--spacing) * -6);
713
+ }
714
+ .-top-12 {
715
+ top: calc(var(--spacing) * -12);
716
+ }
717
+ .top-0 {
718
+ top: calc(var(--spacing) * 0);
719
+ }
720
+ .top-0\.5 {
721
+ top: calc(var(--spacing) * 0.5);
722
+ }
723
+ .top-1\/2 {
724
+ top: calc(1 / 2 * 100%);
725
+ }
726
+ .top-2 {
727
+ top: calc(var(--spacing) * 2);
728
+ }
729
+ .top-4 {
730
+ top: calc(var(--spacing) * 4);
731
+ }
732
+ .top-14 {
733
+ top: calc(var(--spacing) * 14);
734
+ }
735
+ .top-\[50\%\] {
736
+ top: 50%;
737
+ }
738
+ .-right-1 {
739
+ right: calc(var(--spacing) * -1);
740
+ }
741
+ .right-0 {
742
+ right: calc(var(--spacing) * 0);
743
+ }
744
+ .right-2 {
745
+ right: calc(var(--spacing) * 2);
746
+ }
747
+ .right-4 {
748
+ right: calc(var(--spacing) * 4);
749
+ }
750
+ .bottom-0 {
751
+ bottom: calc(var(--spacing) * 0);
752
+ }
753
+ .bottom-4 {
754
+ bottom: calc(var(--spacing) * 4);
755
+ }
756
+ .bottom-6 {
757
+ bottom: calc(var(--spacing) * 6);
758
+ }
759
+ .bottom-\[-0\.75rem\] {
760
+ bottom: -0.75rem;
761
+ }
762
+ .left-0 {
763
+ left: calc(var(--spacing) * 0);
764
+ }
765
+ .left-0\.5 {
766
+ left: calc(var(--spacing) * 0.5);
767
+ }
768
+ .left-1\/2 {
769
+ left: calc(1 / 2 * 100%);
770
+ }
771
+ .left-2 {
772
+ left: calc(var(--spacing) * 2);
773
+ }
774
+ .left-3 {
775
+ left: calc(var(--spacing) * 3);
776
+ }
777
+ .left-\[50\%\] {
778
+ left: 50%;
779
+ }
780
+ .z-0 {
781
+ z-index: 0;
782
+ }
783
+ .z-10 {
784
+ z-index: 10;
785
+ }
786
+ .z-30 {
787
+ z-index: 30;
788
+ }
789
+ .z-40 {
790
+ z-index: 40;
791
+ }
792
+ .z-50 {
793
+ z-index: 50;
794
+ }
795
+ .z-\[100\] {
796
+ z-index: 100;
797
+ }
798
+ .col-span-12 {
799
+ grid-column: span 12 / span 12;
800
+ }
801
+ .container {
802
+ width: 100%;
803
+ @media (width >= 40rem) {
804
+ max-width: 40rem;
805
+ }
806
+ @media (width >= 48rem) {
807
+ max-width: 48rem;
808
+ }
809
+ @media (width >= 64rem) {
810
+ max-width: 64rem;
811
+ }
812
+ @media (width >= 80rem) {
813
+ max-width: 80rem;
814
+ }
815
+ @media (width >= 96rem) {
816
+ max-width: 96rem;
817
+ }
818
+ }
819
+ .-mx-1 {
820
+ margin-inline: calc(var(--spacing) * -1);
821
+ }
822
+ .mx-1 {
823
+ margin-inline: calc(var(--spacing) * 1);
824
+ }
825
+ .mx-2 {
826
+ margin-inline: calc(var(--spacing) * 2);
827
+ }
828
+ .mx-4 {
829
+ margin-inline: calc(var(--spacing) * 4);
830
+ }
831
+ .mx-auto {
832
+ margin-inline: auto;
833
+ }
834
+ .my-1 {
835
+ margin-block: calc(var(--spacing) * 1);
836
+ }
837
+ .my-2 {
838
+ margin-block: calc(var(--spacing) * 2);
839
+ }
840
+ .my-3 {
841
+ margin-block: calc(var(--spacing) * 3);
842
+ }
843
+ .my-4 {
844
+ margin-block: calc(var(--spacing) * 4);
845
+ }
846
+ .my-8 {
847
+ margin-block: calc(var(--spacing) * 8);
848
+ }
849
+ .-mt-0\.5 {
850
+ margin-top: calc(var(--spacing) * -0.5);
851
+ }
852
+ .-mt-10 {
853
+ margin-top: calc(var(--spacing) * -10);
854
+ }
855
+ .mt-0 {
856
+ margin-top: calc(var(--spacing) * 0);
857
+ }
858
+ .mt-0\.5 {
859
+ margin-top: calc(var(--spacing) * 0.5);
860
+ }
861
+ .mt-1 {
862
+ margin-top: calc(var(--spacing) * 1);
863
+ }
864
+ .mt-1\.5 {
865
+ margin-top: calc(var(--spacing) * 1.5);
866
+ }
867
+ .mt-2 {
868
+ margin-top: calc(var(--spacing) * 2);
869
+ }
870
+ .mt-3 {
871
+ margin-top: calc(var(--spacing) * 3);
872
+ }
873
+ .mt-4 {
874
+ margin-top: calc(var(--spacing) * 4);
875
+ }
876
+ .mt-5 {
877
+ margin-top: calc(var(--spacing) * 5);
878
+ }
879
+ .mt-6 {
880
+ margin-top: calc(var(--spacing) * 6);
881
+ }
882
+ .mr-1 {
883
+ margin-right: calc(var(--spacing) * 1);
884
+ }
885
+ .mr-1\.5 {
886
+ margin-right: calc(var(--spacing) * 1.5);
887
+ }
888
+ .mr-2 {
889
+ margin-right: calc(var(--spacing) * 2);
890
+ }
891
+ .mr-3 {
892
+ margin-right: calc(var(--spacing) * 3);
893
+ }
894
+ .mb-0\.5 {
895
+ margin-bottom: calc(var(--spacing) * 0.5);
896
+ }
897
+ .mb-1 {
898
+ margin-bottom: calc(var(--spacing) * 1);
899
+ }
900
+ .mb-1\.5 {
901
+ margin-bottom: calc(var(--spacing) * 1.5);
902
+ }
903
+ .mb-2 {
904
+ margin-bottom: calc(var(--spacing) * 2);
905
+ }
906
+ .mb-3 {
907
+ margin-bottom: calc(var(--spacing) * 3);
908
+ }
909
+ .mb-4 {
910
+ margin-bottom: calc(var(--spacing) * 4);
911
+ }
912
+ .mb-5 {
913
+ margin-bottom: calc(var(--spacing) * 5);
914
+ }
915
+ .mb-6 {
916
+ margin-bottom: calc(var(--spacing) * 6);
917
+ }
918
+ .mb-8 {
919
+ margin-bottom: calc(var(--spacing) * 8);
920
+ }
921
+ .mb-10 {
922
+ margin-bottom: calc(var(--spacing) * 10);
923
+ }
924
+ .-ml-1 {
925
+ margin-left: calc(var(--spacing) * -1);
926
+ }
927
+ .ml-0\.5 {
928
+ margin-left: calc(var(--spacing) * 0.5);
929
+ }
930
+ .ml-1 {
931
+ margin-left: calc(var(--spacing) * 1);
932
+ }
933
+ .ml-2 {
934
+ margin-left: calc(var(--spacing) * 2);
935
+ }
936
+ .ml-10 {
937
+ margin-left: calc(var(--spacing) * 10);
938
+ }
939
+ .ml-auto {
940
+ margin-left: auto;
941
+ }
942
+ .line-clamp-1 {
943
+ overflow: hidden;
944
+ display: -webkit-box;
945
+ -webkit-box-orient: vertical;
946
+ -webkit-line-clamp: 1;
947
+ }
948
+ .line-clamp-2 {
949
+ overflow: hidden;
950
+ display: -webkit-box;
951
+ -webkit-box-orient: vertical;
952
+ -webkit-line-clamp: 2;
953
+ }
954
+ .block {
955
+ display: block;
956
+ }
957
+ .contents {
958
+ display: contents;
959
+ }
960
+ .flex {
961
+ display: flex;
962
+ }
963
+ .grid {
964
+ display: grid;
965
+ }
966
+ .hidden {
967
+ display: none;
968
+ }
969
+ .inline {
970
+ display: inline;
971
+ }
972
+ .inline-block {
973
+ display: inline-block;
974
+ }
975
+ .inline-flex {
976
+ display: inline-flex;
977
+ }
978
+ .table {
979
+ display: table;
980
+ }
981
+ .aspect-square {
982
+ aspect-ratio: 1 / 1;
983
+ }
984
+ .h-0\.5 {
985
+ height: calc(var(--spacing) * 0.5);
986
+ }
987
+ .h-1 {
988
+ height: calc(var(--spacing) * 1);
989
+ }
990
+ .h-1\.5 {
991
+ height: calc(var(--spacing) * 1.5);
992
+ }
993
+ .h-2 {
994
+ height: calc(var(--spacing) * 2);
995
+ }
996
+ .h-2\.5 {
997
+ height: calc(var(--spacing) * 2.5);
998
+ }
999
+ .h-3 {
1000
+ height: calc(var(--spacing) * 3);
1001
+ }
1002
+ .h-3\.5 {
1003
+ height: calc(var(--spacing) * 3.5);
1004
+ }
1005
+ .h-4 {
1006
+ height: calc(var(--spacing) * 4);
1007
+ }
1008
+ .h-5 {
1009
+ height: calc(var(--spacing) * 5);
1010
+ }
1011
+ .h-6 {
1012
+ height: calc(var(--spacing) * 6);
1013
+ }
1014
+ .h-7 {
1015
+ height: calc(var(--spacing) * 7);
1016
+ }
1017
+ .h-8 {
1018
+ height: calc(var(--spacing) * 8);
1019
+ }
1020
+ .h-9 {
1021
+ height: calc(var(--spacing) * 9);
1022
+ }
1023
+ .h-10 {
1024
+ height: calc(var(--spacing) * 10);
1025
+ }
1026
+ .h-11 {
1027
+ height: calc(var(--spacing) * 11);
1028
+ }
1029
+ .h-12 {
1030
+ height: calc(var(--spacing) * 12);
1031
+ }
1032
+ .h-13 {
1033
+ height: calc(var(--spacing) * 13);
1034
+ }
1035
+ .h-14 {
1036
+ height: calc(var(--spacing) * 14);
1037
+ }
1038
+ .h-16 {
1039
+ height: calc(var(--spacing) * 16);
1040
+ }
1041
+ .h-20 {
1042
+ height: calc(var(--spacing) * 20);
1043
+ }
1044
+ .h-28 {
1045
+ height: calc(var(--spacing) * 28);
1046
+ }
1047
+ .h-32 {
1048
+ height: calc(var(--spacing) * 32);
1049
+ }
1050
+ .h-48 {
1051
+ height: calc(var(--spacing) * 48);
1052
+ }
1053
+ .h-56 {
1054
+ height: calc(var(--spacing) * 56);
1055
+ }
1056
+ .h-\[3px\] {
1057
+ height: 3px;
1058
+ }
1059
+ .h-\[70vh\] {
1060
+ height: 70vh;
1061
+ }
1062
+ .h-\[380px\] {
1063
+ height: 380px;
1064
+ }
1065
+ .h-\[500px\] {
1066
+ height: 500px;
1067
+ }
1068
+ .h-\[var\(--avatar-size\)\] {
1069
+ height: var(--avatar-size);
1070
+ }
1071
+ .h-\[var\(--control-height\)\] {
1072
+ height: var(--control-height);
1073
+ }
1074
+ .h-\[var\(--indicator-dot-size\)\] {
1075
+ height: var(--indicator-dot-size);
1076
+ }
1077
+ .h-\[var\(--radix-select-trigger-height\)\] {
1078
+ height: var(--radix-select-trigger-height);
1079
+ }
1080
+ .h-\[var\(--timeline-dot-size\)\] {
1081
+ height: var(--timeline-dot-size);
1082
+ }
1083
+ .h-\[var\(--tool-icon-size\)\] {
1084
+ height: var(--tool-icon-size);
1085
+ }
1086
+ .h-auto {
1087
+ height: auto;
1088
+ }
1089
+ .h-full {
1090
+ height: 100%;
1091
+ }
1092
+ .h-px {
1093
+ height: 1px;
1094
+ }
1095
+ .h-screen {
1096
+ height: 100vh;
1097
+ }
1098
+ .max-h-48 {
1099
+ max-height: calc(var(--spacing) * 48);
1100
+ }
1101
+ .max-h-60 {
1102
+ max-height: calc(var(--spacing) * 60);
1103
+ }
1104
+ .max-h-72 {
1105
+ max-height: calc(var(--spacing) * 72);
1106
+ }
1107
+ .max-h-80 {
1108
+ max-height: calc(var(--spacing) * 80);
1109
+ }
1110
+ .max-h-96 {
1111
+ max-height: calc(var(--spacing) * 96);
1112
+ }
1113
+ .max-h-\[70vh\] {
1114
+ max-height: 70vh;
1115
+ }
1116
+ .max-h-\[90vh\] {
1117
+ max-height: 90vh;
1118
+ }
1119
+ .max-h-\[120px\] {
1120
+ max-height: 120px;
1121
+ }
1122
+ .min-h-0 {
1123
+ min-height: calc(var(--spacing) * 0);
1124
+ }
1125
+ .min-h-\[2px\] {
1126
+ min-height: 2px;
1127
+ }
1128
+ .min-h-\[12rem\] {
1129
+ min-height: 12rem;
1130
+ }
1131
+ .min-h-\[14rem\] {
1132
+ min-height: 14rem;
1133
+ }
1134
+ .min-h-\[16rem\] {
1135
+ min-height: 16rem;
1136
+ }
1137
+ .min-h-\[32px\] {
1138
+ min-height: 32px;
1139
+ }
1140
+ .min-h-\[120px\] {
1141
+ min-height: 120px;
1142
+ }
1143
+ .min-h-\[160px\] {
1144
+ min-height: 160px;
1145
+ }
1146
+ .min-h-\[200px\] {
1147
+ min-height: 200px;
1148
+ }
1149
+ .min-h-\[240px\] {
1150
+ min-height: 240px;
1151
+ }
1152
+ .min-h-screen {
1153
+ min-height: 100vh;
1154
+ }
1155
+ .w-0 {
1156
+ width: calc(var(--spacing) * 0);
1157
+ }
1158
+ .w-1 {
1159
+ width: calc(var(--spacing) * 1);
1160
+ }
1161
+ .w-1\.5 {
1162
+ width: calc(var(--spacing) * 1.5);
1163
+ }
1164
+ .w-1\/2 {
1165
+ width: calc(1 / 2 * 100%);
1166
+ }
1167
+ .w-1\/3 {
1168
+ width: calc(1 / 3 * 100%);
1169
+ }
1170
+ .w-1\/4 {
1171
+ width: calc(1 / 4 * 100%);
1172
+ }
1173
+ .w-2 {
1174
+ width: calc(var(--spacing) * 2);
1175
+ }
1176
+ .w-2\.5 {
1177
+ width: calc(var(--spacing) * 2.5);
1178
+ }
1179
+ .w-2\/3 {
1180
+ width: calc(2 / 3 * 100%);
1181
+ }
1182
+ .w-3 {
1183
+ width: calc(var(--spacing) * 3);
1184
+ }
1185
+ .w-3\.5 {
1186
+ width: calc(var(--spacing) * 3.5);
1187
+ }
1188
+ .w-3\/4 {
1189
+ width: calc(3 / 4 * 100%);
1190
+ }
1191
+ .w-4 {
1192
+ width: calc(var(--spacing) * 4);
1193
+ }
1194
+ .w-4\/6 {
1195
+ width: calc(4 / 6 * 100%);
1196
+ }
1197
+ .w-5 {
1198
+ width: calc(var(--spacing) * 5);
1199
+ }
1200
+ .w-5\/6 {
1201
+ width: calc(5 / 6 * 100%);
1202
+ }
1203
+ .w-6 {
1204
+ width: calc(var(--spacing) * 6);
1205
+ }
1206
+ .w-7 {
1207
+ width: calc(var(--spacing) * 7);
1208
+ }
1209
+ .w-8 {
1210
+ width: calc(var(--spacing) * 8);
1211
+ }
1212
+ .w-9 {
1213
+ width: calc(var(--spacing) * 9);
1214
+ }
1215
+ .w-10 {
1216
+ width: calc(var(--spacing) * 10);
1217
+ }
1218
+ .w-11 {
1219
+ width: calc(var(--spacing) * 11);
1220
+ }
1221
+ .w-12 {
1222
+ width: calc(var(--spacing) * 12);
1223
+ }
1224
+ .w-14 {
1225
+ width: calc(var(--spacing) * 14);
1226
+ }
1227
+ .w-16 {
1228
+ width: calc(var(--spacing) * 16);
1229
+ }
1230
+ .w-20 {
1231
+ width: calc(var(--spacing) * 20);
1232
+ }
1233
+ .w-24 {
1234
+ width: calc(var(--spacing) * 24);
1235
+ }
1236
+ .w-28 {
1237
+ width: calc(var(--spacing) * 28);
1238
+ }
1239
+ .w-32 {
1240
+ width: calc(var(--spacing) * 32);
1241
+ }
1242
+ .w-40 {
1243
+ width: calc(var(--spacing) * 40);
1244
+ }
1245
+ .w-44 {
1246
+ width: calc(var(--spacing) * 44);
1247
+ }
1248
+ .w-48 {
1249
+ width: calc(var(--spacing) * 48);
1250
+ }
1251
+ .w-52 {
1252
+ width: calc(var(--spacing) * 52);
1253
+ }
1254
+ .w-56 {
1255
+ width: calc(var(--spacing) * 56);
1256
+ }
1257
+ .w-64 {
1258
+ width: calc(var(--spacing) * 64);
1259
+ }
1260
+ .w-72 {
1261
+ width: calc(var(--spacing) * 72);
1262
+ }
1263
+ .w-80 {
1264
+ width: calc(var(--spacing) * 80);
1265
+ }
1266
+ .w-96 {
1267
+ width: calc(var(--spacing) * 96);
1268
+ }
1269
+ .w-\[3px\] {
1270
+ width: 3px;
1271
+ }
1272
+ .w-\[260px\] {
1273
+ width: 260px;
1274
+ }
1275
+ .w-\[300px\] {
1276
+ width: 300px;
1277
+ }
1278
+ .w-\[360px\] {
1279
+ width: 360px;
1280
+ }
1281
+ .w-\[420px\] {
1282
+ width: 420px;
1283
+ }
1284
+ .w-\[480px\] {
1285
+ width: 480px;
1286
+ }
1287
+ .w-\[520px\] {
1288
+ width: 520px;
1289
+ }
1290
+ .w-\[560px\] {
1291
+ width: 560px;
1292
+ }
1293
+ .w-\[600px\] {
1294
+ width: 600px;
1295
+ }
1296
+ .w-\[640px\] {
1297
+ width: 640px;
1298
+ }
1299
+ .w-\[680px\] {
1300
+ width: 680px;
1301
+ }
1302
+ .w-\[900px\] {
1303
+ width: 900px;
1304
+ }
1305
+ .w-\[min\(88vw\,24rem\)\] {
1306
+ width: min(88vw, 24rem);
1307
+ }
1308
+ .w-\[var\(--avatar-size\)\] {
1309
+ width: var(--avatar-size);
1310
+ }
1311
+ .w-\[var\(--control-height\)\] {
1312
+ width: var(--control-height);
1313
+ }
1314
+ .w-\[var\(--indicator-dot-size\)\] {
1315
+ width: var(--indicator-dot-size);
1316
+ }
1317
+ .w-\[var\(--radix-select-trigger-width\)\] {
1318
+ width: var(--radix-select-trigger-width);
1319
+ }
1320
+ .w-\[var\(--timeline-dot-size\)\] {
1321
+ width: var(--timeline-dot-size);
1322
+ }
1323
+ .w-\[var\(--tool-icon-size\)\] {
1324
+ width: var(--tool-icon-size);
1325
+ }
1326
+ .w-full {
1327
+ width: 100%;
1328
+ }
1329
+ .w-max {
1330
+ width: max-content;
1331
+ }
1332
+ .w-px {
1333
+ width: 1px;
1334
+ }
1335
+ .max-w-2xl {
1336
+ max-width: var(--container-2xl);
1337
+ }
1338
+ .max-w-3xl {
1339
+ max-width: var(--container-3xl);
1340
+ }
1341
+ .max-w-4xl {
1342
+ max-width: var(--container-4xl);
1343
+ }
1344
+ .max-w-5xl {
1345
+ max-width: var(--container-5xl);
1346
+ }
1347
+ .max-w-6xl {
1348
+ max-width: var(--container-6xl);
1349
+ }
1350
+ .max-w-7xl {
1351
+ max-width: var(--container-7xl);
1352
+ }
1353
+ .max-w-\[14rem\] {
1354
+ max-width: 14rem;
1355
+ }
1356
+ .max-w-\[72\%\] {
1357
+ max-width: 72%;
1358
+ }
1359
+ .max-w-\[75\%\] {
1360
+ max-width: 75%;
1361
+ }
1362
+ .max-w-\[82\%\] {
1363
+ max-width: 82%;
1364
+ }
1365
+ .max-w-\[85\%\] {
1366
+ max-width: 85%;
1367
+ }
1368
+ .max-w-\[90vw\] {
1369
+ max-width: 90vw;
1370
+ }
1371
+ .max-w-\[120px\] {
1372
+ max-width: 120px;
1373
+ }
1374
+ .max-w-\[150px\] {
1375
+ max-width: 150px;
1376
+ }
1377
+ .max-w-\[250px\] {
1378
+ max-width: 250px;
1379
+ }
1380
+ .max-w-\[300px\] {
1381
+ max-width: 300px;
1382
+ }
1383
+ .max-w-full {
1384
+ max-width: 100%;
1385
+ }
1386
+ .max-w-lg {
1387
+ max-width: var(--container-lg);
1388
+ }
1389
+ .max-w-md {
1390
+ max-width: var(--container-md);
1391
+ }
1392
+ .max-w-none {
1393
+ max-width: none;
1394
+ }
1395
+ .max-w-prose {
1396
+ max-width: 65ch;
1397
+ }
1398
+ .max-w-sm {
1399
+ max-width: var(--container-sm);
1400
+ }
1401
+ .min-w-0 {
1402
+ min-width: calc(var(--spacing) * 0);
1403
+ }
1404
+ .min-w-4 {
1405
+ min-width: calc(var(--spacing) * 4);
1406
+ }
1407
+ .min-w-\[8rem\] {
1408
+ min-width: 8rem;
1409
+ }
1410
+ .min-w-\[180px\] {
1411
+ min-width: 180px;
1412
+ }
1413
+ .min-w-\[var\(--radix-select-trigger-width\)\] {
1414
+ min-width: var(--radix-select-trigger-width);
1415
+ }
1416
+ .flex-1 {
1417
+ flex: 1;
1418
+ }
1419
+ .flex-\[2\] {
1420
+ flex: 2;
1421
+ }
1422
+ .flex-none {
1423
+ flex: none;
1424
+ }
1425
+ .flex-shrink-0 {
1426
+ flex-shrink: 0;
1427
+ }
1428
+ .shrink-0 {
1429
+ flex-shrink: 0;
1430
+ }
1431
+ .caption-bottom {
1432
+ caption-side: bottom;
1433
+ }
1434
+ .border-collapse {
1435
+ border-collapse: collapse;
1436
+ }
1437
+ .-translate-x-1\/2 {
1438
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
1439
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1440
+ }
1441
+ .-translate-x-full {
1442
+ --tw-translate-x: -100%;
1443
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1444
+ }
1445
+ .translate-x-0 {
1446
+ --tw-translate-x: calc(var(--spacing) * 0);
1447
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1448
+ }
1449
+ .translate-x-1 {
1450
+ --tw-translate-x: calc(var(--spacing) * 1);
1451
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1452
+ }
1453
+ .translate-x-5 {
1454
+ --tw-translate-x: calc(var(--spacing) * 5);
1455
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1456
+ }
1457
+ .translate-x-6 {
1458
+ --tw-translate-x: calc(var(--spacing) * 6);
1459
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1460
+ }
1461
+ .translate-x-12 {
1462
+ --tw-translate-x: calc(var(--spacing) * 12);
1463
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1464
+ }
1465
+ .translate-x-\[-50\%\] {
1466
+ --tw-translate-x: -50%;
1467
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1468
+ }
1469
+ .-translate-y-1\/2 {
1470
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
1471
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1472
+ }
1473
+ .translate-y-\[-50\%\] {
1474
+ --tw-translate-y: -50%;
1475
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1476
+ }
1477
+ .scale-\[1\.02\] {
1478
+ scale: 1.02;
1479
+ }
1480
+ .rotate-90 {
1481
+ rotate: 90deg;
1482
+ }
1483
+ .-skew-x-12 {
1484
+ --tw-skew-x: skewX(calc(12deg * -1));
1485
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
1486
+ }
1487
+ .transform {
1488
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
1489
+ }
1490
+ .animate-bounce {
1491
+ animation: var(--animate-bounce);
1492
+ }
1493
+ .animate-ping {
1494
+ animation: var(--animate-ping);
1495
+ }
1496
+ .animate-pulse {
1497
+ animation: var(--animate-pulse);
1498
+ }
1499
+ .animate-spin {
1500
+ animation: var(--animate-spin);
1501
+ }
1502
+ .cursor-col-resize {
1503
+ cursor: col-resize;
1504
+ }
1505
+ .cursor-default {
1506
+ cursor: default;
1507
+ }
1508
+ .cursor-not-allowed {
1509
+ cursor: not-allowed;
1510
+ }
1511
+ .cursor-pointer {
1512
+ cursor: pointer;
1513
+ }
1514
+ .cursor-row-resize {
1515
+ cursor: row-resize;
1516
+ }
1517
+ .cursor-text {
1518
+ cursor: text;
1519
+ }
1520
+ .touch-none {
1521
+ touch-action: none;
1522
+ }
1523
+ .resize {
1524
+ resize: both;
1525
+ }
1526
+ .resize-none {
1527
+ resize: none;
1528
+ }
1529
+ .resize-y {
1530
+ resize: vertical;
1531
+ }
1532
+ .appearance-none {
1533
+ appearance: none;
1534
+ }
1535
+ .grid-cols-1 {
1536
+ grid-template-columns: repeat(1, minmax(0, 1fr));
1537
+ }
1538
+ .grid-cols-2 {
1539
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1540
+ }
1541
+ .grid-cols-3 {
1542
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1543
+ }
1544
+ .grid-cols-12 {
1545
+ grid-template-columns: repeat(12, minmax(0, 1fr));
1546
+ }
1547
+ .grid-cols-\[1\.25rem_minmax\(0\,1fr\)\] {
1548
+ grid-template-columns: 1.25rem minmax(0,1fr);
1549
+ }
1550
+ .grid-cols-\[100px_1fr\] {
1551
+ grid-template-columns: 100px 1fr;
1552
+ }
1553
+ .grid-cols-\[auto_minmax\(0\,1fr\)\] {
1554
+ grid-template-columns: auto minmax(0,1fr);
1555
+ }
1556
+ .flex-col {
1557
+ flex-direction: column;
1558
+ }
1559
+ .flex-col-reverse {
1560
+ flex-direction: column-reverse;
1561
+ }
1562
+ .flex-row {
1563
+ flex-direction: row;
1564
+ }
1565
+ .flex-row-reverse {
1566
+ flex-direction: row-reverse;
1567
+ }
1568
+ .flex-wrap {
1569
+ flex-wrap: wrap;
1570
+ }
1571
+ .items-baseline {
1572
+ align-items: baseline;
1573
+ }
1574
+ .items-center {
1575
+ align-items: center;
1576
+ }
1577
+ .items-end {
1578
+ align-items: flex-end;
1579
+ }
1580
+ .items-start {
1581
+ align-items: flex-start;
1582
+ }
1583
+ .items-stretch {
1584
+ align-items: stretch;
1585
+ }
1586
+ .justify-between {
1587
+ justify-content: space-between;
1588
+ }
1589
+ .justify-center {
1590
+ justify-content: center;
1591
+ }
1592
+ .justify-end {
1593
+ justify-content: flex-end;
1594
+ }
1595
+ .gap-0\.5 {
1596
+ gap: calc(var(--spacing) * 0.5);
1597
+ }
1598
+ .gap-1 {
1599
+ gap: calc(var(--spacing) * 1);
1600
+ }
1601
+ .gap-1\.5 {
1602
+ gap: calc(var(--spacing) * 1.5);
1603
+ }
1604
+ .gap-2 {
1605
+ gap: calc(var(--spacing) * 2);
1606
+ }
1607
+ .gap-2\.5 {
1608
+ gap: calc(var(--spacing) * 2.5);
1609
+ }
1610
+ .gap-3 {
1611
+ gap: calc(var(--spacing) * 3);
1612
+ }
1613
+ .gap-4 {
1614
+ gap: calc(var(--spacing) * 4);
1615
+ }
1616
+ .gap-5 {
1617
+ gap: calc(var(--spacing) * 5);
1618
+ }
1619
+ .gap-6 {
1620
+ gap: calc(var(--spacing) * 6);
1621
+ }
1622
+ .gap-8 {
1623
+ gap: calc(var(--spacing) * 8);
1624
+ }
1625
+ .gap-10 {
1626
+ gap: calc(var(--spacing) * 10);
1627
+ }
1628
+ .gap-\[3px\] {
1629
+ gap: 3px;
1630
+ }
1631
+ .gap-px {
1632
+ gap: 1px;
1633
+ }
1634
+ .space-y-0\.5 {
1635
+ :where(& > :not(:last-child)) {
1636
+ --tw-space-y-reverse: 0;
1637
+ margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
1638
+ margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
1639
+ }
1640
+ }
1641
+ .space-y-1 {
1642
+ :where(& > :not(:last-child)) {
1643
+ --tw-space-y-reverse: 0;
1644
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
1645
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
1646
+ }
1647
+ }
1648
+ .space-y-1\.5 {
1649
+ :where(& > :not(:last-child)) {
1650
+ --tw-space-y-reverse: 0;
1651
+ margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
1652
+ margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
1653
+ }
1654
+ }
1655
+ .space-y-2 {
1656
+ :where(& > :not(:last-child)) {
1657
+ --tw-space-y-reverse: 0;
1658
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
1659
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
1660
+ }
1661
+ }
1662
+ .space-y-2\.5 {
1663
+ :where(& > :not(:last-child)) {
1664
+ --tw-space-y-reverse: 0;
1665
+ margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
1666
+ margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
1667
+ }
1668
+ }
1669
+ .space-y-3 {
1670
+ :where(& > :not(:last-child)) {
1671
+ --tw-space-y-reverse: 0;
1672
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
1673
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
1674
+ }
1675
+ }
1676
+ .space-y-3\.5 {
1677
+ :where(& > :not(:last-child)) {
1678
+ --tw-space-y-reverse: 0;
1679
+ margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
1680
+ margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
1681
+ }
1682
+ }
1683
+ .space-y-4 {
1684
+ :where(& > :not(:last-child)) {
1685
+ --tw-space-y-reverse: 0;
1686
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1687
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1688
+ }
1689
+ }
1690
+ .space-y-5 {
1691
+ :where(& > :not(:last-child)) {
1692
+ --tw-space-y-reverse: 0;
1693
+ margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
1694
+ margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
1695
+ }
1696
+ }
1697
+ .space-y-6 {
1698
+ :where(& > :not(:last-child)) {
1699
+ --tw-space-y-reverse: 0;
1700
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
1701
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
1702
+ }
1703
+ }
1704
+ .space-y-8 {
1705
+ :where(& > :not(:last-child)) {
1706
+ --tw-space-y-reverse: 0;
1707
+ margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
1708
+ margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
1709
+ }
1710
+ }
1711
+ .space-y-10 {
1712
+ :where(& > :not(:last-child)) {
1713
+ --tw-space-y-reverse: 0;
1714
+ margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
1715
+ margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
1716
+ }
1717
+ }
1718
+ .space-y-16 {
1719
+ :where(& > :not(:last-child)) {
1720
+ --tw-space-y-reverse: 0;
1721
+ margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
1722
+ margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
1723
+ }
1724
+ }
1725
+ .space-y-px {
1726
+ :where(& > :not(:last-child)) {
1727
+ --tw-space-y-reverse: 0;
1728
+ margin-block-start: calc(1px * var(--tw-space-y-reverse));
1729
+ margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
1730
+ }
1731
+ }
1732
+ .gap-x-2 {
1733
+ column-gap: calc(var(--spacing) * 2);
1734
+ }
1735
+ .gap-x-4 {
1736
+ column-gap: calc(var(--spacing) * 4);
1737
+ }
1738
+ .-space-x-2 {
1739
+ :where(& > :not(:last-child)) {
1740
+ --tw-space-x-reverse: 0;
1741
+ margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
1742
+ margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
1743
+ }
1744
+ }
1745
+ .gap-y-1 {
1746
+ row-gap: calc(var(--spacing) * 1);
1747
+ }
1748
+ .gap-y-3 {
1749
+ row-gap: calc(var(--spacing) * 3);
1750
+ }
1751
+ .divide-y {
1752
+ :where(& > :not(:last-child)) {
1753
+ --tw-divide-y-reverse: 0;
1754
+ border-bottom-style: var(--tw-border-style);
1755
+ border-top-style: var(--tw-border-style);
1756
+ border-top-width: calc(1px * var(--tw-divide-y-reverse));
1757
+ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1758
+ }
1759
+ }
1760
+ .truncate {
1761
+ overflow: hidden;
1762
+ text-overflow: ellipsis;
1763
+ white-space: nowrap;
1764
+ }
1765
+ .overflow-auto {
1766
+ overflow: auto;
1767
+ }
1768
+ .overflow-hidden {
1769
+ overflow: hidden;
1770
+ }
1771
+ .overflow-x-auto {
1772
+ overflow-x: auto;
1773
+ }
1774
+ .overflow-y-auto {
1775
+ overflow-y: auto;
1776
+ }
1777
+ .rounded {
1778
+ border-radius: 0.25rem;
1779
+ }
1780
+ .rounded-2xl {
1781
+ border-radius: var(--radius-2xl);
1782
+ }
1783
+ .rounded-\[2px\] {
1784
+ border-radius: 2px;
1785
+ }
1786
+ .rounded-\[14px\] {
1787
+ border-radius: 14px;
1788
+ }
1789
+ .rounded-\[16px\] {
1790
+ border-radius: 16px;
1791
+ }
1792
+ .rounded-\[20px\] {
1793
+ border-radius: 20px;
1794
+ }
1795
+ .rounded-\[24px\] {
1796
+ border-radius: 24px;
1797
+ }
1798
+ .rounded-\[28px\] {
1799
+ border-radius: 28px;
1800
+ }
1801
+ .rounded-\[calc\(var\(--radius-md\)\+2px\)\] {
1802
+ border-radius: calc(var(--radius-md) + 2px);
1803
+ }
1804
+ .rounded-\[calc\(var\(--radius-xl\)\+2px\)\] {
1805
+ border-radius: calc(var(--radius-xl) + 2px);
1806
+ }
1807
+ .rounded-\[var\(--chat-send-radius\,var\(--radius-lg\)\)\] {
1808
+ border-radius: var(--chat-send-radius,var(--radius-lg));
1809
+ }
1810
+ .rounded-\[var\(--radius-full\)\] {
1811
+ border-radius: var(--radius-full);
1812
+ }
1813
+ .rounded-\[var\(--radius-lg\)\] {
1814
+ border-radius: var(--radius-lg);
1815
+ }
1816
+ .rounded-\[var\(--radius-md\)\] {
1817
+ border-radius: var(--radius-md);
1818
+ }
1819
+ .rounded-\[var\(--radius-sm\)\] {
1820
+ border-radius: var(--radius-sm);
1821
+ }
1822
+ .rounded-\[var\(--radius-xl\)\] {
1823
+ border-radius: var(--radius-xl);
1824
+ }
1825
+ .rounded-full {
1826
+ border-radius: calc(infinity * 1px);
1827
+ }
1828
+ .rounded-lg {
1829
+ border-radius: var(--radius-lg);
1830
+ }
1831
+ .rounded-md {
1832
+ border-radius: var(--radius-md);
1833
+ }
1834
+ .rounded-none {
1835
+ border-radius: 0;
1836
+ }
1837
+ .rounded-sm {
1838
+ border-radius: var(--radius-sm);
1839
+ }
1840
+ .rounded-xl {
1841
+ border-radius: var(--radius-xl);
1842
+ }
1843
+ .rounded-t-\[var\(--radius-lg\)\] {
1844
+ border-top-left-radius: var(--radius-lg);
1845
+ border-top-right-radius: var(--radius-lg);
1846
+ }
1847
+ .rounded-t-\[var\(--radius-sm\)\] {
1848
+ border-top-left-radius: var(--radius-sm);
1849
+ border-top-right-radius: var(--radius-sm);
1850
+ }
1851
+ .rounded-t-sm {
1852
+ border-top-left-radius: var(--radius-sm);
1853
+ border-top-right-radius: var(--radius-sm);
1854
+ }
1855
+ .rounded-b-\[var\(--radius-lg\)\] {
1856
+ border-bottom-right-radius: var(--radius-lg);
1857
+ border-bottom-left-radius: var(--radius-lg);
1858
+ }
1859
+ .rounded-b-\[var\(--radius-sm\)\] {
1860
+ border-bottom-right-radius: var(--radius-sm);
1861
+ border-bottom-left-radius: var(--radius-sm);
1862
+ }
1863
+ .rounded-br-\[var\(--radius-sm\)\] {
1864
+ border-bottom-right-radius: var(--radius-sm);
1865
+ }
1866
+ .rounded-bl-lg {
1867
+ border-bottom-left-radius: var(--radius-lg);
1868
+ }
1869
+ .border {
1870
+ border-style: var(--tw-border-style);
1871
+ border-width: 1px;
1872
+ }
1873
+ .border-0 {
1874
+ border-style: var(--tw-border-style);
1875
+ border-width: 0px;
1876
+ }
1877
+ .border-2 {
1878
+ border-style: var(--tw-border-style);
1879
+ border-width: 2px;
1880
+ }
1881
+ .border-t {
1882
+ border-top-style: var(--tw-border-style);
1883
+ border-top-width: 1px;
1884
+ }
1885
+ .border-t-0 {
1886
+ border-top-style: var(--tw-border-style);
1887
+ border-top-width: 0px;
1888
+ }
1889
+ .border-r {
1890
+ border-right-style: var(--tw-border-style);
1891
+ border-right-width: 1px;
1892
+ }
1893
+ .border-r-0 {
1894
+ border-right-style: var(--tw-border-style);
1895
+ border-right-width: 0px;
1896
+ }
1897
+ .border-b {
1898
+ border-bottom-style: var(--tw-border-style);
1899
+ border-bottom-width: 1px;
1900
+ }
1901
+ .border-b-2 {
1902
+ border-bottom-style: var(--tw-border-style);
1903
+ border-bottom-width: 2px;
1904
+ }
1905
+ .border-l {
1906
+ border-left-style: var(--tw-border-style);
1907
+ border-left-width: 1px;
1908
+ }
1909
+ .border-dashed {
1910
+ --tw-border-style: dashed;
1911
+ border-style: dashed;
1912
+ }
1913
+ .border-none {
1914
+ --tw-border-style: none;
1915
+ border-style: none;
1916
+ }
1917
+ .border-\[var\(--border-accent\)\] {
1918
+ border-color: var(--border-accent);
1919
+ }
1920
+ .border-\[var\(--border-accent\,transparent\)\] {
1921
+ border-color: var(--border-accent,transparent);
1922
+ }
1923
+ .border-\[var\(--border-subtle\,hsl\(var\(--border\)\)\)\] {
1924
+ border-color: var(--border-subtle,hsl(var(--border)));
1925
+ }
1926
+ .border-\[var\(--brand-cool\,hsl\(var\(--ring\)\)\)\] {
1927
+ border-color: var(--brand-cool,hsl(var(--ring)));
1928
+ }
1929
+ .border-\[var\(--brand-emerald\)\]\/50 {
1930
+ border-color: var(--brand-emerald);
1931
+ @supports (color: color-mix(in lab, red, red)) {
1932
+ border-color: color-mix(in oklab, var(--brand-emerald) 50%, transparent);
1933
+ }
1934
+ }
1935
+ .border-\[var\(--chat-input-border\,var\(--border-default\)\)\] {
1936
+ border-color: var(--chat-input-border,var(--border-default));
1937
+ }
1938
+ .border-\[var\(--chat-send-border\,var\(--border-accent\)\)\] {
1939
+ border-color: var(--chat-send-border,var(--border-accent));
1940
+ }
1941
+ .border-\[var\(--code-error\)\]\/20 {
1942
+ border-color: var(--code-error);
1943
+ @supports (color: color-mix(in lab, red, red)) {
1944
+ border-color: color-mix(in oklab, var(--code-error) 20%, transparent);
1945
+ }
1946
+ }
1947
+ .border-\[var\(--code-error\)\]\/30 {
1948
+ border-color: var(--code-error);
1949
+ @supports (color: color-mix(in lab, red, red)) {
1950
+ border-color: color-mix(in oklab, var(--code-error) 30%, transparent);
1951
+ }
1952
+ }
1953
+ .border-\[var\(--code-number\)\]\/20 {
1954
+ border-color: var(--code-number);
1955
+ @supports (color: color-mix(in lab, red, red)) {
1956
+ border-color: color-mix(in oklab, var(--code-number) 20%, transparent);
1957
+ }
1958
+ }
1959
+ .border-\[var\(--code-success\)\]\/20 {
1960
+ border-color: var(--code-success);
1961
+ @supports (color: color-mix(in lab, red, red)) {
1962
+ border-color: color-mix(in oklab, var(--code-success) 20%, transparent);
1963
+ }
1964
+ }
1965
+ .border-\[var\(--glass-border\)\] {
1966
+ border-color: var(--glass-border);
1967
+ }
1968
+ .border-\[var\(--status-running\)\]\/30 {
1969
+ border-color: var(--status-running);
1970
+ @supports (color: color-mix(in lab, red, red)) {
1971
+ border-color: color-mix(in oklab, var(--status-running) 30%, transparent);
1972
+ }
1973
+ }
1974
+ .border-\[var\(--surface-danger-border\)\] {
1975
+ border-color: var(--surface-danger-border);
1976
+ }
1977
+ .border-\[var\(--surface-info-border\)\] {
1978
+ border-color: var(--surface-info-border);
1979
+ }
1980
+ .border-\[var\(--surface-neutral-border\)\] {
1981
+ border-color: var(--surface-neutral-border);
1982
+ }
1983
+ .border-\[var\(--surface-orange-border\)\] {
1984
+ border-color: var(--surface-orange-border);
1985
+ }
1986
+ .border-\[var\(--surface-success-border\)\] {
1987
+ border-color: var(--surface-success-border);
1988
+ }
1989
+ .border-\[var\(--surface-teal-border\)\] {
1990
+ border-color: var(--surface-teal-border);
1991
+ }
1992
+ .border-\[var\(--surface-violet-border\)\] {
1993
+ border-color: var(--surface-violet-border);
1994
+ }
1995
+ .border-\[var\(--surface-warning-border\)\] {
1996
+ border-color: var(--surface-warning-border);
1997
+ }
1998
+ .border-blue-400 {
1999
+ border-color: var(--color-blue-400);
2000
+ }
2001
+ .border-blue-500\/30 {
2002
+ border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
2003
+ @supports (color: color-mix(in lab, red, red)) {
2004
+ border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
2005
+ }
2006
+ }
2007
+ .border-emerald-500\/30 {
2008
+ border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
2009
+ @supports (color: color-mix(in lab, red, red)) {
2010
+ border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
2011
+ }
2012
+ }
2013
+ .border-emerald-500\/40 {
2014
+ border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
2015
+ @supports (color: color-mix(in lab, red, red)) {
2016
+ border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
2017
+ }
2018
+ }
2019
+ .border-green-500\/30 {
2020
+ border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
2021
+ @supports (color: color-mix(in lab, red, red)) {
2022
+ border-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
2023
+ }
2024
+ }
2025
+ .border-red-500\/20 {
2026
+ border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
2027
+ @supports (color: color-mix(in lab, red, red)) {
2028
+ border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
2029
+ }
2030
+ }
2031
+ .border-red-500\/30 {
2032
+ border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
2033
+ @supports (color: color-mix(in lab, red, red)) {
2034
+ border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
2035
+ }
2036
+ }
2037
+ .border-transparent {
2038
+ border-color: transparent;
2039
+ }
2040
+ .border-violet-500\/30 {
2041
+ border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
2042
+ @supports (color: color-mix(in lab, red, red)) {
2043
+ border-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
2044
+ }
2045
+ }
2046
+ .border-white\/10 {
2047
+ border-color: color-mix(in srgb, #fff 10%, transparent);
2048
+ @supports (color: color-mix(in lab, red, red)) {
2049
+ border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
2050
+ }
2051
+ }
2052
+ .border-white\/20 {
2053
+ border-color: color-mix(in srgb, #fff 20%, transparent);
2054
+ @supports (color: color-mix(in lab, red, red)) {
2055
+ border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
2056
+ }
2057
+ }
2058
+ .border-yellow-500\/30 {
2059
+ border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
2060
+ @supports (color: color-mix(in lab, red, red)) {
2061
+ border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
2062
+ }
2063
+ }
2064
+ .border-t-transparent {
2065
+ border-top-color: transparent;
2066
+ }
2067
+ .bg-\[\#8E59FF\] {
2068
+ background-color: #8E59FF;
2069
+ }
2070
+ .bg-\[\#27c93f\]\/80 {
2071
+ background-color: color-mix(in oklab, #27c93f 80%, transparent);
2072
+ }
2073
+ .bg-\[\#FEBC2E\] {
2074
+ background-color: #FEBC2E;
2075
+ }
2076
+ .bg-\[\#FF5F57\] {
2077
+ background-color: #FF5F57;
2078
+ }
2079
+ .bg-\[\#ff5f56\]\/80 {
2080
+ background-color: color-mix(in oklab, #ff5f56 80%, transparent);
2081
+ }
2082
+ .bg-\[\#ffbd2e\]\/80 {
2083
+ background-color: color-mix(in oklab, #ffbd2e 80%, transparent);
2084
+ }
2085
+ .bg-\[var\(--accent-surface-soft\)\] {
2086
+ background-color: var(--accent-surface-soft);
2087
+ }
2088
+ .bg-\[var\(--accent-surface-strong\)\] {
2089
+ background-color: var(--accent-surface-strong);
2090
+ }
2091
+ .bg-\[var\(--bg-root\)\] {
2092
+ background-color: var(--bg-root);
2093
+ }
2094
+ .bg-\[var\(--border-accent\)\]\/5 {
2095
+ background-color: var(--border-accent);
2096
+ @supports (color: color-mix(in lab, red, red)) {
2097
+ background-color: color-mix(in oklab, var(--border-accent) 5%, transparent);
2098
+ }
2099
+ }
2100
+ .bg-\[var\(--border-hover\)\] {
2101
+ background-color: var(--border-hover);
2102
+ }
2103
+ .bg-\[var\(--brand-cool\)\] {
2104
+ background-color: var(--brand-cool);
2105
+ }
2106
+ .bg-\[var\(--brand-cool\,hsl\(var\(--primary\)\)\)\]\/15 {
2107
+ background-color: var(--brand-cool,hsl(var(--primary)));
2108
+ @supports (color: color-mix(in lab, red, red)) {
2109
+ background-color: color-mix(in oklab, var(--brand-cool,hsl(var(--primary))) 15%, transparent);
2110
+ }
2111
+ }
2112
+ .bg-\[var\(--brand-glow\)\] {
2113
+ background-color: var(--brand-glow);
2114
+ }
2115
+ .bg-\[var\(--brand-primary\)\] {
2116
+ background-color: var(--brand-primary);
2117
+ }
2118
+ .bg-\[var\(--brand-primary\,hsl\(var\(--primary\)\)\)\] {
2119
+ background-color: var(--brand-primary,hsl(var(--primary)));
2120
+ }
2121
+ .bg-\[var\(--brand-strong\)\] {
2122
+ background-color: var(--brand-strong);
2123
+ }
2124
+ .bg-\[var\(--btn-primary-bg\)\] {
2125
+ background-color: var(--btn-primary-bg);
2126
+ }
2127
+ .bg-\[var\(--code-error\)\] {
2128
+ background-color: var(--code-error);
2129
+ }
2130
+ .bg-\[var\(--code-error\)\]\/5 {
2131
+ background-color: var(--code-error);
2132
+ @supports (color: color-mix(in lab, red, red)) {
2133
+ background-color: color-mix(in oklab, var(--code-error) 5%, transparent);
2134
+ }
2135
+ }
2136
+ .bg-\[var\(--code-error\)\]\/14 {
2137
+ background-color: var(--code-error);
2138
+ @supports (color: color-mix(in lab, red, red)) {
2139
+ background-color: color-mix(in oklab, var(--code-error) 14%, transparent);
2140
+ }
2141
+ }
2142
+ .bg-\[var\(--code-number\)\] {
2143
+ background-color: var(--code-number);
2144
+ }
2145
+ .bg-\[var\(--code-number\)\]\/5 {
2146
+ background-color: var(--code-number);
2147
+ @supports (color: color-mix(in lab, red, red)) {
2148
+ background-color: color-mix(in oklab, var(--code-number) 5%, transparent);
2149
+ }
2150
+ }
2151
+ .bg-\[var\(--code-success\)\] {
2152
+ background-color: var(--code-success);
2153
+ }
2154
+ .bg-\[var\(--code-success\)\]\/5 {
2155
+ background-color: var(--code-success);
2156
+ @supports (color: color-mix(in lab, red, red)) {
2157
+ background-color: color-mix(in oklab, var(--code-success) 5%, transparent);
2158
+ }
2159
+ }
2160
+ .bg-\[var\(--depth-1\,hsl\(var\(--muted\)\)\)\] {
2161
+ background-color: var(--depth-1,hsl(var(--muted)));
2162
+ }
2163
+ .bg-\[var\(--md3-outline-variant\)\] {
2164
+ background-color: var(--md3-outline-variant);
2165
+ }
2166
+ .bg-\[var\(--status-running\)\] {
2167
+ background-color: var(--status-running);
2168
+ }
2169
+ .bg-\[var\(--surface-danger-bg\)\] {
2170
+ background-color: var(--surface-danger-bg);
2171
+ }
2172
+ .bg-\[var\(--surface-danger-text\)\] {
2173
+ background-color: var(--surface-danger-text);
2174
+ }
2175
+ .bg-\[var\(--surface-info-bg\)\] {
2176
+ background-color: var(--surface-info-bg);
2177
+ }
2178
+ .bg-\[var\(--surface-info-text\)\] {
2179
+ background-color: var(--surface-info-text);
2180
+ }
2181
+ .bg-\[var\(--surface-neutral-bg\)\] {
2182
+ background-color: var(--surface-neutral-bg);
2183
+ }
2184
+ .bg-\[var\(--surface-orange-bg\)\] {
2185
+ background-color: var(--surface-orange-bg);
2186
+ }
2187
+ .bg-\[var\(--surface-success-bg\)\] {
2188
+ background-color: var(--surface-success-bg);
2189
+ }
2190
+ .bg-\[var\(--surface-success-text\)\] {
2191
+ background-color: var(--surface-success-text);
2192
+ }
2193
+ .bg-\[var\(--surface-teal-bg\)\] {
2194
+ background-color: var(--surface-teal-bg);
2195
+ }
2196
+ .bg-\[var\(--surface-violet-bg\)\] {
2197
+ background-color: var(--surface-violet-bg);
2198
+ }
2199
+ .bg-\[var\(--surface-warning-bg\)\] {
2200
+ background-color: var(--surface-warning-bg);
2201
+ }
2202
+ .bg-\[var\(--surface-warning-text\)\] {
2203
+ background-color: var(--surface-warning-text);
2204
+ }
2205
+ .bg-amber-500\/10 {
2206
+ background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
2207
+ @supports (color: color-mix(in lab, red, red)) {
2208
+ background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
2209
+ }
2210
+ }
2211
+ .bg-black\/40 {
2212
+ background-color: color-mix(in srgb, #000 40%, transparent);
2213
+ @supports (color: color-mix(in lab, red, red)) {
2214
+ background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
2215
+ }
2216
+ }
2217
+ .bg-black\/50 {
2218
+ background-color: color-mix(in srgb, #000 50%, transparent);
2219
+ @supports (color: color-mix(in lab, red, red)) {
2220
+ background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
2221
+ }
2222
+ }
2223
+ .bg-black\/80 {
2224
+ background-color: color-mix(in srgb, #000 80%, transparent);
2225
+ @supports (color: color-mix(in lab, red, red)) {
2226
+ background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
2227
+ }
2228
+ }
2229
+ .bg-blue-500 {
2230
+ background-color: var(--color-blue-500);
2231
+ }
2232
+ .bg-blue-500\/8 {
2233
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 8%, transparent);
2234
+ @supports (color: color-mix(in lab, red, red)) {
2235
+ background-color: color-mix(in oklab, var(--color-blue-500) 8%, transparent);
2236
+ }
2237
+ }
2238
+ .bg-blue-500\/15 {
2239
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 15%, transparent);
2240
+ @supports (color: color-mix(in lab, red, red)) {
2241
+ background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent);
2242
+ }
2243
+ }
2244
+ .bg-blue-600\/20 {
2245
+ background-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 20%, transparent);
2246
+ @supports (color: color-mix(in lab, red, red)) {
2247
+ background-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent);
2248
+ }
2249
+ }
2250
+ .bg-emerald-500\/10 {
2251
+ background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
2252
+ @supports (color: color-mix(in lab, red, red)) {
2253
+ background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
2254
+ }
2255
+ }
2256
+ .bg-gray-900 {
2257
+ background-color: var(--color-gray-900);
2258
+ }
2259
+ .bg-green-400 {
2260
+ background-color: var(--color-green-400);
2261
+ }
2262
+ .bg-green-500 {
2263
+ background-color: var(--color-green-500);
2264
+ }
2265
+ .bg-green-600\/20 {
2266
+ background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 20%, transparent);
2267
+ @supports (color: color-mix(in lab, red, red)) {
2268
+ background-color: color-mix(in oklab, var(--color-green-600) 20%, transparent);
2269
+ }
2270
+ }
2271
+ .bg-red-500 {
2272
+ background-color: var(--color-red-500);
2273
+ }
2274
+ .bg-red-500\/10 {
2275
+ background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
2276
+ @supports (color: color-mix(in lab, red, red)) {
2277
+ background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
2278
+ }
2279
+ }
2280
+ .bg-red-600 {
2281
+ background-color: var(--color-red-600);
2282
+ }
2283
+ .bg-red-600\/20 {
2284
+ background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
2285
+ @supports (color: color-mix(in lab, red, red)) {
2286
+ background-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
2287
+ }
2288
+ }
2289
+ .bg-transparent {
2290
+ background-color: transparent;
2291
+ }
2292
+ .bg-violet-500\/8 {
2293
+ background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 8%, transparent);
2294
+ @supports (color: color-mix(in lab, red, red)) {
2295
+ background-color: color-mix(in oklab, var(--color-violet-500) 8%, transparent);
2296
+ }
2297
+ }
2298
+ .bg-violet-500\/20 {
2299
+ background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
2300
+ @supports (color: color-mix(in lab, red, red)) {
2301
+ background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
2302
+ }
2303
+ }
2304
+ .bg-white {
2305
+ background-color: var(--color-white);
2306
+ }
2307
+ .bg-white\/5 {
2308
+ background-color: color-mix(in srgb, #fff 5%, transparent);
2309
+ @supports (color: color-mix(in lab, red, red)) {
2310
+ background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
2311
+ }
2312
+ }
2313
+ .bg-white\/10 {
2314
+ background-color: color-mix(in srgb, #fff 10%, transparent);
2315
+ @supports (color: color-mix(in lab, red, red)) {
2316
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
2317
+ }
2318
+ }
2319
+ .bg-yellow-500 {
2320
+ background-color: var(--color-yellow-500);
2321
+ }
2322
+ .bg-yellow-600\/20 {
2323
+ background-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 20%, transparent);
2324
+ @supports (color: color-mix(in lab, red, red)) {
2325
+ background-color: color-mix(in oklab, var(--color-yellow-600) 20%, transparent);
2326
+ }
2327
+ }
2328
+ .bg-gradient-to-br {
2329
+ --tw-gradient-position: to bottom right in oklab;
2330
+ background-image: linear-gradient(var(--tw-gradient-stops));
2331
+ }
2332
+ .bg-gradient-to-l {
2333
+ --tw-gradient-position: to left in oklab;
2334
+ background-image: linear-gradient(var(--tw-gradient-stops));
2335
+ }
2336
+ .bg-\[image\:var\(--accent-gradient-strong\)\] {
2337
+ background-image: var(--accent-gradient-strong);
2338
+ }
2339
+ .bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.03\)\,transparent\)\] {
2340
+ background-image: linear-gradient(180deg,rgba(255,255,255,0.03),transparent);
2341
+ }
2342
+ .bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.04\)\,transparent\)\] {
2343
+ background-image: linear-gradient(180deg,rgba(255,255,255,0.04),transparent);
2344
+ }
2345
+ .bg-\[radial-gradient\(circle_at_top\,rgba\(173\,163\,255\,0\.05\)_0\,transparent_100\%\)\] {
2346
+ background-image: radial-gradient(circle at top,rgba(173,163,255,0.05) 0,transparent 100%);
2347
+ }
2348
+ .from-white\/5 {
2349
+ --tw-gradient-from: color-mix(in srgb, #fff 5%, transparent);
2350
+ @supports (color: color-mix(in lab, red, red)) {
2351
+ --tw-gradient-from: color-mix(in oklab, var(--color-white) 5%, transparent);
2352
+ }
2353
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2354
+ }
2355
+ .to-transparent {
2356
+ --tw-gradient-to: transparent;
2357
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2358
+ }
2359
+ .fill-current {
2360
+ fill: currentcolor;
2361
+ }
2362
+ .object-contain {
2363
+ object-fit: contain;
2364
+ }
2365
+ .p-0 {
2366
+ padding: calc(var(--spacing) * 0);
2367
+ }
2368
+ .p-0\.5 {
2369
+ padding: calc(var(--spacing) * 0.5);
2370
+ }
2371
+ .p-1 {
2372
+ padding: calc(var(--spacing) * 1);
2373
+ }
2374
+ .p-1\.5 {
2375
+ padding: calc(var(--spacing) * 1.5);
2376
+ }
2377
+ .p-2 {
2378
+ padding: calc(var(--spacing) * 2);
2379
+ }
2380
+ .p-2\.5 {
2381
+ padding: calc(var(--spacing) * 2.5);
2382
+ }
2383
+ .p-3 {
2384
+ padding: calc(var(--spacing) * 3);
2385
+ }
2386
+ .p-4 {
2387
+ padding: calc(var(--spacing) * 4);
2388
+ }
2389
+ .p-5 {
2390
+ padding: calc(var(--spacing) * 5);
2391
+ }
2392
+ .p-6 {
2393
+ padding: calc(var(--spacing) * 6);
2394
+ }
2395
+ .p-8 {
2396
+ padding: calc(var(--spacing) * 8);
2397
+ }
2398
+ .p-10 {
2399
+ padding: calc(var(--spacing) * 10);
2400
+ }
2401
+ .p-12 {
2402
+ padding: calc(var(--spacing) * 12);
2403
+ }
2404
+ .p-14 {
2405
+ padding: calc(var(--spacing) * 14);
2406
+ }
2407
+ .p-16 {
2408
+ padding: calc(var(--spacing) * 16);
2409
+ }
2410
+ .px-0 {
2411
+ padding-inline: calc(var(--spacing) * 0);
2412
+ }
2413
+ .px-1 {
2414
+ padding-inline: calc(var(--spacing) * 1);
2415
+ }
2416
+ .px-1\.5 {
2417
+ padding-inline: calc(var(--spacing) * 1.5);
2418
+ }
2419
+ .px-2 {
2420
+ padding-inline: calc(var(--spacing) * 2);
2421
+ }
2422
+ .px-2\.5 {
2423
+ padding-inline: calc(var(--spacing) * 2.5);
2424
+ }
2425
+ .px-3 {
2426
+ padding-inline: calc(var(--spacing) * 3);
2427
+ }
2428
+ .px-4 {
2429
+ padding-inline: calc(var(--spacing) * 4);
2430
+ }
2431
+ .px-5 {
2432
+ padding-inline: calc(var(--spacing) * 5);
2433
+ }
2434
+ .px-6 {
2435
+ padding-inline: calc(var(--spacing) * 6);
2436
+ }
2437
+ .px-7 {
2438
+ padding-inline: calc(var(--spacing) * 7);
2439
+ }
2440
+ .px-8 {
2441
+ padding-inline: calc(var(--spacing) * 8);
2442
+ }
2443
+ .px-9 {
2444
+ padding-inline: calc(var(--spacing) * 9);
2445
+ }
2446
+ .px-\[var\(--chat-message-px\)\] {
2447
+ padding-inline: var(--chat-message-px);
2448
+ }
2449
+ .px-\[var\(--tool-card-px\)\] {
2450
+ padding-inline: var(--tool-card-px);
2451
+ }
2452
+ .py-0 {
2453
+ padding-block: calc(var(--spacing) * 0);
2454
+ }
2455
+ .py-0\.5 {
2456
+ padding-block: calc(var(--spacing) * 0.5);
2457
+ }
2458
+ .py-1 {
2459
+ padding-block: calc(var(--spacing) * 1);
2460
+ }
2461
+ .py-1\.5 {
2462
+ padding-block: calc(var(--spacing) * 1.5);
2463
+ }
2464
+ .py-2 {
2465
+ padding-block: calc(var(--spacing) * 2);
2466
+ }
2467
+ .py-2\.5 {
2468
+ padding-block: calc(var(--spacing) * 2.5);
2469
+ }
2470
+ .py-3 {
2471
+ padding-block: calc(var(--spacing) * 3);
2472
+ }
2473
+ .py-3\.5 {
2474
+ padding-block: calc(var(--spacing) * 3.5);
2475
+ }
2476
+ .py-4 {
2477
+ padding-block: calc(var(--spacing) * 4);
2478
+ }
2479
+ .py-5 {
2480
+ padding-block: calc(var(--spacing) * 5);
2481
+ }
2482
+ .py-12 {
2483
+ padding-block: calc(var(--spacing) * 12);
2484
+ }
2485
+ .py-16 {
2486
+ padding-block: calc(var(--spacing) * 16);
2487
+ }
2488
+ .py-\[2px\] {
2489
+ padding-block: 2px;
2490
+ }
2491
+ .py-\[var\(--chat-input-py\)\] {
2492
+ padding-block: var(--chat-input-py);
2493
+ }
2494
+ .py-\[var\(--chat-message-py\)\] {
2495
+ padding-block: var(--chat-message-py);
2496
+ }
2497
+ .py-\[var\(--tool-card-py\)\] {
2498
+ padding-block: var(--tool-card-py);
2499
+ }
2500
+ .py-px {
2501
+ padding-block: 1px;
2502
+ }
2503
+ .pt-0 {
2504
+ padding-top: calc(var(--spacing) * 0);
2505
+ }
2506
+ .pt-0\.5 {
2507
+ padding-top: calc(var(--spacing) * 0.5);
2508
+ }
2509
+ .pt-1 {
2510
+ padding-top: calc(var(--spacing) * 1);
2511
+ }
2512
+ .pt-2 {
2513
+ padding-top: calc(var(--spacing) * 2);
2514
+ }
2515
+ .pt-3 {
2516
+ padding-top: calc(var(--spacing) * 3);
2517
+ }
2518
+ .pt-4 {
2519
+ padding-top: calc(var(--spacing) * 4);
2520
+ }
2521
+ .pt-6 {
2522
+ padding-top: calc(var(--spacing) * 6);
2523
+ }
2524
+ .pt-10 {
2525
+ padding-top: calc(var(--spacing) * 10);
2526
+ }
2527
+ .pt-12 {
2528
+ padding-top: calc(var(--spacing) * 12);
2529
+ }
2530
+ .pt-14 {
2531
+ padding-top: calc(var(--spacing) * 14);
2532
+ }
2533
+ .pt-16 {
2534
+ padding-top: calc(var(--spacing) * 16);
2535
+ }
2536
+ .pr-2 {
2537
+ padding-right: calc(var(--spacing) * 2);
2538
+ }
2539
+ .pr-4 {
2540
+ padding-right: calc(var(--spacing) * 4);
2541
+ }
2542
+ .pr-8 {
2543
+ padding-right: calc(var(--spacing) * 8);
2544
+ }
2545
+ .pr-10 {
2546
+ padding-right: calc(var(--spacing) * 10);
2547
+ }
2548
+ .pb-0 {
2549
+ padding-bottom: calc(var(--spacing) * 0);
2550
+ }
2551
+ .pb-1 {
2552
+ padding-bottom: calc(var(--spacing) * 1);
2553
+ }
2554
+ .pb-1\.5 {
2555
+ padding-bottom: calc(var(--spacing) * 1.5);
2556
+ }
2557
+ .pb-2 {
2558
+ padding-bottom: calc(var(--spacing) * 2);
2559
+ }
2560
+ .pb-3 {
2561
+ padding-bottom: calc(var(--spacing) * 3);
2562
+ }
2563
+ .pb-4 {
2564
+ padding-bottom: calc(var(--spacing) * 4);
2565
+ }
2566
+ .pb-8 {
2567
+ padding-bottom: calc(var(--spacing) * 8);
2568
+ }
2569
+ .pb-12 {
2570
+ padding-bottom: calc(var(--spacing) * 12);
2571
+ }
2572
+ .pl-2 {
2573
+ padding-left: calc(var(--spacing) * 2);
2574
+ }
2575
+ .pl-3 {
2576
+ padding-left: calc(var(--spacing) * 3);
2577
+ }
2578
+ .pl-4 {
2579
+ padding-left: calc(var(--spacing) * 4);
2580
+ }
2581
+ .pl-7 {
2582
+ padding-left: calc(var(--spacing) * 7);
2583
+ }
2584
+ .pl-8 {
2585
+ padding-left: calc(var(--spacing) * 8);
2586
+ }
2587
+ .pl-9 {
2588
+ padding-left: calc(var(--spacing) * 9);
2589
+ }
2590
+ .text-center {
2591
+ text-align: center;
2592
+ }
2593
+ .text-left {
2594
+ text-align: left;
2595
+ }
2596
+ .text-right {
2597
+ text-align: right;
2598
+ }
2599
+ .align-middle {
2600
+ vertical-align: middle;
2601
+ }
2602
+ .align-text-bottom {
2603
+ vertical-align: text-bottom;
2604
+ }
2605
+ .align-top {
2606
+ vertical-align: top;
2607
+ }
2608
+ .font-mono {
2609
+ font-family: var(--font-mono);
2610
+ }
2611
+ .font-sans {
2612
+ font-family: var(--font-sans);
2613
+ }
2614
+ .text-2xl {
2615
+ font-size: var(--text-2xl);
2616
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
2617
+ }
2618
+ .text-3xl {
2619
+ font-size: var(--text-3xl);
2620
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
2621
+ }
2622
+ .text-4xl {
2623
+ font-size: var(--text-4xl);
2624
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
2625
+ }
2626
+ .text-5xl {
2627
+ font-size: var(--text-5xl);
2628
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
2629
+ }
2630
+ .text-base {
2631
+ font-size: var(--text-base);
2632
+ line-height: var(--tw-leading, var(--text-base--line-height));
2633
+ }
2634
+ .text-lg {
2635
+ font-size: var(--text-lg);
2636
+ line-height: var(--tw-leading, var(--text-lg--line-height));
2637
+ }
2638
+ .text-sm {
2639
+ font-size: var(--text-sm);
2640
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2641
+ }
2642
+ .text-xl {
2643
+ font-size: var(--text-xl);
2644
+ line-height: var(--tw-leading, var(--text-xl--line-height));
2645
+ }
2646
+ .text-xs {
2647
+ font-size: var(--text-xs);
2648
+ line-height: var(--tw-leading, var(--text-xs--line-height));
2649
+ }
2650
+ .text-\[0\.85em\] {
2651
+ font-size: 0.85em;
2652
+ }
2653
+ .text-\[8px\] {
2654
+ font-size: 8px;
2655
+ }
2656
+ .text-\[9px\] {
2657
+ font-size: 9px;
2658
+ }
2659
+ .text-\[10px\] {
2660
+ font-size: 10px;
2661
+ }
2662
+ .text-\[11px\] {
2663
+ font-size: 11px;
2664
+ }
2665
+ .text-\[12px\] {
2666
+ font-size: 12px;
2667
+ }
2668
+ .text-\[13px\] {
2669
+ font-size: 13px;
2670
+ }
2671
+ .text-\[14px\] {
2672
+ font-size: 14px;
2673
+ }
2674
+ .text-\[15px\] {
2675
+ font-size: 15px;
2676
+ }
2677
+ .text-\[17px\] {
2678
+ font-size: 17px;
2679
+ }
2680
+ .text-\[calc\(var\(--font-size-xs\)-1px\)\] {
2681
+ font-size: calc(var(--font-size-xs) - 1px);
2682
+ }
2683
+ .leading-6 {
2684
+ --tw-leading: calc(var(--spacing) * 6);
2685
+ line-height: calc(var(--spacing) * 6);
2686
+ }
2687
+ .leading-7 {
2688
+ --tw-leading: calc(var(--spacing) * 7);
2689
+ line-height: calc(var(--spacing) * 7);
2690
+ }
2691
+ .leading-\[1\.6\] {
2692
+ --tw-leading: 1.6;
2693
+ line-height: 1.6;
2694
+ }
2695
+ .leading-\[1\.55\] {
2696
+ --tw-leading: 1.55;
2697
+ line-height: 1.55;
2698
+ }
2699
+ .leading-\[var\(--line-height-base\)\] {
2700
+ --tw-leading: var(--line-height-base);
2701
+ line-height: var(--line-height-base);
2702
+ }
2703
+ .leading-none {
2704
+ --tw-leading: 1;
2705
+ line-height: 1;
2706
+ }
2707
+ .leading-relaxed {
2708
+ --tw-leading: var(--leading-relaxed);
2709
+ line-height: var(--leading-relaxed);
2710
+ }
2711
+ .leading-tight {
2712
+ --tw-leading: var(--leading-tight);
2713
+ line-height: var(--leading-tight);
2714
+ }
2715
+ .font-\[var\(--chat-label-weight\,600\)\] {
2716
+ --tw-font-weight: var(--chat-label-weight,600);
2717
+ font-weight: var(--chat-label-weight,600);
2718
+ }
2719
+ .font-\[var\(--font-display\)\] {
2720
+ --tw-font-weight: var(--font-display);
2721
+ font-weight: var(--font-display);
2722
+ }
2723
+ .font-\[var\(--font-sans\)\] {
2724
+ --tw-font-weight: var(--font-sans);
2725
+ font-weight: var(--font-sans);
2726
+ }
2727
+ .font-black {
2728
+ --tw-font-weight: var(--font-weight-black);
2729
+ font-weight: var(--font-weight-black);
2730
+ }
2731
+ .font-bold {
2732
+ --tw-font-weight: var(--font-weight-bold);
2733
+ font-weight: var(--font-weight-bold);
2734
+ }
2735
+ .font-extrabold {
2736
+ --tw-font-weight: var(--font-weight-extrabold);
2737
+ font-weight: var(--font-weight-extrabold);
2738
+ }
2739
+ .font-medium {
2740
+ --tw-font-weight: var(--font-weight-medium);
2741
+ font-weight: var(--font-weight-medium);
2742
+ }
2743
+ .font-normal {
2744
+ --tw-font-weight: var(--font-weight-normal);
2745
+ font-weight: var(--font-weight-normal);
2746
+ }
2747
+ .font-semibold {
2748
+ --tw-font-weight: var(--font-weight-semibold);
2749
+ font-weight: var(--font-weight-semibold);
2750
+ }
2751
+ .tracking-\[0\.01em\] {
2752
+ --tw-tracking: 0.01em;
2753
+ letter-spacing: 0.01em;
2754
+ }
2755
+ .tracking-\[0\.1em\] {
2756
+ --tw-tracking: 0.1em;
2757
+ letter-spacing: 0.1em;
2758
+ }
2759
+ .tracking-\[0\.06em\] {
2760
+ --tw-tracking: 0.06em;
2761
+ letter-spacing: 0.06em;
2762
+ }
2763
+ .tracking-\[0\.08em\] {
2764
+ --tw-tracking: 0.08em;
2765
+ letter-spacing: 0.08em;
2766
+ }
2767
+ .tracking-\[0\.12em\] {
2768
+ --tw-tracking: 0.12em;
2769
+ letter-spacing: 0.12em;
2770
+ }
2771
+ .tracking-\[0\.14em\] {
2772
+ --tw-tracking: 0.14em;
2773
+ letter-spacing: 0.14em;
2774
+ }
2775
+ .tracking-\[0\.16em\] {
2776
+ --tw-tracking: 0.16em;
2777
+ letter-spacing: 0.16em;
2778
+ }
2779
+ .tracking-\[0\.18em\] {
2780
+ --tw-tracking: 0.18em;
2781
+ letter-spacing: 0.18em;
2782
+ }
2783
+ .tracking-\[var\(--chat-label-tracking\,0\.14em\)\] {
2784
+ --tw-tracking: var(--chat-label-tracking,0.14em);
2785
+ letter-spacing: var(--chat-label-tracking,0.14em);
2786
+ }
2787
+ .tracking-\[var\(--chat-label-tracking\,0\.16em\)\] {
2788
+ --tw-tracking: var(--chat-label-tracking,0.16em);
2789
+ letter-spacing: var(--chat-label-tracking,0.16em);
2790
+ }
2791
+ .tracking-normal {
2792
+ --tw-tracking: var(--tracking-normal);
2793
+ letter-spacing: var(--tracking-normal);
2794
+ }
2795
+ .tracking-tight {
2796
+ --tw-tracking: var(--tracking-tight);
2797
+ letter-spacing: var(--tracking-tight);
2798
+ }
2799
+ .tracking-tighter {
2800
+ --tw-tracking: var(--tracking-tighter);
2801
+ letter-spacing: var(--tracking-tighter);
2802
+ }
2803
+ .tracking-wide {
2804
+ --tw-tracking: var(--tracking-wide);
2805
+ letter-spacing: var(--tracking-wide);
2806
+ }
2807
+ .tracking-wider {
2808
+ --tw-tracking: var(--tracking-wider);
2809
+ letter-spacing: var(--tracking-wider);
2810
+ }
2811
+ .tracking-widest {
2812
+ --tw-tracking: var(--tracking-widest);
2813
+ letter-spacing: var(--tracking-widest);
2814
+ }
2815
+ .break-words {
2816
+ overflow-wrap: break-word;
2817
+ }
2818
+ .break-all {
2819
+ word-break: break-all;
2820
+ }
2821
+ .whitespace-nowrap {
2822
+ white-space: nowrap;
2823
+ }
2824
+ .whitespace-pre {
2825
+ white-space: pre;
2826
+ }
2827
+ .whitespace-pre-wrap {
2828
+ white-space: pre-wrap;
2829
+ }
2830
+ .text-\[var\(--accent-text\)\] {
2831
+ color: var(--accent-text);
2832
+ }
2833
+ .text-\[var\(--brand-cool\)\] {
2834
+ color: var(--brand-cool);
2835
+ }
2836
+ .text-\[var\(--brand-cool\,hsl\(var\(--primary\)\)\)\] {
2837
+ color: var(--brand-cool,hsl(var(--primary)));
2838
+ }
2839
+ .text-\[var\(--brand-emerald\)\] {
2840
+ color: var(--brand-emerald);
2841
+ }
2842
+ .text-\[var\(--brand-emerald\,\#10B981\)\] {
2843
+ color: var(--brand-emerald,#10B981);
2844
+ }
2845
+ .text-\[var\(--brand-strong-text\)\] {
2846
+ color: var(--brand-strong-text);
2847
+ }
2848
+ .text-\[var\(--brand-strong-text-dim\)\] {
2849
+ color: var(--brand-strong-text-dim);
2850
+ }
2851
+ .text-\[var\(--brand-strong-text-muted\)\] {
2852
+ color: var(--brand-strong-text-muted);
2853
+ }
2854
+ .text-\[var\(--btn-primary-text\)\] {
2855
+ color: var(--btn-primary-text);
2856
+ }
2857
+ .text-\[var\(--chat-label-size\,11px\)\] {
2858
+ color: var(--chat-label-size,11px);
2859
+ }
2860
+ .text-\[var\(--chat-send-color\,var\(--accent-text\)\)\] {
2861
+ color: var(--chat-send-color,var(--accent-text));
2862
+ }
2863
+ .text-\[var\(--code-error\)\] {
2864
+ color: var(--code-error);
2865
+ }
2866
+ .text-\[var\(--code-function\)\] {
2867
+ color: var(--code-function);
2868
+ }
2869
+ .text-\[var\(--code-keyword\)\] {
2870
+ color: var(--code-keyword);
2871
+ }
2872
+ .text-\[var\(--code-number\)\] {
2873
+ color: var(--code-number);
2874
+ }
2875
+ .text-\[var\(--code-string\)\] {
2876
+ color: var(--code-string);
2877
+ }
2878
+ .text-\[var\(--code-success\)\] {
2879
+ color: var(--code-success);
2880
+ }
2881
+ .text-\[var\(--font-size-base\)\] {
2882
+ color: var(--font-size-base);
2883
+ }
2884
+ .text-\[var\(--font-size-xs\)\] {
2885
+ color: var(--font-size-xs);
2886
+ }
2887
+ .text-\[var\(--md3-on-primary\)\] {
2888
+ color: var(--md3-on-primary);
2889
+ }
2890
+ .text-\[var\(--md3-on-surface-variant\)\] {
2891
+ color: var(--md3-on-surface-variant);
2892
+ }
2893
+ .text-\[var\(--md3-primary\)\] {
2894
+ color: var(--md3-primary);
2895
+ }
2896
+ .text-\[var\(--surface-danger-text\)\] {
2897
+ color: var(--surface-danger-text);
2898
+ }
2899
+ .text-\[var\(--surface-info-text\)\] {
2900
+ color: var(--surface-info-text);
2901
+ }
2902
+ .text-\[var\(--surface-neutral-text\)\] {
2903
+ color: var(--surface-neutral-text);
2904
+ }
2905
+ .text-\[var\(--surface-orange-text\)\] {
2906
+ color: var(--surface-orange-text);
2907
+ }
2908
+ .text-\[var\(--surface-success-text\)\] {
2909
+ color: var(--surface-success-text);
2910
+ }
2911
+ .text-\[var\(--surface-success-text\,\#047857\)\] {
2912
+ color: var(--surface-success-text,#047857);
2913
+ }
2914
+ .text-\[var\(--surface-teal-text\)\] {
2915
+ color: var(--surface-teal-text);
2916
+ }
2917
+ .text-\[var\(--surface-violet-text\)\] {
2918
+ color: var(--surface-violet-text);
2919
+ }
2920
+ .text-\[var\(--surface-warning-text\)\] {
2921
+ color: var(--surface-warning-text);
2922
+ }
2923
+ .text-\[var\(--text-dim\)\] {
2924
+ color: var(--text-dim);
2925
+ }
2926
+ .text-\[var\(--text-muted\)\] {
2927
+ color: var(--text-muted);
2928
+ }
2929
+ .text-\[var\(--text-muted\,hsl\(var\(--muted-foreground\)\)\)\] {
2930
+ color: var(--text-muted,hsl(var(--muted-foreground)));
2931
+ }
2932
+ .text-\[var\(--text-primary\,hsl\(var\(--foreground\)\)\)\] {
2933
+ color: var(--text-primary,hsl(var(--foreground)));
2934
+ }
2935
+ .text-amber-600 {
2936
+ color: var(--color-amber-600);
2937
+ }
2938
+ .text-blue-400 {
2939
+ color: var(--color-blue-400);
2940
+ }
2941
+ .text-emerald-400 {
2942
+ color: var(--color-emerald-400);
2943
+ }
2944
+ .text-emerald-500 {
2945
+ color: var(--color-emerald-500);
2946
+ }
2947
+ .text-green-400 {
2948
+ color: var(--color-green-400);
2949
+ }
2950
+ .text-neutral-400 {
2951
+ color: var(--color-neutral-400);
2952
+ }
2953
+ .text-orange-400 {
2954
+ color: var(--color-orange-400);
2955
+ }
2956
+ .text-red-200 {
2957
+ color: var(--color-red-200);
2958
+ }
2959
+ .text-red-400 {
2960
+ color: var(--color-red-400);
2961
+ }
2962
+ .text-sky-400 {
2963
+ color: var(--color-sky-400);
2964
+ }
2965
+ .text-violet-300 {
2966
+ color: var(--color-violet-300);
2967
+ }
2968
+ .text-violet-400 {
2969
+ color: var(--color-violet-400);
2970
+ }
2971
+ .text-white {
2972
+ color: var(--color-white);
2973
+ }
2974
+ .text-yellow-400 {
2975
+ color: var(--color-yellow-400);
2976
+ }
2977
+ .text-zinc-400 {
2978
+ color: var(--color-zinc-400);
2979
+ }
2980
+ .capitalize {
2981
+ text-transform: capitalize;
2982
+ }
2983
+ .uppercase {
2984
+ text-transform: uppercase;
2985
+ }
2986
+ .italic {
2987
+ font-style: italic;
2988
+ }
2989
+ .tabular-nums {
2990
+ --tw-numeric-spacing: tabular-nums;
2991
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
2992
+ }
2993
+ .underline {
2994
+ text-decoration-line: underline;
2995
+ }
2996
+ .underline-offset-4 {
2997
+ text-underline-offset: 4px;
2998
+ }
2999
+ .antialiased {
3000
+ -webkit-font-smoothing: antialiased;
3001
+ -moz-osx-font-smoothing: grayscale;
3002
+ }
3003
+ .opacity-0 {
3004
+ opacity: 0%;
3005
+ }
3006
+ .opacity-25 {
3007
+ opacity: 25%;
3008
+ }
3009
+ .opacity-30 {
3010
+ opacity: 30%;
3011
+ }
3012
+ .opacity-50 {
3013
+ opacity: 50%;
3014
+ }
3015
+ .opacity-60 {
3016
+ opacity: 60%;
3017
+ }
3018
+ .opacity-70 {
3019
+ opacity: 70%;
3020
+ }
3021
+ .opacity-75 {
3022
+ opacity: 75%;
3023
+ }
3024
+ .opacity-80 {
3025
+ opacity: 80%;
3026
+ }
3027
+ .opacity-100 {
3028
+ opacity: 100%;
3029
+ }
3030
+ .shadow {
3031
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3032
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3033
+ }
3034
+ .shadow-2xl {
3035
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
3036
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3037
+ }
3038
+ .shadow-\[inset_2px_0_0_hsl\(var\(--primary\)\)\] {
3039
+ --tw-shadow: inset 2px 0 0 var(--tw-shadow-color, hsl(var(--primary)));
3040
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3041
+ }
3042
+ .shadow-\[var\(--chat-input-shadow\,var\(--shadow-card\)\)\] {
3043
+ --tw-shadow: var(--chat-input-shadow,var(--shadow-card));
3044
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3045
+ }
3046
+ .shadow-\[var\(--chat-send-shadow\,none\)\] {
3047
+ --tw-shadow: var(--chat-send-shadow,none);
3048
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3049
+ }
3050
+ .shadow-\[var\(--shadow-accent\)\] {
3051
+ --tw-shadow: var(--shadow-accent);
3052
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3053
+ }
3054
+ .shadow-\[var\(--shadow-card\)\] {
3055
+ --tw-shadow: var(--shadow-card);
3056
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3057
+ }
3058
+ .shadow-\[var\(--shadow-dropdown\)\] {
3059
+ --tw-shadow: var(--shadow-dropdown);
3060
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3061
+ }
3062
+ .shadow-\[var\(--shadow-glow\)\] {
3063
+ --tw-shadow: var(--shadow-glow);
3064
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3065
+ }
3066
+ .shadow-inner {
3067
+ --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
3068
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3069
+ }
3070
+ .shadow-lg {
3071
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3072
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3073
+ }
3074
+ .shadow-md {
3075
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3076
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3077
+ }
3078
+ .shadow-sm {
3079
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3080
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3081
+ }
3082
+ .ring {
3083
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3084
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3085
+ }
3086
+ .ring-0 {
3087
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3088
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3089
+ }
3090
+ .ring-1 {
3091
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3092
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3093
+ }
3094
+ .ring-2 {
3095
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3096
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3097
+ }
3098
+ .ring-4 {
3099
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3100
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3101
+ }
3102
+ .ring-\[var\(--bg-root\)\] {
3103
+ --tw-ring-color: var(--bg-root);
3104
+ }
3105
+ .ring-offset-2 {
3106
+ --tw-ring-offset-width: 2px;
3107
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3108
+ }
3109
+ .outline {
3110
+ outline-style: var(--tw-outline-style);
3111
+ outline-width: 1px;
3112
+ }
3113
+ .blur {
3114
+ --tw-blur: blur(8px);
3115
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
3116
+ }
3117
+ .filter {
3118
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
3119
+ }
3120
+ .backdrop-blur-md {
3121
+ --tw-backdrop-blur: blur(var(--blur-md));
3122
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
3123
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
3124
+ }
3125
+ .backdrop-blur-sm {
3126
+ --tw-backdrop-blur: blur(var(--blur-sm));
3127
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
3128
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
3129
+ }
3130
+ .backdrop-blur-xl {
3131
+ --tw-backdrop-blur: blur(var(--blur-xl));
3132
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
3133
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
3134
+ }
3135
+ .transition {
3136
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
3137
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3138
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3139
+ }
3140
+ .transition-\[border-color\,box-shadow\] {
3141
+ transition-property: border-color,box-shadow;
3142
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3143
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3144
+ }
3145
+ .transition-\[left\,width\] {
3146
+ transition-property: left,width;
3147
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3148
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3149
+ }
3150
+ .transition-\[margin-left\] {
3151
+ transition-property: margin-left;
3152
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3153
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3154
+ }
3155
+ .transition-\[opacity\] {
3156
+ transition-property: opacity;
3157
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3158
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3159
+ }
3160
+ .transition-\[transform\,width\] {
3161
+ transition-property: transform,width;
3162
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3163
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3164
+ }
3165
+ .transition-all {
3166
+ transition-property: all;
3167
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3168
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3169
+ }
3170
+ .transition-colors {
3171
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
3172
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3173
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3174
+ }
3175
+ .transition-opacity {
3176
+ transition-property: opacity;
3177
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3178
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3179
+ }
3180
+ .transition-transform {
3181
+ transition-property: transform, translate, scale, rotate;
3182
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3183
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3184
+ }
3185
+ .duration-150 {
3186
+ --tw-duration: 150ms;
3187
+ transition-duration: 150ms;
3188
+ }
3189
+ .duration-200 {
3190
+ --tw-duration: 200ms;
3191
+ transition-duration: 200ms;
3192
+ }
3193
+ .duration-300 {
3194
+ --tw-duration: 300ms;
3195
+ transition-duration: 300ms;
3196
+ }
3197
+ .duration-500 {
3198
+ --tw-duration: 500ms;
3199
+ transition-duration: 500ms;
3200
+ }
3201
+ .duration-\[var\(--transition-default\)\] {
3202
+ --tw-duration: var(--transition-default);
3203
+ transition-duration: var(--transition-default);
3204
+ }
3205
+ .duration-\[var\(--transition-fast\)\] {
3206
+ --tw-duration: var(--transition-fast);
3207
+ transition-duration: var(--transition-fast);
3208
+ }
3209
+ .ease-in-out {
3210
+ --tw-ease: var(--ease-in-out);
3211
+ transition-timing-function: var(--ease-in-out);
3212
+ }
3213
+ .ease-out {
3214
+ --tw-ease: var(--ease-out);
3215
+ transition-timing-function: var(--ease-out);
3216
+ }
3217
+ .outline-none {
3218
+ --tw-outline-style: none;
3219
+ outline-style: none;
3220
+ }
3221
+ .select-none {
3222
+ -webkit-user-select: none;
3223
+ user-select: none;
3224
+ }
3225
+ .\[background\:var\(--chat-input-bg\,var\(--depth-2\)\)\] {
3226
+ background: var(--chat-input-bg,var(--depth-2));
3227
+ }
3228
+ .\[background\:var\(--chat-send-bg\,var\(--accent-surface-soft\)\)\] {
3229
+ background: var(--chat-send-bg,var(--accent-surface-soft));
3230
+ }
3231
+ .\[scrollbar-gutter\:stable\] {
3232
+ scrollbar-gutter: stable;
3233
+ }
3234
+ .group-open\:rotate-180 {
3235
+ &:is(:where(.group):is([open], :popover-open, :open) *) {
3236
+ rotate: 180deg;
3237
+ }
3238
+ }
3239
+ .group-hover\:translate-x-0\.5 {
3240
+ &:is(:where(.group):hover *) {
3241
+ @media (hover: hover) {
3242
+ --tw-translate-x: calc(var(--spacing) * 0.5);
3243
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3244
+ }
3245
+ }
3246
+ }
3247
+ .group-hover\:opacity-100 {
3248
+ &:is(:where(.group):hover *) {
3249
+ @media (hover: hover) {
3250
+ opacity: 100%;
3251
+ }
3252
+ }
3253
+ }
3254
+ .peer-focus\:outline-none {
3255
+ &:is(:where(.peer):focus ~ *) {
3256
+ --tw-outline-style: none;
3257
+ outline-style: none;
3258
+ }
3259
+ }
3260
+ .peer-disabled\:cursor-not-allowed {
3261
+ &:is(:where(.peer):disabled ~ *) {
3262
+ cursor: not-allowed;
3263
+ }
3264
+ }
3265
+ .peer-disabled\:opacity-70 {
3266
+ &:is(:where(.peer):disabled ~ *) {
3267
+ opacity: 70%;
3268
+ }
3269
+ }
3270
+ .file\:border-0 {
3271
+ &::file-selector-button {
3272
+ border-style: var(--tw-border-style);
3273
+ border-width: 0px;
3274
+ }
3275
+ }
3276
+ .file\:bg-transparent {
3277
+ &::file-selector-button {
3278
+ background-color: transparent;
3279
+ }
3280
+ }
3281
+ .file\:text-sm {
3282
+ &::file-selector-button {
3283
+ font-size: var(--text-sm);
3284
+ line-height: var(--tw-leading, var(--text-sm--line-height));
3285
+ }
3286
+ }
3287
+ .file\:font-medium {
3288
+ &::file-selector-button {
3289
+ --tw-font-weight: var(--font-weight-medium);
3290
+ font-weight: var(--font-weight-medium);
3291
+ }
3292
+ }
3293
+ .after\:absolute {
3294
+ &::after {
3295
+ content: var(--tw-content);
3296
+ position: absolute;
3297
+ }
3298
+ }
3299
+ .after\:top-0 {
3300
+ &::after {
3301
+ content: var(--tw-content);
3302
+ top: calc(var(--spacing) * 0);
3303
+ }
3304
+ }
3305
+ .after\:top-\[2px\] {
3306
+ &::after {
3307
+ content: var(--tw-content);
3308
+ top: 2px;
3309
+ }
3310
+ }
3311
+ .after\:right-0 {
3312
+ &::after {
3313
+ content: var(--tw-content);
3314
+ right: calc(var(--spacing) * 0);
3315
+ }
3316
+ }
3317
+ .after\:left-0 {
3318
+ &::after {
3319
+ content: var(--tw-content);
3320
+ left: calc(var(--spacing) * 0);
3321
+ }
3322
+ }
3323
+ .after\:left-\[2px\] {
3324
+ &::after {
3325
+ content: var(--tw-content);
3326
+ left: 2px;
3327
+ }
3328
+ }
3329
+ .after\:h-5 {
3330
+ &::after {
3331
+ content: var(--tw-content);
3332
+ height: calc(var(--spacing) * 5);
3333
+ }
3334
+ }
3335
+ .after\:h-\[2px\] {
3336
+ &::after {
3337
+ content: var(--tw-content);
3338
+ height: 2px;
3339
+ }
3340
+ }
3341
+ .after\:w-5 {
3342
+ &::after {
3343
+ content: var(--tw-content);
3344
+ width: calc(var(--spacing) * 5);
3345
+ }
3346
+ }
3347
+ .after\:rounded-full {
3348
+ &::after {
3349
+ content: var(--tw-content);
3350
+ border-radius: calc(infinity * 1px);
3351
+ }
3352
+ }
3353
+ .after\:border {
3354
+ &::after {
3355
+ content: var(--tw-content);
3356
+ border-style: var(--tw-border-style);
3357
+ border-width: 1px;
3358
+ }
3359
+ }
3360
+ .after\:border-gray-300 {
3361
+ &::after {
3362
+ content: var(--tw-content);
3363
+ border-color: var(--color-gray-300);
3364
+ }
3365
+ }
3366
+ .after\:bg-white {
3367
+ &::after {
3368
+ content: var(--tw-content);
3369
+ background-color: var(--color-white);
3370
+ }
3371
+ }
3372
+ .after\:transition-all {
3373
+ &::after {
3374
+ content: var(--tw-content);
3375
+ transition-property: all;
3376
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3377
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3378
+ }
3379
+ }
3380
+ .after\:content-\[\'\'\] {
3381
+ &::after {
3382
+ --tw-content: '';
3383
+ content: var(--tw-content);
3384
+ }
3385
+ }
3386
+ .peer-checked\:after\:translate-x-full {
3387
+ &:is(:where(.peer):checked ~ *) {
3388
+ &::after {
3389
+ content: var(--tw-content);
3390
+ --tw-translate-x: 100%;
3391
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3392
+ }
3393
+ }
3394
+ }
3395
+ .peer-checked\:after\:border-white {
3396
+ &:is(:where(.peer):checked ~ *) {
3397
+ &::after {
3398
+ content: var(--tw-content);
3399
+ border-color: var(--color-white);
3400
+ }
3401
+ }
3402
+ }
3403
+ .focus-within\:border-\[var\(--border-accent-hover\)\] {
3404
+ &:focus-within {
3405
+ border-color: var(--border-accent-hover);
3406
+ }
3407
+ }
3408
+ .focus-within\:border-\[var\(--chat-input-focus-border\,var\(--border-accent\)\)\] {
3409
+ &:focus-within {
3410
+ border-color: var(--chat-input-focus-border,var(--border-accent));
3411
+ }
3412
+ }
3413
+ .focus-within\:shadow-\[var\(--chat-input-focus-shadow\,var\(--shadow-card\)\)\] {
3414
+ &:focus-within {
3415
+ --tw-shadow: var(--chat-input-focus-shadow,var(--shadow-card));
3416
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3417
+ }
3418
+ }
3419
+ .hover\:-translate-y-0\.5 {
3420
+ &:hover {
3421
+ @media (hover: hover) {
3422
+ --tw-translate-y: calc(var(--spacing) * -0.5);
3423
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3424
+ }
3425
+ }
3426
+ }
3427
+ .hover\:translate-y-\[-1px\] {
3428
+ &:hover {
3429
+ @media (hover: hover) {
3430
+ --tw-translate-y: -1px;
3431
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3432
+ }
3433
+ }
3434
+ }
3435
+ .hover\:border-\[var\(--border-accent\)\] {
3436
+ &:hover {
3437
+ @media (hover: hover) {
3438
+ border-color: var(--border-accent);
3439
+ }
3440
+ }
3441
+ }
3442
+ .hover\:border-\[var\(--border-accent-hover\)\] {
3443
+ &:hover {
3444
+ @media (hover: hover) {
3445
+ border-color: var(--border-accent-hover);
3446
+ }
3447
+ }
3448
+ }
3449
+ .hover\:border-\[var\(--border-default\,hsl\(var\(--border\)\)\)\] {
3450
+ &:hover {
3451
+ @media (hover: hover) {
3452
+ border-color: var(--border-default,hsl(var(--border)));
3453
+ }
3454
+ }
3455
+ }
3456
+ .hover\:border-red-500\/30 {
3457
+ &:hover {
3458
+ @media (hover: hover) {
3459
+ border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
3460
+ @supports (color: color-mix(in lab, red, red)) {
3461
+ border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
3462
+ }
3463
+ }
3464
+ }
3465
+ }
3466
+ .hover\:bg-\[var\(--accent-surface-soft\)\] {
3467
+ &:hover {
3468
+ @media (hover: hover) {
3469
+ background-color: var(--accent-surface-soft);
3470
+ }
3471
+ }
3472
+ }
3473
+ .hover\:bg-\[var\(--accent-surface-strong\)\] {
3474
+ &:hover {
3475
+ @media (hover: hover) {
3476
+ background-color: var(--accent-surface-strong);
3477
+ }
3478
+ }
3479
+ }
3480
+ .hover\:bg-\[var\(--bg-hover\,hsl\(var\(--accent\)\)\)\] {
3481
+ &:hover {
3482
+ @media (hover: hover) {
3483
+ background-color: var(--bg-hover,hsl(var(--accent)));
3484
+ }
3485
+ }
3486
+ }
3487
+ .hover\:bg-\[var\(--btn-primary-hover\)\] {
3488
+ &:hover {
3489
+ @media (hover: hover) {
3490
+ background-color: var(--btn-primary-hover);
3491
+ }
3492
+ }
3493
+ }
3494
+ .hover\:bg-\[var\(--code-error\)\]\/24 {
3495
+ &:hover {
3496
+ @media (hover: hover) {
3497
+ background-color: var(--code-error);
3498
+ @supports (color: color-mix(in lab, red, red)) {
3499
+ background-color: color-mix(in oklab, var(--code-error) 24%, transparent);
3500
+ }
3501
+ }
3502
+ }
3503
+ }
3504
+ .hover\:bg-\[var\(--surface-danger-bg\)\] {
3505
+ &:hover {
3506
+ @media (hover: hover) {
3507
+ background-color: var(--surface-danger-bg);
3508
+ }
3509
+ }
3510
+ }
3511
+ .hover\:bg-\[var\(--surface-danger-border\)\] {
3512
+ &:hover {
3513
+ @media (hover: hover) {
3514
+ background-color: var(--surface-danger-border);
3515
+ }
3516
+ }
3517
+ }
3518
+ .hover\:bg-\[var\(--surface-success-border\)\] {
3519
+ &:hover {
3520
+ @media (hover: hover) {
3521
+ background-color: var(--surface-success-border);
3522
+ }
3523
+ }
3524
+ }
3525
+ .hover\:bg-blue-600\/30 {
3526
+ &:hover {
3527
+ @media (hover: hover) {
3528
+ background-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 30%, transparent);
3529
+ @supports (color: color-mix(in lab, red, red)) {
3530
+ background-color: color-mix(in oklab, var(--color-blue-600) 30%, transparent);
3531
+ }
3532
+ }
3533
+ }
3534
+ }
3535
+ .hover\:bg-green-600\/30 {
3536
+ &:hover {
3537
+ @media (hover: hover) {
3538
+ background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 30%, transparent);
3539
+ @supports (color: color-mix(in lab, red, red)) {
3540
+ background-color: color-mix(in oklab, var(--color-green-600) 30%, transparent);
3541
+ }
3542
+ }
3543
+ }
3544
+ }
3545
+ .hover\:bg-red-500\/10 {
3546
+ &:hover {
3547
+ @media (hover: hover) {
3548
+ background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
3549
+ @supports (color: color-mix(in lab, red, red)) {
3550
+ background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
3551
+ }
3552
+ }
3553
+ }
3554
+ }
3555
+ .hover\:bg-red-600\/30 {
3556
+ &:hover {
3557
+ @media (hover: hover) {
3558
+ background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 30%, transparent);
3559
+ @supports (color: color-mix(in lab, red, red)) {
3560
+ background-color: color-mix(in oklab, var(--color-red-600) 30%, transparent);
3561
+ }
3562
+ }
3563
+ }
3564
+ }
3565
+ .hover\:bg-red-700 {
3566
+ &:hover {
3567
+ @media (hover: hover) {
3568
+ background-color: var(--color-red-700);
3569
+ }
3570
+ }
3571
+ }
3572
+ .hover\:bg-transparent {
3573
+ &:hover {
3574
+ @media (hover: hover) {
3575
+ background-color: transparent;
3576
+ }
3577
+ }
3578
+ }
3579
+ .hover\:bg-yellow-600\/30 {
3580
+ &:hover {
3581
+ @media (hover: hover) {
3582
+ background-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 30%, transparent);
3583
+ @supports (color: color-mix(in lab, red, red)) {
3584
+ background-color: color-mix(in oklab, var(--color-yellow-600) 30%, transparent);
3585
+ }
3586
+ }
3587
+ }
3588
+ }
3589
+ .hover\:text-\[var\(--accent-text\)\] {
3590
+ &:hover {
3591
+ @media (hover: hover) {
3592
+ color: var(--accent-text);
3593
+ }
3594
+ }
3595
+ }
3596
+ .hover\:text-\[var\(--surface-danger-text\)\] {
3597
+ &:hover {
3598
+ @media (hover: hover) {
3599
+ color: var(--surface-danger-text);
3600
+ }
3601
+ }
3602
+ }
3603
+ .hover\:underline {
3604
+ &:hover {
3605
+ @media (hover: hover) {
3606
+ text-decoration-line: underline;
3607
+ }
3608
+ }
3609
+ }
3610
+ .hover\:opacity-80 {
3611
+ &:hover {
3612
+ @media (hover: hover) {
3613
+ opacity: 80%;
3614
+ }
3615
+ }
3616
+ }
3617
+ .hover\:opacity-100 {
3618
+ &:hover {
3619
+ @media (hover: hover) {
3620
+ opacity: 100%;
3621
+ }
3622
+ }
3623
+ }
3624
+ .hover\:shadow-md {
3625
+ &:hover {
3626
+ @media (hover: hover) {
3627
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3628
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3629
+ }
3630
+ }
3631
+ }
3632
+ .hover\:shadow-sm {
3633
+ &:hover {
3634
+ @media (hover: hover) {
3635
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3636
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3637
+ }
3638
+ }
3639
+ }
3640
+ .hover\:brightness-95 {
3641
+ &:hover {
3642
+ @media (hover: hover) {
3643
+ --tw-brightness: brightness(95%);
3644
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
3645
+ }
3646
+ }
3647
+ }
3648
+ .hover\:brightness-110 {
3649
+ &:hover {
3650
+ @media (hover: hover) {
3651
+ --tw-brightness: brightness(110%);
3652
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
3653
+ }
3654
+ }
3655
+ }
3656
+ .hover\:\[background\:var\(--chat-send-hover-bg\,var\(--accent-surface-strong\)\)\] {
3657
+ &:hover {
3658
+ @media (hover: hover) {
3659
+ background: var(--chat-send-hover-bg,var(--accent-surface-strong));
3660
+ }
3661
+ }
3662
+ }
3663
+ .focus\:border-\[var\(--border-accent-hover\)\] {
3664
+ &:focus {
3665
+ border-color: var(--border-accent-hover);
3666
+ }
3667
+ }
3668
+ .focus\:border-transparent {
3669
+ &:focus {
3670
+ border-color: transparent;
3671
+ }
3672
+ }
3673
+ .focus\:text-\[var\(--surface-danger-text\)\] {
3674
+ &:focus {
3675
+ color: var(--surface-danger-text);
3676
+ }
3677
+ }
3678
+ .focus\:text-red-400 {
3679
+ &:focus {
3680
+ color: var(--color-red-400);
3681
+ }
3682
+ }
3683
+ .focus\:ring-0 {
3684
+ &:focus {
3685
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3686
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3687
+ }
3688
+ }
3689
+ .focus\:ring-1 {
3690
+ &:focus {
3691
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3692
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3693
+ }
3694
+ }
3695
+ .focus\:ring-2 {
3696
+ &:focus {
3697
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3698
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3699
+ }
3700
+ }
3701
+ .focus\:ring-\[var\(--border-accent\)\] {
3702
+ &:focus {
3703
+ --tw-ring-color: var(--border-accent);
3704
+ }
3705
+ }
3706
+ .focus\:ring-\[var\(--surface-danger-border\)\] {
3707
+ &:focus {
3708
+ --tw-ring-color: var(--surface-danger-border);
3709
+ }
3710
+ }
3711
+ .focus\:ring-offset-0 {
3712
+ &:focus {
3713
+ --tw-ring-offset-width: 0px;
3714
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3715
+ }
3716
+ }
3717
+ .focus\:ring-offset-2 {
3718
+ &:focus {
3719
+ --tw-ring-offset-width: 2px;
3720
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3721
+ }
3722
+ }
3723
+ .focus\:outline-none {
3724
+ &:focus {
3725
+ --tw-outline-style: none;
3726
+ outline-style: none;
3727
+ }
3728
+ }
3729
+ .focus-visible\:opacity-100 {
3730
+ &:focus-visible {
3731
+ opacity: 100%;
3732
+ }
3733
+ }
3734
+ .focus-visible\:ring-1 {
3735
+ &:focus-visible {
3736
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3737
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3738
+ }
3739
+ }
3740
+ .focus-visible\:ring-2 {
3741
+ &:focus-visible {
3742
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3743
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3744
+ }
3745
+ }
3746
+ .focus-visible\:ring-\[var\(--border-accent\)\] {
3747
+ &:focus-visible {
3748
+ --tw-ring-color: var(--border-accent);
3749
+ }
3750
+ }
3751
+ .focus-visible\:ring-\[var\(--chat-send-ring\,var\(--border-accent\)\)\] {
3752
+ &:focus-visible {
3753
+ --tw-ring-color: var(--chat-send-ring,var(--border-accent));
3754
+ }
3755
+ }
3756
+ .focus-visible\:ring-\[var\(--code-error\)\]\/50 {
3757
+ &:focus-visible {
3758
+ --tw-ring-color: var(--code-error);
3759
+ @supports (color: color-mix(in lab, red, red)) {
3760
+ --tw-ring-color: color-mix(in oklab, var(--code-error) 50%, transparent);
3761
+ }
3762
+ }
3763
+ }
3764
+ .focus-visible\:ring-offset-2 {
3765
+ &:focus-visible {
3766
+ --tw-ring-offset-width: 2px;
3767
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3768
+ }
3769
+ }
3770
+ .focus-visible\:outline-none {
3771
+ &:focus-visible {
3772
+ --tw-outline-style: none;
3773
+ outline-style: none;
3774
+ }
3775
+ }
3776
+ .focus-visible\:ring-inset {
3777
+ &:focus-visible {
3778
+ --tw-ring-inset: inset;
3779
+ }
3780
+ }
3781
+ .active\:scale-90 {
3782
+ &:active {
3783
+ --tw-scale-x: 90%;
3784
+ --tw-scale-y: 90%;
3785
+ --tw-scale-z: 90%;
3786
+ scale: var(--tw-scale-x) var(--tw-scale-y);
3787
+ }
3788
+ }
3789
+ .active\:scale-95 {
3790
+ &:active {
3791
+ --tw-scale-x: 95%;
3792
+ --tw-scale-y: 95%;
3793
+ --tw-scale-z: 95%;
3794
+ scale: var(--tw-scale-x) var(--tw-scale-y);
3795
+ }
3796
+ }
3797
+ .active\:scale-\[0\.97\] {
3798
+ &:active {
3799
+ scale: 0.97;
3800
+ }
3801
+ }
3802
+ .active\:scale-\[0\.98\] {
3803
+ &:active {
3804
+ scale: 0.98;
3805
+ }
3806
+ }
3807
+ .active\:bg-\[var\(--border-accent\)\] {
3808
+ &:active {
3809
+ background-color: var(--border-accent);
3810
+ }
3811
+ }
3812
+ .disabled\:pointer-events-none {
3813
+ &:disabled {
3814
+ pointer-events: none;
3815
+ }
3816
+ }
3817
+ .disabled\:cursor-not-allowed {
3818
+ &:disabled {
3819
+ cursor: not-allowed;
3820
+ }
3821
+ }
3822
+ .disabled\:opacity-30 {
3823
+ &:disabled {
3824
+ opacity: 30%;
3825
+ }
3826
+ }
3827
+ .disabled\:opacity-50 {
3828
+ &:disabled {
3829
+ opacity: 50%;
3830
+ }
3831
+ }
3832
+ .data-\[disabled\]\:pointer-events-none {
3833
+ &[data-disabled] {
3834
+ pointer-events: none;
3835
+ }
3836
+ }
3837
+ .data-\[disabled\]\:opacity-50 {
3838
+ &[data-disabled] {
3839
+ opacity: 50%;
3840
+ }
3841
+ }
3842
+ .data-\[side\=bottom\]\:translate-y-1 {
3843
+ &[data-side="bottom"] {
3844
+ --tw-translate-y: calc(var(--spacing) * 1);
3845
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3846
+ }
3847
+ }
3848
+ .data-\[side\=left\]\:-translate-x-1 {
3849
+ &[data-side="left"] {
3850
+ --tw-translate-x: calc(var(--spacing) * -1);
3851
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3852
+ }
3853
+ }
3854
+ .data-\[side\=right\]\:translate-x-1 {
3855
+ &[data-side="right"] {
3856
+ --tw-translate-x: calc(var(--spacing) * 1);
3857
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3858
+ }
3859
+ }
3860
+ .data-\[side\=top\]\:-translate-y-1 {
3861
+ &[data-side="top"] {
3862
+ --tw-translate-y: calc(var(--spacing) * -1);
3863
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3864
+ }
3865
+ }
3866
+ .data-\[state\=active\]\:shadow-sm {
3867
+ &[data-state="active"] {
3868
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3869
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3870
+ }
3871
+ }
3872
+ .data-\[state\=checked\]\:translate-x-4 {
3873
+ &[data-state="checked"] {
3874
+ --tw-translate-x: calc(var(--spacing) * 4);
3875
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3876
+ }
3877
+ }
3878
+ .data-\[state\=checked\]\:bg-\[var\(--accent-surface-soft\)\] {
3879
+ &[data-state="checked"] {
3880
+ background-color: var(--accent-surface-soft);
3881
+ }
3882
+ }
3883
+ .data-\[state\=checked\]\:text-\[var\(--accent-text\)\] {
3884
+ &[data-state="checked"] {
3885
+ color: var(--accent-text);
3886
+ }
3887
+ }
3888
+ .data-\[state\=checked\]\:text-\[var\(--brand-primary\)\] {
3889
+ &[data-state="checked"] {
3890
+ color: var(--brand-primary);
3891
+ }
3892
+ }
3893
+ .data-\[state\=open\]\:rotate-180 {
3894
+ &[data-state="open"] {
3895
+ rotate: 180deg;
3896
+ }
3897
+ }
3898
+ .data-\[state\=unchecked\]\:translate-x-0 {
3899
+ &[data-state="unchecked"] {
3900
+ --tw-translate-x: calc(var(--spacing) * 0);
3901
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3902
+ }
3903
+ }
3904
+ .sm\:mx-4 {
3905
+ @media (width >= 40rem) {
3906
+ margin-inline: calc(var(--spacing) * 4);
3907
+ }
3908
+ }
3909
+ .sm\:ml-3 {
3910
+ @media (width >= 40rem) {
3911
+ margin-left: calc(var(--spacing) * 3);
3912
+ }
3913
+ }
3914
+ .sm\:inline {
3915
+ @media (width >= 40rem) {
3916
+ display: inline;
3917
+ }
3918
+ }
3919
+ .sm\:w-8 {
3920
+ @media (width >= 40rem) {
3921
+ width: calc(var(--spacing) * 8);
3922
+ }
3923
+ }
3924
+ .sm\:grid-cols-2 {
3925
+ @media (width >= 40rem) {
3926
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3927
+ }
3928
+ }
3929
+ .sm\:grid-cols-4 {
3930
+ @media (width >= 40rem) {
3931
+ grid-template-columns: repeat(4, minmax(0, 1fr));
3932
+ }
3933
+ }
3934
+ .sm\:flex-row {
3935
+ @media (width >= 40rem) {
3936
+ flex-direction: row;
3937
+ }
3938
+ }
3939
+ .sm\:flex-nowrap {
3940
+ @media (width >= 40rem) {
3941
+ flex-wrap: nowrap;
3942
+ }
3943
+ }
3944
+ .sm\:justify-between {
3945
+ @media (width >= 40rem) {
3946
+ justify-content: space-between;
3947
+ }
3948
+ }
3949
+ .sm\:justify-end {
3950
+ @media (width >= 40rem) {
3951
+ justify-content: flex-end;
3952
+ }
3953
+ }
3954
+ .sm\:space-x-2 {
3955
+ @media (width >= 40rem) {
3956
+ :where(& > :not(:last-child)) {
3957
+ --tw-space-x-reverse: 0;
3958
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
3959
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
3960
+ }
3961
+ }
3962
+ }
3963
+ .sm\:text-left {
3964
+ @media (width >= 40rem) {
3965
+ text-align: left;
3966
+ }
3967
+ }
3968
+ .sm\:text-5xl {
3969
+ @media (width >= 40rem) {
3970
+ font-size: var(--text-5xl);
3971
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
3972
+ }
3973
+ }
3974
+ .sm\:opacity-0 {
3975
+ @media (width >= 40rem) {
3976
+ opacity: 0%;
3977
+ }
3978
+ }
3979
+ .sm\:group-hover\:opacity-100 {
3980
+ @media (width >= 40rem) {
3981
+ &:is(:where(.group):hover *) {
3982
+ @media (hover: hover) {
3983
+ opacity: 100%;
3984
+ }
3985
+ }
3986
+ }
3987
+ }
3988
+ .sm\:focus-within\:opacity-100 {
3989
+ @media (width >= 40rem) {
3990
+ &:focus-within {
3991
+ opacity: 100%;
3992
+ }
3993
+ }
3994
+ }
3995
+ .md\:col-span-2 {
3996
+ @media (width >= 48rem) {
3997
+ grid-column: span 2 / span 2;
3998
+ }
3999
+ }
4000
+ .md\:mt-0 {
4001
+ @media (width >= 48rem) {
4002
+ margin-top: calc(var(--spacing) * 0);
4003
+ }
4004
+ }
4005
+ .md\:block {
4006
+ @media (width >= 48rem) {
4007
+ display: block;
4008
+ }
4009
+ }
4010
+ .md\:flex {
4011
+ @media (width >= 48rem) {
4012
+ display: flex;
4013
+ }
4014
+ }
4015
+ .md\:grid-cols-2 {
4016
+ @media (width >= 48rem) {
4017
+ grid-template-columns: repeat(2, minmax(0, 1fr));
4018
+ }
4019
+ }
4020
+ .md\:grid-cols-3 {
4021
+ @media (width >= 48rem) {
4022
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4023
+ }
4024
+ }
4025
+ .md\:grid-cols-4 {
4026
+ @media (width >= 48rem) {
4027
+ grid-template-columns: repeat(4, minmax(0, 1fr));
4028
+ }
4029
+ }
4030
+ .md\:flex-row {
4031
+ @media (width >= 48rem) {
4032
+ flex-direction: row;
4033
+ }
4034
+ }
4035
+ .md\:items-center {
4036
+ @media (width >= 48rem) {
4037
+ align-items: center;
4038
+ }
4039
+ }
4040
+ .md\:items-end {
4041
+ @media (width >= 48rem) {
4042
+ align-items: flex-end;
4043
+ }
4044
+ }
4045
+ .md\:justify-between {
4046
+ @media (width >= 48rem) {
4047
+ justify-content: space-between;
4048
+ }
4049
+ }
4050
+ .lg\:col-span-1 {
4051
+ @media (width >= 64rem) {
4052
+ grid-column: span 1 / span 1;
4053
+ }
4054
+ }
4055
+ .lg\:block {
4056
+ @media (width >= 64rem) {
4057
+ display: block;
4058
+ }
4059
+ }
4060
+ .lg\:flex {
4061
+ @media (width >= 64rem) {
4062
+ display: flex;
4063
+ }
4064
+ }
4065
+ .lg\:hidden {
4066
+ @media (width >= 64rem) {
4067
+ display: none;
4068
+ }
4069
+ }
4070
+ .lg\:grid-cols-3 {
4071
+ @media (width >= 64rem) {
4072
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4073
+ }
4074
+ }
4075
+ .lg\:grid-cols-4 {
4076
+ @media (width >= 64rem) {
4077
+ grid-template-columns: repeat(4, minmax(0, 1fr));
4078
+ }
4079
+ }
4080
+ .lg\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(20rem\,0\.9fr\)\] {
4081
+ @media (width >= 64rem) {
4082
+ grid-template-columns: minmax(0,1.35fr) minmax(20rem,0.9fr);
4083
+ }
4084
+ }
4085
+ .lg\:flex-col {
4086
+ @media (width >= 64rem) {
4087
+ flex-direction: column;
4088
+ }
4089
+ }
4090
+ .lg\:p-4 {
4091
+ @media (width >= 64rem) {
4092
+ padding: calc(var(--spacing) * 4);
4093
+ }
4094
+ }
4095
+ .xl\:col-span-4 {
4096
+ @media (width >= 80rem) {
4097
+ grid-column: span 4 / span 4;
4098
+ }
4099
+ }
4100
+ .xl\:col-span-8 {
4101
+ @media (width >= 80rem) {
4102
+ grid-column: span 8 / span 8;
4103
+ }
4104
+ }
4105
+ .xl\:grid-cols-4 {
4106
+ @media (width >= 80rem) {
4107
+ grid-template-columns: repeat(4, minmax(0, 1fr));
4108
+ }
4109
+ }
4110
+ .dark\:text-neutral-500 {
4111
+ @media (prefers-color-scheme: dark) {
4112
+ color: var(--color-neutral-500);
4113
+ }
4114
+ }
4115
+ .\[\&_svg\]\:pointer-events-none {
4116
+ & svg {
4117
+ pointer-events: none;
4118
+ }
4119
+ }
4120
+ .\[\&_svg\]\:size-4 {
4121
+ & svg {
4122
+ width: calc(var(--spacing) * 4);
4123
+ height: calc(var(--spacing) * 4);
4124
+ }
4125
+ }
4126
+ .\[\&_svg\]\:h-\[18px\] {
4127
+ & svg {
4128
+ height: 18px;
4129
+ }
4130
+ }
4131
+ .\[\&_svg\]\:w-\[18px\] {
4132
+ & svg {
4133
+ width: 18px;
4134
+ }
4135
+ }
4136
+ .\[\&_svg\]\:shrink-0 {
4137
+ & svg {
4138
+ flex-shrink: 0;
4139
+ }
4140
+ }
4141
+ .\[\&_tr\]\:border-b {
4142
+ & tr {
4143
+ border-bottom-style: var(--tw-border-style);
4144
+ border-bottom-width: 1px;
4145
+ }
4146
+ }
4147
+ .\[\&_tr\:last-child\]\:border-0 {
4148
+ & tr:last-child {
4149
+ border-style: var(--tw-border-style);
4150
+ border-width: 0px;
4151
+ }
4152
+ }
4153
+ .\[\&\:\:-moz-range-track\]\:h-2 {
4154
+ &::-moz-range-track {
4155
+ height: calc(var(--spacing) * 2);
4156
+ }
4157
+ }
4158
+ .\[\&\:\:-moz-range-track\]\:rounded-full {
4159
+ &::-moz-range-track {
4160
+ border-radius: calc(infinity * 1px);
4161
+ }
4162
+ }
4163
+ .\[\&\:\:-webkit-slider-runnable-track\]\:h-2 {
4164
+ &::-webkit-slider-runnable-track {
4165
+ height: calc(var(--spacing) * 2);
4166
+ }
4167
+ }
4168
+ .\[\&\:\:-webkit-slider-runnable-track\]\:rounded-full {
4169
+ &::-webkit-slider-runnable-track {
4170
+ border-radius: calc(infinity * 1px);
4171
+ }
4172
+ }
4173
+ .\[\&\:\:-webkit-slider-thumb\]\:-mt-\[6px\] {
4174
+ &::-webkit-slider-thumb {
4175
+ margin-top: calc(6px * -1);
4176
+ }
4177
+ }
4178
+ .\[\&\:\:-webkit-slider-thumb\]\:h-5 {
4179
+ &::-webkit-slider-thumb {
4180
+ height: calc(var(--spacing) * 5);
4181
+ }
4182
+ }
4183
+ .\[\&\:\:-webkit-slider-thumb\]\:w-5 {
4184
+ &::-webkit-slider-thumb {
4185
+ width: calc(var(--spacing) * 5);
4186
+ }
4187
+ }
4188
+ .\[\&\:\:-webkit-slider-thumb\]\:appearance-none {
4189
+ &::-webkit-slider-thumb {
4190
+ appearance: none;
4191
+ }
4192
+ }
4193
+ .\[\&\:\:-webkit-slider-thumb\]\:rounded-full {
4194
+ &::-webkit-slider-thumb {
4195
+ border-radius: calc(infinity * 1px);
4196
+ }
4197
+ }
4198
+ .\[\&\:\:-webkit-slider-thumb\]\:border-2 {
4199
+ &::-webkit-slider-thumb {
4200
+ border-style: var(--tw-border-style);
4201
+ border-width: 2px;
4202
+ }
4203
+ }
4204
+ .\[\&\:\:-webkit-slider-thumb\]\:shadow-md {
4205
+ &::-webkit-slider-thumb {
4206
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
4207
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4208
+ }
4209
+ }
4210
+ .\[\&\:\:-webkit-slider-thumb\]\:transition-transform {
4211
+ &::-webkit-slider-thumb {
4212
+ transition-property: transform, translate, scale, rotate;
4213
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
4214
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
4215
+ }
4216
+ }
4217
+ .\[\&\:\:-webkit-slider-thumb\]\:hover\:scale-110 {
4218
+ &::-webkit-slider-thumb {
4219
+ &:hover {
4220
+ @media (hover: hover) {
4221
+ --tw-scale-x: 110%;
4222
+ --tw-scale-y: 110%;
4223
+ --tw-scale-z: 110%;
4224
+ scale: var(--tw-scale-x) var(--tw-scale-y);
4225
+ }
4226
+ }
4227
+ }
4228
+ }
4229
+ .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
4230
+ &:has([role=checkbox]) {
4231
+ padding-right: calc(var(--spacing) * 0);
4232
+ }
4233
+ }
4234
+ .\[\&\>span\]\:line-clamp-1 {
4235
+ &>span {
4236
+ overflow: hidden;
4237
+ display: -webkit-box;
4238
+ -webkit-box-orient: vertical;
4239
+ -webkit-line-clamp: 1;
4240
+ }
4241
+ }
4242
+ .\[\&\>tr\]\:last\:border-b-0 {
4243
+ &>tr {
4244
+ &:last-child {
4245
+ border-bottom-style: var(--tw-border-style);
4246
+ border-bottom-width: 0px;
4247
+ }
4248
+ }
4249
+ }
4250
+ }
8
4251
  @layer base {
9
4252
  :root {
10
4253
  --sandbox: var(--primary);
11
4254
  --sandbox-glow: var(--info);
12
4255
  }
13
-
14
4256
  * {
15
4257
  border-color: hsl(var(--border));
16
4258
  }
17
-
18
4259
  body {
19
4260
  -webkit-font-smoothing: antialiased;
20
4261
  -moz-osx-font-smoothing: grayscale;
21
4262
  background-color: hsl(var(--background));
22
4263
  color: hsl(var(--foreground));
23
4264
  font-family: var(--font-sans);
24
- font-feature-settings:
25
- "rlig" 1,
4265
+ font-feature-settings: "rlig" 1,
26
4266
  "calt" 1,
27
4267
  "ss01" 1;
28
4268
  }
29
-
30
4269
  ::selection {
31
4270
  background: rgba(56, 178, 172, 0.22);
32
4271
  color: hsl(var(--hsl-foreground));
33
4272
  }
34
-
35
- /* Custom scrollbar */
36
4273
  ::-webkit-scrollbar {
37
4274
  width: 6px;
38
4275
  height: 6px;
39
4276
  }
40
-
41
4277
  ::-webkit-scrollbar-track {
42
4278
  background: transparent;
43
4279
  }
44
-
45
4280
  ::-webkit-scrollbar-thumb {
46
4281
  background: hsl(var(--border) / 0.7);
47
4282
  border-radius: 3px;
48
4283
  }
49
-
50
4284
  ::-webkit-scrollbar-thumb:hover {
51
4285
  background: hsl(var(--muted-foreground) / 0.4);
52
4286
  }
53
4287
  }
54
-
55
4288
  @layer utilities {
56
- /* Gradient text -- Tangle default accent */
57
4289
  .text-gradient-sandbox {
58
4290
  background-image: var(--tangle-gradient);
59
4291
  background-clip: text;
60
4292
  -webkit-background-clip: text;
61
4293
  color: transparent;
62
4294
  }
63
-
64
- /* Glow effects */
65
4295
  .glow-sandbox {
66
4296
  box-shadow: 0 0 48px -10px hsl(var(--sandbox) / 0.45);
67
4297
  }
68
-
69
- /* Solid depth cards */
70
4298
  .glass-card {
71
- background: var(--depth-2);
72
- border: 1px solid var(--border-subtle);
4299
+ background: hsl(var(--card));
4300
+ border: 1px solid hsl(var(--border));
73
4301
  transition: border-color var(--transition-default), box-shadow var(--transition-default);
74
4302
  }
75
-
76
4303
  .glass-card:hover {
77
- border-color: var(--border-default);
4304
+ border-color: hsl(var(--border));
78
4305
  }
79
-
80
4306
  .glass-card-strong {
81
- background: var(--depth-3);
82
- border: 1px solid var(--border-subtle);
4307
+ background: hsl(var(--muted));
4308
+ border: 1px solid hsl(var(--border));
4309
+ }
4310
+ .glass-panel {
4311
+ background: hsl(var(--card) / 0.4);
4312
+ backdrop-filter: blur(20px);
4313
+ -webkit-backdrop-filter: blur(20px);
4314
+ border: 1px solid hsl(var(--primary) / 0.1);
4315
+ box-shadow: 0 4px 30px hsl(var(--background) / 0.3);
4316
+ }
4317
+ .glass-panel-heavy {
4318
+ background: hsl(var(--card) / 0.7);
4319
+ backdrop-filter: blur(24px);
4320
+ -webkit-backdrop-filter: blur(24px);
4321
+ border: 1px solid hsl(var(--primary) / 0.12);
4322
+ box-shadow: 0 8px 32px hsl(var(--background) / 0.5);
4323
+ }
4324
+ .glass-panel:hover {
4325
+ border-color: hsl(var(--primary) / 0.25);
4326
+ }
4327
+ .glow-primary {
4328
+ box-shadow: 0 0 40px hsl(var(--primary) / 0.25);
4329
+ transition: box-shadow 0.4s ease-in-out;
4330
+ }
4331
+ .glow-primary:hover {
4332
+ box-shadow: 0 0 60px hsl(var(--primary) / 0.4);
4333
+ }
4334
+ .text-glow {
4335
+ text-shadow: 0 0 16px hsl(var(--primary) / 0.6);
4336
+ }
4337
+ .gradient-text {
4338
+ background: linear-gradient(135deg, hsl(var(--primary) / 0.7) 0%, hsl(var(--primary)) 100%);
4339
+ -webkit-background-clip: text;
4340
+ -webkit-text-fill-color: transparent;
4341
+ background-clip: text;
4342
+ }
4343
+ .gradient-bg {
4344
+ background: linear-gradient(135deg, hsl(var(--primary) / 0.1) 0%, hsl(var(--primary) / 0.05) 100%);
4345
+ }
4346
+ .neural-mesh {
4347
+ background-image: radial-gradient(
4348
+ circle at 2px 2px,
4349
+ hsl(var(--primary) / 0.07) 1px,
4350
+ transparent 0
4351
+ );
4352
+ background-size: 32px 32px;
4353
+ }
4354
+ .nav-active-indicator {
4355
+ position: relative;
4356
+ }
4357
+ .nav-active-indicator::before {
4358
+ content: "";
4359
+ position: absolute;
4360
+ left: 0;
4361
+ top: 50%;
4362
+ transform: translateY(-50%);
4363
+ height: 60%;
4364
+ width: 3px;
4365
+ background-color: hsl(var(--primary));
4366
+ border-radius: 0 4px 4px 0;
4367
+ box-shadow: 0 0 10px hsl(var(--primary));
83
4368
  }
84
-
85
- /* Legacy alias */
86
4369
  .glass {
87
4370
  background-color: var(--depth-2);
88
4371
  border: 1px solid var(--border-subtle);
89
4372
  }
90
-
91
- /* Atmospheric mesh gradient background */
92
4373
  .bg-mesh {
93
4374
  position: relative;
94
4375
  }
95
-
96
4376
  .bg-mesh::before {
97
4377
  content: '';
98
4378
  position: absolute;
99
4379
  inset: 0;
100
- background:
101
- radial-gradient(ellipse 80% 50% at 20% 40%, var(--mesh-teal), transparent),
4380
+ background: radial-gradient(ellipse 80% 50% at 20% 40%, var(--mesh-teal), transparent),
102
4381
  radial-gradient(ellipse 60% 40% at 80% 20%, var(--mesh-violet), transparent),
103
4382
  radial-gradient(ellipse 50% 60% at 50% 80%, var(--mesh-blue), transparent);
104
4383
  pointer-events: none;
105
4384
  z-index: 0;
106
4385
  }
107
-
108
- /* Subtle noise texture */
109
4386
  .noise {
110
4387
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");
111
4388
  pointer-events: none;
112
4389
  }
113
-
114
- /* Status dots — operational state indicators */
115
4390
  .status-dot {
116
4391
  width: 8px;
117
4392
  height: 8px;
@@ -119,40 +4394,31 @@
119
4394
  display: inline-block;
120
4395
  flex-shrink: 0;
121
4396
  }
122
-
123
4397
  .status-dot-running {
124
4398
  background: var(--status-running);
125
4399
  box-shadow: var(--shadow-status-running);
126
4400
  }
127
-
128
4401
  .status-dot-creating {
129
4402
  background: var(--status-creating);
130
4403
  animation: status-pulse 2s ease-in-out infinite;
131
4404
  }
132
-
133
4405
  .status-dot-stopped {
134
4406
  background: var(--status-stopped);
135
4407
  }
136
-
137
4408
  .status-dot-warm {
138
4409
  background: var(--status-warm);
139
4410
  }
140
-
141
4411
  .status-dot-cold {
142
4412
  background: var(--status-cold);
143
4413
  }
144
-
145
4414
  .status-dot-error {
146
4415
  background: var(--status-error);
147
4416
  box-shadow: var(--shadow-status-error);
148
4417
  }
149
-
150
4418
  .status-dot-deleted {
151
4419
  background: var(--status-deleted);
152
4420
  opacity: 0.6;
153
4421
  }
154
-
155
- /* Terminal cursor */
156
4422
  .terminal-cursor {
157
4423
  display: inline-block;
158
4424
  width: 0.5rem;
@@ -160,8 +4426,6 @@
160
4426
  background-color: hsl(var(--foreground));
161
4427
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
162
4428
  }
163
-
164
- /* Shimmer animation */
165
4429
  .shimmer {
166
4430
  background: linear-gradient(
167
4431
  90deg,
@@ -172,17 +4436,12 @@
172
4436
  background-size: 200% 100%;
173
4437
  animation: shimmer 2s infinite;
174
4438
  }
175
-
176
- /* Fade in animation */
177
4439
  .animate-in {
178
4440
  animation: fade-in 0.25s ease-out;
179
4441
  }
180
-
181
- /* Pulse ring animation */
182
4442
  .pulse-ring {
183
4443
  position: relative;
184
4444
  }
185
-
186
4445
  .pulse-ring::before {
187
4446
  content: "";
188
4447
  position: absolute;
@@ -190,24 +4449,483 @@
190
4449
  border-radius: 9999px;
191
4450
  animation: pulse-ring 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
192
4451
  }
193
-
194
4452
  @keyframes shimmer {
195
- 0% { background-position: -200% 0; }
196
- 100% { background-position: 200% 0; }
4453
+ 0% {
4454
+ background-position: -200% 0;
4455
+ }
4456
+ 100% {
4457
+ background-position: 200% 0;
4458
+ }
197
4459
  }
198
-
199
4460
  @keyframes fade-in {
200
- from { opacity: 0; transform: translateY(8px); }
201
- to { opacity: 1; transform: translateY(0); }
4461
+ from {
4462
+ opacity: 0;
4463
+ transform: translateY(8px);
4464
+ }
4465
+ to {
4466
+ opacity: 1;
4467
+ transform: translateY(0);
4468
+ }
202
4469
  }
203
-
204
4470
  @keyframes pulse-ring {
205
- 0%, 100% { box-shadow: 0 0 0 0 currentColor; opacity: 0.4; }
206
- 50% { box-shadow: 0 0 0 8px currentColor; opacity: 0; }
4471
+ 0%, 100% {
4472
+ box-shadow: 0 0 0 0 currentColor;
4473
+ opacity: 0.4;
4474
+ }
4475
+ 50% {
4476
+ box-shadow: 0 0 0 8px currentColor;
4477
+ opacity: 0;
4478
+ }
207
4479
  }
208
-
209
4480
  @keyframes status-pulse {
210
- 0%, 100% { opacity: 1; }
211
- 50% { opacity: 0.35; }
4481
+ 0%, 100% {
4482
+ opacity: 1;
4483
+ }
4484
+ 50% {
4485
+ opacity: 0.35;
4486
+ }
4487
+ }
4488
+ }
4489
+ [data-sandbox-theme="vault"] .glass-panel {
4490
+ background: hsl(var(--card));
4491
+ backdrop-filter: none;
4492
+ -webkit-backdrop-filter: none;
4493
+ border-color: hsl(var(--border));
4494
+ box-shadow: var(--shadow-card);
4495
+ }
4496
+ [data-sandbox-theme="vault"] .glass-panel:hover {
4497
+ border-color: hsl(var(--foreground) / 0.15);
4498
+ }
4499
+ [data-sandbox-theme="vault"] .glass-panel-heavy {
4500
+ background: hsl(var(--card));
4501
+ backdrop-filter: none;
4502
+ -webkit-backdrop-filter: none;
4503
+ border-color: hsl(var(--border));
4504
+ box-shadow: var(--shadow-card);
4505
+ }
4506
+ [data-sandbox-theme="vault"] .glow-primary {
4507
+ box-shadow: none;
4508
+ }
4509
+ [data-sandbox-theme="vault"] .glow-primary:hover {
4510
+ box-shadow: none;
4511
+ }
4512
+ @property --tw-translate-x {
4513
+ syntax: "*";
4514
+ inherits: false;
4515
+ initial-value: 0;
4516
+ }
4517
+ @property --tw-translate-y {
4518
+ syntax: "*";
4519
+ inherits: false;
4520
+ initial-value: 0;
4521
+ }
4522
+ @property --tw-translate-z {
4523
+ syntax: "*";
4524
+ inherits: false;
4525
+ initial-value: 0;
4526
+ }
4527
+ @property --tw-rotate-x {
4528
+ syntax: "*";
4529
+ inherits: false;
4530
+ }
4531
+ @property --tw-rotate-y {
4532
+ syntax: "*";
4533
+ inherits: false;
4534
+ }
4535
+ @property --tw-rotate-z {
4536
+ syntax: "*";
4537
+ inherits: false;
4538
+ }
4539
+ @property --tw-skew-x {
4540
+ syntax: "*";
4541
+ inherits: false;
4542
+ }
4543
+ @property --tw-skew-y {
4544
+ syntax: "*";
4545
+ inherits: false;
4546
+ }
4547
+ @property --tw-space-y-reverse {
4548
+ syntax: "*";
4549
+ inherits: false;
4550
+ initial-value: 0;
4551
+ }
4552
+ @property --tw-space-x-reverse {
4553
+ syntax: "*";
4554
+ inherits: false;
4555
+ initial-value: 0;
4556
+ }
4557
+ @property --tw-divide-y-reverse {
4558
+ syntax: "*";
4559
+ inherits: false;
4560
+ initial-value: 0;
4561
+ }
4562
+ @property --tw-border-style {
4563
+ syntax: "*";
4564
+ inherits: false;
4565
+ initial-value: solid;
4566
+ }
4567
+ @property --tw-gradient-position {
4568
+ syntax: "*";
4569
+ inherits: false;
4570
+ }
4571
+ @property --tw-gradient-from {
4572
+ syntax: "<color>";
4573
+ inherits: false;
4574
+ initial-value: #0000;
4575
+ }
4576
+ @property --tw-gradient-via {
4577
+ syntax: "<color>";
4578
+ inherits: false;
4579
+ initial-value: #0000;
4580
+ }
4581
+ @property --tw-gradient-to {
4582
+ syntax: "<color>";
4583
+ inherits: false;
4584
+ initial-value: #0000;
4585
+ }
4586
+ @property --tw-gradient-stops {
4587
+ syntax: "*";
4588
+ inherits: false;
4589
+ }
4590
+ @property --tw-gradient-via-stops {
4591
+ syntax: "*";
4592
+ inherits: false;
4593
+ }
4594
+ @property --tw-gradient-from-position {
4595
+ syntax: "<length-percentage>";
4596
+ inherits: false;
4597
+ initial-value: 0%;
4598
+ }
4599
+ @property --tw-gradient-via-position {
4600
+ syntax: "<length-percentage>";
4601
+ inherits: false;
4602
+ initial-value: 50%;
4603
+ }
4604
+ @property --tw-gradient-to-position {
4605
+ syntax: "<length-percentage>";
4606
+ inherits: false;
4607
+ initial-value: 100%;
4608
+ }
4609
+ @property --tw-leading {
4610
+ syntax: "*";
4611
+ inherits: false;
4612
+ }
4613
+ @property --tw-font-weight {
4614
+ syntax: "*";
4615
+ inherits: false;
4616
+ }
4617
+ @property --tw-tracking {
4618
+ syntax: "*";
4619
+ inherits: false;
4620
+ }
4621
+ @property --tw-ordinal {
4622
+ syntax: "*";
4623
+ inherits: false;
4624
+ }
4625
+ @property --tw-slashed-zero {
4626
+ syntax: "*";
4627
+ inherits: false;
4628
+ }
4629
+ @property --tw-numeric-figure {
4630
+ syntax: "*";
4631
+ inherits: false;
4632
+ }
4633
+ @property --tw-numeric-spacing {
4634
+ syntax: "*";
4635
+ inherits: false;
4636
+ }
4637
+ @property --tw-numeric-fraction {
4638
+ syntax: "*";
4639
+ inherits: false;
4640
+ }
4641
+ @property --tw-shadow {
4642
+ syntax: "*";
4643
+ inherits: false;
4644
+ initial-value: 0 0 #0000;
4645
+ }
4646
+ @property --tw-shadow-color {
4647
+ syntax: "*";
4648
+ inherits: false;
4649
+ }
4650
+ @property --tw-shadow-alpha {
4651
+ syntax: "<percentage>";
4652
+ inherits: false;
4653
+ initial-value: 100%;
4654
+ }
4655
+ @property --tw-inset-shadow {
4656
+ syntax: "*";
4657
+ inherits: false;
4658
+ initial-value: 0 0 #0000;
4659
+ }
4660
+ @property --tw-inset-shadow-color {
4661
+ syntax: "*";
4662
+ inherits: false;
4663
+ }
4664
+ @property --tw-inset-shadow-alpha {
4665
+ syntax: "<percentage>";
4666
+ inherits: false;
4667
+ initial-value: 100%;
4668
+ }
4669
+ @property --tw-ring-color {
4670
+ syntax: "*";
4671
+ inherits: false;
4672
+ }
4673
+ @property --tw-ring-shadow {
4674
+ syntax: "*";
4675
+ inherits: false;
4676
+ initial-value: 0 0 #0000;
4677
+ }
4678
+ @property --tw-inset-ring-color {
4679
+ syntax: "*";
4680
+ inherits: false;
4681
+ }
4682
+ @property --tw-inset-ring-shadow {
4683
+ syntax: "*";
4684
+ inherits: false;
4685
+ initial-value: 0 0 #0000;
4686
+ }
4687
+ @property --tw-ring-inset {
4688
+ syntax: "*";
4689
+ inherits: false;
4690
+ }
4691
+ @property --tw-ring-offset-width {
4692
+ syntax: "<length>";
4693
+ inherits: false;
4694
+ initial-value: 0px;
4695
+ }
4696
+ @property --tw-ring-offset-color {
4697
+ syntax: "*";
4698
+ inherits: false;
4699
+ initial-value: #fff;
4700
+ }
4701
+ @property --tw-ring-offset-shadow {
4702
+ syntax: "*";
4703
+ inherits: false;
4704
+ initial-value: 0 0 #0000;
4705
+ }
4706
+ @property --tw-outline-style {
4707
+ syntax: "*";
4708
+ inherits: false;
4709
+ initial-value: solid;
4710
+ }
4711
+ @property --tw-blur {
4712
+ syntax: "*";
4713
+ inherits: false;
4714
+ }
4715
+ @property --tw-brightness {
4716
+ syntax: "*";
4717
+ inherits: false;
4718
+ }
4719
+ @property --tw-contrast {
4720
+ syntax: "*";
4721
+ inherits: false;
4722
+ }
4723
+ @property --tw-grayscale {
4724
+ syntax: "*";
4725
+ inherits: false;
4726
+ }
4727
+ @property --tw-hue-rotate {
4728
+ syntax: "*";
4729
+ inherits: false;
4730
+ }
4731
+ @property --tw-invert {
4732
+ syntax: "*";
4733
+ inherits: false;
4734
+ }
4735
+ @property --tw-opacity {
4736
+ syntax: "*";
4737
+ inherits: false;
4738
+ }
4739
+ @property --tw-saturate {
4740
+ syntax: "*";
4741
+ inherits: false;
4742
+ }
4743
+ @property --tw-sepia {
4744
+ syntax: "*";
4745
+ inherits: false;
4746
+ }
4747
+ @property --tw-drop-shadow {
4748
+ syntax: "*";
4749
+ inherits: false;
4750
+ }
4751
+ @property --tw-drop-shadow-color {
4752
+ syntax: "*";
4753
+ inherits: false;
4754
+ }
4755
+ @property --tw-drop-shadow-alpha {
4756
+ syntax: "<percentage>";
4757
+ inherits: false;
4758
+ initial-value: 100%;
4759
+ }
4760
+ @property --tw-drop-shadow-size {
4761
+ syntax: "*";
4762
+ inherits: false;
4763
+ }
4764
+ @property --tw-backdrop-blur {
4765
+ syntax: "*";
4766
+ inherits: false;
4767
+ }
4768
+ @property --tw-backdrop-brightness {
4769
+ syntax: "*";
4770
+ inherits: false;
4771
+ }
4772
+ @property --tw-backdrop-contrast {
4773
+ syntax: "*";
4774
+ inherits: false;
4775
+ }
4776
+ @property --tw-backdrop-grayscale {
4777
+ syntax: "*";
4778
+ inherits: false;
4779
+ }
4780
+ @property --tw-backdrop-hue-rotate {
4781
+ syntax: "*";
4782
+ inherits: false;
4783
+ }
4784
+ @property --tw-backdrop-invert {
4785
+ syntax: "*";
4786
+ inherits: false;
4787
+ }
4788
+ @property --tw-backdrop-opacity {
4789
+ syntax: "*";
4790
+ inherits: false;
4791
+ }
4792
+ @property --tw-backdrop-saturate {
4793
+ syntax: "*";
4794
+ inherits: false;
4795
+ }
4796
+ @property --tw-backdrop-sepia {
4797
+ syntax: "*";
4798
+ inherits: false;
4799
+ }
4800
+ @property --tw-duration {
4801
+ syntax: "*";
4802
+ inherits: false;
4803
+ }
4804
+ @property --tw-ease {
4805
+ syntax: "*";
4806
+ inherits: false;
4807
+ }
4808
+ @property --tw-content {
4809
+ syntax: "*";
4810
+ initial-value: "";
4811
+ inherits: false;
4812
+ }
4813
+ @property --tw-scale-x {
4814
+ syntax: "*";
4815
+ inherits: false;
4816
+ initial-value: 1;
4817
+ }
4818
+ @property --tw-scale-y {
4819
+ syntax: "*";
4820
+ inherits: false;
4821
+ initial-value: 1;
4822
+ }
4823
+ @property --tw-scale-z {
4824
+ syntax: "*";
4825
+ inherits: false;
4826
+ initial-value: 1;
4827
+ }
4828
+ @keyframes spin {
4829
+ to {
4830
+ transform: rotate(360deg);
4831
+ }
4832
+ }
4833
+ @keyframes ping {
4834
+ 75%, 100% {
4835
+ transform: scale(2);
4836
+ opacity: 0;
4837
+ }
4838
+ }
4839
+ @keyframes pulse {
4840
+ 50% {
4841
+ opacity: 0.5;
4842
+ }
4843
+ }
4844
+ @keyframes bounce {
4845
+ 0%, 100% {
4846
+ transform: translateY(-25%);
4847
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
4848
+ }
4849
+ 50% {
4850
+ transform: none;
4851
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
4852
+ }
4853
+ }
4854
+ @layer properties {
4855
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
4856
+ *, ::before, ::after, ::backdrop {
4857
+ --tw-translate-x: 0;
4858
+ --tw-translate-y: 0;
4859
+ --tw-translate-z: 0;
4860
+ --tw-rotate-x: initial;
4861
+ --tw-rotate-y: initial;
4862
+ --tw-rotate-z: initial;
4863
+ --tw-skew-x: initial;
4864
+ --tw-skew-y: initial;
4865
+ --tw-space-y-reverse: 0;
4866
+ --tw-space-x-reverse: 0;
4867
+ --tw-divide-y-reverse: 0;
4868
+ --tw-border-style: solid;
4869
+ --tw-gradient-position: initial;
4870
+ --tw-gradient-from: #0000;
4871
+ --tw-gradient-via: #0000;
4872
+ --tw-gradient-to: #0000;
4873
+ --tw-gradient-stops: initial;
4874
+ --tw-gradient-via-stops: initial;
4875
+ --tw-gradient-from-position: 0%;
4876
+ --tw-gradient-via-position: 50%;
4877
+ --tw-gradient-to-position: 100%;
4878
+ --tw-leading: initial;
4879
+ --tw-font-weight: initial;
4880
+ --tw-tracking: initial;
4881
+ --tw-ordinal: initial;
4882
+ --tw-slashed-zero: initial;
4883
+ --tw-numeric-figure: initial;
4884
+ --tw-numeric-spacing: initial;
4885
+ --tw-numeric-fraction: initial;
4886
+ --tw-shadow: 0 0 #0000;
4887
+ --tw-shadow-color: initial;
4888
+ --tw-shadow-alpha: 100%;
4889
+ --tw-inset-shadow: 0 0 #0000;
4890
+ --tw-inset-shadow-color: initial;
4891
+ --tw-inset-shadow-alpha: 100%;
4892
+ --tw-ring-color: initial;
4893
+ --tw-ring-shadow: 0 0 #0000;
4894
+ --tw-inset-ring-color: initial;
4895
+ --tw-inset-ring-shadow: 0 0 #0000;
4896
+ --tw-ring-inset: initial;
4897
+ --tw-ring-offset-width: 0px;
4898
+ --tw-ring-offset-color: #fff;
4899
+ --tw-ring-offset-shadow: 0 0 #0000;
4900
+ --tw-outline-style: solid;
4901
+ --tw-blur: initial;
4902
+ --tw-brightness: initial;
4903
+ --tw-contrast: initial;
4904
+ --tw-grayscale: initial;
4905
+ --tw-hue-rotate: initial;
4906
+ --tw-invert: initial;
4907
+ --tw-opacity: initial;
4908
+ --tw-saturate: initial;
4909
+ --tw-sepia: initial;
4910
+ --tw-drop-shadow: initial;
4911
+ --tw-drop-shadow-color: initial;
4912
+ --tw-drop-shadow-alpha: 100%;
4913
+ --tw-drop-shadow-size: initial;
4914
+ --tw-backdrop-blur: initial;
4915
+ --tw-backdrop-brightness: initial;
4916
+ --tw-backdrop-contrast: initial;
4917
+ --tw-backdrop-grayscale: initial;
4918
+ --tw-backdrop-hue-rotate: initial;
4919
+ --tw-backdrop-invert: initial;
4920
+ --tw-backdrop-opacity: initial;
4921
+ --tw-backdrop-saturate: initial;
4922
+ --tw-backdrop-sepia: initial;
4923
+ --tw-duration: initial;
4924
+ --tw-ease: initial;
4925
+ --tw-content: "";
4926
+ --tw-scale-x: 1;
4927
+ --tw-scale-y: 1;
4928
+ --tw-scale-z: 1;
4929
+ }
212
4930
  }
213
4931
  }