@yushaw/sanqian-chat 0.1.1 → 0.2.1

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.
@@ -0,0 +1,3227 @@
1
+ /* Auto-generated from coreCss.ts - DO NOT EDIT */
2
+ /* Run: npm run build:css */
3
+
4
+ /**
5
+ * @yushaw/sanqian-chat CSS Variables
6
+ *
7
+ * Design tokens for chat UI theming.
8
+ * Based on Sanqian Notes design system for consistency.
9
+ *
10
+ * Usage in Tailwind:
11
+ * - bg-chat-bg, text-chat-text, border-chat-border, etc.
12
+ */
13
+
14
+ /* ========================================
15
+ Base Font (Sanqian style)
16
+ ======================================== */
17
+ .chat-window-container,
18
+ .chat-input-form,
19
+ [class*="chat-"] {
20
+ font-family: system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei UI', 'Microsoft YaHei', sans-serif;
21
+ }
22
+
23
+ /* ========================================
24
+ Prevent text selection on UI elements
25
+ ======================================== */
26
+ .chat-window-container,
27
+ .chat-header-icon-btn,
28
+ .chat-header-logo,
29
+ .chat-logo-wrapper,
30
+ .chat-tooltip,
31
+ .chat-divider-border {
32
+ -webkit-user-select: none;
33
+ user-select: none;
34
+ }
35
+
36
+ /* Allow text selection in message content and input */
37
+ .chat-input-textarea,
38
+ .prose,
39
+ .message-bubble-wrapper {
40
+ -webkit-user-select: text;
41
+ user-select: text;
42
+ }
43
+
44
+ /* ========================================
45
+ Font Size Scaling
46
+ Applies zoom to scale entire chat UI including rem units.
47
+ small: 13px (0.929x), normal: 14px (1x), large: 16px (1.143x), extra-large: 18px (1.286x)
48
+ ======================================== */
49
+ [data-chat-font-size="small"] {
50
+ zoom: 0.929;
51
+ }
52
+ [data-chat-font-size="large"] {
53
+ zoom: 1.143;
54
+ }
55
+ [data-chat-font-size="extra-large"] {
56
+ zoom: 1.286;
57
+ }
58
+
59
+ /* ========================================
60
+ Code Font
61
+ ======================================== */
62
+ code {
63
+ font-family: 'Iosevka Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
64
+ }
65
+
66
+ :root {
67
+ /* ========================================
68
+ Background Colors
69
+ ======================================== */
70
+ --chat-bg: #f5f5f7;
71
+ --chat-surface: #fbfbfd;
72
+ --chat-card: #ffffff;
73
+ /* ========================================
74
+ Border Colors
75
+ ======================================== */
76
+ --chat-border: #e5e5ea;
77
+ --chat-divider: #e5e5ea;
78
+ --chat-border-focus: rgba(0, 0, 0, 0.12);
79
+ --chat-hover: rgba(0, 0, 0, 0.05);
80
+ /* ========================================
81
+ Text Colors
82
+ ======================================== */
83
+ --chat-text: #1d1d1f;
84
+ --chat-muted: #6e6e73;
85
+ /* ========================================
86
+ Accent Colors
87
+ ======================================== */
88
+ --chat-accent: #e85d75;
89
+ --chat-accent-soft: #fad0da;
90
+ --chat-selection: #fbe7ec;
91
+ /* ========================================
92
+ Status Colors
93
+ ======================================== */
94
+ --chat-success: #34c759;
95
+ --chat-error: #ff3b30;
96
+ --chat-warning: #ff9500;
97
+ --chat-info: #007aff;
98
+ /* ========================================
99
+ Shadows
100
+ ======================================== */
101
+ --chat-shadow-soft: 0 4px 16px rgba(15, 23, 42, 0.05), 0 1px 4px rgba(15, 23, 42, 0.03);
102
+ --chat-shadow-elevated: 0 10px 26px rgba(15, 23, 42, 0.08), 0 4px 12px rgba(15, 23, 42, 0.06);
103
+ /* ========================================
104
+ Scrollbar
105
+ ======================================== */
106
+ --chat-scrollbar: rgba(0, 0, 0, 0.18);
107
+ /* ========================================
108
+ Message Bubbles
109
+ ======================================== */
110
+ --chat-bubble-user: #3b82f6;
111
+ --chat-bubble-user-text: #ffffff;
112
+ --chat-bubble-assistant: var(--chat-surface);
113
+ --chat-bubble-assistant-text: var(--chat-text);
114
+ /* ========================================
115
+ Code Blocks
116
+ ======================================== */
117
+ --chat-code-bg: rgba(0, 0, 0, 0.03);
118
+ --chat-code-border: var(--chat-border);
119
+ --color-bg: var(--chat-bg);
120
+ --color-card: var(--chat-card);
121
+ --color-card-solid: var(--chat-card);
122
+ --color-surface: var(--chat-surface);
123
+ --color-border: var(--chat-border);
124
+ --color-divider: var(--chat-divider);
125
+ --color-selection: var(--chat-selection);
126
+ --color-accent: var(--chat-accent);
127
+ --color-accent-soft: var(--chat-accent-soft);
128
+ --color-text: var(--chat-text);
129
+ --color-muted: var(--chat-muted);
130
+ --shadow-soft: var(--chat-shadow-soft);
131
+ --shadow-elevated: var(--chat-shadow-elevated);
132
+ }
133
+
134
+ /* ========================================
135
+ Dark Mode
136
+ ======================================== */
137
+
138
+ .dark,
139
+ :root.dark {
140
+ --chat-bg: #1a1a1a;
141
+ --chat-surface: #2d2d2d;
142
+ --chat-card: #242424;
143
+ --chat-border: #333333;
144
+ --chat-divider: #333333;
145
+ --chat-border-focus: rgba(255, 255, 255, 0.12);
146
+ --chat-hover: rgba(255, 255, 255, 0.08);
147
+ --chat-text: #ffffff;
148
+ --chat-muted: #aeaeb2;
149
+ --chat-accent: #e85d75;
150
+ --chat-accent-soft: #4a2a32;
151
+ --chat-selection: #3a2028;
152
+ --chat-shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.1);
153
+ --chat-shadow-elevated: 0 10px 26px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.2);
154
+ --chat-scrollbar: rgba(255, 255, 255, 0.18);
155
+ --chat-bubble-user: #3b82f6;
156
+ --chat-bubble-user-text: #ffffff;
157
+ --chat-bubble-assistant: var(--chat-surface);
158
+ --chat-bubble-assistant-text: var(--chat-text);
159
+ --chat-code-bg: rgba(255, 255, 255, 0.05);
160
+ --chat-code-border: var(--chat-border);
161
+
162
+ /* Re-map --color-* for dark mode (needed when .dark is on container, not :root) */
163
+ --color-bg: var(--chat-bg);
164
+ --color-card: var(--chat-card);
165
+ --color-card-solid: var(--chat-card);
166
+ --color-surface: var(--chat-surface);
167
+ --color-border: var(--chat-border);
168
+ --color-divider: var(--chat-divider);
169
+ --color-selection: var(--chat-selection);
170
+ --color-accent: var(--chat-accent);
171
+ --color-accent-soft: var(--chat-accent-soft);
172
+ --color-text: var(--chat-text);
173
+ --color-muted: var(--chat-muted);
174
+ }
175
+
176
+ /* ========================================
177
+ Scrollbar Styling
178
+ ======================================== */
179
+
180
+ .chat-scrollbar {
181
+ scrollbar-width: thin;
182
+ scrollbar-color: transparent transparent;
183
+ }
184
+
185
+ .chat-scrollbar:hover {
186
+ scrollbar-color: var(--chat-scrollbar) transparent;
187
+ }
188
+
189
+ .chat-scrollbar::-webkit-scrollbar {
190
+ width: 6px;
191
+ height: 6px;
192
+ }
193
+
194
+ .chat-scrollbar::-webkit-scrollbar-track {
195
+ background: transparent;
196
+ }
197
+
198
+ .chat-scrollbar::-webkit-scrollbar-thumb {
199
+ background: transparent;
200
+ border-radius: 3px;
201
+ }
202
+
203
+ .chat-scrollbar:hover::-webkit-scrollbar-thumb {
204
+ background: var(--chat-scrollbar);
205
+ }
206
+
207
+ /* ========================================
208
+ Animations
209
+ ======================================== */
210
+
211
+ @keyframes chat-cursor-blink {
212
+ 0%, 49% {
213
+ opacity: 1;
214
+ }
215
+
216
+ 50%, 100% {
217
+ opacity: 0;
218
+ }
219
+ }
220
+
221
+ @keyframes chat-cursor-breathing {
222
+ 0%, 100% {
223
+ opacity: 1;
224
+ }
225
+
226
+ 50% {
227
+ opacity: 0.4;
228
+ }
229
+ }
230
+
231
+ .chat-cursor-blink {
232
+ animation: chat-cursor-blink 1s step-end infinite;
233
+ }
234
+
235
+ .chat-cursor-breathing {
236
+ animation: chat-cursor-breathing 1s ease-in-out infinite;
237
+ }
238
+
239
+ @keyframes chat-fade-in {
240
+ from {
241
+ opacity: 0;
242
+ transform: translateY(4px);
243
+ }
244
+
245
+ to {
246
+ opacity: 1;
247
+ transform: translateY(0);
248
+ }
249
+ }
250
+
251
+ .chat-fade-in {
252
+ animation: chat-fade-in 0.2s ease-out;
253
+ }
254
+
255
+ /* ========================================
256
+ Prose Overrides
257
+ ======================================== */
258
+
259
+ .prose {
260
+ --tw-prose-body: currentColor !important;
261
+ --tw-prose-headings: currentColor !important;
262
+ --tw-prose-lead: currentColor !important;
263
+ --tw-prose-links: var(--chat-accent) !important;
264
+ --tw-prose-bold: currentColor !important;
265
+ --tw-prose-counters: var(--chat-muted) !important;
266
+ --tw-prose-bullets: var(--chat-muted) !important;
267
+ --tw-prose-hr: var(--chat-divider) !important;
268
+ --tw-prose-quotes: var(--chat-muted) !important;
269
+ --tw-prose-quote-borders: var(--chat-accent) !important;
270
+ --tw-prose-captions: var(--chat-muted) !important;
271
+ --tw-prose-code: currentColor !important;
272
+ --tw-prose-pre-code: currentColor !important;
273
+ --tw-prose-pre-bg: var(--chat-code-bg) !important;
274
+ --tw-prose-th-borders: var(--chat-divider) !important;
275
+ --tw-prose-td-borders: var(--chat-divider) !important;
276
+ }
277
+
278
+ /* Override streamdown's default space-y-4 for compact layout */
279
+
280
+ .prose .space-y-4 > * + * {
281
+ margin-top: 0.25rem !important;
282
+ }
283
+
284
+ .prose .space-y-4 {
285
+ --tw-space-y-reverse: 0 !important;
286
+ }
287
+
288
+ /* Force list bullets to display */
289
+
290
+ .prose ul {
291
+ list-style-type: disc !important;
292
+ padding-left: 1.25rem !important;
293
+ }
294
+
295
+ .prose ol {
296
+ list-style-type: decimal !important;
297
+ padding-left: 1.25rem !important;
298
+ }
299
+
300
+ .prose li {
301
+ display: list-item !important;
302
+ margin-top: 0 !important;
303
+ margin-bottom: 0 !important;
304
+ padding-top: 0 !important;
305
+ padding-bottom: 0 !important;
306
+ }
307
+
308
+ .prose :is(p, li, h1, h2, h3, h4, h5, h6):last-child {
309
+ color: inherit;
310
+ }
311
+
312
+ .prose p:has(img:nth-child(2)) {
313
+ display: flex;
314
+ flex-wrap: wrap;
315
+ gap: 0.5rem;
316
+ }
317
+
318
+ .prose p:has(img:nth-child(2)) img {
319
+ max-width: calc(50% - 0.25rem);
320
+ height: auto;
321
+ object-fit: cover;
322
+ cursor: pointer;
323
+ }
324
+
325
+ .prose p:has(img:nth-child(3)) img {
326
+ max-width: calc(33.333% - 0.333rem);
327
+ }
328
+
329
+ [data-streamdown="code-block"] {
330
+ position: relative;
331
+ border: none !important;
332
+ border-radius: 6px !important;
333
+ overflow: visible !important;
334
+ background: transparent !important;
335
+ margin: 6px 0 !important;
336
+ }
337
+
338
+ [data-streamdown="code-block-header"] {
339
+ position: absolute !important;
340
+ top: 14px !important;
341
+ right: 8px !important;
342
+ z-index: 10;
343
+ padding: 0 !important;
344
+ background: transparent !important;
345
+ border: none !important;
346
+ opacity: 0;
347
+ transition: opacity 150ms ease;
348
+ }
349
+
350
+ [data-streamdown="code-block"]:hover [data-streamdown="code-block-header"] {
351
+ opacity: 1;
352
+ }
353
+
354
+ [data-streamdown="code-block-header"] > span:first-child {
355
+ font-size: 11px;
356
+ color: var(--color-muted);
357
+ text-transform: lowercase;
358
+ margin-right: 8px;
359
+ }
360
+
361
+ [data-streamdown="code-block-header"] > div {
362
+ display: flex;
363
+ gap: 4px;
364
+ }
365
+
366
+ [data-streamdown="code-block-header"] button {
367
+ padding: 4px !important;
368
+ border: none !important;
369
+ border-radius: 4px !important;
370
+ background: var(--color-surface) !important;
371
+ opacity: 0.7;
372
+ cursor: pointer;
373
+ }
374
+
375
+ [data-streamdown="code-block-header"] button:hover {
376
+ opacity: 1;
377
+ background: var(--color-border) !important;
378
+ }
379
+
380
+ [data-streamdown="code-block-header"] svg {
381
+ color: var(--color-muted) !important;
382
+ width: 12px !important;
383
+ height: 12px !important;
384
+ }
385
+
386
+ [data-streamdown="code-block-header"] button:hover svg {
387
+ color: var(--color-text) !important;
388
+ }
389
+
390
+ [data-streamdown="code-block-body"] {
391
+ padding: 8px 12px !important;
392
+ background: rgba(0, 0, 0, 0.02) !important;
393
+ border-radius: 6px !important;
394
+ font-size: 13px !important;
395
+ line-height: 1.5 !important;
396
+ white-space: pre !important;
397
+ overflow-x: auto !important;
398
+ }
399
+
400
+ [data-streamdown="code-block-body"] code {
401
+ white-space: pre !important;
402
+ display: block !important;
403
+ }
404
+
405
+ .dark [data-streamdown="code-block-body"],
406
+ :root.dark [data-streamdown="code-block-body"] {
407
+ background: rgba(255, 255, 255, 0.03) !important;
408
+ }
409
+
410
+ [data-streamdown="code-block-body"] code span::before {
411
+ display: none !important;
412
+ }
413
+
414
+ [data-streamdown="code-block-body"],
415
+ [data-streamdown="code-block-body"] code {
416
+ color: var(--color-text) !important;
417
+ opacity: 0.85;
418
+ }
419
+
420
+ [data-streamdown="code-block-body"] code span[style] {
421
+ background-color: transparent !important;
422
+ }
423
+
424
+ .dark [data-streamdown="code-block-body"] code span[style],
425
+ :root.dark [data-streamdown="code-block-body"] code span[style] {
426
+ color: var(--shiki-dark) !important;
427
+ }
428
+
429
+ [data-streamdown="table-wrapper"].my-4 {
430
+ position: relative !important;
431
+ margin: 0 !important;
432
+ gap: 0 !important;
433
+ }
434
+
435
+ [data-streamdown="table-wrapper"].my-4 > .flex.items-center.justify-end.gap-1 {
436
+ position: absolute !important;
437
+ top: -8px !important;
438
+ right: 4px !important;
439
+ z-index: 10;
440
+ opacity: 0 !important;
441
+ transition: opacity 150ms ease;
442
+ margin: 0 !important;
443
+ }
444
+
445
+ [data-streamdown="table-wrapper"].my-4:hover > .flex.items-center.justify-end.gap-1 {
446
+ opacity: 1 !important;
447
+ }
448
+
449
+ /* 表格工具栏按钮 */
450
+ [data-streamdown="table-wrapper"] .flex.items-center.justify-end.gap-1 button {
451
+ padding: 4px !important;
452
+ border: none !important;
453
+ border-radius: 4px !important;
454
+ background: var(--color-surface) !important;
455
+ opacity: 0.7;
456
+ cursor: pointer;
457
+ }
458
+
459
+ [data-streamdown="table-wrapper"] .flex.items-center.justify-end.gap-1 button:hover {
460
+ opacity: 1;
461
+ background: var(--color-border) !important;
462
+ }
463
+
464
+ [data-streamdown="table-wrapper"] .flex.items-center.justify-end.gap-1 svg {
465
+ color: var(--color-muted) !important;
466
+ width: 12px !important;
467
+ height: 12px !important;
468
+ }
469
+
470
+ [data-streamdown="table-wrapper"] .flex.items-center.justify-end.gap-1 button:hover svg {
471
+ color: var(--color-text) !important;
472
+ }
473
+
474
+ /* 表格下拉菜单 */
475
+ [data-streamdown="table-wrapper"] .absolute.top-full {
476
+ border: 1px solid var(--color-divider) !important;
477
+ background: var(--color-card) !important;
478
+ backdrop-filter: blur(8px);
479
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
480
+ }
481
+
482
+ [data-streamdown="table-wrapper"] .absolute.top-full button {
483
+ color: var(--color-text) !important;
484
+ opacity: 0.8;
485
+ }
486
+
487
+ [data-streamdown="table-wrapper"] .absolute.top-full button:hover {
488
+ background: var(--color-surface) !important;
489
+ opacity: 1;
490
+ }
491
+
492
+ /* ========================================
493
+ Chat Input Styling (Sanqian style)
494
+ Layout: [Input box (flex-1)] [Send button]
495
+ ======================================== */
496
+
497
+ /* Form container - flex row */
498
+
499
+ .chat-input-form {
500
+ display: flex;
501
+ align-items: center;
502
+ gap: 2.5em;
503
+ /* Prevent input from overlapping send button */
504
+ min-width: 0;
505
+ }
506
+
507
+ /* Input box container - takes remaining space */
508
+
509
+ .chat-input-box {
510
+ flex: 1;
511
+ min-width: 0;
512
+ position: relative;
513
+ display: grid;
514
+ grid-template-columns: 1fr;
515
+ }
516
+
517
+ /* Hidden replica for auto-height */
518
+
519
+ .chat-input-replica {
520
+ grid-area: 1 / 1 / 2 / 2;
521
+ visibility: hidden;
522
+ white-space: pre-wrap;
523
+ word-break: break-word;
524
+ font-size: 0.75rem;
525
+ line-height: 1.75rem;
526
+ padding-top: 0.25rem;
527
+ padding-bottom: 0.25rem;
528
+ min-height: 1.75rem;
529
+ max-height: 200px;
530
+ pointer-events: none;
531
+ user-select: none;
532
+ border: 1px solid transparent;
533
+ border-radius: 0.625rem;
534
+ }
535
+
536
+ /* Actual textarea - matches Sanqian's .smart-textarea-editor .ProseMirror */
537
+
538
+ .chat-input-textarea {
539
+ grid-area: 1 / 1 / 2 / 2;
540
+ width: 100%;
541
+ min-height: 1.75rem;
542
+ max-height: 200px;
543
+ padding-top: 0.25rem;
544
+ padding-bottom: 0.25rem;
545
+ border-radius: 0.625rem;
546
+ border: 1px solid var(--chat-border);
547
+ background: var(--chat-card);
548
+ font-size: 0.75rem;
549
+ line-height: 1.75rem;
550
+ box-shadow: none;
551
+ color: var(--chat-text);
552
+ overflow-y: auto;
553
+ outline: none;
554
+ resize: none;
555
+ transition: border-color 0.15s ease, box-shadow 0.15s ease;
556
+ }
557
+
558
+ .chat-input-textarea::-moz-placeholder {
559
+ color: var(--chat-muted);
560
+ user-select: none;
561
+ }
562
+
563
+ .chat-input-textarea::placeholder {
564
+ color: var(--chat-muted);
565
+ user-select: none;
566
+ }
567
+
568
+ .chat-input-textarea:focus {
569
+ border-color: var(--chat-border-focus);
570
+ }
571
+
572
+ .chat-input-textarea:disabled {
573
+ opacity: 0.5;
574
+ cursor: not-allowed;
575
+ }
576
+
577
+ /* Left slot - inside input box (matches Sanqian's left-1 bottom-[0.25em]) */
578
+
579
+ .chat-input-left-slot {
580
+ position: absolute;
581
+ left: 0.25rem;
582
+ bottom: 0.25em;
583
+ z-index: 10;
584
+ }
585
+
586
+ /* Right slot - inside input box (matches Sanqian's right-1 bottom-[0.25em]) */
587
+
588
+ .chat-input-right-slot {
589
+ position: absolute;
590
+ right: 0.25rem;
591
+ bottom: 0.25em;
592
+ z-index: 10;
593
+ }
594
+
595
+ /* Send button - OUTSIDE input box */
596
+
597
+ .chat-input-send-btn {
598
+ flex-shrink: 0;
599
+ width: 1.75rem;
600
+ height: 1.75rem;
601
+ border-radius: 50%;
602
+ border: none;
603
+ background: var(--chat-accent);
604
+ color: white;
605
+ display: flex;
606
+ align-items: center;
607
+ justify-content: center;
608
+ cursor: pointer;
609
+ transition: all 0.15s ease;
610
+ box-shadow: var(--chat-shadow-soft);
611
+ }
612
+
613
+ .chat-input-send-btn:hover:not(:disabled) {
614
+ transform: scale(1.05);
615
+ box-shadow: var(--chat-shadow-elevated);
616
+ }
617
+
618
+ .chat-input-send-btn:active:not(:disabled) {
619
+ transform: scale(0.95);
620
+ }
621
+
622
+ .chat-input-send-btn:disabled {
623
+ opacity: 0.4;
624
+ cursor: not-allowed;
625
+ transform: none;
626
+ }
627
+
628
+ .chat-input-send-btn svg {
629
+ width: 0.75rem;
630
+ height: 0.75rem;
631
+ }
632
+
633
+ /* Header visuals */
634
+
635
+ .chat-header-icon-btn {
636
+ display: inline-flex;
637
+ align-items: center;
638
+ justify-content: center;
639
+ width: 1.75rem;
640
+ height: 1.75rem;
641
+ padding: 0;
642
+ border: none;
643
+ border-radius: 0.5rem;
644
+ color: var(--chat-muted);
645
+ background: transparent;
646
+ cursor: pointer;
647
+ transition: color 0.15s ease, background-color 0.15s ease;
648
+ }
649
+
650
+ .chat-header-icon-btn:hover {
651
+ color: var(--chat-text);
652
+ background: var(--chat-hover);
653
+ }
654
+
655
+ .chat-header-icon {
656
+ width: 1rem;
657
+ height: 1rem;
658
+ }
659
+
660
+ .chat-header-logo {
661
+ width: 1rem;
662
+ height: 1rem;
663
+ border-radius: 0.25rem;
664
+ object-fit: contain;
665
+ display: block;
666
+ }
667
+
668
+ .dark .chat-header-logo,
669
+ :root.dark .chat-header-logo {
670
+ filter: invert(1);
671
+ }
672
+
673
+ .chat-logo-wrapper {
674
+ display: inline-flex;
675
+ align-items: center;
676
+ justify-content: center;
677
+ }
678
+
679
+ .chat-logo-wrapper > * {
680
+ width: 100%;
681
+ height: 100%;
682
+ display: block;
683
+ }
684
+
685
+ .chat-logo-default {
686
+ opacity: 0.9;
687
+ }
688
+
689
+ .dark .chat-logo-default,
690
+ :root.dark .chat-logo-default {
691
+ filter: invert(1);
692
+ }
693
+
694
+ .chat-empty-logo {
695
+ width: 5rem;
696
+ height: 5rem;
697
+ object-fit: contain;
698
+ display: block;
699
+ }
700
+
701
+ .chat-divider-border {
702
+ border-color: var(--chat-divider);
703
+ }
704
+
705
+ /* Send wrapper + stop tooltip (aligned with Sanqian stop affordance) */
706
+
707
+ .chat-input-send-wrapper {
708
+ position: relative;
709
+ display: flex;
710
+ align-items: center;
711
+ }
712
+
713
+ .chat-input-stop-tooltip {
714
+ position: absolute;
715
+ bottom: 100%;
716
+ left: 50%;
717
+ transform: translateX(-50%);
718
+ margin-bottom: 0.5rem;
719
+ padding: 0.25rem 0.5rem;
720
+ border-radius: 0.5rem;
721
+ border: 1px solid var(--chat-divider);
722
+ background: var(--chat-card);
723
+ color: var(--chat-text);
724
+ font-size: 0.75rem;
725
+ line-height: 1.2;
726
+ text-align: center;
727
+ white-space: nowrap;
728
+ opacity: 0;
729
+ visibility: hidden;
730
+ pointer-events: none;
731
+ box-shadow: var(--chat-shadow-soft);
732
+ transition: opacity 0.15s ease, visibility 0.15s ease;
733
+ }
734
+
735
+ .chat-input-stop-hotkey {
736
+ color: var(--chat-muted);
737
+ font-size: 0.7rem;
738
+ line-height: 1.1;
739
+ }
740
+
741
+ .chat-input-send-wrapper:hover .chat-input-stop-tooltip {
742
+ opacity: 1;
743
+ visibility: visible;
744
+ }
745
+
746
+ /* Tooltip (for header buttons) */
747
+
748
+ .chat-tooltip-wrapper {
749
+ position: relative;
750
+ }
751
+
752
+ .chat-tooltip {
753
+ position: absolute;
754
+ left: 50%;
755
+ transform: translateX(-50%);
756
+ top: 100%;
757
+ margin-top: 0.375rem;
758
+ padding: 0.25rem 0.5rem;
759
+ border-radius: 0.375rem;
760
+ background: var(--chat-card);
761
+ color: var(--chat-text);
762
+ font-size: 0.75rem;
763
+ line-height: 1.3;
764
+ white-space: nowrap;
765
+ text-align: center;
766
+ opacity: 0;
767
+ visibility: hidden;
768
+ pointer-events: none;
769
+ box-shadow: var(--chat-shadow-soft);
770
+ border: 1px solid var(--chat-border);
771
+ z-index: 50;
772
+ transition: opacity 100ms ease, visibility 100ms ease;
773
+ }
774
+
775
+ .chat-tooltip-wrapper:hover .chat-tooltip {
776
+ opacity: 1;
777
+ visibility: visible;
778
+ }
779
+
780
+ .chat-tooltip-shortcut {
781
+ color: var(--chat-muted);
782
+ font-size: 0.7rem;
783
+ }
784
+
785
+ /* Floating Window Container
786
+ For transparent Electron windows */
787
+
788
+ .chat-window-container {
789
+ height: 100%;
790
+ display: flex;
791
+ flex-direction: column;
792
+ background: var(--chat-window-bg, var(--chat-bg));
793
+ border-radius: 12px;
794
+ overflow: hidden;
795
+ border: 1px solid var(--chat-window-border, rgba(0, 0, 0, 0.1));
796
+ box-shadow:
797
+ 0 0 0 1px rgba(0, 0, 0, 0.05),
798
+ 0 8px 40px rgba(0, 0, 0, 0.12);
799
+ }
800
+
801
+ .dark .chat-window-container,
802
+ :root.dark .chat-window-container {
803
+ border-color: rgba(255, 255, 255, 0.1);
804
+ box-shadow:
805
+ 0 0 0 1px rgba(255, 255, 255, 0.05),
806
+ 0 8px 40px rgba(0, 0, 0, 0.5);
807
+ }
808
+
809
+ *, ::before, ::after {
810
+ --tw-border-spacing-x: 0;
811
+ --tw-border-spacing-y: 0;
812
+ --tw-translate-x: 0;
813
+ --tw-translate-y: 0;
814
+ --tw-rotate: 0;
815
+ --tw-skew-x: 0;
816
+ --tw-skew-y: 0;
817
+ --tw-scale-x: 1;
818
+ --tw-scale-y: 1;
819
+ --tw-pan-x: ;
820
+ --tw-pan-y: ;
821
+ --tw-pinch-zoom: ;
822
+ --tw-scroll-snap-strictness: proximity;
823
+ --tw-gradient-from-position: ;
824
+ --tw-gradient-via-position: ;
825
+ --tw-gradient-to-position: ;
826
+ --tw-ordinal: ;
827
+ --tw-slashed-zero: ;
828
+ --tw-numeric-figure: ;
829
+ --tw-numeric-spacing: ;
830
+ --tw-numeric-fraction: ;
831
+ --tw-ring-inset: ;
832
+ --tw-ring-offset-width: 0px;
833
+ --tw-ring-offset-color: #fff;
834
+ --tw-ring-color: rgb(59 130 246 / 0.5);
835
+ --tw-ring-offset-shadow: 0 0 #0000;
836
+ --tw-ring-shadow: 0 0 #0000;
837
+ --tw-shadow: 0 0 #0000;
838
+ --tw-shadow-colored: 0 0 #0000;
839
+ --tw-blur: ;
840
+ --tw-brightness: ;
841
+ --tw-contrast: ;
842
+ --tw-grayscale: ;
843
+ --tw-hue-rotate: ;
844
+ --tw-invert: ;
845
+ --tw-saturate: ;
846
+ --tw-sepia: ;
847
+ --tw-drop-shadow: ;
848
+ --tw-backdrop-blur: ;
849
+ --tw-backdrop-brightness: ;
850
+ --tw-backdrop-contrast: ;
851
+ --tw-backdrop-grayscale: ;
852
+ --tw-backdrop-hue-rotate: ;
853
+ --tw-backdrop-invert: ;
854
+ --tw-backdrop-opacity: ;
855
+ --tw-backdrop-saturate: ;
856
+ --tw-backdrop-sepia: ;
857
+ --tw-contain-size: ;
858
+ --tw-contain-layout: ;
859
+ --tw-contain-paint: ;
860
+ --tw-contain-style: ;
861
+ }
862
+
863
+ ::backdrop {
864
+ --tw-border-spacing-x: 0;
865
+ --tw-border-spacing-y: 0;
866
+ --tw-translate-x: 0;
867
+ --tw-translate-y: 0;
868
+ --tw-rotate: 0;
869
+ --tw-skew-x: 0;
870
+ --tw-skew-y: 0;
871
+ --tw-scale-x: 1;
872
+ --tw-scale-y: 1;
873
+ --tw-pan-x: ;
874
+ --tw-pan-y: ;
875
+ --tw-pinch-zoom: ;
876
+ --tw-scroll-snap-strictness: proximity;
877
+ --tw-gradient-from-position: ;
878
+ --tw-gradient-via-position: ;
879
+ --tw-gradient-to-position: ;
880
+ --tw-ordinal: ;
881
+ --tw-slashed-zero: ;
882
+ --tw-numeric-figure: ;
883
+ --tw-numeric-spacing: ;
884
+ --tw-numeric-fraction: ;
885
+ --tw-ring-inset: ;
886
+ --tw-ring-offset-width: 0px;
887
+ --tw-ring-offset-color: #fff;
888
+ --tw-ring-color: rgb(59 130 246 / 0.5);
889
+ --tw-ring-offset-shadow: 0 0 #0000;
890
+ --tw-ring-shadow: 0 0 #0000;
891
+ --tw-shadow: 0 0 #0000;
892
+ --tw-shadow-colored: 0 0 #0000;
893
+ --tw-blur: ;
894
+ --tw-brightness: ;
895
+ --tw-contrast: ;
896
+ --tw-grayscale: ;
897
+ --tw-hue-rotate: ;
898
+ --tw-invert: ;
899
+ --tw-saturate: ;
900
+ --tw-sepia: ;
901
+ --tw-drop-shadow: ;
902
+ --tw-backdrop-blur: ;
903
+ --tw-backdrop-brightness: ;
904
+ --tw-backdrop-contrast: ;
905
+ --tw-backdrop-grayscale: ;
906
+ --tw-backdrop-hue-rotate: ;
907
+ --tw-backdrop-invert: ;
908
+ --tw-backdrop-opacity: ;
909
+ --tw-backdrop-saturate: ;
910
+ --tw-backdrop-sepia: ;
911
+ --tw-contain-size: ;
912
+ --tw-contain-layout: ;
913
+ --tw-contain-paint: ;
914
+ --tw-contain-style: ;
915
+ }
916
+
917
+
918
+ .\\!container {
919
+ width: 100% !important;
920
+ }
921
+
922
+ .container {
923
+ width: 100%;
924
+ }
925
+
926
+ @media (min-width: 640px) {
927
+ .\\!container {
928
+ max-width: 640px !important;
929
+ }
930
+
931
+ .container {
932
+ max-width: 640px;
933
+ }
934
+ }
935
+
936
+ @media (min-width: 768px) {
937
+ .\\!container {
938
+ max-width: 768px !important;
939
+ }
940
+
941
+ .container {
942
+ max-width: 768px;
943
+ }
944
+ }
945
+
946
+ @media (min-width: 1024px) {
947
+ .\\!container {
948
+ max-width: 1024px !important;
949
+ }
950
+
951
+ .container {
952
+ max-width: 1024px;
953
+ }
954
+ }
955
+
956
+ @media (min-width: 1280px) {
957
+ .\\!container {
958
+ max-width: 1280px !important;
959
+ }
960
+
961
+ .container {
962
+ max-width: 1280px;
963
+ }
964
+ }
965
+
966
+ @media (min-width: 1536px) {
967
+ .\\!container {
968
+ max-width: 1536px !important;
969
+ }
970
+
971
+ .container {
972
+ max-width: 1536px;
973
+ }
974
+ }
975
+
976
+ .prose {
977
+ color: var(--tw-prose-body);
978
+ max-width: 65ch;
979
+ }
980
+
981
+ .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
982
+ margin-top: 1.25em;
983
+ margin-bottom: 1.25em;
984
+ }
985
+
986
+ .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
987
+ color: var(--tw-prose-lead);
988
+ font-size: 1.25em;
989
+ line-height: 1.6;
990
+ margin-top: 1.2em;
991
+ margin-bottom: 1.2em;
992
+ }
993
+
994
+ .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
995
+ color: var(--tw-prose-links);
996
+ text-decoration: none;
997
+ font-weight: 500;
998
+ }
999
+
1000
+ .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1001
+ color: var(--tw-prose-bold);
1002
+ font-weight: 600;
1003
+ }
1004
+
1005
+ .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1006
+ color: inherit;
1007
+ }
1008
+
1009
+ .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1010
+ color: inherit;
1011
+ }
1012
+
1013
+ .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1014
+ color: inherit;
1015
+ }
1016
+
1017
+ .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1018
+ list-style-type: decimal;
1019
+ margin-top: 1.25em;
1020
+ margin-bottom: 1.25em;
1021
+ padding-inline-start: 1.625em;
1022
+ }
1023
+
1024
+ .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1025
+ list-style-type: upper-alpha;
1026
+ }
1027
+
1028
+ .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1029
+ list-style-type: lower-alpha;
1030
+ }
1031
+
1032
+ .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1033
+ list-style-type: upper-alpha;
1034
+ }
1035
+
1036
+ .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1037
+ list-style-type: lower-alpha;
1038
+ }
1039
+
1040
+ .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1041
+ list-style-type: upper-roman;
1042
+ }
1043
+
1044
+ .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1045
+ list-style-type: lower-roman;
1046
+ }
1047
+
1048
+ .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1049
+ list-style-type: upper-roman;
1050
+ }
1051
+
1052
+ .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1053
+ list-style-type: lower-roman;
1054
+ }
1055
+
1056
+ .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1057
+ list-style-type: decimal;
1058
+ }
1059
+
1060
+ .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1061
+ list-style-type: disc;
1062
+ margin-top: 1.25em;
1063
+ margin-bottom: 1.25em;
1064
+ padding-inline-start: 1.625em;
1065
+ }
1066
+
1067
+ .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
1068
+ font-weight: 400;
1069
+ color: var(--tw-prose-counters);
1070
+ }
1071
+
1072
+ .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
1073
+ color: var(--tw-prose-bullets);
1074
+ }
1075
+
1076
+ .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1077
+ color: var(--tw-prose-headings);
1078
+ font-weight: 600;
1079
+ margin-top: 1.25em;
1080
+ }
1081
+
1082
+ .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1083
+ border-color: var(--tw-prose-hr);
1084
+ border-top-width: 1px;
1085
+ margin-top: 3em;
1086
+ margin-bottom: 3em;
1087
+ }
1088
+
1089
+ .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1090
+ font-weight: 500;
1091
+ font-style: italic;
1092
+ color: var(--tw-prose-quotes);
1093
+ border-inline-start-width: 0.25rem;
1094
+ border-inline-start-color: var(--tw-prose-quote-borders);
1095
+ quotes: "\\201C""\\201D""\\2018""\\2019";
1096
+ margin-top: 1.6em;
1097
+ margin-bottom: 1.6em;
1098
+ padding-inline-start: 1em;
1099
+ }
1100
+
1101
+ .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
1102
+ content: open-quote;
1103
+ }
1104
+
1105
+ .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
1106
+ content: close-quote;
1107
+ }
1108
+
1109
+ .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1110
+ color: var(--tw-prose-headings);
1111
+ font-weight: 800;
1112
+ font-size: 2.25em;
1113
+ margin-top: 0;
1114
+ margin-bottom: 0.8888889em;
1115
+ line-height: 1.1111111;
1116
+ }
1117
+
1118
+ .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1119
+ font-weight: 900;
1120
+ color: inherit;
1121
+ }
1122
+
1123
+ .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1124
+ color: var(--tw-prose-headings);
1125
+ font-weight: 700;
1126
+ font-size: 1.5em;
1127
+ margin-top: 2em;
1128
+ margin-bottom: 1em;
1129
+ line-height: 1.3333333;
1130
+ }
1131
+
1132
+ .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1133
+ font-weight: 800;
1134
+ color: inherit;
1135
+ }
1136
+
1137
+ .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1138
+ color: var(--tw-prose-headings);
1139
+ font-weight: 600;
1140
+ font-size: 1.25em;
1141
+ margin-top: 1.6em;
1142
+ margin-bottom: 0.6em;
1143
+ line-height: 1.6;
1144
+ }
1145
+
1146
+ .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1147
+ font-weight: 700;
1148
+ color: inherit;
1149
+ }
1150
+
1151
+ .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1152
+ color: var(--tw-prose-headings);
1153
+ font-weight: 600;
1154
+ margin-top: 1.5em;
1155
+ margin-bottom: 0.5em;
1156
+ line-height: 1.5;
1157
+ }
1158
+
1159
+ .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1160
+ font-weight: 700;
1161
+ color: inherit;
1162
+ }
1163
+
1164
+ .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1165
+ margin-top: 2em;
1166
+ margin-bottom: 2em;
1167
+ }
1168
+
1169
+ .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1170
+ display: block;
1171
+ margin-top: 2em;
1172
+ margin-bottom: 2em;
1173
+ }
1174
+
1175
+ .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1176
+ margin-top: 2em;
1177
+ margin-bottom: 2em;
1178
+ }
1179
+
1180
+ .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1181
+ font-weight: 500;
1182
+ font-family: inherit;
1183
+ color: var(--tw-prose-kbd);
1184
+ box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
1185
+ font-size: 0.875em;
1186
+ border-radius: 0.3125rem;
1187
+ padding-top: 0.1875em;
1188
+ padding-inline-end: 0.375em;
1189
+ padding-bottom: 0.1875em;
1190
+ padding-inline-start: 0.375em;
1191
+ }
1192
+
1193
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1194
+ color: var(--tw-prose-code);
1195
+ font-weight: 600;
1196
+ font-size: 0.875em;
1197
+ }
1198
+
1199
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
1200
+ content: "\`";
1201
+ }
1202
+
1203
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
1204
+ content: "\`";
1205
+ }
1206
+
1207
+ .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1208
+ color: inherit;
1209
+ }
1210
+
1211
+ .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1212
+ color: inherit;
1213
+ }
1214
+
1215
+ .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1216
+ color: inherit;
1217
+ font-size: 0.875em;
1218
+ }
1219
+
1220
+ .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1221
+ color: inherit;
1222
+ font-size: 0.9em;
1223
+ }
1224
+
1225
+ .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1226
+ color: inherit;
1227
+ }
1228
+
1229
+ .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1230
+ color: inherit;
1231
+ }
1232
+
1233
+ .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1234
+ color: inherit;
1235
+ }
1236
+
1237
+ .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1238
+ color: var(--tw-prose-pre-code);
1239
+ background-color: var(--tw-prose-pre-bg);
1240
+ overflow-x: auto;
1241
+ font-weight: 400;
1242
+ font-size: 0.875em;
1243
+ line-height: 1.7142857;
1244
+ margin-top: 1.7142857em;
1245
+ margin-bottom: 1.7142857em;
1246
+ border-radius: 0.375rem;
1247
+ padding-top: 0.8571429em;
1248
+ padding-inline-end: 1.1428571em;
1249
+ padding-bottom: 0.8571429em;
1250
+ padding-inline-start: 1.1428571em;
1251
+ }
1252
+
1253
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1254
+ background-color: transparent;
1255
+ border-width: 0;
1256
+ border-radius: 0;
1257
+ padding: 0;
1258
+ font-weight: inherit;
1259
+ color: inherit;
1260
+ font-size: inherit;
1261
+ font-family: inherit;
1262
+ line-height: inherit;
1263
+ }
1264
+
1265
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
1266
+ content: none;
1267
+ }
1268
+
1269
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
1270
+ content: none;
1271
+ }
1272
+
1273
+ .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1274
+ width: 100%;
1275
+ table-layout: auto;
1276
+ margin-top: 2em;
1277
+ margin-bottom: 2em;
1278
+ font-size: 0.875em;
1279
+ line-height: 1.7142857;
1280
+ }
1281
+
1282
+ .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1283
+ border-bottom-width: 1px;
1284
+ border-bottom-color: var(--tw-prose-th-borders);
1285
+ }
1286
+
1287
+ .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1288
+ color: var(--tw-prose-headings);
1289
+ font-weight: 600;
1290
+ vertical-align: bottom;
1291
+ padding-inline-end: 0.5714286em;
1292
+ padding-bottom: 0.5714286em;
1293
+ padding-inline-start: 0.5714286em;
1294
+ }
1295
+
1296
+ .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1297
+ border-bottom-width: 1px;
1298
+ border-bottom-color: var(--tw-prose-td-borders);
1299
+ }
1300
+
1301
+ .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1302
+ border-bottom-width: 0;
1303
+ }
1304
+
1305
+ .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1306
+ vertical-align: baseline;
1307
+ }
1308
+
1309
+ .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1310
+ border-top-width: 1px;
1311
+ border-top-color: var(--tw-prose-th-borders);
1312
+ }
1313
+
1314
+ .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1315
+ vertical-align: top;
1316
+ }
1317
+
1318
+ .prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1319
+ text-align: start;
1320
+ }
1321
+
1322
+ .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1323
+ margin-top: 0;
1324
+ margin-bottom: 0;
1325
+ }
1326
+
1327
+ .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1328
+ color: var(--tw-prose-captions);
1329
+ font-size: 0.875em;
1330
+ line-height: 1.4285714;
1331
+ margin-top: 0.8571429em;
1332
+ }
1333
+
1334
+ .prose {
1335
+ --tw-prose-body: var(--color-text);
1336
+ --tw-prose-headings: var(--color-text);
1337
+ --tw-prose-lead: #4b5563;
1338
+ --tw-prose-links: var(--color-accent);
1339
+ --tw-prose-bold: var(--color-text);
1340
+ --tw-prose-counters: #6b7280;
1341
+ --tw-prose-bullets: var(--color-muted);
1342
+ --tw-prose-hr: var(--color-divider);
1343
+ --tw-prose-quotes: var(--color-muted);
1344
+ --tw-prose-quote-borders: #e5e7eb;
1345
+ --tw-prose-captions: #6b7280;
1346
+ --tw-prose-kbd: #111827;
1347
+ --tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
1348
+ --tw-prose-code: var(--color-accent);
1349
+ --tw-prose-pre-code: #e5e7eb;
1350
+ --tw-prose-pre-bg: #1f2937;
1351
+ --tw-prose-th-borders: var(--color-divider);
1352
+ --tw-prose-td-borders: var(--color-divider);
1353
+ --tw-prose-invert-body: #d1d5db;
1354
+ --tw-prose-invert-headings: #fff;
1355
+ --tw-prose-invert-lead: #9ca3af;
1356
+ --tw-prose-invert-links: #fff;
1357
+ --tw-prose-invert-bold: #fff;
1358
+ --tw-prose-invert-counters: #9ca3af;
1359
+ --tw-prose-invert-bullets: #4b5563;
1360
+ --tw-prose-invert-hr: #374151;
1361
+ --tw-prose-invert-quotes: #f3f4f6;
1362
+ --tw-prose-invert-quote-borders: #374151;
1363
+ --tw-prose-invert-captions: #9ca3af;
1364
+ --tw-prose-invert-kbd: #fff;
1365
+ --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
1366
+ --tw-prose-invert-code: #fff;
1367
+ --tw-prose-invert-pre-code: #d1d5db;
1368
+ --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
1369
+ --tw-prose-invert-th-borders: #4b5563;
1370
+ --tw-prose-invert-td-borders: #374151;
1371
+ font-size: inherit;
1372
+ line-height: 1.75;
1373
+ }
1374
+
1375
+ .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1376
+ margin-top: 0;
1377
+ margin-bottom: 0;
1378
+ }
1379
+
1380
+ .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1381
+ margin-top: 0.5em;
1382
+ margin-bottom: 0.5em;
1383
+ }
1384
+
1385
+ .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1386
+ padding-inline-start: 0.375em;
1387
+ }
1388
+
1389
+ .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1390
+ padding-inline-start: 0.375em;
1391
+ }
1392
+
1393
+ .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1394
+ margin-top: 0.75em;
1395
+ margin-bottom: 0.75em;
1396
+ }
1397
+
1398
+ .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1399
+ margin-top: 1.25em;
1400
+ }
1401
+
1402
+ .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1403
+ margin-bottom: 1.25em;
1404
+ }
1405
+
1406
+ .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1407
+ margin-top: 1.25em;
1408
+ }
1409
+
1410
+ .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1411
+ margin-bottom: 1.25em;
1412
+ }
1413
+
1414
+ .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1415
+ margin-top: 0.75em;
1416
+ margin-bottom: 0.75em;
1417
+ }
1418
+
1419
+ .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1420
+ margin-top: 1.25em;
1421
+ margin-bottom: 1.25em;
1422
+ }
1423
+
1424
+ .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1425
+ margin-top: 0.5em;
1426
+ padding-inline-start: 1.625em;
1427
+ }
1428
+
1429
+ .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1430
+ margin-top: 0;
1431
+ }
1432
+
1433
+ .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1434
+ margin-top: 0;
1435
+ }
1436
+
1437
+ .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1438
+ margin-top: 0;
1439
+ }
1440
+
1441
+ .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1442
+ margin-top: 0;
1443
+ }
1444
+
1445
+ .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1446
+ padding-inline-start: 0;
1447
+ }
1448
+
1449
+ .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1450
+ padding-inline-end: 0;
1451
+ }
1452
+
1453
+ .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1454
+ padding-top: 0.5714286em;
1455
+ padding-inline-end: 0.5714286em;
1456
+ padding-bottom: 0.5714286em;
1457
+ padding-inline-start: 0.5714286em;
1458
+ }
1459
+
1460
+ .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1461
+ padding-inline-start: 0;
1462
+ }
1463
+
1464
+ .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1465
+ padding-inline-end: 0;
1466
+ }
1467
+
1468
+ .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1469
+ margin-top: 2em;
1470
+ margin-bottom: 2em;
1471
+ }
1472
+
1473
+ .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1474
+ margin-top: 0;
1475
+ }
1476
+
1477
+ .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1478
+ margin-bottom: 0;
1479
+ }
1480
+
1481
+ .prose-sm {
1482
+ font-size: 0.875rem;
1483
+ line-height: 1.7142857;
1484
+ }
1485
+
1486
+ .prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1487
+ margin-top: 1.1428571em;
1488
+ margin-bottom: 1.1428571em;
1489
+ }
1490
+
1491
+ .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1492
+ font-size: 1.2857143em;
1493
+ line-height: 1.5555556;
1494
+ margin-top: 0.8888889em;
1495
+ margin-bottom: 0.8888889em;
1496
+ }
1497
+
1498
+ .prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1499
+ margin-top: 1.3333333em;
1500
+ margin-bottom: 1.3333333em;
1501
+ padding-inline-start: 1.1111111em;
1502
+ }
1503
+
1504
+ .prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1505
+ font-size: 2.1428571em;
1506
+ margin-top: 0;
1507
+ margin-bottom: 0.8em;
1508
+ line-height: 1.2;
1509
+ }
1510
+
1511
+ .prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1512
+ font-size: 1.4285714em;
1513
+ margin-top: 1.6em;
1514
+ margin-bottom: 0.8em;
1515
+ line-height: 1.4;
1516
+ }
1517
+
1518
+ .prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1519
+ font-size: 1.2857143em;
1520
+ margin-top: 1.5555556em;
1521
+ margin-bottom: 0.4444444em;
1522
+ line-height: 1.5555556;
1523
+ }
1524
+
1525
+ .prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1526
+ margin-top: 1.4285714em;
1527
+ margin-bottom: 0.5714286em;
1528
+ line-height: 1.4285714;
1529
+ }
1530
+
1531
+ .prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1532
+ margin-top: 1.7142857em;
1533
+ margin-bottom: 1.7142857em;
1534
+ }
1535
+
1536
+ .prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1537
+ margin-top: 1.7142857em;
1538
+ margin-bottom: 1.7142857em;
1539
+ }
1540
+
1541
+ .prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1542
+ margin-top: 0;
1543
+ margin-bottom: 0;
1544
+ }
1545
+
1546
+ .prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1547
+ margin-top: 1.7142857em;
1548
+ margin-bottom: 1.7142857em;
1549
+ }
1550
+
1551
+ .prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1552
+ font-size: 0.8571429em;
1553
+ border-radius: 0.3125rem;
1554
+ padding-top: 0.1428571em;
1555
+ padding-inline-end: 0.3571429em;
1556
+ padding-bottom: 0.1428571em;
1557
+ padding-inline-start: 0.3571429em;
1558
+ }
1559
+
1560
+ .prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1561
+ font-size: 0.8571429em;
1562
+ }
1563
+
1564
+ .prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1565
+ font-size: 0.9em;
1566
+ }
1567
+
1568
+ .prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1569
+ font-size: 0.8888889em;
1570
+ }
1571
+
1572
+ .prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1573
+ font-size: 0.8571429em;
1574
+ line-height: 1.6666667;
1575
+ margin-top: 1.6666667em;
1576
+ margin-bottom: 1.6666667em;
1577
+ border-radius: 0.25rem;
1578
+ padding-top: 0.6666667em;
1579
+ padding-inline-end: 1em;
1580
+ padding-bottom: 0.6666667em;
1581
+ padding-inline-start: 1em;
1582
+ }
1583
+
1584
+ .prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1585
+ margin-top: 1.1428571em;
1586
+ margin-bottom: 1.1428571em;
1587
+ padding-inline-start: 1.5714286em;
1588
+ }
1589
+
1590
+ .prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1591
+ margin-top: 1.1428571em;
1592
+ margin-bottom: 1.1428571em;
1593
+ padding-inline-start: 1.5714286em;
1594
+ }
1595
+
1596
+ .prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1597
+ margin-top: 0.2857143em;
1598
+ margin-bottom: 0.2857143em;
1599
+ }
1600
+
1601
+ .prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1602
+ padding-inline-start: 0.4285714em;
1603
+ }
1604
+
1605
+ .prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1606
+ padding-inline-start: 0.4285714em;
1607
+ }
1608
+
1609
+ .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1610
+ margin-top: 0.5714286em;
1611
+ margin-bottom: 0.5714286em;
1612
+ }
1613
+
1614
+ .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1615
+ margin-top: 1.1428571em;
1616
+ }
1617
+
1618
+ .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1619
+ margin-bottom: 1.1428571em;
1620
+ }
1621
+
1622
+ .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1623
+ margin-top: 1.1428571em;
1624
+ }
1625
+
1626
+ .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1627
+ margin-bottom: 1.1428571em;
1628
+ }
1629
+
1630
+ .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1631
+ margin-top: 0.5714286em;
1632
+ margin-bottom: 0.5714286em;
1633
+ }
1634
+
1635
+ .prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1636
+ margin-top: 1.1428571em;
1637
+ margin-bottom: 1.1428571em;
1638
+ }
1639
+
1640
+ .prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1641
+ margin-top: 1.1428571em;
1642
+ }
1643
+
1644
+ .prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1645
+ margin-top: 0.2857143em;
1646
+ padding-inline-start: 1.5714286em;
1647
+ }
1648
+
1649
+ .prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1650
+ margin-top: 2.8571429em;
1651
+ margin-bottom: 2.8571429em;
1652
+ }
1653
+
1654
+ .prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1655
+ margin-top: 0;
1656
+ }
1657
+
1658
+ .prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1659
+ margin-top: 0;
1660
+ }
1661
+
1662
+ .prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1663
+ margin-top: 0;
1664
+ }
1665
+
1666
+ .prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1667
+ margin-top: 0;
1668
+ }
1669
+
1670
+ .prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1671
+ font-size: 0.8571429em;
1672
+ line-height: 1.5;
1673
+ }
1674
+
1675
+ .prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1676
+ padding-inline-end: 1em;
1677
+ padding-bottom: 0.6666667em;
1678
+ padding-inline-start: 1em;
1679
+ }
1680
+
1681
+ .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1682
+ padding-inline-start: 0;
1683
+ }
1684
+
1685
+ .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1686
+ padding-inline-end: 0;
1687
+ }
1688
+
1689
+ .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1690
+ padding-top: 0.6666667em;
1691
+ padding-inline-end: 1em;
1692
+ padding-bottom: 0.6666667em;
1693
+ padding-inline-start: 1em;
1694
+ }
1695
+
1696
+ .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1697
+ padding-inline-start: 0;
1698
+ }
1699
+
1700
+ .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1701
+ padding-inline-end: 0;
1702
+ }
1703
+
1704
+ .prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1705
+ margin-top: 1.7142857em;
1706
+ margin-bottom: 1.7142857em;
1707
+ }
1708
+
1709
+ .prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1710
+ margin-top: 0;
1711
+ margin-bottom: 0;
1712
+ }
1713
+
1714
+ .prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1715
+ font-size: 0.8571429em;
1716
+ line-height: 1.3333333;
1717
+ margin-top: 0.6666667em;
1718
+ }
1719
+
1720
+ .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1721
+ margin-top: 0;
1722
+ }
1723
+
1724
+ .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1725
+ margin-bottom: 0;
1726
+ }
1727
+
1728
+ .prose-chat :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1729
+ margin-top: 0 !important;
1730
+ margin-bottom: 0.5rem !important;
1731
+ line-height: 1.5;
1732
+ overflow-wrap: break-word;
1733
+ }
1734
+
1735
+ .prose-chat :where(ul, ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1736
+ margin-top: 0 !important;
1737
+ margin-bottom: 0.75rem !important;
1738
+ padding-left: 1.5rem;
1739
+ }
1740
+
1741
+ .prose-chat :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1742
+ margin-top: 0.125rem !important;
1743
+ margin-bottom: 0 !important;
1744
+ line-height: 1.5;
1745
+ }
1746
+
1747
+ .prose-chat :where(li > p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1748
+ margin-bottom: 0.125rem !important;
1749
+ }
1750
+
1751
+ .prose-chat :where(ul ul, ol ol, ul ol, ol ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1752
+ margin-top: 0 !important;
1753
+ margin-bottom: 0 !important;
1754
+ }
1755
+
1756
+ .prose-chat :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1757
+ font-weight: 600;
1758
+ color: var(--chat-text);
1759
+ }
1760
+
1761
+ .prose-chat :where(em):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1762
+ font-style: italic;
1763
+ color: var(--chat-text);
1764
+ }
1765
+
1766
+ .prose-chat :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1767
+ padding: 0.125rem 0.25rem;
1768
+ background-color: var(--chat-surface);
1769
+ border-radius: 0.25rem;
1770
+ font-size: 0.85rem;
1771
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
1772
+ color: var(--chat-text);
1773
+ }
1774
+
1775
+ .prose-chat :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
1776
+ content: none;
1777
+ }
1778
+
1779
+ .prose-chat :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
1780
+ content: none;
1781
+ }
1782
+
1783
+ .prose-chat :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1784
+ margin-top: 0.75rem !important;
1785
+ margin-bottom: 0.75rem !important;
1786
+ background-color: var(--chat-surface);
1787
+ border: 1px solid var(--chat-border);
1788
+ border-radius: 0.375rem;
1789
+ padding: 0.75rem;
1790
+ font-size: 0.85rem;
1791
+ line-height: 1.45;
1792
+ white-space: pre;
1793
+ overflow-x: auto;
1794
+ }
1795
+
1796
+ .prose-chat :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1797
+ padding: 0;
1798
+ background-color: transparent;
1799
+ border-radius: 0;
1800
+ font-size: inherit;
1801
+ white-space: pre;
1802
+ display: block;
1803
+ }
1804
+
1805
+ .prose-chat :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1806
+ margin-top: 0.75rem !important;
1807
+ margin-bottom: 0.75rem !important;
1808
+ border-left-width: 0.25rem;
1809
+ border-left-color: var(--chat-divider);
1810
+ padding: 0 0.75rem;
1811
+ font-style: italic;
1812
+ color: var(--chat-muted);
1813
+ }
1814
+
1815
+ .prose-chat :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1816
+ color: var(--chat-accent);
1817
+ text-decoration: none !important;
1818
+ }
1819
+
1820
+ .prose-chat :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
1821
+ color: color-mix(in srgb, var(--chat-accent) 80%, transparent);
1822
+ }
1823
+
1824
+ /* 覆盖 Streamdown 添加的 underline class */
1825
+ .prose-chat a.underline {
1826
+ text-decoration: none !important;
1827
+ }
1828
+
1829
+ .prose-chat :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1830
+ margin-top: 1rem !important;
1831
+ margin-bottom: 1rem !important;
1832
+ border-color: var(--chat-divider);
1833
+ height: 0.125rem;
1834
+ }
1835
+
1836
+ .prose-chat :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1837
+ margin-top: 0 !important;
1838
+ margin-bottom: 0.75rem !important;
1839
+ border-collapse: collapse;
1840
+ }
1841
+
1842
+ .prose-chat :where(th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1843
+ border: 1px solid var(--chat-divider);
1844
+ background-color: var(--chat-card);
1845
+ padding: 0.25rem 0.5rem;
1846
+ font-weight: 600;
1847
+ }
1848
+
1849
+ .prose-chat :where(td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1850
+ border: 1px solid var(--chat-divider);
1851
+ padding: 0.25rem 0.5rem;
1852
+ }
1853
+
1854
+ .prose-chat :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1855
+ border-radius: 0.5rem;
1856
+ box-shadow: var(--chat-shadow-soft);
1857
+ max-width: 100%;
1858
+ }
1859
+
1860
+ .prose-chat :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1861
+ font-size: 1.3rem;
1862
+ font-weight: 600;
1863
+ line-height: 1.3;
1864
+ margin-top: 1rem !important;
1865
+ margin-bottom: 0.75rem !important;
1866
+ }
1867
+
1868
+ .prose-chat :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1869
+ font-size: 1.2rem;
1870
+ font-weight: 600;
1871
+ line-height: 1.3;
1872
+ margin-top: 1rem !important;
1873
+ margin-bottom: 0.75rem !important;
1874
+ }
1875
+
1876
+ .prose-chat :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1877
+ font-size: 1.1rem;
1878
+ font-weight: 600;
1879
+ line-height: 1.3;
1880
+ margin-top: 1rem !important;
1881
+ margin-bottom: 0.5rem !important;
1882
+ }
1883
+
1884
+ .prose-chat :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1885
+ font-size: 1rem;
1886
+ font-weight: 600;
1887
+ line-height: 1.3;
1888
+ margin-top: 0.75rem !important;
1889
+ margin-bottom: 0.5rem !important;
1890
+ }
1891
+
1892
+ .prose-chat :where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1893
+ font-size: 0.9rem;
1894
+ font-weight: 600;
1895
+ line-height: 1.3;
1896
+ margin-top: 0.75rem !important;
1897
+ margin-bottom: 0.5rem !important;
1898
+ }
1899
+
1900
+ .prose-chat :where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
1901
+ font-size: 0.85rem;
1902
+ font-weight: 600;
1903
+ line-height: 1.3;
1904
+ margin-top: 0.75rem !important;
1905
+ margin-bottom: 0.5rem !important;
1906
+ color: var(--chat-muted);
1907
+ }
1908
+
1909
+ .collapse {
1910
+ visibility: collapse;
1911
+ }
1912
+
1913
+ .absolute {
1914
+ position: absolute;
1915
+ }
1916
+
1917
+ .relative {
1918
+ position: relative;
1919
+ }
1920
+
1921
+ .right-2 {
1922
+ right: 0.5rem;
1923
+ }
1924
+
1925
+ .m-0 {
1926
+ margin: 0px;
1927
+ }
1928
+
1929
+ .m-2 {
1930
+ margin: 0.5rem;
1931
+ }
1932
+
1933
+ .mx-auto {
1934
+ margin-left: auto;
1935
+ margin-right: auto;
1936
+ }
1937
+
1938
+ .mb-2 {
1939
+ margin-bottom: 0.5rem;
1940
+ }
1941
+
1942
+ .mb-3 {
1943
+ margin-bottom: 0.75rem;
1944
+ }
1945
+
1946
+ .mb-4 {
1947
+ margin-bottom: 1rem;
1948
+ }
1949
+
1950
+ .ml-0\\.5 {
1951
+ margin-left: 0.125rem;
1952
+ }
1953
+
1954
+ .ml-1 {
1955
+ margin-left: 0.25rem;
1956
+ }
1957
+
1958
+ .ml-2 {
1959
+ margin-left: 0.5rem;
1960
+ }
1961
+
1962
+ .mt-1 {
1963
+ margin-top: 0.25rem;
1964
+ }
1965
+
1966
+ .mt-2 {
1967
+ margin-top: 0.5rem;
1968
+ }
1969
+
1970
+ .mt-3 {
1971
+ margin-top: 0.75rem;
1972
+ }
1973
+
1974
+ .block {
1975
+ display: block;
1976
+ }
1977
+
1978
+ .inline-block {
1979
+ display: inline-block;
1980
+ }
1981
+
1982
+ .inline {
1983
+ display: inline;
1984
+ }
1985
+
1986
+ .flex {
1987
+ display: flex;
1988
+ }
1989
+
1990
+ .inline-flex {
1991
+ display: inline-flex;
1992
+ }
1993
+
1994
+ .hidden {
1995
+ display: none;
1996
+ }
1997
+
1998
+ .size-1\\.5 {
1999
+ width: 0.375rem;
2000
+ height: 0.375rem;
2001
+ }
2002
+
2003
+ .size-3\\.5 {
2004
+ width: 0.875rem;
2005
+ height: 0.875rem;
2006
+ }
2007
+
2008
+ .size-4 {
2009
+ width: 1rem;
2010
+ height: 1rem;
2011
+ }
2012
+
2013
+ .h-1\\.5 {
2014
+ height: 0.375rem;
2015
+ }
2016
+
2017
+ .h-10 {
2018
+ height: 2.5rem;
2019
+ }
2020
+
2021
+ .h-2 {
2022
+ height: 0.5rem;
2023
+ }
2024
+
2025
+ .h-2\\.5 {
2026
+ height: 0.625rem;
2027
+ }
2028
+
2029
+ .h-28 {
2030
+ height: 7rem;
2031
+ }
2032
+
2033
+ .h-3 {
2034
+ height: 0.75rem;
2035
+ }
2036
+
2037
+ .h-\\[7px\\] {
2038
+ height: 7px;
2039
+ }
2040
+
2041
+ .h-full {
2042
+ height: 100%;
2043
+ }
2044
+
2045
+ .max-h-24 {
2046
+ max-height: 6rem;
2047
+ }
2048
+
2049
+ .max-h-60 {
2050
+ max-height: 15rem;
2051
+ }
2052
+
2053
+ .max-h-80 {
2054
+ max-height: 20rem;
2055
+ }
2056
+
2057
+ .min-h-0 {
2058
+ min-height: 0px;
2059
+ }
2060
+
2061
+ .min-h-\\[1\\.5rem\\] {
2062
+ min-height: 1.5rem;
2063
+ }
2064
+
2065
+ .w-1\\.5 {
2066
+ width: 0.375rem;
2067
+ }
2068
+
2069
+ .w-2 {
2070
+ width: 0.5rem;
2071
+ }
2072
+
2073
+ .w-2\\.5 {
2074
+ width: 0.625rem;
2075
+ }
2076
+
2077
+ .w-3 {
2078
+ width: 0.75rem;
2079
+ }
2080
+
2081
+ .w-\\[7px\\] {
2082
+ width: 7px;
2083
+ }
2084
+
2085
+ .w-full {
2086
+ width: 100%;
2087
+ }
2088
+
2089
+ .min-w-0 {
2090
+ min-width: 0px;
2091
+ }
2092
+
2093
+ .max-w-3xl {
2094
+ max-width: 48rem;
2095
+ }
2096
+
2097
+ .max-w-\\[80\\%\\] {
2098
+ max-width: 80%;
2099
+ }
2100
+
2101
+ .max-w-full {
2102
+ max-width: 100%;
2103
+ }
2104
+
2105
+ .max-w-none {
2106
+ max-width: none;
2107
+ }
2108
+
2109
+ .flex-1 {
2110
+ flex: 1 1 0%;
2111
+ }
2112
+
2113
+ .flex-shrink-0 {
2114
+ flex-shrink: 0;
2115
+ }
2116
+
2117
+ .shrink-0 {
2118
+ flex-shrink: 0;
2119
+ }
2120
+
2121
+ .rotate-90 {
2122
+ --tw-rotate: 90deg;
2123
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2124
+ }
2125
+
2126
+ .transform {
2127
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2128
+ }
2129
+
2130
+ @keyframes bounce {
2131
+ 0%, 100% {
2132
+ transform: translateY(-25%);
2133
+ animation-timing-function: cubic-bezier(0.8,0,1,1);
2134
+ }
2135
+
2136
+ 50% {
2137
+ transform: none;
2138
+ animation-timing-function: cubic-bezier(0,0,0.2,1);
2139
+ }
2140
+ }
2141
+
2142
+ .animate-bounce {
2143
+ animation: bounce 1s infinite;
2144
+ }
2145
+
2146
+ @keyframes pulse {
2147
+ 50% {
2148
+ opacity: .5;
2149
+ }
2150
+ }
2151
+
2152
+ .animate-pulse {
2153
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
2154
+ }
2155
+
2156
+ @keyframes spin {
2157
+ to {
2158
+ transform: rotate(360deg);
2159
+ }
2160
+ }
2161
+
2162
+ .animate-spin {
2163
+ animation: spin 1s linear infinite;
2164
+ }
2165
+
2166
+ .cursor-default {
2167
+ cursor: default;
2168
+ }
2169
+
2170
+ .cursor-pointer {
2171
+ cursor: pointer;
2172
+ }
2173
+
2174
+ .resize {
2175
+ resize: both;
2176
+ }
2177
+
2178
+ .flex-col {
2179
+ flex-direction: column;
2180
+ }
2181
+
2182
+ .flex-col-reverse {
2183
+ flex-direction: column-reverse;
2184
+ }
2185
+
2186
+ .items-start {
2187
+ align-items: flex-start;
2188
+ }
2189
+
2190
+ .items-center {
2191
+ align-items: center;
2192
+ }
2193
+
2194
+ .items-baseline {
2195
+ align-items: baseline;
2196
+ }
2197
+
2198
+ .justify-start {
2199
+ justify-content: flex-start;
2200
+ }
2201
+
2202
+ .justify-end {
2203
+ justify-content: flex-end;
2204
+ }
2205
+
2206
+ .justify-center {
2207
+ justify-content: center;
2208
+ }
2209
+
2210
+ .justify-between {
2211
+ justify-content: space-between;
2212
+ }
2213
+
2214
+ .gap-0\\.5 {
2215
+ gap: 0.125rem;
2216
+ }
2217
+
2218
+ .gap-1 {
2219
+ gap: 0.25rem;
2220
+ }
2221
+
2222
+ .gap-1\\.5 {
2223
+ gap: 0.375rem;
2224
+ }
2225
+
2226
+ .gap-2 {
2227
+ gap: 0.5rem;
2228
+ }
2229
+
2230
+ .space-y-1 > :not([hidden]) ~ :not([hidden]) {
2231
+ --tw-space-y-reverse: 0;
2232
+ margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
2233
+ margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
2234
+ }
2235
+
2236
+ .space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) {
2237
+ --tw-space-y-reverse: 0;
2238
+ margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
2239
+ margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
2240
+ }
2241
+
2242
+ .space-y-2 > :not([hidden]) ~ :not([hidden]) {
2243
+ --tw-space-y-reverse: 0;
2244
+ margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
2245
+ margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
2246
+ }
2247
+
2248
+ .self-start {
2249
+ align-self: flex-start;
2250
+ }
2251
+
2252
+ .overflow-y-auto {
2253
+ overflow-y: auto;
2254
+ }
2255
+
2256
+ .truncate {
2257
+ overflow: hidden;
2258
+ text-overflow: ellipsis;
2259
+ white-space: nowrap;
2260
+ }
2261
+
2262
+ .whitespace-nowrap {
2263
+ white-space: nowrap;
2264
+ }
2265
+
2266
+ .whitespace-pre-wrap {
2267
+ white-space: pre-wrap;
2268
+ }
2269
+
2270
+ .break-words {
2271
+ overflow-wrap: break-word;
2272
+ }
2273
+
2274
+ .break-all {
2275
+ word-break: break-all;
2276
+ }
2277
+
2278
+ .rounded {
2279
+ border-radius: 0.25rem;
2280
+ }
2281
+
2282
+ .rounded-2xl {
2283
+ border-radius: 1rem;
2284
+ }
2285
+
2286
+ .rounded-full {
2287
+ border-radius: 9999px;
2288
+ }
2289
+
2290
+ .rounded-lg {
2291
+ border-radius: 0.5rem;
2292
+ }
2293
+
2294
+ .rounded-xl {
2295
+ border-radius: 0.75rem;
2296
+ }
2297
+
2298
+ .border {
2299
+ border-width: 1px;
2300
+ }
2301
+
2302
+ .border-l {
2303
+ border-left-width: 1px;
2304
+ }
2305
+
2306
+ .border-t {
2307
+ border-top-width: 1px;
2308
+ }
2309
+
2310
+ .border-\\[var\\(--chat-border\\)\\] {
2311
+ border-color: var(--chat-border);
2312
+ }
2313
+
2314
+ .border-amber-500\\/30 {
2315
+ border-color: rgb(245 158 11 / 0.3);
2316
+ }
2317
+
2318
+ .border-blue-200 {
2319
+ --tw-border-opacity: 1;
2320
+ border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
2321
+ }
2322
+
2323
+ .border-blue-500\\/30 {
2324
+ border-color: rgb(59 130 246 / 0.3);
2325
+ }
2326
+
2327
+ .border-blue-500\\/50 {
2328
+ border-color: rgb(59 130 246 / 0.5);
2329
+ }
2330
+
2331
+ .border-red-500\\/30 {
2332
+ border-color: rgb(239 68 68 / 0.3);
2333
+ }
2334
+
2335
+ .border-transparent {
2336
+ border-color: transparent;
2337
+ }
2338
+
2339
+ .border-yellow-200 {
2340
+ --tw-border-opacity: 1;
2341
+ border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
2342
+ }
2343
+
2344
+ .border-zinc-200 {
2345
+ --tw-border-opacity: 1;
2346
+ border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
2347
+ }
2348
+
2349
+ .border-zinc-300 {
2350
+ --tw-border-opacity: 1;
2351
+ border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
2352
+ }
2353
+
2354
+ .border-zinc-600 {
2355
+ --tw-border-opacity: 1;
2356
+ border-color: rgb(82 82 91 / var(--tw-border-opacity, 1));
2357
+ }
2358
+
2359
+ .border-zinc-700 {
2360
+ --tw-border-opacity: 1;
2361
+ border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
2362
+ }
2363
+
2364
+ .bg-\\[var\\(--chat-accent\\)\\] {
2365
+ background-color: var(--chat-accent);
2366
+ }
2367
+
2368
+ .bg-\\[var\\(--chat-bg\\)\\] {
2369
+ background-color: var(--chat-bg);
2370
+ }
2371
+
2372
+ .bg-amber-100 {
2373
+ --tw-bg-opacity: 1;
2374
+ background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
2375
+ }
2376
+
2377
+ .bg-amber-500\\/10 {
2378
+ background-color: rgb(245 158 11 / 0.1);
2379
+ }
2380
+
2381
+ .bg-amber-900\\/60 {
2382
+ background-color: rgb(120 53 15 / 0.6);
2383
+ }
2384
+
2385
+ .bg-blue-50 {
2386
+ --tw-bg-opacity: 1;
2387
+ background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
2388
+ }
2389
+
2390
+ .bg-blue-500 {
2391
+ --tw-bg-opacity: 1;
2392
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
2393
+ }
2394
+
2395
+ .bg-blue-500\\/10 {
2396
+ background-color: rgb(59 130 246 / 0.1);
2397
+ }
2398
+
2399
+ .bg-blue-500\\/20 {
2400
+ background-color: rgb(59 130 246 / 0.2);
2401
+ }
2402
+
2403
+ .bg-green-500 {
2404
+ --tw-bg-opacity: 1;
2405
+ background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
2406
+ }
2407
+
2408
+ .bg-red-100 {
2409
+ --tw-bg-opacity: 1;
2410
+ background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
2411
+ }
2412
+
2413
+ .bg-red-50 {
2414
+ --tw-bg-opacity: 1;
2415
+ background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
2416
+ }
2417
+
2418
+ .bg-red-500 {
2419
+ --tw-bg-opacity: 1;
2420
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
2421
+ }
2422
+
2423
+ .bg-red-500\\/10 {
2424
+ background-color: rgb(239 68 68 / 0.1);
2425
+ }
2426
+
2427
+ .bg-red-900\\/60 {
2428
+ background-color: rgb(127 29 29 / 0.6);
2429
+ }
2430
+
2431
+ .bg-white {
2432
+ --tw-bg-opacity: 1;
2433
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2434
+ }
2435
+
2436
+ .bg-yellow-50 {
2437
+ --tw-bg-opacity: 1;
2438
+ background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
2439
+ }
2440
+
2441
+ .bg-zinc-100 {
2442
+ --tw-bg-opacity: 1;
2443
+ background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
2444
+ }
2445
+
2446
+ .bg-zinc-300 {
2447
+ --tw-bg-opacity: 1;
2448
+ background-color: rgb(212 212 216 / var(--tw-bg-opacity, 1));
2449
+ }
2450
+
2451
+ .bg-zinc-50 {
2452
+ --tw-bg-opacity: 1;
2453
+ background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
2454
+ }
2455
+
2456
+ .bg-zinc-600 {
2457
+ --tw-bg-opacity: 1;
2458
+ background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1));
2459
+ }
2460
+
2461
+ .bg-zinc-800 {
2462
+ --tw-bg-opacity: 1;
2463
+ background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
2464
+ }
2465
+
2466
+ .bg-zinc-900 {
2467
+ --tw-bg-opacity: 1;
2468
+ background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
2469
+ }
2470
+
2471
+ .p-0\\.5 {
2472
+ padding: 0.125rem;
2473
+ }
2474
+
2475
+ .p-1 {
2476
+ padding: 0.25rem;
2477
+ }
2478
+
2479
+ .p-1\\.5 {
2480
+ padding: 0.375rem;
2481
+ }
2482
+
2483
+ .p-2 {
2484
+ padding: 0.5rem;
2485
+ }
2486
+
2487
+ .p-3 {
2488
+ padding: 0.75rem;
2489
+ }
2490
+
2491
+ .p-4 {
2492
+ padding: 1rem;
2493
+ }
2494
+
2495
+ .px-2 {
2496
+ padding-left: 0.5rem;
2497
+ padding-right: 0.5rem;
2498
+ }
2499
+
2500
+ .px-3 {
2501
+ padding-left: 0.75rem;
2502
+ padding-right: 0.75rem;
2503
+ }
2504
+
2505
+ .px-4 {
2506
+ padding-left: 1rem;
2507
+ padding-right: 1rem;
2508
+ }
2509
+
2510
+ .py-0\\.5 {
2511
+ padding-top: 0.125rem;
2512
+ padding-bottom: 0.125rem;
2513
+ }
2514
+
2515
+ .py-1 {
2516
+ padding-top: 0.25rem;
2517
+ padding-bottom: 0.25rem;
2518
+ }
2519
+
2520
+ .py-1\\.5 {
2521
+ padding-top: 0.375rem;
2522
+ padding-bottom: 0.375rem;
2523
+ }
2524
+
2525
+ .py-2 {
2526
+ padding-top: 0.5rem;
2527
+ padding-bottom: 0.5rem;
2528
+ }
2529
+
2530
+ .py-3 {
2531
+ padding-top: 0.75rem;
2532
+ padding-bottom: 0.75rem;
2533
+ }
2534
+
2535
+ .py-6 {
2536
+ padding-top: 1.5rem;
2537
+ padding-bottom: 1.5rem;
2538
+ }
2539
+
2540
+ .pb-1\\.5 {
2541
+ padding-bottom: 0.375rem;
2542
+ }
2543
+
2544
+ .pb-3 {
2545
+ padding-bottom: 0.75rem;
2546
+ }
2547
+
2548
+ .pb-4 {
2549
+ padding-bottom: 1rem;
2550
+ }
2551
+
2552
+ .pb-6 {
2553
+ padding-bottom: 1.5rem;
2554
+ }
2555
+
2556
+ .pl-2 {
2557
+ padding-left: 0.5rem;
2558
+ }
2559
+
2560
+ .pl-5 {
2561
+ padding-left: 1.25rem;
2562
+ }
2563
+
2564
+ .pt-0\\.5 {
2565
+ padding-top: 0.125rem;
2566
+ }
2567
+
2568
+ .pt-1 {
2569
+ padding-top: 0.25rem;
2570
+ }
2571
+
2572
+ .pt-2 {
2573
+ padding-top: 0.5rem;
2574
+ }
2575
+
2576
+ .pt-3 {
2577
+ padding-top: 0.75rem;
2578
+ }
2579
+
2580
+ .pt-4 {
2581
+ padding-top: 1rem;
2582
+ }
2583
+
2584
+ .pt-8 {
2585
+ padding-top: 2rem;
2586
+ }
2587
+
2588
+ .text-left {
2589
+ text-align: left;
2590
+ }
2591
+
2592
+ .text-center {
2593
+ text-align: center;
2594
+ }
2595
+
2596
+ .font-mono {
2597
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
2598
+ }
2599
+
2600
+ .font-sans {
2601
+ font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", ui-sans-serif, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
2602
+ }
2603
+
2604
+ .text-\\[10px\\] {
2605
+ font-size: 10px;
2606
+ }
2607
+
2608
+ .text-lg {
2609
+ font-size: 1.125rem;
2610
+ line-height: 1.75rem;
2611
+ }
2612
+
2613
+ .text-sm {
2614
+ font-size: 0.875rem;
2615
+ line-height: 1.25rem;
2616
+ }
2617
+
2618
+ .text-xs {
2619
+ font-size: 0.75rem;
2620
+ line-height: 1rem;
2621
+ }
2622
+
2623
+ .font-medium {
2624
+ font-weight: 500;
2625
+ }
2626
+
2627
+ .capitalize {
2628
+ text-transform: capitalize;
2629
+ }
2630
+
2631
+ .italic {
2632
+ font-style: italic;
2633
+ }
2634
+
2635
+ .leading-normal {
2636
+ line-height: 1.5;
2637
+ }
2638
+
2639
+ .text-\\[var\\(--chat-accent\\)\\] {
2640
+ color: var(--chat-accent);
2641
+ }
2642
+
2643
+ .text-\\[var\\(--chat-muted\\)\\] {
2644
+ color: var(--chat-muted);
2645
+ }
2646
+
2647
+ .text-\\[var\\(--chat-text\\)\\] {
2648
+ color: var(--chat-text);
2649
+ }
2650
+
2651
+ .text-amber-200 {
2652
+ --tw-text-opacity: 1;
2653
+ color: rgb(253 230 138 / var(--tw-text-opacity, 1));
2654
+ }
2655
+
2656
+ .text-amber-500 {
2657
+ --tw-text-opacity: 1;
2658
+ color: rgb(245 158 11 / var(--tw-text-opacity, 1));
2659
+ }
2660
+
2661
+ .text-amber-500\\/70 {
2662
+ color: rgb(245 158 11 / 0.7);
2663
+ }
2664
+
2665
+ .text-amber-700 {
2666
+ --tw-text-opacity: 1;
2667
+ color: rgb(180 83 9 / var(--tw-text-opacity, 1));
2668
+ }
2669
+
2670
+ .text-amber-800 {
2671
+ --tw-text-opacity: 1;
2672
+ color: rgb(146 64 14 / var(--tw-text-opacity, 1));
2673
+ }
2674
+
2675
+ .text-blue-700 {
2676
+ --tw-text-opacity: 1;
2677
+ color: rgb(29 78 216 / var(--tw-text-opacity, 1));
2678
+ }
2679
+
2680
+ .text-green-600\\/60 {
2681
+ color: rgb(22 163 74 / 0.6);
2682
+ }
2683
+
2684
+ .text-red-200 {
2685
+ --tw-text-opacity: 1;
2686
+ color: rgb(254 202 202 / var(--tw-text-opacity, 1));
2687
+ }
2688
+
2689
+ .text-red-500 {
2690
+ --tw-text-opacity: 1;
2691
+ color: rgb(239 68 68 / var(--tw-text-opacity, 1));
2692
+ }
2693
+
2694
+ .text-red-700 {
2695
+ --tw-text-opacity: 1;
2696
+ color: rgb(185 28 28 / var(--tw-text-opacity, 1));
2697
+ }
2698
+
2699
+ .text-red-800 {
2700
+ --tw-text-opacity: 1;
2701
+ color: rgb(153 27 27 / var(--tw-text-opacity, 1));
2702
+ }
2703
+
2704
+ .text-white {
2705
+ --tw-text-opacity: 1;
2706
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2707
+ }
2708
+
2709
+ .text-zinc-100 {
2710
+ --tw-text-opacity: 1;
2711
+ color: rgb(244 244 245 / var(--tw-text-opacity, 1));
2712
+ }
2713
+
2714
+ .text-zinc-400 {
2715
+ --tw-text-opacity: 1;
2716
+ color: rgb(161 161 170 / var(--tw-text-opacity, 1));
2717
+ }
2718
+
2719
+ .text-zinc-500 {
2720
+ --tw-text-opacity: 1;
2721
+ color: rgb(113 113 122 / var(--tw-text-opacity, 1));
2722
+ }
2723
+
2724
+ .text-zinc-900 {
2725
+ --tw-text-opacity: 1;
2726
+ color: rgb(24 24 27 / var(--tw-text-opacity, 1));
2727
+ }
2728
+
2729
+ .underline {
2730
+ text-decoration-line: underline;
2731
+ }
2732
+
2733
+ .opacity-50 {
2734
+ opacity: 0.5;
2735
+ }
2736
+
2737
+ .opacity-60 {
2738
+ opacity: 0.6;
2739
+ }
2740
+
2741
+ .opacity-90 {
2742
+ opacity: 0.9;
2743
+ }
2744
+
2745
+ .shadow-sm {
2746
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2747
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2748
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2749
+ }
2750
+
2751
+ .outline {
2752
+ outline-style: solid;
2753
+ }
2754
+
2755
+ .filter {
2756
+ 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);
2757
+ }
2758
+
2759
+ .transition {
2760
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2761
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2762
+ transition-duration: 150ms;
2763
+ }
2764
+
2765
+ .transition-all {
2766
+ transition-property: all;
2767
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2768
+ transition-duration: 150ms;
2769
+ }
2770
+
2771
+ .transition-colors {
2772
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2773
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2774
+ transition-duration: 150ms;
2775
+ }
2776
+
2777
+ .transition-opacity {
2778
+ transition-property: opacity;
2779
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2780
+ transition-duration: 150ms;
2781
+ }
2782
+
2783
+ .transition-transform {
2784
+ transition-property: transform;
2785
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2786
+ transition-duration: 150ms;
2787
+ }
2788
+
2789
+ .ease-in-out {
2790
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2791
+ }
2792
+
2793
+ .dark\\:prose-invert:is(.dark *) {
2794
+ --tw-prose-body: var(--color-text);
2795
+ --tw-prose-headings: var(--color-text);
2796
+ --tw-prose-lead: var(--tw-prose-invert-lead);
2797
+ --tw-prose-links: var(--color-accent);
2798
+ --tw-prose-bold: var(--color-text);
2799
+ --tw-prose-counters: var(--tw-prose-invert-counters);
2800
+ --tw-prose-bullets: var(--color-muted);
2801
+ --tw-prose-hr: var(--color-divider);
2802
+ --tw-prose-quotes: var(--color-muted);
2803
+ --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
2804
+ --tw-prose-captions: var(--tw-prose-invert-captions);
2805
+ --tw-prose-kbd: var(--tw-prose-invert-kbd);
2806
+ --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
2807
+ --tw-prose-code: var(--color-accent);
2808
+ --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
2809
+ --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
2810
+ --tw-prose-th-borders: var(--color-divider);
2811
+ --tw-prose-td-borders: var(--color-divider);
2812
+ }
2813
+
2814
+ .hover\\:border-zinc-300:hover {
2815
+ --tw-border-opacity: 1;
2816
+ border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
2817
+ }
2818
+
2819
+ .hover\\:bg-\\[var\\(--chat-surface\\)\\]:hover {
2820
+ background-color: var(--chat-surface);
2821
+ }
2822
+
2823
+ .hover\\:bg-blue-600:hover {
2824
+ --tw-bg-opacity: 1;
2825
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
2826
+ }
2827
+
2828
+ .hover\\:bg-green-600:hover {
2829
+ --tw-bg-opacity: 1;
2830
+ background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
2831
+ }
2832
+
2833
+ .hover\\:bg-red-500\\/10:hover {
2834
+ background-color: rgb(239 68 68 / 0.1);
2835
+ }
2836
+
2837
+ .hover\\:bg-red-600:hover {
2838
+ --tw-bg-opacity: 1;
2839
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
2840
+ }
2841
+
2842
+ .hover\\:bg-zinc-100:hover {
2843
+ --tw-bg-opacity: 1;
2844
+ background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
2845
+ }
2846
+
2847
+ .hover\\:bg-zinc-700:hover {
2848
+ --tw-bg-opacity: 1;
2849
+ background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
2850
+ }
2851
+
2852
+ .hover\\:bg-zinc-800:hover {
2853
+ --tw-bg-opacity: 1;
2854
+ background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
2855
+ }
2856
+
2857
+ .hover\\:text-\\[var\\(--chat-accent\\)\\]:hover {
2858
+ color: var(--chat-accent);
2859
+ }
2860
+
2861
+ .hover\\:text-\\[var\\(--chat-text\\)\\]:hover {
2862
+ color: var(--chat-text);
2863
+ }
2864
+
2865
+ .hover\\:text-red-500:hover {
2866
+ --tw-text-opacity: 1;
2867
+ color: rgb(239 68 68 / var(--tw-text-opacity, 1));
2868
+ }
2869
+
2870
+ .hover\\:opacity-100:hover {
2871
+ opacity: 1;
2872
+ }
2873
+
2874
+ .hover\\:opacity-80:hover {
2875
+ opacity: 0.8;
2876
+ }
2877
+
2878
+ .focus\\:border-blue-500:focus {
2879
+ --tw-border-opacity: 1;
2880
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
2881
+ }
2882
+
2883
+ .focus\\:outline-none:focus {
2884
+ outline: 2px solid transparent;
2885
+ outline-offset: 2px;
2886
+ }
2887
+
2888
+ .focus\\:ring-2:focus {
2889
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2890
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2891
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2892
+ }
2893
+
2894
+ .focus\\:ring-blue-500\\/40:focus {
2895
+ --tw-ring-color: rgb(59 130 246 / 0.4);
2896
+ }
2897
+
2898
+ .disabled\\:cursor-not-allowed:disabled {
2899
+ cursor: not-allowed;
2900
+ }
2901
+
2902
+ .disabled\\:opacity-40:disabled {
2903
+ opacity: 0.4;
2904
+ }
2905
+
2906
+ .prose-h1\\:mb-0\\.5 :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2907
+ margin-bottom: 0.125rem;
2908
+ }
2909
+
2910
+ .prose-h1\\:mt-1 :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2911
+ margin-top: 0.25rem;
2912
+ }
2913
+
2914
+ .prose-h1\\:border-b :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2915
+ border-bottom-width: 1px;
2916
+ }
2917
+
2918
+ .prose-h1\\:pb-0\\.5 :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2919
+ padding-bottom: 0.125rem;
2920
+ }
2921
+
2922
+ .prose-h1\\:text-sm :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2923
+ font-size: 0.875rem;
2924
+ line-height: 1.25rem;
2925
+ }
2926
+
2927
+ .prose-h1\\:font-bold :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2928
+ font-weight: 700;
2929
+ }
2930
+
2931
+ .prose-h1\\:leading-tight :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2932
+ line-height: 1.25;
2933
+ }
2934
+
2935
+ .prose-h2\\:mb-0\\.5 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2936
+ margin-bottom: 0.125rem;
2937
+ }
2938
+
2939
+ .prose-h2\\:mt-1 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2940
+ margin-top: 0.25rem;
2941
+ }
2942
+
2943
+ .prose-h2\\:text-sm :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2944
+ font-size: 0.875rem;
2945
+ line-height: 1.25rem;
2946
+ }
2947
+
2948
+ .prose-h2\\:font-semibold :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2949
+ font-weight: 600;
2950
+ }
2951
+
2952
+ .prose-h2\\:leading-tight :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2953
+ line-height: 1.25;
2954
+ }
2955
+
2956
+ .prose-h3\\:mb-0 :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2957
+ margin-bottom: 0px;
2958
+ }
2959
+
2960
+ .prose-h3\\:mt-0\\.5 :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2961
+ margin-top: 0.125rem;
2962
+ }
2963
+
2964
+ .prose-h3\\:text-sm :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2965
+ font-size: 0.875rem;
2966
+ line-height: 1.25rem;
2967
+ }
2968
+
2969
+ .prose-h3\\:font-medium :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2970
+ font-weight: 500;
2971
+ }
2972
+
2973
+ .prose-h3\\:leading-tight :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2974
+ line-height: 1.25;
2975
+ }
2976
+
2977
+ .prose-h4\\:mb-0 :is(:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2978
+ margin-bottom: 0px;
2979
+ }
2980
+
2981
+ .prose-h4\\:mt-0\\.5 :is(:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2982
+ margin-top: 0.125rem;
2983
+ }
2984
+
2985
+ .prose-h4\\:text-xs :is(:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2986
+ font-size: 0.75rem;
2987
+ line-height: 1rem;
2988
+ }
2989
+
2990
+ .prose-h4\\:font-medium :is(:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2991
+ font-weight: 500;
2992
+ }
2993
+
2994
+ .prose-h5\\:mb-0 :is(:where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2995
+ margin-bottom: 0px;
2996
+ }
2997
+
2998
+ .prose-h5\\:mt-0\\.5 :is(:where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
2999
+ margin-top: 0.125rem;
3000
+ }
3001
+
3002
+ .prose-h5\\:text-xs :is(:where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3003
+ font-size: 0.75rem;
3004
+ line-height: 1rem;
3005
+ }
3006
+
3007
+ .prose-h5\\:font-medium :is(:where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3008
+ font-weight: 500;
3009
+ }
3010
+
3011
+ .prose-h6\\:mb-0 :is(:where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3012
+ margin-bottom: 0px;
3013
+ }
3014
+
3015
+ .prose-h6\\:mt-0\\.5 :is(:where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3016
+ margin-top: 0.125rem;
3017
+ }
3018
+
3019
+ .prose-h6\\:text-xs :is(:where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3020
+ font-size: 0.75rem;
3021
+ line-height: 1rem;
3022
+ }
3023
+
3024
+ .prose-h6\\:font-medium :is(:where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3025
+ font-weight: 500;
3026
+ }
3027
+
3028
+ .prose-p\\:my-0 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3029
+ margin-top: 0px;
3030
+ margin-bottom: 0px;
3031
+ }
3032
+
3033
+ .prose-p\\:leading-snug :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3034
+ line-height: 1.375;
3035
+ }
3036
+
3037
+ .prose-a\\:underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3038
+ text-decoration-line: underline;
3039
+ }
3040
+
3041
+ .prose-blockquote\\:my-0\\.5 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3042
+ margin-top: 0.125rem;
3043
+ margin-bottom: 0.125rem;
3044
+ }
3045
+
3046
+ .prose-blockquote\\:border-l-4 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3047
+ border-left-width: 4px;
3048
+ }
3049
+
3050
+ .prose-blockquote\\:pl-3 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3051
+ padding-left: 0.75rem;
3052
+ }
3053
+
3054
+ .prose-blockquote\\:italic :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3055
+ font-style: italic;
3056
+ }
3057
+
3058
+ .prose-strong\\:font-semibold :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3059
+ font-weight: 600;
3060
+ }
3061
+
3062
+ .prose-code\\:rounded :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3063
+ border-radius: 0.25rem;
3064
+ }
3065
+
3066
+ .prose-code\\:px-1 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3067
+ padding-left: 0.25rem;
3068
+ padding-right: 0.25rem;
3069
+ }
3070
+
3071
+ .prose-code\\:py-0\\.5 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3072
+ padding-top: 0.125rem;
3073
+ padding-bottom: 0.125rem;
3074
+ }
3075
+
3076
+ .prose-code\\:font-mono :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3077
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
3078
+ }
3079
+
3080
+ .prose-code\\:text-xs :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3081
+ font-size: 0.75rem;
3082
+ line-height: 1rem;
3083
+ }
3084
+
3085
+ .prose-code\\:before\\:content-none :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)))::before {
3086
+ --tw-content: none;
3087
+ content: var(--tw-content);
3088
+ }
3089
+
3090
+ .prose-code\\:after\\:content-none :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)))::after {
3091
+ --tw-content: none;
3092
+ content: var(--tw-content);
3093
+ }
3094
+
3095
+ .prose-pre\\:my-0\\.5 :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3096
+ margin-top: 0.125rem;
3097
+ margin-bottom: 0.125rem;
3098
+ }
3099
+
3100
+ .prose-pre\\:rounded-lg :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3101
+ border-radius: 0.5rem;
3102
+ }
3103
+
3104
+ .prose-pre\\:border :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3105
+ border-width: 1px;
3106
+ }
3107
+
3108
+ .prose-pre\\:p-2 :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3109
+ padding: 0.5rem;
3110
+ }
3111
+
3112
+ .prose-ol\\:my-0\\.5 :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3113
+ margin-top: 0.125rem;
3114
+ margin-bottom: 0.125rem;
3115
+ }
3116
+
3117
+ .prose-ol\\:list-decimal :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3118
+ list-style-type: decimal;
3119
+ }
3120
+
3121
+ .prose-ol\\:pl-5 :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3122
+ padding-left: 1.25rem;
3123
+ }
3124
+
3125
+ .prose-ul\\:my-0\\.5 :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3126
+ margin-top: 0.125rem;
3127
+ margin-bottom: 0.125rem;
3128
+ }
3129
+
3130
+ .prose-ul\\:list-disc :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3131
+ list-style-type: disc;
3132
+ }
3133
+
3134
+ .prose-ul\\:pl-5 :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3135
+ padding-left: 1.25rem;
3136
+ }
3137
+
3138
+ .prose-li\\:my-0 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3139
+ margin-top: 0px;
3140
+ margin-bottom: 0px;
3141
+ }
3142
+
3143
+ .prose-li\\:leading-normal :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3144
+ line-height: 1.5;
3145
+ }
3146
+
3147
+ .prose-table\\:my-0\\.5 :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3148
+ margin-top: 0.125rem;
3149
+ margin-bottom: 0.125rem;
3150
+ }
3151
+
3152
+ .prose-table\\:border-collapse :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3153
+ border-collapse: collapse;
3154
+ }
3155
+
3156
+ .prose-th\\:border :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3157
+ border-width: 1px;
3158
+ }
3159
+
3160
+ .prose-th\\:px-2 :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3161
+ padding-left: 0.5rem;
3162
+ padding-right: 0.5rem;
3163
+ }
3164
+
3165
+ .prose-th\\:py-0\\.5 :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3166
+ padding-top: 0.125rem;
3167
+ padding-bottom: 0.125rem;
3168
+ }
3169
+
3170
+ .prose-th\\:font-semibold :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3171
+ font-weight: 600;
3172
+ }
3173
+
3174
+ .prose-td\\:border :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3175
+ border-width: 1px;
3176
+ }
3177
+
3178
+ .prose-td\\:px-2 :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3179
+ padding-left: 0.5rem;
3180
+ padding-right: 0.5rem;
3181
+ }
3182
+
3183
+ .prose-td\\:py-0\\.5 :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3184
+ padding-top: 0.125rem;
3185
+ padding-bottom: 0.125rem;
3186
+ }
3187
+
3188
+ .prose-img\\:rounded-lg :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3189
+ border-radius: 0.5rem;
3190
+ }
3191
+
3192
+ .prose-hr\\:my-0\\.5 :is(:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
3193
+ margin-top: 0.125rem;
3194
+ margin-bottom: 0.125rem;
3195
+ }
3196
+
3197
+ .dark\\:border-yellow-800:is(.dark *) {
3198
+ --tw-border-opacity: 1;
3199
+ border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
3200
+ }
3201
+
3202
+ .dark\\:bg-red-900\\/20:is(.dark *) {
3203
+ background-color: rgb(127 29 29 / 0.2);
3204
+ }
3205
+
3206
+ .dark\\:bg-yellow-900\\/20:is(.dark *) {
3207
+ background-color: rgb(113 63 18 / 0.2);
3208
+ }
3209
+
3210
+ .dark\\:text-amber-300:is(.dark *) {
3211
+ --tw-text-opacity: 1;
3212
+ color: rgb(252 211 77 / var(--tw-text-opacity, 1));
3213
+ }
3214
+
3215
+ .dark\\:text-blue-300:is(.dark *) {
3216
+ --tw-text-opacity: 1;
3217
+ color: rgb(147 197 253 / var(--tw-text-opacity, 1));
3218
+ }
3219
+
3220
+ .dark\\:text-green-400\\/60:is(.dark *) {
3221
+ color: rgb(74 222 128 / 0.6);
3222
+ }
3223
+
3224
+ .dark\\:text-red-300:is(.dark *) {
3225
+ --tw-text-opacity: 1;
3226
+ color: rgb(252 165 165 / var(--tw-text-opacity, 1));
3227
+ }