autumnnote 1.14.0 → 1.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/README.md +37 -10
  2. package/dist/autumnnote.cjs +61 -0
  3. package/dist/autumnnote.css +2 -2579
  4. package/dist/autumnnote.es.js +4934 -9981
  5. package/dist/autumnnote.es.js.map +1 -1
  6. package/dist/autumnnote.min.js +61 -0
  7. package/dist/autumnnote.umd.js +39 -17545
  8. package/dist/autumnnote.umd.js.map +1 -1
  9. package/package.json +24 -15
  10. package/src/js/Context.js +154 -15
  11. package/src/js/core/sanitise.js +47 -11
  12. package/src/js/editing/History.js +38 -6
  13. package/src/js/i18n/de.js +15 -0
  14. package/src/js/i18n/en.js +15 -0
  15. package/src/js/i18n/es.js +15 -0
  16. package/src/js/i18n/fr.js +15 -0
  17. package/src/js/i18n/ja.js +15 -0
  18. package/src/js/i18n/ko.js +15 -0
  19. package/src/js/i18n/vi.js +15 -0
  20. package/src/js/i18n/zh.js +15 -0
  21. package/src/js/index.js +13 -1
  22. package/src/js/module/Clipboard.js +25 -7
  23. package/src/js/module/Editor.js +25 -5
  24. package/src/js/module/ImageCropOverlay.js +5 -0
  25. package/src/js/module/ImageDialog.js +34 -6
  26. package/src/js/module/MarkdownShortcuts.js +2 -2
  27. package/src/js/module/SlashMenu.js +376 -0
  28. package/src/js/module/Statusbar.js +3 -9
  29. package/src/js/module/TableTooltip.js +2 -1
  30. package/src/js/module/VideoDialog.js +3 -13
  31. package/src/js/settings.js +30 -0
  32. package/src/styles/autumnnote.scss +49 -0
  33. package/types/core/dom.d.ts +32 -0
  34. package/types/core/env.d.ts +10 -0
  35. package/types/core/func.d.ts +11 -0
  36. package/types/core/key.d.ts +3 -0
  37. package/types/core/lists.d.ts +10 -0
  38. package/types/core/range.d.ts +22 -0
  39. package/types/core/sanitise.d.ts +9 -0
  40. package/types/index.d.ts +102 -8
  41. package/dist/_headers +0 -5
  42. package/dist/image/banner.png +0 -0
  43. package/dist/image/favicon.ico +0 -0
  44. package/dist/image/og-banner.png +0 -0
  45. package/dist/robots.txt +0 -4
  46. package/dist/sitemap.xml +0 -58
@@ -1,2579 +1,2 @@
1
- @charset "UTF-8";
2
- /**
3
- * autumnnote.scss — Main stylesheet for the AutumnNote editor
4
- * Inspired by Summernote — rewritten with cleaner, modern CSS
5
- */
6
- .an-container {
7
- display: flex;
8
- flex-direction: column;
9
- position: relative;
10
- border: 1px solid #d1d5db;
11
- border-radius: 6px;
12
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
13
- font-size: 14px;
14
- box-sizing: border-box;
15
- background: #ffffff;
16
- contain: layout;
17
- }
18
- .an-container *,
19
- .an-container *::before,
20
- .an-container *::after {
21
- box-sizing: border-box;
22
- }
23
- .an-container.an-focused {
24
- border-color: var(--an-focus-color, #3b82f6);
25
- box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
26
- }
27
- @supports (color: color-mix(in srgb, red, blue)) {
28
- .an-container.an-focused {
29
- box-shadow: 0 0 0 3px color-mix(in srgb, var(--an-focus-color, #3b82f6) 18%, transparent);
30
- }
31
- }
32
- .an-container.an-disabled .an-toolbar {
33
- display: none;
34
- }
35
- .an-container.an-disabled .an-editable {
36
- cursor: text;
37
- user-select: text;
38
- }
39
- .an-container.an-disabled .an-editable ul.an-checklist input[type=checkbox] {
40
- pointer-events: none;
41
- cursor: default;
42
- opacity: 1;
43
- }
44
- .an-container.an-disabled .an-editable img {
45
- -webkit-user-drag: none;
46
- }
47
- .an-container.an-disabled .an-editable .an-video-wrapper {
48
- -webkit-user-drag: none;
49
- }
50
- .an-container.an-disabled .an-editable .an-video-wrapper .an-video-shield {
51
- pointer-events: none;
52
- }
53
- .an-container.an-fullscreen {
54
- position: fixed;
55
- inset: 0;
56
- z-index: 9990;
57
- border-radius: 0;
58
- border: none;
59
- }
60
- .an-container.an-fullscreen .an-editable {
61
- flex: 1;
62
- max-height: none !important;
63
- }
64
-
65
- .an-toolbar {
66
- display: flex;
67
- flex-wrap: wrap;
68
- align-items: center;
69
- gap: 4px;
70
- padding: 6px 8px;
71
- background: #f9fafb;
72
- border-bottom: 1px solid #d1d5db;
73
- user-select: none;
74
- border-radius: 6px 6px 0 0;
75
- overflow-x: auto;
76
- scrollbar-width: none;
77
- }
78
- .an-toolbar::-webkit-scrollbar {
79
- display: none;
80
- }
81
-
82
- .an-btn-group {
83
- display: flex;
84
- align-items: center;
85
- gap: 2px;
86
- }
87
- .an-btn-group > .an-btn {
88
- padding: 0;
89
- }
90
- .an-btn-group + .an-btn-group {
91
- position: relative;
92
- padding-left: 8px;
93
- }
94
- .an-btn-group + .an-btn-group::before {
95
- content: "";
96
- position: absolute;
97
- left: 0;
98
- top: 15%;
99
- height: 70%;
100
- width: 1px;
101
- background: #d1d5db;
102
- }
103
-
104
- .an-select {
105
- height: 30px;
106
- padding: 0 24px 0 8px;
107
- background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E") no-repeat right 7px center;
108
- background-size: 8px 5px;
109
- border: 1px solid #d1d5db;
110
- border-radius: 4px;
111
- font-family: inherit;
112
- font-size: 12px;
113
- color: #111827;
114
- cursor: pointer;
115
- appearance: none;
116
- -webkit-appearance: none;
117
- min-width: 110px;
118
- max-width: 160px;
119
- transition: border-color 0.15s ease, box-shadow 0.15s ease;
120
- }
121
- .an-select:hover {
122
- border-color: #3b82f6;
123
- }
124
- .an-select:focus {
125
- outline: none;
126
- border-color: #3b82f6;
127
- box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
128
- }
129
- .an-select option {
130
- font-size: 13px;
131
- }
132
-
133
- .an-select-narrow {
134
- min-width: 76px;
135
- max-width: 90px;
136
- padding-right: 20px;
137
- }
138
-
139
- .an-select-style {
140
- min-width: 80px;
141
- max-width: 92px;
142
- padding-right: 20px;
143
- }
144
-
145
- .an-table-picker-wrap {
146
- position: relative;
147
- display: inline-flex;
148
- }
149
-
150
- .an-table-picker-popup {
151
- display: none;
152
- position: fixed;
153
- background: #ffffff;
154
- border: 1px solid #d1d5db;
155
- border-radius: 6px;
156
- padding: 8px;
157
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
158
- z-index: 1100;
159
- user-select: none;
160
- }
161
-
162
- .an-table-grid {
163
- display: grid;
164
- grid-template-columns: repeat(10, 18px);
165
- gap: 2px;
166
- }
167
-
168
- .an-table-cell {
169
- width: 18px;
170
- height: 18px;
171
- border: 1px solid #d1d5db;
172
- border-radius: 2px;
173
- cursor: pointer;
174
- background: #ffffff;
175
- transition: background 0.15s ease, border-color 0.15s ease;
176
- }
177
- .an-table-cell.active {
178
- background: rgba(59, 130, 246, 0.15);
179
- border-color: #3b82f6;
180
- }
181
-
182
- .an-table-label {
183
- margin-top: 6px;
184
- text-align: center;
185
- font-size: 12px;
186
- color: #6b7280;
187
- min-height: 16px;
188
- }
189
-
190
- .an-context-table-grid-panel {
191
- padding: 6px 8px 8px;
192
- border-top: 1px solid #d1d5db;
193
- }
194
-
195
- .an-color-picker-wrap {
196
- position: relative;
197
- display: inline-flex;
198
- align-items: stretch;
199
- }
200
-
201
- .an-color-btn {
202
- flex-direction: column !important;
203
- gap: 2px !important;
204
- padding: 4px 6px 3px !important;
205
- height: auto !important;
206
- min-height: 30px;
207
- }
208
- .an-color-btn .an-color-strip {
209
- display: block;
210
- width: 100%;
211
- min-width: 14px;
212
- height: 3px;
213
- border-radius: 1px;
214
- flex-shrink: 0;
215
- }
216
-
217
- .an-color-arrow {
218
- padding: 0 3px !important;
219
- min-width: unset !important;
220
- border-left: 1px solid transparent;
221
- }
222
- .an-color-arrow:hover {
223
- border-left-color: #d1d5db;
224
- }
225
-
226
- .an-color-popup {
227
- position: fixed;
228
- z-index: 1100;
229
- background: #ffffff;
230
- border: 1px solid #d1d5db;
231
- border-radius: 6px;
232
- padding: 8px;
233
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
234
- min-width: 184px;
235
- user-select: none;
236
- }
237
-
238
- .an-color-swatches {
239
- display: grid;
240
- grid-template-columns: repeat(8, 18px);
241
- gap: 3px;
242
- margin-bottom: 8px;
243
- }
244
-
245
- .an-color-swatch {
246
- width: 18px;
247
- height: 18px;
248
- border-radius: 2px;
249
- cursor: pointer;
250
- border: 1px solid rgba(0, 0, 0, 0.12);
251
- transition: transform 0.1s ease;
252
- position: relative;
253
- }
254
- .an-color-swatch:hover {
255
- transform: scale(1.25);
256
- z-index: 1;
257
- outline: 2px solid #3b82f6;
258
- outline-offset: 1px;
259
- }
260
-
261
- .an-color-custom {
262
- display: flex;
263
- align-items: center;
264
- gap: 8px;
265
- padding-top: 6px;
266
- border-top: 1px solid #d1d5db;
267
- }
268
- .an-color-custom input[type=color] {
269
- width: 28px;
270
- height: 22px;
271
- padding: 1px 2px;
272
- border: 1px solid #d1d5db;
273
- border-radius: 3px;
274
- cursor: pointer;
275
- background: none;
276
- flex-shrink: 0;
277
- appearance: none;
278
- -webkit-appearance: none;
279
- }
280
- .an-color-custom input[type=color]::-webkit-color-swatch-wrapper {
281
- padding: 0;
282
- }
283
- .an-color-custom input[type=color]::-webkit-color-swatch {
284
- border: none;
285
- border-radius: 2px;
286
- }
287
- .an-color-custom input[type=color]:hover {
288
- border-color: #3b82f6;
289
- }
290
- .an-color-custom span {
291
- font-size: 11px;
292
- color: #6b7280;
293
- flex: 1;
294
- }
295
-
296
- .an-btn {
297
- display: inline-flex;
298
- align-items: center;
299
- justify-content: center;
300
- height: 30px;
301
- min-width: 30px;
302
- padding: 0 8px;
303
- background: transparent;
304
- border: 1px solid transparent;
305
- border-radius: 4px;
306
- color: #111827;
307
- font-family: inherit;
308
- font-size: 13px;
309
- line-height: 1;
310
- cursor: pointer;
311
- transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
312
- white-space: nowrap;
313
- text-decoration: none;
314
- }
315
- .an-btn svg {
316
- display: block;
317
- flex-shrink: 0;
318
- pointer-events: none;
319
- }
320
- .an-btn:hover {
321
- background: #f3f4f6;
322
- border-color: #d1d5db;
323
- color: #3b82f6;
324
- }
325
- .an-btn:hover svg {
326
- stroke: #3b82f6;
327
- }
328
- .an-btn:focus-visible {
329
- outline: 2px solid #3b82f6;
330
- outline-offset: 1px;
331
- }
332
- .an-btn.active {
333
- background: #dbeafe;
334
- border-color: #3b82f6;
335
- color: #2563eb;
336
- }
337
- .an-btn.active svg {
338
- stroke: #2563eb;
339
- }
340
- .an-btn.an-btn-primary {
341
- background: #3b82f6;
342
- border-color: #3b82f6;
343
- color: #fff;
344
- }
345
- .an-btn.an-btn-primary svg {
346
- stroke: #fff;
347
- }
348
- .an-btn.an-btn-primary:hover {
349
- background: #2563eb;
350
- border-color: #2563eb;
351
- }
352
-
353
- .an-editable {
354
- position: relative;
355
- flex: 1;
356
- padding: 12px 14px;
357
- min-height: 0;
358
- outline: none;
359
- line-height: 1.6;
360
- color: #111827;
361
- overflow-y: auto;
362
- word-break: break-word;
363
- }
364
- .an-editable.an-placeholder:not(:focus)::before {
365
- content: attr(data-placeholder);
366
- color: #6b7280;
367
- pointer-events: none;
368
- position: absolute;
369
- top: 12px;
370
- left: 14px;
371
- right: 14px;
372
- }
373
- .an-editable p {
374
- margin: 0 0 0.75em;
375
- }
376
- .an-editable h1, .an-editable h2, .an-editable h3, .an-editable h4, .an-editable h5, .an-editable h6 {
377
- margin: 0.5em 0;
378
- line-height: 1.3;
379
- }
380
- .an-editable h1 {
381
- font-size: 2em;
382
- }
383
- .an-editable h2 {
384
- font-size: 1.5em;
385
- }
386
- .an-editable h3 {
387
- font-size: 1.25em;
388
- }
389
- .an-editable h4 {
390
- font-size: 1.1em;
391
- }
392
- .an-editable h5 {
393
- font-size: 1em;
394
- }
395
- .an-editable h6 {
396
- font-size: 0.875em;
397
- }
398
- .an-editable ul, .an-editable ol {
399
- margin: 0 0 0.75em 0;
400
- padding-left: 1.5em;
401
- list-style-position: inside;
402
- }
403
- .an-editable li {
404
- margin-bottom: 0.25em;
405
- }
406
- .an-editable li > p {
407
- margin: 0 0 0.5em;
408
- }
409
- .an-editable li > p:first-child {
410
- display: inline;
411
- }
412
- .an-editable li > p:last-child {
413
- margin-bottom: 0;
414
- }
415
- .an-editable li:has(> p) {
416
- margin-bottom: 0.6em;
417
- }
418
- .an-editable blockquote {
419
- margin: 0.5em 0 0.5em 1em;
420
- padding: 0.5em 1em;
421
- border-left: 4px solid #d1d5db;
422
- color: #6b7280;
423
- }
424
- .an-editable pre, .an-editable code {
425
- font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
426
- font-size: 0.9em;
427
- background: #f9fafb;
428
- border-radius: 4px;
429
- }
430
- .an-editable pre {
431
- padding: 0.75em 1em;
432
- overflow-x: auto;
433
- }
434
- .an-editable code {
435
- padding: 0.1em 0.3em;
436
- }
437
- .an-editable pre > code {
438
- background: transparent;
439
- padding: 0;
440
- }
441
- .an-editable pre[class*=language-] {
442
- background: #2d2d2d;
443
- color: #ccc;
444
- border-radius: 4px;
445
- }
446
- .an-editable pre[class*=language-] > code[class*=language-] {
447
- background: transparent;
448
- color: inherit;
449
- padding: 0;
450
- }
451
- .an-editable .an-code-line-numbers {
452
- position: relative;
453
- padding-left: 3.5em !important;
454
- }
455
- .an-editable .an-code-line-numbers::before {
456
- content: "";
457
- position: absolute;
458
- left: 0;
459
- top: 0;
460
- bottom: 0;
461
- width: 3em;
462
- background: rgba(0, 0, 0, 0.04);
463
- border-right: 1px solid rgba(0, 0, 0, 0.1);
464
- pointer-events: none;
465
- z-index: 0;
466
- }
467
- .an-editable a {
468
- color: #3b82f6;
469
- }
470
- .an-editable hr {
471
- border: none;
472
- border-top: 2px solid #d1d5db;
473
- margin: 1em 0;
474
- }
475
- .an-editable img.an-image {
476
- max-width: 100%;
477
- height: auto;
478
- display: inline-block;
479
- }
480
- .an-editable .an-video-wrapper {
481
- position: relative;
482
- display: block;
483
- max-width: 100%;
484
- margin: 4px 0;
485
- }
486
- .an-editable .an-video-wrapper iframe,
487
- .an-editable .an-video-wrapper video {
488
- display: block;
489
- max-width: 100%;
490
- }
491
- .an-editable .an-video-wrapper .an-video-shield {
492
- position: absolute;
493
- inset: 0;
494
- z-index: 2;
495
- cursor: default;
496
- pointer-events: all;
497
- }
498
- .an-video-wrapper .an-video-shield {
499
- position: absolute;
500
- inset: 0;
501
- z-index: 2;
502
- cursor: default;
503
- pointer-events: all;
504
- }
505
-
506
- .an-editable table, .an-editable .an-table {
507
- border-collapse: collapse;
508
- table-layout: fixed;
509
- width: 100%;
510
- margin: 0.75em 0;
511
- }
512
- .an-editable table td, .an-editable table th, .an-editable .an-table td, .an-editable .an-table th {
513
- border: 1px solid #d1d5db;
514
- padding: 6px 10px;
515
- min-width: 40px;
516
- vertical-align: top;
517
- overflow-wrap: break-word;
518
- word-break: break-word;
519
- }
520
- .an-editable table th, .an-editable .an-table th {
521
- background: #f9fafb;
522
- font-weight: 600;
523
- }
524
- .an-editable table th.an-sort-asc::after, .an-editable table th.an-sort-desc::after, .an-editable .an-table th.an-sort-asc::after, .an-editable .an-table th.an-sort-desc::after {
525
- display: inline-block;
526
- margin-left: 6px;
527
- font-size: 0.7em;
528
- opacity: 0.6;
529
- }
530
- .an-editable table th.an-sort-asc::after, .an-editable .an-table th.an-sort-asc::after {
531
- content: "▲";
532
- }
533
- .an-editable table th.an-sort-desc::after, .an-editable .an-table th.an-sort-desc::after {
534
- content: "▼";
535
- }
536
-
537
- .an-link-tooltip {
538
- position: fixed;
539
- z-index: 1300;
540
- display: flex;
541
- align-items: center;
542
- gap: 2px;
543
- height: 30px;
544
- padding: 0 6px;
545
- background: #ffffff;
546
- border: 1px solid #d1d5db;
547
- border-radius: 4px;
548
- box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
549
- white-space: nowrap;
550
- pointer-events: all;
551
- }
552
- .an-link-tooltip .an-link-tooltip-url {
553
- max-width: 200px;
554
- overflow: hidden;
555
- text-overflow: ellipsis;
556
- white-space: nowrap;
557
- font-size: 12px;
558
- color: #3b82f6;
559
- cursor: default;
560
- padding: 0 4px;
561
- }
562
- .an-link-tooltip .an-link-tooltip-sep {
563
- width: 1px;
564
- height: 18px;
565
- background: #d1d5db;
566
- flex-shrink: 0;
567
- margin: 0 2px;
568
- }
569
-
570
- .an-link-tooltip-btn {
571
- display: flex;
572
- align-items: center;
573
- justify-content: center;
574
- width: 24px;
575
- height: 24px;
576
- padding: 0;
577
- border: none;
578
- border-radius: 4px;
579
- background: transparent;
580
- color: #6b7280;
581
- cursor: pointer;
582
- flex-shrink: 0;
583
- }
584
- .an-link-tooltip-btn svg {
585
- stroke: currentColor;
586
- display: block;
587
- }
588
- .an-link-tooltip-btn:hover {
589
- background: #f3f4f6;
590
- color: #111827;
591
- }
592
- .an-link-tooltip-btn:active, .an-link-tooltip-btn.an-link-tooltip-btn--copied {
593
- background: #dbeafe;
594
- color: #3b82f6;
595
- }
596
- .an-link-tooltip-btn.an-link-tooltip-btn--danger {
597
- color: #ef4444;
598
- }
599
- .an-link-tooltip-btn.an-link-tooltip-btn--danger svg {
600
- stroke: #ef4444;
601
- }
602
- .an-link-tooltip-btn.an-link-tooltip-btn--danger:hover {
603
- background: rgba(239, 68, 68, 0.08);
604
- color: #dc2626;
605
- }
606
- .an-link-tooltip-btn.an-link-tooltip-btn--danger:hover svg {
607
- stroke: #dc2626;
608
- }
609
-
610
- .an-image-tooltip .an-link-tooltip-url {
611
- color: #111827;
612
- font-weight: 500;
613
- }
614
-
615
- .an-video-tooltip .an-link-tooltip-url {
616
- color: #7c3aed;
617
- font-weight: 500;
618
- }
619
-
620
- .an-table-tooltip .an-link-tooltip-url {
621
- color: #0369a1;
622
- font-weight: 500;
623
- }
624
-
625
- .an-code-tooltip .an-link-tooltip-url {
626
- color: #059669;
627
- font-weight: 500;
628
- font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
629
- font-size: 11px;
630
- letter-spacing: 0.02em;
631
- }
632
-
633
- .an-link-tooltip-btn--shade {
634
- flex-direction: column;
635
- gap: 1px;
636
- padding: 4px 0 3px;
637
- height: auto;
638
- }
639
- .an-link-tooltip-btn--shade .an-bubble-btn-svg {
640
- display: flex;
641
- align-items: center;
642
- justify-content: center;
643
- line-height: 0;
644
- }
645
- .an-link-tooltip-btn--shade .an-bubble-btn-svg svg {
646
- display: block;
647
- }
648
- .an-link-tooltip-btn--shade .an-link-tooltip-color-strip {
649
- display: block;
650
- width: 13px;
651
- height: 3px;
652
- border-radius: 1px;
653
- pointer-events: none;
654
- background: transparent;
655
- }
656
-
657
- .an-link-tooltip-btn--active {
658
- background: rgba(59, 130, 246, 0.12) !important;
659
- color: #3b82f6 !important;
660
- }
661
- .an-link-tooltip-btn--active svg {
662
- stroke: #3b82f6;
663
- }
664
-
665
- .an-cell-selected {
666
- background-color: rgba(59, 130, 246, 0.18) !important;
667
- outline: 2px solid #3b82f6;
668
- outline-offset: -2px;
669
- }
670
-
671
- .an-table-select-mode td,
672
- .an-table-select-mode th {
673
- cursor: cell;
674
- }
675
-
676
- .an-size-popover {
677
- position: fixed;
678
- background: #ffffff;
679
- border: 1px solid #d1d5db;
680
- border-radius: 8px;
681
- padding: 12px 14px;
682
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
683
- z-index: 1200;
684
- min-width: 200px;
685
- }
686
- .an-size-popover .an-size-popover-title {
687
- font-size: 12px;
688
- font-weight: 600;
689
- color: #111827;
690
- margin-bottom: 10px;
691
- }
692
- .an-size-popover .an-size-popover-body {
693
- display: flex;
694
- align-items: center;
695
- gap: 6px;
696
- margin-bottom: 12px;
697
- }
698
- .an-size-popover .an-size-input {
699
- width: 80px;
700
- height: 28px;
701
- padding: 0 8px;
702
- border: 1px solid #d1d5db;
703
- border-radius: 4px;
704
- font-size: 13px;
705
- font-family: inherit;
706
- color: #111827;
707
- outline: none;
708
- }
709
- .an-size-popover .an-size-input:focus {
710
- border-color: #3b82f6;
711
- box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
712
- }
713
- .an-size-popover .an-size-unit {
714
- font-size: 12px;
715
- color: #6b7280;
716
- }
717
- .an-size-popover .an-size-popover-actions {
718
- display: flex;
719
- justify-content: flex-end;
720
- gap: 6px;
721
- }
722
-
723
- .an-cell-shade-popover {
724
- position: fixed;
725
- z-index: 1200;
726
- background: #ffffff;
727
- border: 1px solid #d1d5db;
728
- border-radius: 8px;
729
- padding: 10px 10px 6px;
730
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
731
- min-width: 166px;
732
- }
733
- .an-cell-shade-popover .an-size-popover-title {
734
- font-size: 11px;
735
- font-weight: 600;
736
- color: #6b7280;
737
- text-transform: uppercase;
738
- letter-spacing: 0.5px;
739
- margin-bottom: 8px;
740
- }
741
- .an-cell-shade-popover .an-shade-no-color {
742
- display: inline-flex;
743
- align-items: center;
744
- gap: 4px;
745
- padding: 3px 8px;
746
- font-size: 12px;
747
- color: #6b7280;
748
- background: transparent;
749
- border: 1px solid #d1d5db;
750
- border-radius: 4px;
751
- cursor: pointer;
752
- font-family: inherit;
753
- }
754
- .an-cell-shade-popover .an-shade-no-color:hover {
755
- background: #f3f4f6;
756
- color: #111827;
757
- }
758
- .an-cell-shade-popover .an-shade-color-input {
759
- width: 24px;
760
- height: 24px;
761
- padding: 0;
762
- border: 1px solid #d1d5db;
763
- border-radius: 4px;
764
- cursor: pointer;
765
- background: transparent;
766
- }
767
-
768
- .an-codeview {
769
- flex: 1;
770
- width: 100%;
771
- min-height: 200px;
772
- padding: 12px 14px;
773
- border: none;
774
- outline: none;
775
- resize: vertical;
776
- font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
777
- font-size: 13px;
778
- line-height: 1.5;
779
- background: #1e1e2e;
780
- color: #cdd6f4;
781
- }
782
-
783
- .an-statusbar {
784
- display: flex;
785
- align-items: center;
786
- justify-content: space-between;
787
- flex-shrink: 0;
788
- height: 24px;
789
- padding: 0 8px;
790
- background: #f9fafb;
791
- border-top: 1px solid #d1d5db;
792
- font-size: 11px;
793
- color: #6b7280;
794
- user-select: none;
795
- border-radius: 0 0 6px 6px;
796
- }
797
-
798
- .an-container > .an-editable:last-child {
799
- border-radius: 0 0 6px 6px;
800
- }
801
-
802
- .an-status-info {
803
- display: flex;
804
- gap: 12px;
805
- }
806
-
807
- .an-resize-handle {
808
- width: 14px;
809
- height: 14px;
810
- cursor: ns-resize;
811
- background: repeating-linear-gradient(-45deg, #d1d5db, #d1d5db 1px, transparent 1px, transparent 3px);
812
- border-radius: 2px;
813
- flex-shrink: 0;
814
- }
815
- .an-resize-handle:hover {
816
- opacity: 0.7;
817
- }
818
-
819
- .an-dialog-overlay {
820
- display: none;
821
- position: fixed;
822
- inset: 0;
823
- z-index: 9999;
824
- background: rgba(0, 0, 0, 0.45);
825
- align-items: center;
826
- justify-content: center;
827
- }
828
-
829
- .an-dialog-box {
830
- background: #ffffff;
831
- border-radius: 8px;
832
- padding: 24px;
833
- width: min(420px, 95vw);
834
- box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
835
- display: flex;
836
- flex-direction: column;
837
- gap: 10px;
838
- }
839
-
840
- .an-dialog-header {
841
- display: flex;
842
- align-items: center;
843
- gap: 12px;
844
- margin-bottom: 4px;
845
- }
846
-
847
- .an-dialog-icon {
848
- display: flex;
849
- align-items: center;
850
- justify-content: center;
851
- width: 38px;
852
- height: 38px;
853
- flex-shrink: 0;
854
- border-radius: 10px;
855
- background: rgba(59, 130, 246, 0.1);
856
- color: #3b82f6;
857
- }
858
- .an-dialog-icon svg {
859
- display: block;
860
- stroke: currentColor;
861
- }
862
-
863
- .an-dialog-title {
864
- margin: 0;
865
- font-size: 16px;
866
- font-weight: 600;
867
- color: #111827;
868
- }
869
-
870
- .an-dialog-actions {
871
- display: flex;
872
- gap: 8px;
873
- justify-content: flex-end;
874
- margin-top: 6px;
875
- }
876
-
877
- .an-dialog-hint {
878
- margin: -4px 0 0;
879
- font-size: 12px;
880
- color: #6b7280;
881
- min-height: 16px;
882
- }
883
-
884
- .an-align-row {
885
- display: flex;
886
- flex-wrap: wrap;
887
- gap: 12px;
888
- margin-bottom: 10px;
889
- }
890
- .an-align-row input[type=radio] {
891
- accent-color: #3b82f6;
892
- cursor: pointer;
893
- }
894
- .an-align-row .an-align-label {
895
- font-size: 13px;
896
- cursor: pointer;
897
- user-select: none;
898
- }
899
-
900
- .an-label {
901
- display: block;
902
- font-size: 13px;
903
- font-weight: 500;
904
- color: #111827;
905
- margin-bottom: 2px;
906
- }
907
- .an-label.an-label-inline {
908
- display: flex;
909
- align-items: center;
910
- gap: 6px;
911
- font-weight: normal;
912
- cursor: pointer;
913
- }
914
-
915
- .an-fr-dialog {
916
- background: transparent;
917
- pointer-events: none;
918
- align-items: flex-start;
919
- justify-content: flex-end;
920
- padding: 56px 16px 0 0;
921
- }
922
- .an-fr-dialog .an-fr-box {
923
- pointer-events: auto;
924
- width: 360px;
925
- padding: 14px 16px 16px;
926
- gap: 8px;
927
- }
928
-
929
- .an-fr-header {
930
- display: flex;
931
- align-items: center;
932
- justify-content: space-between;
933
- margin-bottom: 2px;
934
- }
935
- .an-fr-header .an-dialog-title {
936
- margin: 0;
937
- font-size: 14px;
938
- }
939
-
940
- .an-fr-search-bar {
941
- display: flex;
942
- align-items: center;
943
- gap: 4px;
944
- }
945
- .an-fr-search-bar .an-fr-input {
946
- flex: 1;
947
- min-width: 0;
948
- padding: 6px 8px;
949
- font-size: 13px;
950
- }
951
-
952
- .an-fr-replace-row {
953
- display: flex;
954
- align-items: center;
955
- gap: 6px;
956
- }
957
- .an-fr-replace-row .an-fr-input {
958
- flex: 1;
959
- min-width: 0;
960
- padding: 6px 8px;
961
- font-size: 13px;
962
- }
963
- .an-fr-replace-row .an-fr-replace-btn {
964
- flex-shrink: 0;
965
- padding: 5px 10px;
966
- font-size: 12px;
967
- white-space: nowrap;
968
- }
969
-
970
- .an-fr-icon-btn {
971
- display: flex;
972
- align-items: center;
973
- justify-content: center;
974
- flex-shrink: 0;
975
- width: 28px;
976
- height: 28px;
977
- padding: 0;
978
- font-size: 12px;
979
- font-weight: 600;
980
- font-family: inherit;
981
- border: 1px solid transparent;
982
- border-radius: 4px;
983
- background: transparent;
984
- color: #6b7280;
985
- cursor: pointer;
986
- }
987
- .an-fr-icon-btn svg {
988
- display: block;
989
- stroke: currentColor;
990
- }
991
- .an-fr-icon-btn:hover {
992
- background: #f3f4f6;
993
- color: #111827;
994
- border-color: #d1d5db;
995
- }
996
- .an-fr-icon-btn.an-fr-icon-btn--active {
997
- background: rgba(59, 130, 246, 0.1);
998
- color: #3b82f6;
999
- border-color: rgba(59, 130, 246, 0.3);
1000
- }
1001
-
1002
- .an-fr-counter {
1003
- font-size: 11px;
1004
- color: #6b7280;
1005
- white-space: nowrap;
1006
- min-width: 36px;
1007
- text-align: right;
1008
- flex-shrink: 0;
1009
- }
1010
-
1011
- .an-input {
1012
- width: 100%;
1013
- padding: 7px 10px;
1014
- border: 1px solid #d1d5db;
1015
- border-radius: 4px;
1016
- font-family: inherit;
1017
- font-size: 14px;
1018
- color: #111827;
1019
- background: #ffffff;
1020
- outline: none;
1021
- transition: border-color 0.15s ease, box-shadow 0.15s ease;
1022
- }
1023
- .an-input:focus {
1024
- border-color: #3b82f6;
1025
- box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
1026
- }
1027
-
1028
- .an-contextmenu {
1029
- position: fixed;
1030
- z-index: 10050;
1031
- background: #ffffff;
1032
- border: 1px solid #d1d5db;
1033
- border-radius: 8px;
1034
- box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
1035
- min-width: 180px;
1036
- padding: 5px 4px;
1037
- display: none;
1038
- user-select: none;
1039
- }
1040
-
1041
- .an-context-item {
1042
- display: flex;
1043
- align-items: center;
1044
- gap: 10px;
1045
- width: 100%;
1046
- text-align: left;
1047
- padding: 7px 14px;
1048
- background: transparent;
1049
- border: none;
1050
- border-radius: 5px;
1051
- font-size: 13px;
1052
- color: #111827;
1053
- cursor: pointer;
1054
- transition: background 0.12s, color 0.12s;
1055
- line-height: 1.4;
1056
- }
1057
- .an-context-item:hover {
1058
- background: #3b82f6;
1059
- color: #fff;
1060
- }
1061
- .an-context-item:hover .an-context-icon svg {
1062
- stroke: #fff;
1063
- }
1064
- .an-context-item:hover .an-context-chevron svg {
1065
- stroke: #fff;
1066
- }
1067
- .an-context-item:disabled {
1068
- opacity: 0.38;
1069
- cursor: default;
1070
- pointer-events: none;
1071
- }
1072
-
1073
- .an-context-submenu .an-context-chevron {
1074
- display: flex;
1075
- align-items: center;
1076
- margin-left: auto;
1077
- color: #6b7280;
1078
- flex-shrink: 0;
1079
- }
1080
- .an-context-submenu .an-context-chevron svg {
1081
- display: block;
1082
- }
1083
-
1084
- .an-context-back {
1085
- display: flex;
1086
- align-items: center;
1087
- gap: 8px;
1088
- width: 100%;
1089
- text-align: left;
1090
- padding: 6px 14px 8px;
1091
- background: transparent;
1092
- border: none;
1093
- border-bottom: 1px solid #d1d5db;
1094
- border-radius: 5px 5px 0 0;
1095
- font-size: 12px;
1096
- font-weight: 600;
1097
- color: #6b7280;
1098
- cursor: pointer;
1099
- margin-bottom: 3px;
1100
- transition: background 0.12s, color 0.12s;
1101
- }
1102
- .an-context-back .an-context-icon svg {
1103
- stroke: #6b7280;
1104
- }
1105
- .an-context-back:hover {
1106
- background: #f3f4f6;
1107
- color: #111827;
1108
- }
1109
- .an-context-back:hover .an-context-icon svg {
1110
- stroke: #111827;
1111
- }
1112
-
1113
- .an-context-icon {
1114
- display: flex;
1115
- align-items: center;
1116
- justify-content: center;
1117
- flex-shrink: 0;
1118
- width: 16px;
1119
- color: #6b7280;
1120
- transition: color 0.12s;
1121
- }
1122
- .an-context-icon svg {
1123
- display: block;
1124
- stroke: currentColor;
1125
- }
1126
-
1127
- .an-context-label {
1128
- flex: 1;
1129
- }
1130
-
1131
- .an-context-sep {
1132
- height: 1px;
1133
- margin: 5px 10px;
1134
- background: #d1d5db;
1135
- }
1136
-
1137
- .an-context-icon--color {
1138
- flex-direction: column;
1139
- gap: 2px;
1140
- width: 16px;
1141
- align-items: center;
1142
- }
1143
- .an-context-icon--color .an-context-icon-svg {
1144
- display: flex;
1145
- align-items: center;
1146
- justify-content: center;
1147
- line-height: 0;
1148
- }
1149
-
1150
- .an-context-color-strip {
1151
- display: block;
1152
- width: 100%;
1153
- height: 3px;
1154
- border-radius: 1px;
1155
- flex-shrink: 0;
1156
- }
1157
-
1158
- .an-context-color-palette {
1159
- display: flex;
1160
- flex-wrap: wrap;
1161
- gap: 3px;
1162
- padding: 6px 12px 2px;
1163
- }
1164
-
1165
- .an-context-color-swatch {
1166
- width: 15px;
1167
- height: 15px;
1168
- border-radius: 3px;
1169
- border: 1px solid rgba(0, 0, 0, 0.12);
1170
- cursor: pointer;
1171
- flex-shrink: 0;
1172
- position: relative;
1173
- transition: transform 0.1s;
1174
- }
1175
- .an-context-color-swatch:hover {
1176
- transform: scale(1.28);
1177
- z-index: 1;
1178
- border-color: rgba(0, 0, 0, 0.4);
1179
- }
1180
-
1181
- .an-context-color-none {
1182
- display: flex;
1183
- align-items: center;
1184
- justify-content: center;
1185
- background: #fff !important;
1186
- color: #999;
1187
- }
1188
- .an-context-color-none svg {
1189
- display: block;
1190
- }
1191
- .an-context-color-none:hover {
1192
- color: #333;
1193
- }
1194
-
1195
- .an-context-color-custom {
1196
- display: flex;
1197
- align-items: center;
1198
- gap: 8px;
1199
- padding: 4px 12px 8px;
1200
- font-size: 12px;
1201
- color: #6b7280;
1202
- cursor: pointer;
1203
- }
1204
- .an-context-color-custom input[type=color] {
1205
- width: 18px;
1206
- height: 18px;
1207
- padding: 0;
1208
- border: 1px solid #d1d5db;
1209
- border-radius: 3px;
1210
- cursor: pointer;
1211
- background: transparent;
1212
- -webkit-appearance: none;
1213
- appearance: none;
1214
- }
1215
- .an-context-color-custom span {
1216
- flex: 1;
1217
- }
1218
- .an-context-color-custom:hover span {
1219
- color: #111827;
1220
- }
1221
-
1222
- .an-image-resizer {
1223
- position: absolute;
1224
- z-index: 10000;
1225
- box-sizing: border-box;
1226
- border: 2px solid #3b82f6;
1227
- pointer-events: none;
1228
- }
1229
- .an-image-resizer .an-resize-handle {
1230
- position: absolute;
1231
- width: 8px;
1232
- height: 8px;
1233
- background: #3b82f6;
1234
- border: 1px solid #fff;
1235
- border-radius: 1px;
1236
- box-sizing: border-box;
1237
- pointer-events: all;
1238
- }
1239
- .an-image-resizer .an-resize-nw {
1240
- top: -4px;
1241
- left: -4px;
1242
- cursor: nw-resize;
1243
- }
1244
- .an-image-resizer .an-resize-ne {
1245
- top: -4px;
1246
- right: -4px;
1247
- cursor: ne-resize;
1248
- }
1249
- .an-image-resizer .an-resize-se {
1250
- bottom: -4px;
1251
- right: -4px;
1252
- cursor: se-resize;
1253
- }
1254
- .an-image-resizer .an-resize-sw {
1255
- bottom: -4px;
1256
- left: -4px;
1257
- cursor: sw-resize;
1258
- }
1259
- .an-image-resizer .an-resize-n {
1260
- top: -4px;
1261
- left: calc(50% - 4px);
1262
- cursor: n-resize;
1263
- }
1264
- .an-image-resizer .an-resize-e {
1265
- top: calc(50% - 4px);
1266
- right: -4px;
1267
- cursor: e-resize;
1268
- }
1269
- .an-image-resizer .an-resize-s {
1270
- bottom: -4px;
1271
- left: calc(50% - 4px);
1272
- cursor: s-resize;
1273
- }
1274
- .an-image-resizer .an-resize-w {
1275
- top: calc(50% - 4px);
1276
- left: -4px;
1277
- cursor: w-resize;
1278
- }
1279
-
1280
- .an-crop-scrim {
1281
- transition: clip-path 0s;
1282
- }
1283
-
1284
- .an-crop-box {
1285
- outline: none !important;
1286
- box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.45), inset 0 0 0 1px rgba(255, 255, 255, 0.25);
1287
- }
1288
-
1289
- .an-crop-handle:hover, .an-crop-handle:active {
1290
- background: #74affa !important;
1291
- }
1292
-
1293
- .an-crop-toolbar {
1294
- animation: an-crop-toolbar-in 0.12s ease;
1295
- }
1296
-
1297
- @keyframes an-crop-toolbar-in {
1298
- from {
1299
- opacity: 0;
1300
- transform: translateY(4px);
1301
- }
1302
- to {
1303
- opacity: 1;
1304
- transform: translateY(0);
1305
- }
1306
- }
1307
- @media print {
1308
- .an-crop-scrim,
1309
- .an-crop-box,
1310
- .an-crop-toolbar {
1311
- display: none !important;
1312
- }
1313
- }
1314
- .an-video-resizer {
1315
- position: absolute;
1316
- z-index: 10000;
1317
- box-sizing: border-box;
1318
- border: 2px solid #8b5cf6;
1319
- pointer-events: none;
1320
- }
1321
- .an-video-resizer .an-resize-handle {
1322
- position: absolute;
1323
- width: 8px;
1324
- height: 8px;
1325
- background: #8b5cf6;
1326
- border: 1px solid #fff;
1327
- border-radius: 1px;
1328
- box-sizing: border-box;
1329
- pointer-events: all;
1330
- }
1331
- .an-video-resizer .an-resize-nw {
1332
- top: -4px;
1333
- left: -4px;
1334
- cursor: nw-resize;
1335
- }
1336
- .an-video-resizer .an-resize-ne {
1337
- top: -4px;
1338
- right: -4px;
1339
- cursor: ne-resize;
1340
- }
1341
- .an-video-resizer .an-resize-se {
1342
- bottom: -4px;
1343
- right: -4px;
1344
- cursor: se-resize;
1345
- }
1346
- .an-video-resizer .an-resize-sw {
1347
- bottom: -4px;
1348
- left: -4px;
1349
- cursor: sw-resize;
1350
- }
1351
- .an-video-resizer .an-resize-n {
1352
- top: -4px;
1353
- left: calc(50% - 4px);
1354
- cursor: n-resize;
1355
- }
1356
- .an-video-resizer .an-resize-e {
1357
- top: calc(50% - 4px);
1358
- right: -4px;
1359
- cursor: e-resize;
1360
- }
1361
- .an-video-resizer .an-resize-s {
1362
- bottom: -4px;
1363
- left: calc(50% - 4px);
1364
- cursor: s-resize;
1365
- }
1366
- .an-video-resizer .an-resize-w {
1367
- top: calc(50% - 4px);
1368
- left: -4px;
1369
- cursor: w-resize;
1370
- }
1371
-
1372
- .an-icon-box {
1373
- width: min(596px, 95vw);
1374
- gap: 0;
1375
- padding: 20px;
1376
- }
1377
-
1378
- .an-icon-title-row {
1379
- display: flex;
1380
- align-items: center;
1381
- justify-content: space-between;
1382
- margin-bottom: 14px;
1383
- }
1384
- .an-icon-title-row .an-dialog-title {
1385
- margin: 0;
1386
- }
1387
-
1388
- .an-dialog-title-group {
1389
- display: flex;
1390
- align-items: center;
1391
- gap: 10px;
1392
- }
1393
-
1394
- .an-dialog-icon--sm {
1395
- width: 32px;
1396
- height: 32px;
1397
- border-radius: 8px;
1398
- background: rgba(59, 130, 246, 0.1);
1399
- color: #3b82f6;
1400
- display: flex;
1401
- align-items: center;
1402
- justify-content: center;
1403
- flex-shrink: 0;
1404
- }
1405
- .an-dialog-icon--sm svg {
1406
- display: block;
1407
- stroke: currentColor;
1408
- }
1409
-
1410
- .an-icon-close {
1411
- display: flex;
1412
- align-items: center;
1413
- justify-content: center;
1414
- width: 26px;
1415
- height: 26px;
1416
- padding: 0;
1417
- font-size: 18px;
1418
- line-height: 1;
1419
- background: none;
1420
- border: none;
1421
- border-radius: 4px;
1422
- cursor: pointer;
1423
- color: #6b7280;
1424
- flex-shrink: 0;
1425
- }
1426
- .an-icon-close:hover {
1427
- background: #f3f4f6;
1428
- color: #111827;
1429
- }
1430
-
1431
- .an-icon-search {
1432
- width: 100%;
1433
- margin-bottom: 10px;
1434
- box-sizing: border-box;
1435
- }
1436
-
1437
- .an-icon-cats {
1438
- display: flex;
1439
- flex-wrap: wrap;
1440
- gap: 4px;
1441
- margin-bottom: 10px;
1442
- }
1443
-
1444
- .an-icon-cat {
1445
- height: 26px;
1446
- padding: 0 10px;
1447
- font-size: 12px;
1448
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
1449
- background: none;
1450
- border: 1px solid #d1d5db;
1451
- border-radius: 13px;
1452
- cursor: pointer;
1453
- color: #6b7280;
1454
- white-space: nowrap;
1455
- transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
1456
- }
1457
- .an-icon-cat:hover {
1458
- background: #f3f4f6;
1459
- color: #111827;
1460
- }
1461
- .an-icon-cat.active {
1462
- background: #3b82f6;
1463
- border-color: #3b82f6;
1464
- color: #fff;
1465
- }
1466
-
1467
- .an-icon-grid {
1468
- display: grid;
1469
- grid-template-columns: repeat(auto-fill, 56px);
1470
- gap: 3px;
1471
- height: 256px;
1472
- overflow-y: auto;
1473
- margin-bottom: 10px;
1474
- padding: 4px;
1475
- border: 1px solid #d1d5db;
1476
- border-radius: 6px;
1477
- background: #ffffff;
1478
- scrollbar-width: thin;
1479
- scrollbar-color: #d1d5db transparent;
1480
- }
1481
- .an-icon-grid::-webkit-scrollbar {
1482
- width: 6px;
1483
- }
1484
- .an-icon-grid::-webkit-scrollbar-track {
1485
- background: transparent;
1486
- }
1487
- .an-icon-grid::-webkit-scrollbar-thumb {
1488
- background: #d1d5db;
1489
- border-radius: 3px;
1490
- }
1491
-
1492
- .an-icon-cell {
1493
- display: flex;
1494
- flex-direction: column;
1495
- align-items: center;
1496
- justify-content: center;
1497
- gap: 3px;
1498
- width: 56px;
1499
- height: 52px;
1500
- padding: 0;
1501
- border: 1px solid transparent;
1502
- border-radius: 4px;
1503
- background: none;
1504
- cursor: pointer;
1505
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
1506
- font-size: 10px;
1507
- color: #6b7280;
1508
- transition: background 0.15s ease, border-color 0.15s ease;
1509
- overflow: hidden;
1510
- box-sizing: border-box;
1511
- }
1512
- .an-icon-cell i {
1513
- font-size: 17px;
1514
- color: #111827;
1515
- line-height: 1;
1516
- pointer-events: none;
1517
- }
1518
- .an-icon-cell span {
1519
- overflow: hidden;
1520
- text-overflow: ellipsis;
1521
- white-space: nowrap;
1522
- max-width: 52px;
1523
- pointer-events: none;
1524
- }
1525
- .an-icon-cell:hover {
1526
- background: #f3f4f6;
1527
- border-color: #d1d5db;
1528
- }
1529
- .an-icon-cell.active {
1530
- background: rgba(59, 130, 246, 0.1);
1531
- border-color: #3b82f6;
1532
- color: #3b82f6;
1533
- }
1534
- .an-icon-cell.active i {
1535
- color: #3b82f6;
1536
- }
1537
-
1538
- .an-icon-empty {
1539
- grid-column: 1/-1;
1540
- padding: 24px 0;
1541
- text-align: center;
1542
- color: #6b7280;
1543
- font-size: 13px;
1544
- }
1545
-
1546
- .an-icon-options {
1547
- display: flex;
1548
- align-items: center;
1549
- flex-wrap: wrap;
1550
- gap: 6px 10px;
1551
- margin-bottom: 10px;
1552
- }
1553
- .an-icon-options .an-label {
1554
- margin: 0;
1555
- font-size: 12px;
1556
- white-space: nowrap;
1557
- }
1558
-
1559
- .an-icon-option-select {
1560
- height: 30px;
1561
- padding: 0 6px;
1562
- font-size: 12px;
1563
- width: auto;
1564
- }
1565
-
1566
- .an-icon-color {
1567
- width: 32px;
1568
- height: 30px;
1569
- padding: 2px;
1570
- border: 1px solid #d1d5db;
1571
- border-radius: 4px;
1572
- cursor: pointer;
1573
- background: none;
1574
- }
1575
-
1576
- .an-icon-use-color {
1577
- display: flex;
1578
- align-items: center;
1579
- gap: 4px;
1580
- font-size: 12px;
1581
- margin: 0;
1582
- cursor: pointer;
1583
- }
1584
- .an-icon-use-color input[type=checkbox] {
1585
- cursor: pointer;
1586
- }
1587
-
1588
- .an-icon-preview {
1589
- display: flex;
1590
- flex-direction: column;
1591
- align-items: center;
1592
- justify-content: center;
1593
- gap: 6px;
1594
- min-height: 72px;
1595
- margin-bottom: 14px;
1596
- padding: 10px 12px;
1597
- border: 1px solid #d1d5db;
1598
- border-radius: 6px;
1599
- background: #f9fafb;
1600
- }
1601
- .an-icon-preview i {
1602
- line-height: 1;
1603
- }
1604
- .an-icon-preview .an-icon-preview-hint {
1605
- font-size: 12px;
1606
- color: #6b7280;
1607
- }
1608
-
1609
- .an-icon-preview-name {
1610
- font-size: 12px;
1611
- color: #6b7280;
1612
- font-family: monospace;
1613
- }
1614
-
1615
- .an-emoji-box {
1616
- width: min(520px, 95vw);
1617
- gap: 0;
1618
- padding: 20px;
1619
- }
1620
-
1621
- .an-emoji-grid {
1622
- display: grid;
1623
- grid-template-columns: repeat(auto-fill, 42px);
1624
- gap: 2px;
1625
- height: 288px;
1626
- overflow-y: auto;
1627
- margin-bottom: 10px;
1628
- padding: 4px;
1629
- border: 1px solid #d1d5db;
1630
- border-radius: 6px;
1631
- scrollbar-width: thin;
1632
- scrollbar-color: #d1d5db transparent;
1633
- }
1634
- .an-emoji-grid::-webkit-scrollbar {
1635
- width: 6px;
1636
- }
1637
- .an-emoji-grid::-webkit-scrollbar-track {
1638
- background: transparent;
1639
- }
1640
- .an-emoji-grid::-webkit-scrollbar-thumb {
1641
- background: #d1d5db;
1642
- border-radius: 3px;
1643
- }
1644
-
1645
- .an-emoji-cell {
1646
- width: 42px;
1647
- height: 42px;
1648
- padding: 0;
1649
- display: flex;
1650
- align-items: center;
1651
- justify-content: center;
1652
- font-size: 22px;
1653
- line-height: 1;
1654
- border: 1px solid transparent;
1655
- border-radius: 4px;
1656
- background: none;
1657
- cursor: pointer;
1658
- transition: background 0.15s ease, border-color 0.15s ease;
1659
- }
1660
- .an-emoji-cell:hover {
1661
- background: #f3f4f6;
1662
- border-color: #d1d5db;
1663
- }
1664
- .an-emoji-cell:active {
1665
- background: #dbeafe;
1666
- }
1667
-
1668
- .an-sticky-toolbar {
1669
- overflow: visible;
1670
- }
1671
- .an-sticky-toolbar .an-toolbar {
1672
- position: sticky;
1673
- top: var(--an-sticky-top, 0px);
1674
- z-index: 100;
1675
- border-radius: 6px 6px 0 0;
1676
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
1677
- }
1678
-
1679
- .an-editable figure.an-figure {
1680
- display: inline-block;
1681
- max-width: 100%;
1682
- margin: 0.75em 0;
1683
- text-align: center;
1684
- }
1685
- .an-editable figure.an-figure img {
1686
- display: block;
1687
- max-width: 100%;
1688
- margin: 0 auto;
1689
- }
1690
- .an-editable figcaption.an-figcaption {
1691
- font-size: 0.85em;
1692
- font-style: italic;
1693
- color: #6b7280;
1694
- padding: 4px 0 2px;
1695
- text-align: center;
1696
- line-height: 1.4;
1697
- min-width: 60px;
1698
- outline: none;
1699
- }
1700
- .an-editable figcaption.an-figcaption:focus {
1701
- background: rgba(59, 130, 246, 0.06);
1702
- border-radius: 2px;
1703
- }
1704
-
1705
- .an-shortcuts-box {
1706
- width: min(480px, 95vw);
1707
- max-height: 80vh;
1708
- overflow-y: auto;
1709
- }
1710
-
1711
- .an-shortcuts-cat {
1712
- font-size: 11px;
1713
- font-weight: 600;
1714
- text-transform: uppercase;
1715
- letter-spacing: 0.06em;
1716
- color: #6b7280;
1717
- padding: 8px 0 4px;
1718
- border-bottom: 1px solid #d1d5db;
1719
- margin-bottom: 2px;
1720
- }
1721
- .an-shortcuts-cat + .an-shortcuts-table + .an-shortcuts-cat {
1722
- margin-top: 10px;
1723
- }
1724
-
1725
- .an-shortcuts-table {
1726
- display: flex;
1727
- flex-direction: column;
1728
- }
1729
-
1730
- .an-shortcuts-row {
1731
- display: flex;
1732
- align-items: center;
1733
- justify-content: space-between;
1734
- padding: 5px 4px;
1735
- border-radius: 4px;
1736
- }
1737
- .an-shortcuts-row:hover {
1738
- background: #f3f4f6;
1739
- }
1740
-
1741
- .an-shortcuts-key {
1742
- font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
1743
- font-size: 12px;
1744
- color: #111827;
1745
- background: #f9fafb;
1746
- border: 1px solid #d1d5db;
1747
- border-bottom-width: 2px;
1748
- border-radius: 4px;
1749
- padding: 2px 8px;
1750
- white-space: nowrap;
1751
- flex-shrink: 0;
1752
- }
1753
-
1754
- .an-shortcuts-action {
1755
- font-size: 13px;
1756
- color: #111827;
1757
- flex: 1;
1758
- padding-left: 14px;
1759
- }
1760
-
1761
- .an-code-lang-select {
1762
- height: 22px;
1763
- padding: 0 20px 0 6px;
1764
- border: 1px solid #d1d5db;
1765
- border-radius: 4px;
1766
- font-family: inherit;
1767
- font-size: 11px;
1768
- color: #111827;
1769
- background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E") no-repeat right 5px center;
1770
- background-size: 6px 4px;
1771
- appearance: none;
1772
- -webkit-appearance: none;
1773
- cursor: pointer;
1774
- }
1775
- .an-code-lang-select:focus {
1776
- outline: none;
1777
- border-color: #3b82f6;
1778
- }
1779
- .an-code-lang-select:hover {
1780
- border-color: #3b82f6;
1781
- }
1782
-
1783
- .an-theme-dark {
1784
- border-color: #3f3f5f;
1785
- background: #1e1e2e;
1786
- color: #cdd6f4;
1787
- }
1788
- .an-theme-dark.an-focused {
1789
- border-color: #89b4fa;
1790
- box-shadow: 0 0 0 3px rgba(137, 180, 250, 0.2);
1791
- }
1792
- .an-theme-dark .an-toolbar {
1793
- background: #181825;
1794
- border-color: #3f3f5f;
1795
- }
1796
- .an-theme-dark .an-btn {
1797
- color: #cdd6f4;
1798
- }
1799
- .an-theme-dark .an-btn:hover {
1800
- background: #2a2a3e;
1801
- border-color: #3f3f5f;
1802
- color: #cdd6f4;
1803
- }
1804
- .an-theme-dark .an-btn:hover svg {
1805
- stroke: #cdd6f4;
1806
- }
1807
- .an-theme-dark .an-btn.active {
1808
- background: #1a3a5c;
1809
- border-color: #89b4fa;
1810
- color: #89b4fa;
1811
- }
1812
- .an-theme-dark .an-btn.active svg {
1813
- stroke: #89b4fa;
1814
- }
1815
- .an-theme-dark .an-btn.an-btn-primary {
1816
- background: #3b5bdb;
1817
- border-color: #3b5bdb;
1818
- color: #fff;
1819
- }
1820
- .an-theme-dark .an-select {
1821
- background-color: #1e1e2e;
1822
- border-color: #3f3f5f;
1823
- color: #cdd6f4;
1824
- }
1825
- .an-theme-dark .an-select:hover, .an-theme-dark .an-select:focus {
1826
- border-color: #89b4fa;
1827
- }
1828
- .an-theme-dark .an-editable {
1829
- background: #1e1e2e;
1830
- color: #cdd6f4;
1831
- }
1832
- .an-theme-dark .an-editable a {
1833
- color: #89b4fa;
1834
- }
1835
- .an-theme-dark .an-editable blockquote {
1836
- border-color: #3f3f5f;
1837
- color: #a6adc8;
1838
- }
1839
- .an-theme-dark .an-editable pre:not([class*=language-]),
1840
- .an-theme-dark .an-editable code:not([class*=language-]) {
1841
- background: #313244;
1842
- color: #cdd6f4;
1843
- }
1844
- .an-theme-dark .an-editable pre:not([class*=language-]) > code {
1845
- background: transparent;
1846
- }
1847
- .an-theme-dark .an-editable .an-code-line-numbers::before {
1848
- background: rgba(255, 255, 255, 0.05);
1849
- border-right-color: rgba(255, 255, 255, 0.1);
1850
- }
1851
- .an-theme-dark .an-editable hr {
1852
- border-color: #3f3f5f;
1853
- }
1854
- .an-theme-dark .an-editable table td, .an-theme-dark .an-editable table th, .an-theme-dark .an-editable .an-table td, .an-theme-dark .an-editable .an-table th {
1855
- border-color: #3f3f5f;
1856
- }
1857
- .an-theme-dark .an-editable table th, .an-theme-dark .an-editable .an-table th {
1858
- background: #313244;
1859
- }
1860
- .an-theme-dark .an-editable.an-placeholder::before {
1861
- color: #6c7086;
1862
- }
1863
- .an-theme-dark .an-editable figcaption.an-figcaption {
1864
- color: #6c7086;
1865
- }
1866
- .an-theme-dark .an-statusbar {
1867
- background: #181825;
1868
- border-color: #3f3f5f;
1869
- color: #6c7086;
1870
- }
1871
- .an-theme-dark .an-link-tooltip,
1872
- .an-theme-dark .an-contextmenu {
1873
- background: #24273a;
1874
- border-color: #3f3f5f;
1875
- color: #cdd6f4;
1876
- }
1877
- .an-theme-dark .an-link-tooltip-url {
1878
- color: #89b4fa;
1879
- }
1880
- .an-theme-dark .an-link-tooltip-btn {
1881
- color: #a6adc8;
1882
- }
1883
- .an-theme-dark .an-link-tooltip-btn:hover {
1884
- background: #2a2a3e;
1885
- color: #cdd6f4;
1886
- }
1887
- .an-theme-dark .an-dialog-overlay {
1888
- background: rgba(0, 0, 0, 0.65);
1889
- }
1890
- .an-theme-dark .an-dialog-box {
1891
- background: #24273a;
1892
- color: #cdd6f4;
1893
- border: 1px solid #3f3f5f;
1894
- }
1895
- .an-theme-dark .an-dialog-title {
1896
- color: #cdd6f4;
1897
- }
1898
- .an-theme-dark .an-dialog-icon,
1899
- .an-theme-dark .an-dialog-icon--sm {
1900
- background: rgba(129, 140, 248, 0.15);
1901
- color: #818cf8;
1902
- }
1903
- .an-theme-dark .an-fr-icon-btn {
1904
- color: #a6adc8;
1905
- }
1906
- .an-theme-dark .an-fr-icon-btn:hover {
1907
- background: #313244;
1908
- color: #cdd6f4;
1909
- border-color: #45475a;
1910
- }
1911
- .an-theme-dark .an-fr-icon-btn.an-fr-icon-btn--active {
1912
- background: rgba(129, 140, 248, 0.15);
1913
- color: #818cf8;
1914
- border-color: rgba(129, 140, 248, 0.3);
1915
- }
1916
- .an-theme-dark .an-fr-counter {
1917
- color: #6c7086;
1918
- }
1919
- .an-theme-dark .an-label {
1920
- color: #cdd6f4;
1921
- }
1922
- .an-theme-dark .an-input {
1923
- background: #313244;
1924
- border-color: #3f3f5f;
1925
- color: #cdd6f4;
1926
- }
1927
- .an-theme-dark .an-input:focus {
1928
- border-color: #89b4fa;
1929
- box-shadow: 0 0 0 3px rgba(137, 180, 250, 0.15);
1930
- }
1931
- .an-theme-dark .an-shortcuts-key {
1932
- background: #313244;
1933
- border-color: #3f3f5f;
1934
- color: #cdd6f4;
1935
- }
1936
- .an-theme-dark .an-shortcuts-action {
1937
- color: #cdd6f4;
1938
- }
1939
- .an-theme-dark .an-shortcuts-row:hover {
1940
- background: #2a2a3e;
1941
- }
1942
- .an-theme-dark .an-shortcuts-cat {
1943
- border-color: #3f3f5f;
1944
- color: #a6adc8;
1945
- }
1946
- .an-theme-dark .an-code-lang-select {
1947
- background-color: #24273a;
1948
- border-color: #3f3f5f;
1949
- color: #cdd6f4;
1950
- }
1951
- .an-theme-dark .an-color-popup,
1952
- .an-theme-dark .an-table-picker-popup,
1953
- .an-theme-dark .an-size-popover,
1954
- .an-theme-dark .an-cell-shade-popover {
1955
- background: #24273a;
1956
- border-color: #3f3f5f;
1957
- color: #cdd6f4;
1958
- }
1959
- .an-theme-dark .an-cell-shade-popover .an-shade-no-color {
1960
- border-color: #3f3f5f;
1961
- color: #a6adc8;
1962
- }
1963
- .an-theme-dark .an-cell-shade-popover .an-shade-no-color:hover {
1964
- background: #313244;
1965
- color: #cdd6f4;
1966
- }
1967
- .an-theme-dark .an-link-tooltip-btn--active {
1968
- background: rgba(99, 102, 241, 0.2) !important;
1969
- color: #818cf8 !important;
1970
- }
1971
- .an-theme-dark .an-link-tooltip-btn--active svg {
1972
- stroke: #818cf8;
1973
- }
1974
- .an-theme-dark .an-cell-selected {
1975
- background-color: rgba(99, 102, 241, 0.25) !important;
1976
- outline-color: #6366f1;
1977
- }
1978
- .an-theme-dark .an-table-cell {
1979
- background: #24273a;
1980
- border-color: #3f3f5f;
1981
- }
1982
- .an-theme-dark .an-table-cell.active {
1983
- background: rgba(99, 102, 241, 0.3);
1984
- border-color: #6366f1;
1985
- }
1986
- .an-theme-dark .an-color-custom {
1987
- border-top-color: #3f3f5f;
1988
- color: #cdd6f4;
1989
- }
1990
- .an-theme-dark .an-color-arrow:hover {
1991
- border-left-color: #45475a;
1992
- }
1993
- .an-theme-dark .an-table-label {
1994
- color: #6c7086;
1995
- }
1996
- .an-theme-dark .an-context-table-grid-panel {
1997
- border-top-color: #3f3f5f;
1998
- }
1999
- .an-theme-dark .an-context-item {
2000
- color: #cdd6f4;
2001
- }
2002
- .an-theme-dark .an-context-sep {
2003
- background: #3f3f5f;
2004
- }
2005
- .an-theme-dark .an-context-color-swatch {
2006
- border-color: rgba(255, 255, 255, 0.15);
2007
- }
2008
- .an-theme-dark .an-context-color-swatch:hover {
2009
- border-color: rgba(255, 255, 255, 0.5);
2010
- }
2011
- .an-theme-dark .an-context-color-none {
2012
- background: #1e1e2e !important;
2013
- color: #888;
2014
- }
2015
- .an-theme-dark .an-context-color-none:hover {
2016
- color: #ccc;
2017
- }
2018
- .an-theme-dark .an-context-color-custom input[type=color] {
2019
- border-color: #3f3f5f;
2020
- }
2021
- .an-theme-dark .an-icon-cat {
2022
- border-color: #3f3f5f;
2023
- color: #a6adc8;
2024
- }
2025
- .an-theme-dark .an-icon-cat.active {
2026
- background: #3b5bdb;
2027
- border-color: #3b5bdb;
2028
- color: #fff;
2029
- }
2030
- .an-theme-dark .an-icon-search {
2031
- border-color: #3f3f5f;
2032
- background: #313244;
2033
- color: #cdd6f4;
2034
- }
2035
- .an-theme-dark .an-icon-cell {
2036
- color: #a6adc8;
2037
- }
2038
- .an-theme-dark .an-icon-cell i {
2039
- color: #cdd6f4;
2040
- }
2041
- .an-theme-dark .an-icon-cell:hover {
2042
- background: #2a2a3e;
2043
- border-color: #45475a;
2044
- }
2045
- .an-theme-dark .an-icon-cell.active {
2046
- background: rgba(129, 140, 248, 0.15);
2047
- border-color: #818cf8;
2048
- color: #818cf8;
2049
- }
2050
- .an-theme-dark .an-icon-cell.active i {
2051
- color: #818cf8;
2052
- }
2053
- .an-theme-dark .an-icon-close {
2054
- color: #a6adc8;
2055
- }
2056
- .an-theme-dark .an-icon-close:hover {
2057
- background: #2a2a3e;
2058
- color: #cdd6f4;
2059
- }
2060
- .an-theme-dark .an-emoji-box {
2061
- background: #1e1e2e;
2062
- border-color: #45475a;
2063
- }
2064
- .an-theme-dark .an-emoji-cell {
2065
- color: inherit;
2066
- }
2067
- .an-theme-dark .an-emoji-cell:hover {
2068
- background: #313244;
2069
- }
2070
- .an-theme-dark .an-emoji-grid {
2071
- scrollbar-color: #45475a transparent;
2072
- }
2073
- .an-theme-dark .an-icon-box {
2074
- background: #1e1e2e;
2075
- border-color: #45475a;
2076
- }
2077
- .an-theme-dark .an-icon-grid {
2078
- background: #181825;
2079
- border-color: #45475a;
2080
- }
2081
- .an-theme-dark .an-icon-options {
2082
- background: #181825;
2083
- border-color: #45475a;
2084
- }
2085
- .an-theme-dark .an-icon-preview {
2086
- background: #181825;
2087
- border-color: #45475a;
2088
- color: #cdd6f4;
2089
- }
2090
- .an-theme-dark .an-icon-preview .an-icon-preview-empty {
2091
- color: #6c7086;
2092
- }
2093
- .an-theme-dark .an-icon-option-select {
2094
- background: #313244;
2095
- border-color: #45475a;
2096
- color: #cdd6f4;
2097
- }
2098
- .an-theme-dark .an-icon-empty {
2099
- color: #6c7086;
2100
- }
2101
- .an-theme-dark .an-bubble-color-picker {
2102
- background: #24273a;
2103
- border-color: #3f3f5f;
2104
- }
2105
- .an-theme-dark .an-bubble-color-picker .an-context-color-custom {
2106
- border-color: #3f3f5f;
2107
- color: #a6adc8;
2108
- }
2109
- .an-theme-dark .an-table-tooltip {
2110
- background: #24273a;
2111
- border-color: #3f3f5f;
2112
- }
2113
- .an-theme-dark .an-fr-box {
2114
- background: #1e1e2e;
2115
- border-color: #45475a;
2116
- }
2117
-
2118
- .an-toolbar-overflow-scroll .an-toolbar {
2119
- flex-wrap: nowrap;
2120
- overflow-x: auto;
2121
- scrollbar-width: thin;
2122
- }
2123
- .an-toolbar-overflow-scroll .an-toolbar::-webkit-scrollbar {
2124
- height: 4px;
2125
- }
2126
- .an-toolbar-overflow-scroll .an-toolbar::-webkit-scrollbar-thumb {
2127
- background: #d1d5db;
2128
- border-radius: 2px;
2129
- }
2130
-
2131
- @media (max-width: 640px) {
2132
- .an-toolbar {
2133
- flex-wrap: nowrap;
2134
- overflow-x: auto;
2135
- scrollbar-width: none;
2136
- -ms-overflow-style: none;
2137
- }
2138
- .an-toolbar::-webkit-scrollbar {
2139
- display: none;
2140
- }
2141
- .an-select {
2142
- min-width: 72px;
2143
- max-width: 90px;
2144
- font-size: 11px;
2145
- }
2146
- .an-select-style {
2147
- min-width: 62px;
2148
- max-width: 76px;
2149
- }
2150
- .an-select-narrow {
2151
- min-width: 50px;
2152
- max-width: 66px;
2153
- }
2154
- }
2155
- .an-dir-rtl .an-toolbar {
2156
- direction: rtl;
2157
- }
2158
-
2159
- .an-editable[dir=rtl] {
2160
- text-align: right;
2161
- }
2162
-
2163
- .an-count-warn {
2164
- color: #f59e0b;
2165
- font-weight: 600;
2166
- }
2167
-
2168
- .an-count-exceeded {
2169
- color: #ef4444;
2170
- font-weight: 700;
2171
- }
2172
-
2173
- .an-editable ul.an-checklist {
2174
- list-style: none;
2175
- padding-left: 0;
2176
- margin: 0.5em 0;
2177
- }
2178
- .an-editable ul.an-checklist li {
2179
- position: relative;
2180
- padding-left: 22px;
2181
- padding-top: 1px;
2182
- padding-bottom: 1px;
2183
- min-height: 1.4em;
2184
- line-height: inherit;
2185
- font-size: inherit;
2186
- font-family: inherit;
2187
- }
2188
- .an-editable ul.an-checklist li input[type=checkbox] {
2189
- position: absolute;
2190
- left: 0;
2191
- top: 0.25em;
2192
- width: 14px;
2193
- height: 14px;
2194
- margin: 0;
2195
- cursor: pointer;
2196
- accent-color: #3b82f6;
2197
- }
2198
- .an-editable ul.an-checklist li:has(input[type=checkbox]:checked) {
2199
- color: #6b7280;
2200
- text-decoration: line-through;
2201
- }
2202
-
2203
- .an-theme-dark .an-editable ul.an-checklist li:has(input[type=checkbox]:checked) {
2204
- color: #6c7086;
2205
- }
2206
-
2207
- @media (prefers-color-scheme: dark) {
2208
- .an-theme-auto {
2209
- border-color: #3f3f5f;
2210
- background: #1e1e2e;
2211
- color: #cdd6f4;
2212
- }
2213
- .an-theme-auto.an-focused {
2214
- border-color: #89b4fa;
2215
- box-shadow: 0 0 0 3px rgba(137, 180, 250, 0.2);
2216
- }
2217
- .an-theme-auto .an-toolbar {
2218
- background: #181825;
2219
- border-color: #3f3f5f;
2220
- }
2221
- .an-theme-auto .an-btn {
2222
- color: #cdd6f4;
2223
- }
2224
- .an-theme-auto .an-btn:hover {
2225
- background: #2a2a3e;
2226
- border-color: #3f3f5f;
2227
- color: #cdd6f4;
2228
- }
2229
- .an-theme-auto .an-btn:hover svg {
2230
- stroke: #cdd6f4;
2231
- }
2232
- .an-theme-auto .an-btn.active {
2233
- background: #1a3a5c;
2234
- border-color: #89b4fa;
2235
- color: #89b4fa;
2236
- }
2237
- .an-theme-auto .an-btn.active svg {
2238
- stroke: #89b4fa;
2239
- }
2240
- .an-theme-auto .an-btn.an-btn-primary {
2241
- background: #3b5bdb;
2242
- border-color: #3b5bdb;
2243
- color: #fff;
2244
- }
2245
- .an-theme-auto .an-select {
2246
- background-color: #1e1e2e;
2247
- border-color: #3f3f5f;
2248
- color: #cdd6f4;
2249
- }
2250
- .an-theme-auto .an-select:hover, .an-theme-auto .an-select:focus {
2251
- border-color: #89b4fa;
2252
- }
2253
- .an-theme-auto .an-editable {
2254
- background: #1e1e2e;
2255
- color: #cdd6f4;
2256
- }
2257
- .an-theme-auto .an-editable a {
2258
- color: #89b4fa;
2259
- }
2260
- .an-theme-auto .an-editable blockquote {
2261
- border-color: #3f3f5f;
2262
- color: #a6adc8;
2263
- }
2264
- .an-theme-auto .an-editable pre:not([class*=language-]),
2265
- .an-theme-auto .an-editable code:not([class*=language-]) {
2266
- background: #313244;
2267
- color: #cdd6f4;
2268
- }
2269
- .an-theme-auto .an-editable pre:not([class*=language-]) > code {
2270
- background: transparent;
2271
- }
2272
- .an-theme-auto .an-editable hr {
2273
- border-color: #3f3f5f;
2274
- }
2275
- .an-theme-auto .an-editable table td, .an-theme-auto .an-editable table th, .an-theme-auto .an-editable .an-table td, .an-theme-auto .an-editable .an-table th {
2276
- border-color: #3f3f5f;
2277
- }
2278
- .an-theme-auto .an-editable table th, .an-theme-auto .an-editable .an-table th {
2279
- background: #313244;
2280
- }
2281
- .an-theme-auto .an-editable.an-placeholder::before {
2282
- color: #6c7086;
2283
- }
2284
- .an-theme-auto .an-editable figcaption.an-figcaption {
2285
- color: #6c7086;
2286
- }
2287
- .an-theme-auto .an-statusbar {
2288
- background: #181825;
2289
- border-color: #3f3f5f;
2290
- color: #6c7086;
2291
- }
2292
- .an-theme-auto .an-link-tooltip,
2293
- .an-theme-auto .an-contextmenu {
2294
- background: #24273a;
2295
- border-color: #3f3f5f;
2296
- color: #cdd6f4;
2297
- }
2298
- .an-theme-auto .an-link-tooltip-url {
2299
- color: #89b4fa;
2300
- }
2301
- .an-theme-auto .an-link-tooltip-btn {
2302
- color: #a6adc8;
2303
- }
2304
- .an-theme-auto .an-link-tooltip-btn:hover {
2305
- background: #2a2a3e;
2306
- color: #cdd6f4;
2307
- }
2308
- .an-theme-auto .an-dialog-overlay {
2309
- background: rgba(0, 0, 0, 0.65);
2310
- }
2311
- .an-theme-auto .an-dialog-box {
2312
- background: #24273a;
2313
- color: #cdd6f4;
2314
- border: 1px solid #3f3f5f;
2315
- }
2316
- .an-theme-auto .an-dialog-title {
2317
- color: #cdd6f4;
2318
- }
2319
- .an-theme-auto .an-input {
2320
- background: #313244;
2321
- border-color: #3f3f5f;
2322
- color: #cdd6f4;
2323
- }
2324
- .an-theme-auto .an-input:focus {
2325
- border-color: #89b4fa;
2326
- box-shadow: 0 0 0 3px rgba(137, 180, 250, 0.15);
2327
- }
2328
- .an-theme-auto .an-color-popup,
2329
- .an-theme-auto .an-table-picker-popup,
2330
- .an-theme-auto .an-size-popover,
2331
- .an-theme-auto .an-cell-shade-popover {
2332
- background: #24273a;
2333
- border-color: #3f3f5f;
2334
- color: #cdd6f4;
2335
- }
2336
- .an-theme-auto .an-context-color-swatch {
2337
- border-color: rgba(255, 255, 255, 0.15);
2338
- }
2339
- .an-theme-auto .an-context-color-swatch:hover {
2340
- border-color: rgba(255, 255, 255, 0.5);
2341
- }
2342
- .an-theme-auto .an-label {
2343
- color: #cdd6f4;
2344
- }
2345
- .an-theme-auto .an-editable ul.an-checklist li:has(input[type=checkbox]:checked) {
2346
- color: #6c7086;
2347
- }
2348
- }
2349
- @media print {
2350
- .an-container {
2351
- border: none;
2352
- box-shadow: none;
2353
- contain: none;
2354
- }
2355
- .an-toolbar,
2356
- .an-statusbar {
2357
- display: none !important;
2358
- }
2359
- .an-editable {
2360
- overflow: visible;
2361
- height: auto !important;
2362
- max-height: none !important;
2363
- padding: 0;
2364
- color: #000;
2365
- background: #fff;
2366
- }
2367
- .an-video-wrapper .an-video-shield {
2368
- display: none;
2369
- }
2370
- .an-image-resizer,
2371
- .an-video-resizer {
2372
- display: none !important;
2373
- }
2374
- }
2375
- .an-asr-banner {
2376
- display: flex;
2377
- align-items: center;
2378
- gap: 8px;
2379
- padding: 8px 12px;
2380
- background: #eff6ff;
2381
- border-bottom: 1px solid #bfdbfe;
2382
- font-size: 13px;
2383
- color: #1e40af;
2384
- flex-wrap: wrap;
2385
- }
2386
- .an-theme-dark .an-asr-banner {
2387
- background: #1e3a5f;
2388
- border-bottom-color: #1e4d8c;
2389
- color: #93c5fd;
2390
- }
2391
-
2392
- .an-asr-msg {
2393
- flex: 1;
2394
- min-width: 0;
2395
- }
2396
-
2397
- .an-asr-btn-restore {
2398
- padding: 3px 10px;
2399
- font-size: 12px;
2400
- font-weight: 600;
2401
- background: #3b82f6;
2402
- color: #fff;
2403
- border: none;
2404
- border-radius: 4px;
2405
- cursor: pointer;
2406
- line-height: 1.5;
2407
- }
2408
- .an-asr-btn-restore:hover {
2409
- background: #2563eb;
2410
- }
2411
-
2412
- .an-asr-btn-discard {
2413
- padding: 3px 10px;
2414
- font-size: 12px;
2415
- background: transparent;
2416
- color: #6b7280;
2417
- border: 1px solid #d1d5db;
2418
- border-radius: 4px;
2419
- cursor: pointer;
2420
- line-height: 1.5;
2421
- }
2422
- .an-asr-btn-discard:hover {
2423
- background: #f3f4f6;
2424
- }
2425
-
2426
- .an-bubble-toolbar {
2427
- display: none;
2428
- position: fixed;
2429
- z-index: 10040;
2430
- background: #ffffff;
2431
- border: 1px solid #d1d5db;
2432
- border-radius: 8px;
2433
- padding: 4px 6px;
2434
- gap: 2px;
2435
- box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
2436
- align-items: center;
2437
- animation: an-bubble-in 0.1s ease;
2438
- pointer-events: auto;
2439
- user-select: none;
2440
- }
2441
- .an-theme-dark .an-bubble-toolbar {
2442
- background: #24273a;
2443
- border-color: #3f3f5f;
2444
- }
2445
-
2446
- @keyframes an-bubble-in {
2447
- from {
2448
- opacity: 0;
2449
- transform: translateY(4px);
2450
- }
2451
- to {
2452
- opacity: 1;
2453
- transform: translateY(0);
2454
- }
2455
- }
2456
- .an-bubble-btn {
2457
- display: flex;
2458
- align-items: center;
2459
- justify-content: center;
2460
- width: 28px;
2461
- height: 28px;
2462
- padding: 0;
2463
- background: transparent;
2464
- border: none;
2465
- border-radius: 5px;
2466
- color: #111827;
2467
- cursor: pointer;
2468
- transition: background 0.15s ease, color 0.15s ease;
2469
- }
2470
- .an-bubble-btn svg {
2471
- pointer-events: none;
2472
- stroke: currentColor;
2473
- }
2474
- .an-bubble-btn:hover {
2475
- background: #f3f4f6;
2476
- color: #111827;
2477
- }
2478
- .an-bubble-btn.an-active {
2479
- background: #dbeafe;
2480
- color: #3b82f6;
2481
- }
2482
- .an-bubble-btn.an-bubble-btn--color {
2483
- flex-direction: column;
2484
- gap: 1px;
2485
- padding: 4px 0 3px;
2486
- }
2487
- .an-bubble-btn.an-bubble-btn--color .an-bubble-btn-svg {
2488
- display: flex;
2489
- align-items: center;
2490
- justify-content: center;
2491
- line-height: 0;
2492
- }
2493
- .an-bubble-btn.an-bubble-btn--color .an-bubble-btn-svg svg {
2494
- display: block;
2495
- }
2496
- .an-bubble-btn.an-bubble-btn--color .an-bubble-color-strip {
2497
- display: block;
2498
- width: 14px;
2499
- height: 3px;
2500
- border-radius: 1px;
2501
- pointer-events: none;
2502
- }
2503
- .an-theme-dark .an-bubble-btn {
2504
- color: #cdd6f4;
2505
- }
2506
- .an-theme-dark .an-bubble-btn:hover {
2507
- background: #313244;
2508
- }
2509
- .an-theme-dark .an-bubble-btn.an-active {
2510
- background: #1e3a5f;
2511
- color: #93c5fd;
2512
- }
2513
-
2514
- .an-bubble-color-picker {
2515
- position: fixed;
2516
- z-index: 10041;
2517
- background: #ffffff;
2518
- border: 1px solid #d1d5db;
2519
- border-radius: 8px;
2520
- box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
2521
- padding: 4px 0;
2522
- min-width: 160px;
2523
- }
2524
- .an-theme-dark .an-bubble-color-picker {
2525
- background: #24273a;
2526
- border-color: #3f3f5f;
2527
- }
2528
-
2529
- .an-mention-dropdown {
2530
- display: none;
2531
- position: fixed;
2532
- z-index: 9998;
2533
- background: #ffffff;
2534
- border: 1px solid #d1d5db;
2535
- border-radius: 6px;
2536
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
2537
- min-width: 180px;
2538
- max-width: 280px;
2539
- max-height: 240px;
2540
- overflow-y: auto;
2541
- padding: 4px 0;
2542
- }
2543
-
2544
- .an-mention-item {
2545
- display: flex;
2546
- align-items: center;
2547
- gap: 8px;
2548
- padding: 6px 12px;
2549
- cursor: pointer;
2550
- font-size: 13px;
2551
- color: #111827;
2552
- transition: background 0.15s ease;
2553
- }
2554
- .an-mention-item:hover, .an-mention-item.an-mention-active {
2555
- background: #f3f4f6;
2556
- }
2557
-
2558
- .an-mention-avatar {
2559
- width: 24px;
2560
- height: 24px;
2561
- border-radius: 50%;
2562
- object-fit: cover;
2563
- flex-shrink: 0;
2564
- }
2565
-
2566
- .an-mention {
2567
- display: inline;
2568
- background: #eff6ff;
2569
- color: #3b82f6;
2570
- border-radius: 3px;
2571
- padding: 0 3px;
2572
- font-weight: 500;
2573
- cursor: default;
2574
- user-select: all;
2575
- }
2576
- .an-theme-dark .an-mention {
2577
- background: #1e3a5f;
2578
- color: #93c5fd;
2579
- }/*$vite$:1*/
1
+ .an-container{box-sizing:border-box;contain:layout;background:#fff;border:1px solid #d1d5db;border-radius:6px;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;display:flex;position:relative}.an-container *,.an-container :before,.an-container :after{box-sizing:border-box}.an-container.an-focused{border-color:var(--an-focus-color,#3b82f6);box-shadow:0 0 0 3px #3b82f62e}@supports (color:color-mix(in srgb, red, blue)){.an-container.an-focused{box-shadow:0 0 0 3px color-mix(in srgb, var(--an-focus-color,#3b82f6) 18%, transparent)}}.an-container.an-disabled .an-toolbar{display:none}.an-container.an-disabled .an-editable{cursor:text;-webkit-user-select:text;user-select:text}.an-container.an-disabled .an-editable ul.an-checklist input[type=checkbox]{pointer-events:none;cursor:default;opacity:1}.an-container.an-disabled .an-editable img,.an-container.an-disabled .an-editable .an-video-wrapper{-webkit-user-drag:none}.an-container.an-disabled .an-editable .an-video-wrapper .an-video-shield{pointer-events:none}.an-container.an-fullscreen{z-index:9990;border:none;border-radius:0;position:fixed;inset:0}.an-container.an-fullscreen .an-editable{flex:1;max-height:none!important}@media (prefers-reduced-motion:reduce){.an-container *,.an-dialog-overlay *,.an-slash-menu *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.an-toolbar{-webkit-user-select:none;user-select:none;scrollbar-width:none;background:#f9fafb;border-bottom:1px solid #d1d5db;border-radius:6px 6px 0 0;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px;display:flex;overflow-x:auto}.an-toolbar::-webkit-scrollbar{display:none}.an-btn-group{align-items:center;gap:2px;display:flex}.an-btn-group>.an-btn{padding:0}.an-btn-group+.an-btn-group{padding-left:8px;position:relative}.an-btn-group+.an-btn-group:before{content:"";background:#d1d5db;width:1px;height:70%;position:absolute;top:15%;left:0}.an-select{color:#111827;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E") right 7px center/8px 5px no-repeat;border:1px solid #d1d5db;border-radius:4px;min-width:110px;max-width:160px;height:30px;padding:0 24px 0 8px;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.an-select:hover{border-color:#3b82f6}.an-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f626}.an-select option{font-size:13px}.an-select-narrow{min-width:76px;max-width:90px;padding-right:20px}.an-select-style{min-width:80px;max-width:92px;padding-right:20px}.an-table-picker-wrap{display:inline-flex;position:relative}.an-table-picker-popup{z-index:1100;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px;display:none;position:fixed;box-shadow:0 4px 16px #0000001f}.an-table-grid{grid-template-columns:repeat(10,18px);gap:2px;display:grid}.an-table-cell{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:2px;width:18px;height:18px;transition:background .15s,border-color .15s}.an-table-cell.active{background:#3b82f626;border-color:#3b82f6}.an-table-label{text-align:center;color:#6b7280;min-height:16px;margin-top:6px;font-size:12px}.an-context-table-grid-panel{border-top:1px solid #d1d5db;padding:6px 8px 8px}.an-color-picker-wrap{align-items:stretch;display:inline-flex;position:relative}.an-color-btn{min-height:30px;flex-direction:column!important;gap:2px!important;height:auto!important;padding:4px 6px 3px!important}.an-color-btn .an-color-strip{border-radius:1px;flex-shrink:0;width:100%;min-width:14px;height:3px;display:block}.an-color-arrow{border-left:1px solid #0000;min-width:unset!important;padding:0 3px!important}.an-color-arrow:hover{border-left-color:#d1d5db}.an-color-popup{z-index:1100;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:184px;padding:8px;position:fixed;box-shadow:0 4px 16px #0000001f}.an-color-swatches{grid-template-columns:repeat(8,18px);gap:3px;margin-bottom:8px;display:grid}.an-color-swatch{cursor:pointer;border:1px solid #0000001f;border-radius:2px;width:18px;height:18px;transition:transform .1s;position:relative}.an-color-swatch:hover{z-index:1;outline-offset:1px;outline:2px solid #3b82f6;transform:scale(1.25)}.an-color-custom{border-top:1px solid #d1d5db;align-items:center;gap:8px;padding-top:6px;display:flex}.an-color-custom input[type=color]{cursor:pointer;appearance:none;background:0 0;border:1px solid #d1d5db;border-radius:3px;flex-shrink:0;width:28px;height:22px;padding:1px 2px}.an-color-custom input[type=color]::-webkit-color-swatch-wrapper{padding:0}.an-color-custom input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.an-color-custom input[type=color]:hover{border-color:#3b82f6}.an-color-custom span{color:#6b7280;flex:1;font-size:11px}.an-btn{color:#111827;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 8px;font-family:inherit;font-size:13px;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.an-btn svg{pointer-events:none;flex-shrink:0;display:block}.an-btn:hover{color:#3b82f6;background:#f3f4f6;border-color:#d1d5db}.an-btn:hover svg{stroke:#3b82f6}.an-btn:focus-visible{outline-offset:1px;outline:2px solid #3b82f6}.an-btn.active{color:#2563eb;background:#dbeafe;border-color:#3b82f6}.an-btn.active svg{stroke:#2563eb}.an-btn.an-btn-primary{color:#fff;background:#3b82f6;border-color:#3b82f6}.an-btn.an-btn-primary svg{stroke:#fff}.an-btn.an-btn-primary:hover{background:#2563eb;border-color:#2563eb}.an-editable{color:#111827;word-break:break-word;outline:none;flex:1;min-height:0;padding:12px 14px;line-height:1.6;position:relative;overflow-y:auto}.an-editable.an-placeholder:not(:focus):before{content:attr(data-placeholder);color:#6b7280;pointer-events:none;position:absolute;top:12px;left:14px;right:14px}.an-editable p{margin:0 0 .75em}.an-editable h1,.an-editable h2,.an-editable h3,.an-editable h4,.an-editable h5,.an-editable h6{margin:.5em 0;line-height:1.3}.an-editable h1{font-size:2em}.an-editable h2{font-size:1.5em}.an-editable h3{font-size:1.25em}.an-editable h4{font-size:1.1em}.an-editable h5{font-size:1em}.an-editable h6{font-size:.875em}.an-editable ul,.an-editable ol{margin:0 0 .75em;padding-left:1.5em;list-style-position:inside}.an-editable li{margin-bottom:.25em}.an-editable li>p{margin:0 0 .5em}.an-editable li>p:first-child{display:inline}.an-editable li>p:last-child{margin-bottom:0}.an-editable li:has(>p){margin-bottom:.6em}.an-editable blockquote{color:#6b7280;border-left:4px solid #d1d5db;margin:.5em 0 .5em 1em;padding:.5em 1em}.an-editable pre,.an-editable code{background:#f9fafb;border-radius:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em}.an-editable pre{padding:.75em 1em;overflow-x:auto}.an-editable code{padding:.1em .3em}.an-editable pre>code{background:0 0;padding:0}.an-editable pre[class*=language-]{color:#ccc;background:#2d2d2d;border-radius:4px}.an-editable pre[class*=language-]>code[class*=language-]{color:inherit;background:0 0;padding:0}.an-editable .an-code-line-numbers{position:relative;padding-left:3.5em!important}.an-editable .an-code-line-numbers:before{content:"";pointer-events:none;z-index:0;background:#0000000a;border-right:1px solid #0000001a;width:3em;position:absolute;top:0;bottom:0;left:0}.an-editable a{color:#3b82f6}.an-editable hr{border:none;border-top:2px solid #d1d5db;margin:1em 0}.an-editable img.an-image{max-width:100%;height:auto;display:inline-block}.an-editable .an-video-wrapper{max-width:100%;margin:4px 0;display:block;position:relative}.an-editable .an-video-wrapper iframe,.an-editable .an-video-wrapper video{max-width:100%;display:block}.an-editable .an-video-wrapper .an-video-shield,.an-video-wrapper .an-video-shield{z-index:2;cursor:default;pointer-events:all;position:absolute;inset:0}.an-editable table,.an-editable .an-table{border-collapse:collapse;table-layout:fixed;width:100%;margin:.75em 0}.an-editable table td,.an-editable table th,.an-editable .an-table td,.an-editable .an-table th{vertical-align:top;overflow-wrap:break-word;word-break:break-word;border:1px solid #d1d5db;min-width:40px;padding:6px 10px}.an-editable table th,.an-editable .an-table th{background:#f9fafb;font-weight:600}.an-editable table th.an-sort-asc:after,.an-editable table th.an-sort-desc:after,.an-editable .an-table th.an-sort-asc:after,.an-editable .an-table th.an-sort-desc:after{opacity:.6;margin-left:6px;font-size:.7em;display:inline-block}.an-editable table th.an-sort-asc:after,.an-editable .an-table th.an-sort-asc:after{content:"▲"}.an-editable table th.an-sort-desc:after,.an-editable .an-table th.an-sort-desc:after{content:"▼"}.an-link-tooltip{z-index:1300;white-space:nowrap;pointer-events:all;background:#fff;border:1px solid #d1d5db;border-radius:4px;align-items:center;gap:2px;height:30px;padding:0 6px;display:flex;position:fixed;box-shadow:0 2px 10px #0000001f}.an-link-tooltip .an-link-tooltip-url{text-overflow:ellipsis;white-space:nowrap;color:#3b82f6;cursor:default;max-width:200px;padding:0 4px;font-size:12px;overflow:hidden}.an-link-tooltip .an-link-tooltip-sep{background:#d1d5db;flex-shrink:0;width:1px;height:18px;margin:0 2px}.an-link-tooltip-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.an-link-tooltip-btn svg{stroke:currentColor;display:block}.an-link-tooltip-btn:hover{color:#111827;background:#f3f4f6}.an-link-tooltip-btn:active,.an-link-tooltip-btn.an-link-tooltip-btn--copied{color:#3b82f6;background:#dbeafe}.an-link-tooltip-btn.an-link-tooltip-btn--danger{color:#ef4444}.an-link-tooltip-btn.an-link-tooltip-btn--danger svg{stroke:#ef4444}.an-link-tooltip-btn.an-link-tooltip-btn--danger:hover{color:#dc2626;background:#ef444414}.an-link-tooltip-btn.an-link-tooltip-btn--danger:hover svg{stroke:#dc2626}.an-image-tooltip .an-link-tooltip-url{color:#111827;font-weight:500}.an-video-tooltip .an-link-tooltip-url{color:#7c3aed;font-weight:500}.an-table-tooltip .an-link-tooltip-url{color:#0369a1;font-weight:500}.an-code-tooltip .an-link-tooltip-url{color:#059669;letter-spacing:.02em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11px;font-weight:500}.an-link-tooltip-btn--shade{flex-direction:column;gap:1px;height:auto;padding:4px 0 3px}.an-link-tooltip-btn--shade .an-bubble-btn-svg{justify-content:center;align-items:center;line-height:0;display:flex}.an-link-tooltip-btn--shade .an-bubble-btn-svg svg{display:block}.an-link-tooltip-btn--shade .an-link-tooltip-color-strip{pointer-events:none;background:0 0;border-radius:1px;width:13px;height:3px;display:block}.an-link-tooltip-btn--active{color:#3b82f6!important;background:#3b82f61f!important}.an-link-tooltip-btn--active svg{stroke:#3b82f6}.an-cell-selected{outline-offset:-2px;outline:2px solid #3b82f6;background-color:#3b82f62e!important}.an-table-select-mode td,.an-table-select-mode th{cursor:cell}.an-size-popover{z-index:1200;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:200px;padding:12px 14px;position:fixed;box-shadow:0 4px 20px #00000026}.an-size-popover .an-size-popover-title{color:#111827;margin-bottom:10px;font-size:12px;font-weight:600}.an-size-popover .an-size-popover-body{align-items:center;gap:6px;margin-bottom:12px;display:flex}.an-size-popover .an-size-input{color:#111827;border:1px solid #d1d5db;border-radius:4px;outline:none;width:80px;height:28px;padding:0 8px;font-family:inherit;font-size:13px}.an-size-popover .an-size-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.an-size-popover .an-size-unit{color:#6b7280;font-size:12px}.an-size-popover .an-size-popover-actions{justify-content:flex-end;gap:6px;display:flex}.an-cell-shade-popover{z-index:1200;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:166px;padding:10px 10px 6px;position:fixed;box-shadow:0 4px 20px #00000026}.an-cell-shade-popover .an-size-popover-title{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.an-cell-shade-popover .an-shade-no-color{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-family:inherit;font-size:12px;display:inline-flex}.an-cell-shade-popover .an-shade-no-color:hover{color:#111827;background:#f3f4f6}.an-cell-shade-popover .an-shade-color-input{cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:4px;width:24px;height:24px;padding:0}.an-codeview{resize:vertical;color:#cdd6f4;background:#1e1e2e;border:none;outline:none;flex:1;width:100%;min-height:200px;padding:12px 14px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.5}.an-statusbar{color:#6b7280;-webkit-user-select:none;user-select:none;background:#f9fafb;border-top:1px solid #d1d5db;border-radius:0 0 6px 6px;flex-shrink:0;justify-content:space-between;align-items:center;height:24px;padding:0 8px;font-size:11px;display:flex}.an-container>.an-editable:last-child{border-radius:0 0 6px 6px}.an-status-info{gap:12px;display:flex}.an-resize-handle{cursor:ns-resize;background:repeating-linear-gradient(-45deg,#d1d5db,#d1d5db 1px,#0000 1px 3px);border-radius:2px;flex-shrink:0;width:14px;height:14px}.an-resize-handle:hover{opacity:.7}.an-dialog-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.an-dialog-box{background:#fff;border-radius:8px;flex-direction:column;gap:10px;width:min(420px,95vw);padding:24px;display:flex;box-shadow:0 20px 60px #0000004d}.an-dialog-header{align-items:center;gap:12px;margin-bottom:4px;display:flex}.an-dialog-icon{color:#3b82f6;background:#3b82f61a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.an-dialog-icon svg{stroke:currentColor;display:block}.an-dialog-title{color:#111827;margin:0;font-size:16px;font-weight:600}.an-dialog-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.an-dialog-hint{color:#6b7280;min-height:16px;margin:-4px 0 0;font-size:12px}.an-align-row{flex-wrap:wrap;gap:12px;margin-bottom:10px;display:flex}.an-align-row input[type=radio]{accent-color:#3b82f6;cursor:pointer}.an-align-row .an-align-label{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.an-label{color:#111827;margin-bottom:2px;font-size:13px;font-weight:500;display:block}.an-label.an-label-inline{cursor:pointer;align-items:center;gap:6px;font-weight:400;display:flex}.an-fr-dialog{pointer-events:none;background:0 0;justify-content:flex-end;align-items:flex-start;padding:56px 16px 0 0}.an-fr-dialog .an-fr-box{pointer-events:auto;gap:8px;width:360px;padding:14px 16px 16px}.an-fr-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.an-fr-header .an-dialog-title{margin:0;font-size:14px}.an-fr-search-bar{align-items:center;gap:4px;display:flex}.an-fr-search-bar .an-fr-input{flex:1;min-width:0;padding:6px 8px;font-size:13px}.an-fr-replace-row{align-items:center;gap:6px;display:flex}.an-fr-replace-row .an-fr-input{flex:1;min-width:0;padding:6px 8px;font-size:13px}.an-fr-replace-row .an-fr-replace-btn{white-space:nowrap;flex-shrink:0;padding:5px 10px;font-size:12px}.an-fr-icon-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-family:inherit;font-size:12px;font-weight:600;display:flex}.an-fr-icon-btn svg{stroke:currentColor;display:block}.an-fr-icon-btn:hover{color:#111827;background:#f3f4f6;border-color:#d1d5db}.an-fr-icon-btn.an-fr-icon-btn--active{color:#3b82f6;background:#3b82f61a;border-color:#3b82f64d}.an-fr-counter{color:#6b7280;white-space:nowrap;text-align:right;flex-shrink:0;min-width:36px;font-size:11px}.an-input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.an-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.an-contextmenu{z-index:10050;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:180px;padding:5px 4px;display:none;position:fixed;box-shadow:0 8px 28px #00000024}.an-context-item{text-align:left;color:#111827;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:10px;width:100%;padding:7px 14px;font-size:13px;line-height:1.4;transition:background .12s,color .12s;display:flex}.an-context-item:hover{color:#fff;background:#3b82f6}.an-context-item:hover .an-context-icon svg,.an-context-item:hover .an-context-chevron svg{stroke:#fff}.an-context-item:disabled{opacity:.38;cursor:default;pointer-events:none}.an-context-submenu .an-context-chevron{color:#6b7280;flex-shrink:0;align-items:center;margin-left:auto;display:flex}.an-context-submenu .an-context-chevron svg{display:block}.an-context-back{text-align:left;color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #d1d5db;border-radius:5px 5px 0 0;align-items:center;gap:8px;width:100%;margin-bottom:3px;padding:6px 14px 8px;font-size:12px;font-weight:600;transition:background .12s,color .12s;display:flex}.an-context-back .an-context-icon svg{stroke:#6b7280}.an-context-back:hover{color:#111827;background:#f3f4f6}.an-context-back:hover .an-context-icon svg{stroke:#111827}.an-context-icon{color:#6b7280;flex-shrink:0;justify-content:center;align-items:center;width:16px;transition:color .12s;display:flex}.an-context-icon svg{stroke:currentColor;display:block}.an-context-label{flex:1}.an-context-sep{background:#d1d5db;height:1px;margin:5px 10px}.an-context-icon--color{flex-direction:column;align-items:center;gap:2px;width:16px}.an-context-icon--color .an-context-icon-svg{justify-content:center;align-items:center;line-height:0;display:flex}.an-context-color-strip{border-radius:1px;flex-shrink:0;width:100%;height:3px;display:block}.an-context-color-palette{flex-wrap:wrap;gap:3px;padding:6px 12px 2px;display:flex}.an-context-color-swatch{cursor:pointer;border:1px solid #0000001f;border-radius:3px;flex-shrink:0;width:15px;height:15px;transition:transform .1s;position:relative}.an-context-color-swatch:hover{z-index:1;border-color:#0006;transform:scale(1.28)}.an-context-color-none{color:#999;justify-content:center;align-items:center;display:flex;background:#fff!important}.an-context-color-none svg{display:block}.an-context-color-none:hover{color:#333}.an-context-color-custom{color:#6b7280;cursor:pointer;align-items:center;gap:8px;padding:4px 12px 8px;font-size:12px;display:flex}.an-context-color-custom input[type=color]{cursor:pointer;appearance:none;background:0 0;border:1px solid #d1d5db;border-radius:3px;width:18px;height:18px;padding:0}.an-context-color-custom span{flex:1}.an-context-color-custom:hover span{color:#111827}.an-image-resizer{z-index:10000;box-sizing:border-box;pointer-events:none;border:2px solid #3b82f6;position:absolute}.an-image-resizer .an-resize-handle{box-sizing:border-box;pointer-events:all;background:#3b82f6;border:1px solid #fff;border-radius:1px;width:8px;height:8px;position:absolute}.an-image-resizer .an-resize-nw{cursor:nw-resize;top:-4px;left:-4px}.an-image-resizer .an-resize-ne{cursor:ne-resize;top:-4px;right:-4px}.an-image-resizer .an-resize-se{cursor:se-resize;bottom:-4px;right:-4px}.an-image-resizer .an-resize-sw{cursor:sw-resize;bottom:-4px;left:-4px}.an-image-resizer .an-resize-n{cursor:n-resize;top:-4px;left:calc(50% - 4px)}.an-image-resizer .an-resize-e{cursor:e-resize;top:calc(50% - 4px);right:-4px}.an-image-resizer .an-resize-s{cursor:s-resize;bottom:-4px;left:calc(50% - 4px)}.an-image-resizer .an-resize-w{cursor:w-resize;top:calc(50% - 4px);left:-4px}.an-crop-scrim{transition:clip-path}.an-crop-box{box-shadow:0 0 0 9999px #00000073,inset 0 0 0 1px #ffffff40;outline:none!important}.an-crop-handle:hover,.an-crop-handle:active{background:#74affa!important}.an-crop-toolbar{animation:.12s an-crop-toolbar-in}@keyframes an-crop-toolbar-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media print{.an-crop-scrim,.an-crop-box,.an-crop-toolbar{display:none!important}}.an-video-resizer{z-index:10000;box-sizing:border-box;pointer-events:none;border:2px solid #8b5cf6;position:absolute}.an-video-resizer .an-resize-handle{box-sizing:border-box;pointer-events:all;background:#8b5cf6;border:1px solid #fff;border-radius:1px;width:8px;height:8px;position:absolute}.an-video-resizer .an-resize-nw{cursor:nw-resize;top:-4px;left:-4px}.an-video-resizer .an-resize-ne{cursor:ne-resize;top:-4px;right:-4px}.an-video-resizer .an-resize-se{cursor:se-resize;bottom:-4px;right:-4px}.an-video-resizer .an-resize-sw{cursor:sw-resize;bottom:-4px;left:-4px}.an-video-resizer .an-resize-n{cursor:n-resize;top:-4px;left:calc(50% - 4px)}.an-video-resizer .an-resize-e{cursor:e-resize;top:calc(50% - 4px);right:-4px}.an-video-resizer .an-resize-s{cursor:s-resize;bottom:-4px;left:calc(50% - 4px)}.an-video-resizer .an-resize-w{cursor:w-resize;top:calc(50% - 4px);left:-4px}.an-icon-box{gap:0;width:min(596px,95vw);padding:20px}.an-icon-title-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.an-icon-title-row .an-dialog-title{margin:0}.an-dialog-title-group{align-items:center;gap:10px;display:flex}.an-dialog-icon--sm{color:#3b82f6;background:#3b82f61a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.an-dialog-icon--sm svg{stroke:currentColor;display:block}.an-icon-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:18px;line-height:1;display:flex}.an-icon-close:hover{color:#111827;background:#f3f4f6}.an-icon-search{box-sizing:border-box;width:100%;margin-bottom:10px}.an-icon-cats{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.an-icon-cat{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:1px solid #d1d5db;border-radius:13px;height:26px;padding:0 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;transition:background .15s,color .15s,border-color .15s}.an-icon-cat:hover{color:#111827;background:#f3f4f6}.an-icon-cat.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.an-icon-grid{scrollbar-width:thin;scrollbar-color:#d1d5db transparent;background:#fff;border:1px solid #d1d5db;border-radius:6px;grid-template-columns:repeat(auto-fill,56px);gap:3px;height:256px;margin-bottom:10px;padding:4px;display:grid;overflow-y:auto}.an-icon-grid::-webkit-scrollbar{width:6px}.an-icon-grid::-webkit-scrollbar-track{background:0 0}.an-icon-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.an-icon-cell{cursor:pointer;color:#6b7280;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:56px;height:52px;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:10px;transition:background .15s,border-color .15s;display:flex;overflow:hidden}.an-icon-cell i{color:#111827;pointer-events:none;font-size:17px;line-height:1}.an-icon-cell span{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:52px;overflow:hidden}.an-icon-cell:hover{background:#f3f4f6;border-color:#d1d5db}.an-icon-cell.active{color:#3b82f6;background:#3b82f61a;border-color:#3b82f6}.an-icon-cell.active i{color:#3b82f6}.an-icon-empty{text-align:center;color:#6b7280;grid-column:1/-1;padding:24px 0;font-size:13px}.an-icon-options{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:10px;display:flex}.an-icon-options .an-label{white-space:nowrap;margin:0;font-size:12px}.an-icon-option-select{width:auto;height:30px;padding:0 6px;font-size:12px}.an-icon-color{cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:4px;width:32px;height:30px;padding:2px}.an-icon-use-color{cursor:pointer;align-items:center;gap:4px;margin:0;font-size:12px;display:flex}.an-icon-use-color input[type=checkbox]{cursor:pointer}.an-icon-preview{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:72px;margin-bottom:14px;padding:10px 12px;display:flex}.an-icon-preview i{line-height:1}.an-icon-preview .an-icon-preview-hint{color:#6b7280;font-size:12px}.an-icon-preview-name{color:#6b7280;font-family:monospace;font-size:12px}.an-emoji-box{gap:0;width:min(520px,95vw);padding:20px}.an-emoji-grid{scrollbar-width:thin;scrollbar-color:#d1d5db transparent;border:1px solid #d1d5db;border-radius:6px;grid-template-columns:repeat(auto-fill,42px);gap:2px;height:288px;margin-bottom:10px;padding:4px;display:grid;overflow-y:auto}.an-emoji-grid::-webkit-scrollbar{width:6px}.an-emoji-grid::-webkit-scrollbar-track{background:0 0}.an-emoji-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.an-emoji-cell{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:22px;line-height:1;transition:background .15s,border-color .15s;display:flex}.an-emoji-cell:hover{background:#f3f4f6;border-color:#d1d5db}.an-emoji-cell:active{background:#dbeafe}.an-sticky-toolbar{overflow:visible}.an-sticky-toolbar .an-toolbar{top:var(--an-sticky-top,0px);z-index:100;border-radius:6px 6px 0 0;position:sticky;box-shadow:0 2px 8px #0000001a}.an-editable figure.an-figure{text-align:center;max-width:100%;margin:.75em 0;display:inline-block}.an-editable figure.an-figure img{max-width:100%;margin:0 auto;display:block}.an-editable figcaption.an-figcaption{color:#6b7280;text-align:center;outline:none;min-width:60px;padding:4px 0 2px;font-size:.85em;font-style:italic;line-height:1.4}.an-editable figcaption.an-figcaption:focus{background:#3b82f60f;border-radius:2px}.an-shortcuts-box{width:min(480px,95vw);max-height:80vh;overflow-y:auto}.an-shortcuts-cat{text-transform:uppercase;letter-spacing:.06em;color:#6b7280;border-bottom:1px solid #d1d5db;margin-bottom:2px;padding:8px 0 4px;font-size:11px;font-weight:600}.an-shortcuts-cat+.an-shortcuts-table+.an-shortcuts-cat{margin-top:10px}.an-shortcuts-table{flex-direction:column;display:flex}.an-shortcuts-row{border-radius:4px;justify-content:space-between;align-items:center;padding:5px 4px;display:flex}.an-shortcuts-row:hover{background:#f3f4f6}.an-shortcuts-key{color:#111827;white-space:nowrap;background:#f9fafb;border:1px solid #d1d5db;border-bottom-width:2px;border-radius:4px;flex-shrink:0;padding:2px 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px}.an-shortcuts-action{color:#111827;flex:1;padding-left:14px;font-size:13px}.an-code-lang-select{color:#111827;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E") right 5px center/6px 4px no-repeat;border:1px solid #d1d5db;border-radius:4px;height:22px;padding:0 20px 0 6px;font-family:inherit;font-size:11px}.an-code-lang-select:focus{border-color:#3b82f6;outline:none}.an-code-lang-select:hover{border-color:#3b82f6}.an-theme-dark{color:#cdd6f4;background:#1e1e2e;border-color:#3f3f5f}.an-theme-dark.an-focused{border-color:#89b4fa;box-shadow:0 0 0 3px #89b4fa33}.an-theme-dark .an-toolbar{background:#181825;border-color:#3f3f5f}.an-theme-dark .an-btn{color:#cdd6f4}.an-theme-dark .an-btn:hover{color:#cdd6f4;background:#2a2a3e;border-color:#3f3f5f}.an-theme-dark .an-btn:hover svg{stroke:#cdd6f4}.an-theme-dark .an-btn.active{color:#89b4fa;background:#1a3a5c;border-color:#89b4fa}.an-theme-dark .an-btn.active svg{stroke:#89b4fa}.an-theme-dark .an-btn.an-btn-primary{color:#fff;background:#3b5bdb;border-color:#3b5bdb}.an-theme-dark .an-select{color:#cdd6f4;background-color:#1e1e2e;border-color:#3f3f5f}.an-theme-dark .an-select:hover,.an-theme-dark .an-select:focus{border-color:#89b4fa}.an-theme-dark .an-editable{color:#cdd6f4;background:#1e1e2e}.an-theme-dark .an-editable a{color:#89b4fa}.an-theme-dark .an-editable blockquote{color:#a6adc8;border-color:#3f3f5f}.an-theme-dark .an-editable pre:not([class*=language-]),.an-theme-dark .an-editable code:not([class*=language-]){color:#cdd6f4;background:#313244}.an-theme-dark .an-editable pre:not([class*=language-])>code{background:0 0}.an-theme-dark .an-editable .an-code-line-numbers:before{background:#ffffff0d;border-right-color:#ffffff1a}.an-theme-dark .an-editable hr,.an-theme-dark .an-editable table td,.an-theme-dark .an-editable table th,.an-theme-dark .an-editable .an-table td,.an-theme-dark .an-editable .an-table th{border-color:#3f3f5f}.an-theme-dark .an-editable table th,.an-theme-dark .an-editable .an-table th{background:#313244}.an-theme-dark .an-editable.an-placeholder:before,.an-theme-dark .an-editable figcaption.an-figcaption{color:#6c7086}.an-theme-dark .an-statusbar{color:#6c7086;background:#181825;border-color:#3f3f5f}.an-theme-dark .an-link-tooltip,.an-theme-dark .an-contextmenu{color:#cdd6f4;background:#24273a;border-color:#3f3f5f}.an-theme-dark .an-link-tooltip-url{color:#89b4fa}.an-theme-dark .an-link-tooltip-btn{color:#a6adc8}.an-theme-dark .an-link-tooltip-btn:hover{color:#cdd6f4;background:#2a2a3e}.an-theme-dark .an-dialog-overlay{background:#000000a6}.an-theme-dark .an-dialog-box{color:#cdd6f4;background:#24273a;border:1px solid #3f3f5f}.an-theme-dark .an-dialog-title{color:#cdd6f4}.an-theme-dark .an-dialog-icon,.an-theme-dark .an-dialog-icon--sm{color:#818cf8;background:#818cf826}.an-theme-dark .an-fr-icon-btn{color:#a6adc8}.an-theme-dark .an-fr-icon-btn:hover{color:#cdd6f4;background:#313244;border-color:#45475a}.an-theme-dark .an-fr-icon-btn.an-fr-icon-btn--active{color:#818cf8;background:#818cf826;border-color:#818cf84d}.an-theme-dark .an-fr-counter{color:#6c7086}.an-theme-dark .an-label{color:#cdd6f4}.an-theme-dark .an-input{color:#cdd6f4;background:#313244;border-color:#3f3f5f}.an-theme-dark .an-input:focus{border-color:#89b4fa;box-shadow:0 0 0 3px #89b4fa26}.an-theme-dark .an-shortcuts-key{color:#cdd6f4;background:#313244;border-color:#3f3f5f}.an-theme-dark .an-shortcuts-action{color:#cdd6f4}.an-theme-dark .an-shortcuts-row:hover{background:#2a2a3e}.an-theme-dark .an-shortcuts-cat{color:#a6adc8;border-color:#3f3f5f}.an-theme-dark .an-code-lang-select{color:#cdd6f4;background-color:#24273a;border-color:#3f3f5f}.an-theme-dark .an-color-popup,.an-theme-dark .an-table-picker-popup,.an-theme-dark .an-size-popover,.an-theme-dark .an-cell-shade-popover{color:#cdd6f4;background:#24273a;border-color:#3f3f5f}.an-theme-dark .an-cell-shade-popover .an-shade-no-color{color:#a6adc8;border-color:#3f3f5f}.an-theme-dark .an-cell-shade-popover .an-shade-no-color:hover{color:#cdd6f4;background:#313244}.an-theme-dark .an-link-tooltip-btn--active{color:#818cf8!important;background:#6366f133!important}.an-theme-dark .an-link-tooltip-btn--active svg{stroke:#818cf8}.an-theme-dark .an-cell-selected{outline-color:#6366f1;background-color:#6366f140!important}.an-theme-dark .an-table-cell{background:#24273a;border-color:#3f3f5f}.an-theme-dark .an-table-cell.active{background:#6366f14d;border-color:#6366f1}.an-theme-dark .an-color-custom{color:#cdd6f4;border-top-color:#3f3f5f}.an-theme-dark .an-color-arrow:hover{border-left-color:#45475a}.an-theme-dark .an-table-label{color:#6c7086}.an-theme-dark .an-context-table-grid-panel{border-top-color:#3f3f5f}.an-theme-dark .an-context-item{color:#cdd6f4}.an-theme-dark .an-context-sep{background:#3f3f5f}.an-theme-dark .an-context-color-swatch{border-color:#ffffff26}.an-theme-dark .an-context-color-swatch:hover{border-color:#ffffff80}.an-theme-dark .an-context-color-none{color:#888;background:#1e1e2e!important}.an-theme-dark .an-context-color-none:hover{color:#ccc}.an-theme-dark .an-context-color-custom input[type=color]{border-color:#3f3f5f}.an-theme-dark .an-icon-cat{color:#a6adc8;border-color:#3f3f5f}.an-theme-dark .an-icon-cat.active{color:#fff;background:#3b5bdb;border-color:#3b5bdb}.an-theme-dark .an-icon-search{color:#cdd6f4;background:#313244;border-color:#3f3f5f}.an-theme-dark .an-icon-cell{color:#a6adc8}.an-theme-dark .an-icon-cell i{color:#cdd6f4}.an-theme-dark .an-icon-cell:hover{background:#2a2a3e;border-color:#45475a}.an-theme-dark .an-icon-cell.active{color:#818cf8;background:#818cf826;border-color:#818cf8}.an-theme-dark .an-icon-cell.active i{color:#818cf8}.an-theme-dark .an-icon-close{color:#a6adc8}.an-theme-dark .an-icon-close:hover{color:#cdd6f4;background:#2a2a3e}.an-theme-dark .an-emoji-box{background:#1e1e2e;border-color:#45475a}.an-theme-dark .an-emoji-cell{color:inherit}.an-theme-dark .an-emoji-cell:hover{background:#313244}.an-theme-dark .an-emoji-grid{scrollbar-color:#45475a transparent}.an-theme-dark .an-icon-box{background:#1e1e2e;border-color:#45475a}.an-theme-dark .an-icon-grid,.an-theme-dark .an-icon-options{background:#181825;border-color:#45475a}.an-theme-dark .an-icon-preview{color:#cdd6f4;background:#181825;border-color:#45475a}.an-theme-dark .an-icon-preview .an-icon-preview-empty{color:#6c7086}.an-theme-dark .an-icon-option-select{color:#cdd6f4;background:#313244;border-color:#45475a}.an-theme-dark .an-icon-empty{color:#6c7086}.an-theme-dark .an-bubble-color-picker .an-context-color-custom{color:#a6adc8;border-color:#3f3f5f}.an-theme-dark .an-table-tooltip{background:#24273a;border-color:#3f3f5f}.an-theme-dark .an-fr-box{background:#1e1e2e;border-color:#45475a}.an-toolbar-overflow-scroll .an-toolbar{scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.an-toolbar-overflow-scroll .an-toolbar::-webkit-scrollbar{height:4px}.an-toolbar-overflow-scroll .an-toolbar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}@media (width<=640px){.an-toolbar{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:auto}.an-toolbar::-webkit-scrollbar{display:none}.an-select{min-width:72px;max-width:90px;font-size:11px}.an-select-style{min-width:62px;max-width:76px}.an-select-narrow{min-width:50px;max-width:66px}}.an-dir-rtl .an-toolbar{direction:rtl}.an-editable[dir=rtl]{text-align:right}.an-count-warn{color:#f59e0b;font-weight:600}.an-count-exceeded{color:#ef4444;font-weight:700}.an-editable ul.an-checklist{margin:.5em 0;padding-left:0;list-style:none}.an-editable ul.an-checklist li{min-height:1.4em;line-height:inherit;font-size:inherit;padding-top:1px;padding-bottom:1px;padding-left:22px;font-family:inherit;position:relative}.an-editable ul.an-checklist li input[type=checkbox]{cursor:pointer;accent-color:#3b82f6;width:14px;height:14px;margin:0;position:absolute;top:.25em;left:0}.an-editable ul.an-checklist li:has(input[type=checkbox]:checked){color:#6b7280;text-decoration:line-through}.an-theme-dark .an-editable ul.an-checklist li:has(input[type=checkbox]:checked){color:#6c7086}@media (prefers-color-scheme:dark){.an-theme-auto{color:#cdd6f4;background:#1e1e2e;border-color:#3f3f5f}.an-theme-auto.an-focused{border-color:#89b4fa;box-shadow:0 0 0 3px #89b4fa33}.an-theme-auto .an-toolbar{background:#181825;border-color:#3f3f5f}.an-theme-auto .an-btn{color:#cdd6f4}.an-theme-auto .an-btn:hover{color:#cdd6f4;background:#2a2a3e;border-color:#3f3f5f}.an-theme-auto .an-btn:hover svg{stroke:#cdd6f4}.an-theme-auto .an-btn.active{color:#89b4fa;background:#1a3a5c;border-color:#89b4fa}.an-theme-auto .an-btn.active svg{stroke:#89b4fa}.an-theme-auto .an-btn.an-btn-primary{color:#fff;background:#3b5bdb;border-color:#3b5bdb}.an-theme-auto .an-select{color:#cdd6f4;background-color:#1e1e2e;border-color:#3f3f5f}.an-theme-auto .an-select:hover,.an-theme-auto .an-select:focus{border-color:#89b4fa}.an-theme-auto .an-editable{color:#cdd6f4;background:#1e1e2e}.an-theme-auto .an-editable a{color:#89b4fa}.an-theme-auto .an-editable blockquote{color:#a6adc8;border-color:#3f3f5f}.an-theme-auto .an-editable pre:not([class*=language-]),.an-theme-auto .an-editable code:not([class*=language-]){color:#cdd6f4;background:#313244}.an-theme-auto .an-editable pre:not([class*=language-])>code{background:0 0}.an-theme-auto .an-editable hr,.an-theme-auto .an-editable table td,.an-theme-auto .an-editable table th,.an-theme-auto .an-editable .an-table td,.an-theme-auto .an-editable .an-table th{border-color:#3f3f5f}.an-theme-auto .an-editable table th,.an-theme-auto .an-editable .an-table th{background:#313244}.an-theme-auto .an-editable.an-placeholder:before,.an-theme-auto .an-editable figcaption.an-figcaption{color:#6c7086}.an-theme-auto .an-statusbar{color:#6c7086;background:#181825;border-color:#3f3f5f}.an-theme-auto .an-link-tooltip,.an-theme-auto .an-contextmenu{color:#cdd6f4;background:#24273a;border-color:#3f3f5f}.an-theme-auto .an-link-tooltip-url{color:#89b4fa}.an-theme-auto .an-link-tooltip-btn{color:#a6adc8}.an-theme-auto .an-link-tooltip-btn:hover{color:#cdd6f4;background:#2a2a3e}.an-theme-auto .an-dialog-overlay{background:#000000a6}.an-theme-auto .an-dialog-box{color:#cdd6f4;background:#24273a;border:1px solid #3f3f5f}.an-theme-auto .an-dialog-title{color:#cdd6f4}.an-theme-auto .an-input{color:#cdd6f4;background:#313244;border-color:#3f3f5f}.an-theme-auto .an-input:focus{border-color:#89b4fa;box-shadow:0 0 0 3px #89b4fa26}.an-theme-auto .an-color-popup,.an-theme-auto .an-table-picker-popup,.an-theme-auto .an-size-popover,.an-theme-auto .an-cell-shade-popover{color:#cdd6f4;background:#24273a;border-color:#3f3f5f}.an-theme-auto .an-context-color-swatch{border-color:#ffffff26}.an-theme-auto .an-context-color-swatch:hover{border-color:#ffffff80}.an-theme-auto .an-label{color:#cdd6f4}.an-theme-auto .an-editable ul.an-checklist li:has(input[type=checkbox]:checked){color:#6c7086}}@media print{.an-container{box-shadow:none;contain:none;border:none}.an-toolbar,.an-statusbar{display:none!important}.an-editable{color:#000;background:#fff;padding:0;overflow:visible;height:auto!important;max-height:none!important}.an-video-wrapper .an-video-shield{display:none}.an-image-resizer,.an-video-resizer{display:none!important}}.an-asr-banner{color:#1e40af;background:#eff6ff;border-bottom:1px solid #bfdbfe;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.an-theme-dark .an-asr-banner{color:#93c5fd;background:#1e3a5f;border-bottom-color:#1e4d8c}.an-asr-msg{flex:1;min-width:0}.an-asr-btn-restore{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:4px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.5}.an-asr-btn-restore:hover{background:#2563eb}.an-asr-btn-discard{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:4px;padding:3px 10px;font-size:12px;line-height:1.5}.an-asr-btn-discard:hover{background:#f3f4f6}.an-bubble-toolbar{z-index:10040;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:2px;padding:4px 6px;animation:.1s an-bubble-in;display:none;position:fixed;box-shadow:0 8px 28px #00000024}.an-theme-dark .an-bubble-toolbar{background:#24273a;border-color:#3f3f5f}@keyframes an-bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.an-bubble-btn{color:#111827;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s,color .15s;display:flex}.an-bubble-btn svg{pointer-events:none;stroke:currentColor}.an-bubble-btn:hover{color:#111827;background:#f3f4f6}.an-bubble-btn.an-active{color:#3b82f6;background:#dbeafe}.an-bubble-btn.an-bubble-btn--color{flex-direction:column;gap:1px;padding:4px 0 3px}.an-bubble-btn.an-bubble-btn--color .an-bubble-btn-svg{justify-content:center;align-items:center;line-height:0;display:flex}.an-bubble-btn.an-bubble-btn--color .an-bubble-btn-svg svg{display:block}.an-bubble-btn.an-bubble-btn--color .an-bubble-color-strip{pointer-events:none;border-radius:1px;width:14px;height:3px;display:block}.an-theme-dark .an-bubble-btn{color:#cdd6f4}.an-theme-dark .an-bubble-btn:hover{background:#313244}.an-theme-dark .an-bubble-btn.an-active{color:#93c5fd;background:#1e3a5f}.an-bubble-color-picker{z-index:10041;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:160px;padding:4px 0;position:fixed;box-shadow:0 8px 28px #00000024}.an-theme-dark .an-bubble-color-picker{background:#24273a;border-color:#3f3f5f}.an-mention-dropdown{z-index:9998;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:180px;max-width:280px;max-height:240px;padding:4px 0;display:none;position:fixed;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.an-mention-item{cursor:pointer;color:#111827;align-items:center;gap:8px;padding:6px 12px;font-size:13px;transition:background .15s;display:flex}.an-mention-item:hover,.an-mention-item.an-mention-active{background:#f3f4f6}.an-mention-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.an-mention{color:#3b82f6;cursor:default;-webkit-user-select:all;user-select:all;background:#eff6ff;border-radius:3px;padding:0 3px;font-weight:500;display:inline}.an-theme-dark .an-mention{color:#93c5fd;background:#1e3a5f}.an-slash-menu{z-index:9998;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:180px;max-width:260px;max-height:260px;padding:4px 0;display:none;position:fixed;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.an-slash-menu-item{cursor:pointer;color:#111827;padding:6px 12px;font-size:13px;transition:background .15s}.an-slash-menu-item:hover,.an-slash-menu-item.an-slash-menu-active{background:#f3f4f6}.an-slash-menu-empty{color:#6b7280;padding:6px 12px;font-size:13px}
2
+ /*$vite$:1*/