diff --git a/src/assets/icons/CLibrary.svg b/src/assets/icons/CLibrary.svg
new file mode 100644
index 00000000..b8524188
--- /dev/null
+++ b/src/assets/icons/CLibrary.svg
@@ -0,0 +1 @@
+<svg width="512" height="512" version="1.1" xmlns="http://www.w3.org/2000/svg" desc="Created with imagetracer.js version 1.2.6" ><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 75.5 0 L 81 0.5 L 75.5 1 L 75.5 0 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 154.5 0 L 159 0.5 L 154.5 1 L 154.5 0 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 336.5 0 L 340 0.5 L 336.5 1 L 336.5 0 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 353.5 0 L 357 0.5 L 353.5 1 L 353.5 0 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 432.5 0 L 436 0.5 L 432.5 1 L 432.5 0 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 449.5 0 L 453 0.5 L 449.5 1 L 449.5 0 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 69.5 1 L 72 1.5 L 69.5 2 L 69.5 1 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 163.5 1 L 166 1.5 L 163.5 2 L 163.5 1 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 331.5 1 L 334 1.5 L 331.5 2 L 331.5 1 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 427.5 1 L 430 1.5 L 427.5 2 L 427.5 1 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 413.5 6 L 415 6.5 L 412.5 8 L 413.5 6 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 473.5 7 L 474.5 9 L 473.5 7 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 312.5 9 L 311.5 11 L 312.5 9 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 381.5 9 L 382.5 11 L 381.5 9 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 190.5 10 L 191.5 12 L 190.5 10 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 406.5 10 L 405.5 12 L 406.5 10 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 478.5 10 L 479.5 12 L 478.5 10 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 42.5 11 L 41.5 13 L 42.5 11 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 309.5 11 L 308.5 13 L 309.5 11 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 384.5 11 L 385.5 13 L 384.5 11 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 403.5 12 L 402.5 14 L 403.5 12 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 481.5 12 L 483.5 15 L 481.5 12 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 195.5 13 L 196.5 15 L 195.5 13 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 306.5 13 L 304.5 16 L 306.5 13 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 387.5 13 L 390.5 17 L 387.5 13 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 36.5 15 L 35.5 17 L 36.5 15 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 198.5 15 L 199.5 17 L 198.5 15 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 399.5 15 L 395.5 20 L 394 19.5 L 399.5 15 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 486.5 16 L 493.5 24 L 486.5 16 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 33.5 17 L 31.5 20 L 33.5 17 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 202.5 18 L 205.5 22 L 202.5 18 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 27.5 22 L 22.5 28 L 27.5 22 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 295.5 24 L 293.5 27 L 295.5 24 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 495.5 26 L 496.5 28 L 495.5 26 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 213.5 29 L 215.5 32 L 213.5 29 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 291.5 29 L 290.5 31 L 291.5 29 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 498.5 30 L 499.5 32 L 498.5 30 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 19.5 31 L 17.5 34 L 19.5 31 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 289.5 32 L 288.5 34 L 289.5 32 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 217.5 34 L 218.5 36 L 217.5 34 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 16.5 35 L 15.5 37 L 16.5 35 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 501.5 35 L 502.5 37 L 501.5 35 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 12.5 41 L 11.5 43 L 12.5 41 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 81.5 42 L 154 42.5 L 81.5 43 L 81.5 42 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 343.5 42 L 350 42.5 L 343.5 43 L 343.5 42 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 439.5 42 L 445 42.5 L 439.5 43 L 439.5 42 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 75.5 43 L 78 43.5 L 75.5 44 L 75.5 43 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 358.5 45 L 359.5 47 L 358.5 45 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 430.5 45 L 429.5 47 L 430.5 45 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 333.5 46 L 332.5 48 L 333.5 46 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 455.5 46 L 456.5 48 L 455.5 46 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 361.5 47 L 363.5 50 L 361.5 47 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 427.5 47 L 425.5 50 L 427.5 47 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 329.5 49 L 328.5 51 L 329.5 49 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 459.5 49 L 460.5 51 L 459.5 49 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 60.5 50 L 59.5 52 L 60.5 50 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 175.5 51 L 177.5 54 L 175.5 51 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 366.5 52 L 367.5 54 L 366.5 52 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 422.5 52 L 420.5 55 L 422.5 52 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 326.5 53 L 325.5 55 L 326.5 53 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 462.5 53 L 463.5 55 L 462.5 53 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 55.5 54 L 54.5 56 L 55.5 54 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 324.5 56 L 324 57.5 L 323.5 59 L 323 57.5 L 324.5 56 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 181.5 57 L 183.5 60 L 181.5 57 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 510.5 58 L 511 60.5 L 510 60.5 L 510.5 58 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 51.5 59 L 50.5 61 L 51.5 59 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 278.5 60 L 279 62.5 L 278 62.5 L 278.5 60 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 511.5 64 L 512 69.5 L 511 69.5 L 511.5 64 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 320.5 65 L 321 67.5 L 320 67.5 L 320.5 65 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 415.5 65 L 416 67.5 L 415 67.5 L 415.5 65 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 277.5 67 L 278 79.5 L 277 79.5 L 277.5 67 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 1.5 69 L 2 71.5 L 1 71.5 L 1.5 69 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 233.5 71 L 234 73.5 L 233 73.5 L 233.5 71 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 319.5 72 L 320 76.5 L 319 76.5 L 319.5 72 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 413.5 72 L 414 73.5 L 412 74.5 L 413.5 72 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 0.5 75 L 1 80.5 L 0 80.5 L 0.5 75 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 43.5 75 L 44 77.5 L 43 77.5 L 43.5 75 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 376.5 75 L 378.5 78 L 376.5 75 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 411.5 76 L 406.5 82 L 411.5 76 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 191.5 77 L 192 79.5 L 191 79.5 L 191.5 77 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 511.5 77 L 512 82.5 L 511 82.5 L 511.5 77 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 234.5 79 L 235 155.5 L 234 155.5 L 234.5 79 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 468.5 79 L 469 81.5 L 468 81.5 L 468.5 79 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 381.5 80 L 382.5 82 L 381.5 80 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 42.5 81 L 43 153.5 L 42 153.5 L 42.5 81 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 278.5 84 L 279 86.5 L 278 86.5 L 278.5 84 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 510.5 86 L 511 88.5 L 510 88.5 L 510.5 86 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 327.5 99 L 328.5 101 L 327.5 99 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 330.5 104 L 331.5 106 L 330.5 104 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 332.5 107 L 333.5 109 L 332.5 107 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 456.5 107 L 455.5 109 L 456.5 107 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 334.5 110 L 335.5 112 L 334.5 110 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 454.5 110 L 453.5 112 L 454.5 110 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 336.5 113 L 337.5 115 L 336.5 113 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 451.5 114 L 450.5 116 L 451.5 114 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 500.5 115 L 501 116.5 L 499 117.5 L 500.5 115 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 339.5 117 L 341.5 120 L 339.5 117 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 449.5 117 L 447.5 120 L 449.5 117 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 290.5 119 L 291.5 121 L 290.5 119 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 343.5 122 L 345.5 125 L 343.5 122 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 445.5 122 L 442.5 126 L 445.5 122 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 348.5 128 L 352.5 133 L 348.5 128 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 440.5 128 L 434.5 135 L 440.5 128 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 493.5 128 L 492.5 130 L 493.5 128 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 296.5 129 L 297.5 131 L 296.5 129 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 491.5 131 L 490.5 133 L 491.5 131 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 298.5 132 L 299.5 134 L 298.5 132 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 489.5 134 L 488.5 136 L 489.5 134 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 300.5 135 L 301.5 137 L 300.5 135 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 487.5 137 L 486.5 139 L 487.5 137 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 303.5 139 L 304.5 141 L 303.5 139 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 359.5 140 L 364.5 146 L 359.5 140 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 484.5 141 L 483.5 143 L 484.5 141 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 306.5 143 L 307.5 145 L 306.5 143 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 481.5 145 L 479.5 148 L 481.5 145 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 309.5 147 L 311.5 150 L 309.5 147 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 477.5 150 L 474.5 154 L 477.5 150 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 372.5 152 L 378.5 159 L 372.5 152 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 416.5 152 L 411.5 158 L 416.5 152 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 314.5 153 L 316.5 156 L 314.5 153 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 0.5 154 L 1 159.5 L 0 159.5 L 0.5 154 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 191.5 155 L 192 157.5 L 191 157.5 L 191.5 155 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 471.5 157 L 466.5 163 L 471.5 157 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 320.5 160 L 330.5 171 L 320.5 160 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 407.5 160 L 403.5 165 L 407.5 160 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 233.5 161 L 234 163.5 L 233 163.5 L 233.5 161 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 382.5 161 L 385.5 165 L 382.5 161 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 1.5 163 L 2 165.5 L 1 165.5 L 1.5 163 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 388.5 166 L 391.5 170 L 388.5 166 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 400.5 166 L 398.5 169 L 400.5 166 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 185.5 172 L 184.5 174 L 185.5 172 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 332.5 172 L 344.5 185 L 332.5 172 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 51.5 175 L 53.5 178 L 51.5 175 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 182.5 176 L 176.5 183 L 182.5 176 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 57.5 181 L 59.5 184 L 57.5 181 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 447.5 181 L 441.5 188 L 447.5 181 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 173.5 184 L 172.5 186 L 173.5 184 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 349.5 188 L 353.5 193 L 349.5 188 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 10.5 190 L 11.5 192 L 10.5 190 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 77.5 191 L 80 191.5 L 77.5 192 L 77.5 191 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 155.5 191 L 158 191.5 L 155.5 192 L 155.5 191 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 436.5 191 L 433.5 195 L 436.5 191 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 13.5 195 L 14.5 197 L 13.5 195 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 357.5 195 L 360.5 199 L 357.5 195 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 220.5 196 L 219.5 198 L 220.5 196 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 429.5 197 L 427.5 200 L 429.5 197 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 15.5 198 L 16.5 200 L 15.5 198 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 217.5 200 L 216.5 202 L 217.5 200 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 363.5 200 L 365.5 203 L 363.5 200 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 424.5 201 L 422.5 204 L 424.5 201 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 18.5 202 L 21.5 206 L 18.5 202 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 214.5 204 L 204.5 215 L 214.5 204 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 368.5 204 L 369.5 206 L 368.5 204 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 28.5 212 L 31.5 216 L 28.5 212 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 387.5 212 L 390 212.5 L 387.5 213 L 387.5 212 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 399.5 212 L 403 212.5 L 399.5 213 L 399.5 212 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 201.5 216 L 200.5 218 L 201.5 216 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 34.5 217 L 35.5 219 L 34.5 217 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 197.5 219 L 196.5 221 L 197.5 219 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 40.5 221 L 41.5 223 L 40.5 221 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 71.5 233 L 74 233.5 L 71.5 234 L 71.5 233 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 161.5 233 L 164 233.5 L 161.5 234 L 161.5 233 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 79.5 234 L 156 234.5 L 79.5 235 L 79.5 234 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 79.5 277 L 156 277.5 L 79.5 278 L 79.5 277 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 356.5 277 L 433 277.5 L 356.5 278 L 356.5 277 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 71.5 278 L 74 278.5 L 71.5 279 L 71.5 278 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 161.5 278 L 164 278.5 L 161.5 279 L 161.5 278 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 348.5 278 L 351 278.5 L 348.5 279 L 348.5 278 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 438.5 278 L 441 278.5 L 438.5 279 L 438.5 278 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 196.5 291 L 197.5 293 L 196.5 291 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 315.5 291 L 314.5 293 L 315.5 291 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 35.5 293 L 34.5 295 L 35.5 293 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 199.5 293 L 201.5 296 L 199.5 293 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 476.5 293 L 477.5 295 L 476.5 293 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 311.5 294 L 310.5 296 L 311.5 294 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 31.5 296 L 29.5 299 L 31.5 296 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 480.5 296 L 483.5 300 L 480.5 296 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 204.5 297 L 214.5 308 L 204.5 297 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 307.5 297 L 297.5 308 L 307.5 297 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 21.5 306 L 18.5 310 L 21.5 306 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 490.5 306 L 493.5 310 L 490.5 306 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 216.5 310 L 217.5 312 L 216.5 310 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 295.5 310 L 294.5 312 L 295.5 310 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 16.5 312 L 15.5 314 L 16.5 312 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 495.5 312 L 496.5 314 L 495.5 312 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 219.5 314 L 220.5 316 L 219.5 314 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 292.5 314 L 291.5 316 L 292.5 314 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 14.5 315 L 13.5 317 L 14.5 315 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 497.5 315 L 498.5 317 L 497.5 315 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 11.5 320 L 10.5 322 L 11.5 320 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 77.5 320 L 80 320.5 L 77.5 321 L 77.5 320 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 155.5 320 L 158 320.5 L 155.5 321 L 155.5 320 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 354.5 320 L 357 320.5 L 354.5 321 L 354.5 320 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 432.5 320 L 435 320.5 L 432.5 321 L 432.5 320 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 500.5 320 L 501.5 322 L 500.5 320 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 172.5 326 L 173.5 328 L 172.5 326 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 59.5 328 L 57.5 331 L 59.5 328 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 452.5 328 L 454.5 331 L 452.5 328 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 176.5 329 L 182.5 336 L 176.5 329 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 335.5 329 L 329.5 336 L 335.5 329 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 53.5 334 L 51.5 337 L 53.5 334 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 458.5 334 L 460.5 337 L 458.5 334 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 184.5 338 L 185.5 340 L 184.5 338 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 327.5 338 L 326.5 340 L 327.5 338 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 1.5 346 L 2 348.5 L 1 348.5 L 1.5 346 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 510.5 346 L 511 348.5 L 510 348.5 L 510.5 346 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 233.5 348 L 234 350.5 L 233 350.5 L 233.5 348 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 278.5 348 L 279 350.5 L 278 350.5 L 278.5 348 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 0.5 352 L 1 357.5 L 0 357.5 L 0.5 352 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 511.5 353 L 512 357.5 L 511 357.5 L 511.5 353 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 191.5 354 L 192 356.5 L 191 356.5 L 191.5 354 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 320.5 354 L 321 356.5 L 320 356.5 L 320.5 354 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 234.5 356 L 235 432.5 L 234 432.5 L 234.5 356 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 277.5 356 L 278 432.5 L 277 432.5 L 277.5 356 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 42.5 358 L 43 430.5 L 42 430.5 L 42.5 358 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 469.5 359 L 470 430.5 L 469 430.5 L 469.5 359 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 0.5 431 L 1 436.5 L 0 436.5 L 0.5 431 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 511.5 431 L 512 436.5 L 511 436.5 L 511.5 431 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 191.5 432 L 192 434.5 L 191 434.5 L 191.5 432 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 320.5 432 L 321 434.5 L 320 434.5 L 320.5 432 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 43.5 434 L 44 436.5 L 43 436.5 L 43.5 434 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 468.5 434 L 469 436.5 L 468 436.5 L 468.5 434 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 233.5 438 L 234 440.5 L 233 440.5 L 233.5 438 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 278.5 438 L 279 440.5 L 278 440.5 L 278.5 438 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 1.5 440 L 2 442.5 L 1 442.5 L 1.5 440 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 510.5 440 L 511 442.5 L 510 442.5 L 510.5 440 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 509.5 445 L 510 447.5 L 509 447.5 L 509.5 445 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 463.5 448 L 462.5 450 L 463.5 448 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 50.5 451 L 51.5 453 L 50.5 451 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 461.5 451 L 460.5 453 L 461.5 451 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 183.5 452 L 181.5 455 L 183.5 452 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 328.5 452 L 330.5 455 L 328.5 452 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 54.5 456 L 55.5 458 L 54.5 456 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 457.5 456 L 456.5 458 L 457.5 456 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 177.5 458 L 175.5 461 L 177.5 458 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 334.5 458 L 336.5 461 L 334.5 458 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 59.5 460 L 60.5 462 L 59.5 460 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 452.5 460 L 451.5 462 L 452.5 460 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 62.5 462 L 63.5 464 L 62.5 462 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 75.5 468 L 78 468.5 L 75.5 469 L 75.5 468 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 434.5 468 L 437 468.5 L 434.5 469 L 434.5 468 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 11.5 469 L 12.5 471 L 11.5 469 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 81.5 469 L 153 469.5 L 81.5 470 L 81.5 469 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 359.5 469 L 431 469.5 L 359.5 470 L 359.5 469 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 500.5 469 L 499.5 471 L 500.5 469 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 222.5 470 L 221.5 472 L 222.5 470 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 15.5 475 L 16.5 477 L 15.5 475 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 496.5 475 L 495.5 477 L 496.5 475 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 218.5 476 L 217.5 478 L 218.5 476 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 293.5 476 L 294.5 478 L 293.5 476 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 17.5 478 L 19.5 481 L 17.5 478 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 494.5 478 L 492.5 481 L 494.5 478 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 215.5 480 L 212.5 484 L 215.5 480 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 296.5 480 L 299.5 484 L 296.5 480 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 22.5 484 L 27.5 490 L 22.5 484 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 489.5 484 L 484.5 490 L 489.5 484 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 205.5 490 L 202.5 494 L 205.5 490 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 306.5 490 L 308.5 493 L 306.5 490 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 31.5 492 L 33.5 495 L 31.5 492 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 480.5 492 L 478.5 495 L 480.5 492 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 311.5 494 L 312.5 496 L 311.5 494 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 35.5 495 L 36.5 497 L 35.5 495 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 199.5 495 L 198.5 497 L 199.5 495 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 476.5 495 L 475.5 497 L 476.5 495 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 196.5 497 L 195.5 499 L 196.5 497 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 315.5 497 L 316.5 499 L 315.5 497 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 41.5 499 L 42.5 501 L 41.5 499 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 470.5 499 L 469.5 501 L 470.5 499 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 191.5 500 L 190.5 502 L 191.5 500 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 320.5 500 L 321.5 502 L 320.5 500 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 69.5 510 L 72 510.5 L 69.5 511 L 69.5 510 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 163.5 510 L 166 510.5 L 163.5 511 L 163.5 510 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 346.5 510 L 349 510.5 L 346.5 511 L 346.5 510 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 440.5 510 L 443 510.5 L 440.5 511 L 440.5 510 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 75.5 511 L 81 511.5 L 75.5 512 L 75.5 511 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 153.5 511 L 159 511.5 L 153.5 512 L 153.5 511 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 353.5 511 L 359 511.5 L 353.5 512 L 353.5 511 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0.7647058823529411" d="M 431.5 511 L 437 511.5 L 431.5 512 L 431.5 511 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0" d="M 0 0 L 75 0.5 Q 40.4 5.9 22 27.5 Q 12.2 38.2 6 52.5 L 2 64.5 L 0.5 75 L 0 0 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0" d="M 159.5 0 L 336 0.5 Q 307.3 6.3 293 26.5 Q 284.4 36.9 280 51.5 L 277 67.5 L 277 79.5 L 278 80.5 L 279 91.5 L 283 104.5 L 296 129.5 Q 316.9 160.6 344.5 185 L 369.5 206 L 379.5 211 L 387.5 213 L 402.5 213 Q 414.6 210.6 422.5 204 Q 441.4 189.4 457.5 172 L 459 172 L 459 170.5 L 482 145.5 L 497 123.5 L 506 105.5 L 511.5 83 L 512 352.5 L 511 352.5 L 511 346.5 L 509 338.5 L 502 321.5 Q 493.6 306.4 480.5 296 Q 465 282.5 440.5 278 Q 434.3 279.8 432.5 277 L 356.5 277 L 339.5 280 L 320.5 288 Q 306.8 295.8 297 307.5 L 283 330.5 L 278 348.5 Q 279.8 354.8 277 356.5 L 277 432.5 L 280 449.5 L 289 470.5 Q 296.9 483.6 308.5 493 Q 318.7 501.8 332.5 507 L 346.5 511 L 353 511.5 L 159.5 512 L 159.5 511 L 165.5 511 L 173.5 509 L 190.5 502 Q 205.6 493.6 216 480.5 Q 229.5 465 234 440.5 Q 232.3 434.3 235 432.5 L 235 356.5 L 232 339.5 L 224 320.5 Q 216.2 306.8 204.5 297 L 181.5 283 L 163.5 278 Q 157.3 279.8 155.5 277 L 79.5 277 L 62.5 280 L 41.5 289 Q 27.8 297.3 18 309.5 Q 4.2 325.7 0.5 352 L 0 160.5 L 1 160.5 L 3 173.5 L 10 190.5 Q 18.4 205.6 31.5 216 Q 47 229.5 71.5 234 Q 77.8 232.3 79.5 235 L 155.5 235 L 172.5 232 L 191.5 224 Q 205.2 216.2 215 204.5 Q 229 188.5 234 163.5 Q 232.3 157.3 235 155.5 L 235 79.5 L 232 62.5 L 223 41.5 Q 214.7 27.8 202.5 18 L 184.5 7 L 165.5 1 L 159.5 1 L 159.5 0 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0" d="M 357.5 0 L 432 0.5 L 413.5 6 Q 403.1 11.1 395.5 19 L 393.5 19 L 381.5 9 Q 372 2.5 357.5 1 L 357.5 0 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0" d="M 453.5 0 L 512 0 L 512 63.5 L 511 63.5 L 509 50.5 L 503 36.5 Q 496.4 24.6 486.5 16 L 469.5 5 Q 463.1 1.4 453.5 1 L 453.5 0 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0" d="M 78.5 43 L 156.5 43 Q 172.3 46.3 181 56.5 L 190 71.5 L 192 80.5 L 192 154.5 Q 188.4 174.4 174.5 184 Q 166.5 190 154.5 192 L 80.5 192 Q 63.3 189.2 54 178.5 Q 45.8 170.2 43 156.5 L 43 78.5 Q 46.5 61 58.5 52 Q 66.4 45.4 78.5 43 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0" d="M 341.5 43 Q 359.1 41.9 366 51.5 L 372 61.5 L 376 75.5 L 382.5 82 Q 388 87 400.5 85 Q 407.9 82.4 412 76.5 L 414 73.5 L 417 61.5 L 424.5 50 Q 429.3 44.8 437.5 43 L 447.5 43 Q 456.7 45.8 462 52.5 Q 469.9 61.1 469 78.5 L 466 89.5 L 453 112.5 Q 437 134 417.5 152 L 394.5 171 Q 371.9 154.1 353 133.5 Q 338.1 117.9 327 98.5 L 320 79.5 L 320 68.5 Q 322.8 55.3 331.5 48 L 341.5 43 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0" d="M 80.5 320 L 154.5 320 Q 174.4 323.6 184 337.5 Q 190 345.5 192 357.5 L 192 431.5 Q 189.2 448.7 178.5 458 Q 170.2 466.2 156.5 469 L 78.5 469 Q 61.2 465.3 52 453.5 Q 45.4 445.6 43 433.5 L 43 355.5 Q 46.3 339.8 56.5 331 Q 65.6 322.6 80.5 320 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0" d="M 357.5 320 L 431.5 320 Q 448.7 322.8 458 333.5 Q 466.2 341.8 469 355.5 L 469 433.5 Q 465.3 450.8 453.5 460 L 441.5 467 L 433.5 469 L 355.5 469 Q 339.8 465.8 331 455.5 L 322 440.5 L 320 431.5 L 320 357.5 Q 323.6 337.6 337.5 328 Q 345.5 322 357.5 320 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0" d="M 0.5 437 Q 5.9 471.6 27.5 490 Q 38.2 499.8 52.5 506 L 64.5 510 L 75 511.5 L 0 512 L 0.5 437 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="0" d="M 511.5 437 L 512 512 L 437 511.5 Q 471.6 506.1 490 484.5 Q 499.8 473.8 506 459.5 L 510 447.5 L 511.5 437 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="1" d="M 81.5 0 L 153.5 0 L 154.5 1 L 167.5 2 Q 196.5 9 213 28.5 Q 223 39.5 229 54.5 L 234 74.5 L 234 160.5 Q 227.4 197.4 202.5 216 L 182.5 228 L 160.5 234 L 74.5 234 Q 40.6 227.9 22 206.5 Q 6.1 189.9 1 162.5 L 1 154.5 L 0 153.5 L 0 81.5 L 1 80.5 L 2 66.5 L 7 51.5 Q 15.4 32.4 30.5 20 Q 41.6 10.6 56.5 5 L 66.5 2 L 80.5 1 L 81.5 0 Z M 82 42 L 70 45 L 56 54 L 45 70 L 42 82 L 42 154 L 45 166 L 51 176 Q 60 188 78 192 L 158 192 Q 169 190 177 183 Q 188 174 192 158 L 192 78 Q 190 67 184 60 Q 174 45 154 42 L 82 42 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="1" d="M 340.5 0 L 359.5 1 L 372.5 5 L 380.5 9 L 395.5 20 L 401.5 14 L 419.5 4 L 436.5 0 L 448.5 0 L 459.5 2 L 472.5 7 Q 485.8 14.2 495 25.5 Q 511 43.5 512 76.5 L 508 98.5 L 496 124.5 Q 475.8 156.3 448.5 181 L 417.5 207 Q 407.5 213.5 390.5 213 L 378.5 210 L 367.5 204 Q 348.6 189.4 332.5 172 L 331 172 L 302 137.5 L 286 110.5 L 279 89.5 Q 280.3 84.8 278 83.5 L 278 63.5 Q 283.5 32.5 303.5 16 L 323.5 4 L 340.5 0 Z M 344 42 L 330 49 L 323 58 L 319 73 L 321 86 L 327 100 Q 341 122 359 141 L 394 171 L 399 169 L 412 158 Q 433 140 450 118 Q 462 102 469 82 Q 471 70 468 63 L 461 51 Q 455 44 445 42 Q 433 42 428 47 L 420 55 L 412 76 Q 408 83 399 85 L 391 85 L 381 80 L 375 73 Q 374 61 368 54 Q 361 42 344 42 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="1" d="M 74.5 278 L 160.5 278 Q 161.8 280.3 166.5 279 Q 198.8 286.7 216 309.5 L 228 329.5 L 234 351.5 L 234 437.5 Q 227.9 471.4 206.5 490 Q 189.9 505.9 162.5 511 L 153.5 511 L 152.5 512 L 81.5 512 L 80.5 511 L 66.5 510 L 51.5 505 Q 32.4 496.6 20 481.5 Q 5.6 465.4 1 439.5 L 1 431.5 L 0 430.5 L 0 358.5 L 1 357.5 L 2 344.5 L 8 326.5 Q 15.8 310.3 28.5 299 Q 45.8 282.8 74.5 278 Z M 78 320 Q 67 322 60 328 Q 45 338 42 359 L 42 431 L 45 443 L 54 457 L 70 467 L 82 470 L 153 470 L 166 467 L 176 461 Q 188 452 192 435 L 192 355 Q 190 343 183 336 Q 174 324 158 320 L 78 320 Z " /><path fill="rgb(0,0,0)" stroke="rgb(0,0,0)" stroke-width="1" opacity="1" d="M 351.5 278 L 437.5 278 Q 438.7 280.3 443.5 279 Q 473.1 285.9 490 305.5 Q 505.9 322.1 511 349.5 L 511 357.5 L 512 358.5 L 512 430.5 L 511 431.5 L 511 439.5 L 509 449.5 L 505 460.5 Q 496.6 479.6 481.5 492 Q 465.4 506.4 439.5 511 L 431.5 511 L 430.5 512 L 359.5 512 L 358.5 511 L 344.5 510 L 326.5 504 Q 311.1 496.4 300 484.5 Q 289.3 473.2 283 457.5 L 278 437.5 L 278 351.5 Q 284.6 314.6 309.5 296 L 329.5 284 L 351.5 278 Z M 355 320 Q 343 322 336 329 Q 324 338 320 355 L 320 435 Q 322 445 328 453 L 343 465 L 350 468 L 360 470 L 431 470 L 443 467 L 457 458 L 467 443 L 470 431 L 470 360 L 467 347 L 461 337 Q 452 324 435 320 L 355 320 Z " /></svg>
\ No newline at end of file
diff --git a/src/component/Canvas/CanvasEditor/components/ToolsSidebar.vue b/src/component/Canvas/CanvasEditor/components/ToolsSidebar.vue
index 678b8497..c3c2ab46 100644
--- a/src/component/Canvas/CanvasEditor/components/ToolsSidebar.vue
+++ b/src/component/Canvas/CanvasEditor/components/ToolsSidebar.vue
@@ -16,6 +16,7 @@ const emit = defineEmits([
   "zoom-out",
   "toggle-red-green-mode",
   "undo-redo-status-changed",
+  "trigger-library"
 ]);
 const {t} = useI18n()
 const props = defineProps({
@@ -151,6 +152,13 @@ const normalToolsList = ref([
     icon: { name: "CUpload", size: "26" },
     class: "upload-btn",
   },
+  {
+    id: "library",
+    title: t("LibraryPage.library"),
+    action: triggerLibrary,
+    icon: { name: "CLibrary", size: "26" },
+    class: "library-btn",
+  },
   {
     id: "addText",
     title: t("Canvas.AddText"),
@@ -228,6 +236,10 @@ function triggerImageUpload() {
   emit("trigger-image-upload");
 }
 
+function triggerLibrary() {
+  emit("trigger-library");
+}
+
 function addText() {
   emit("add-text");
 }
diff --git a/src/component/Canvas/CanvasEditor/index.vue b/src/component/Canvas/CanvasEditor/index.vue
index 632a8b44..4fab1a07 100644
--- a/src/component/Canvas/CanvasEditor/index.vue
+++ b/src/component/Canvas/CanvasEditor/index.vue
@@ -52,6 +52,7 @@ const emit = defineEmits([
   "trigger-red-green-mouseup", // 红绿图模式鼠标抬起事件
   "changeCanvas", // 画布变更事件
   "canvasInit", // 画布初始化事件
+  "trigger-library", // 触发打开Library选择图片事件
 ]);
 
 const props = defineProps({
@@ -705,6 +706,11 @@ function handleImageUpload(event) {
     });
 }
 
+function triggerLibrary() {
+  console.log('打开收藏')
+  emit("trigger-library");
+}
+
 function handleAddText() {
   if (toolManager && canvasManager && canvasManager.canvas) {
     // 在画布中央创建文本
@@ -1043,6 +1049,7 @@ defineExpose({
           @zoom-in="zoomIn"
           @zoom-out="zoomOut"
           @undo-redo-status-changed="changeCanvas"
+          @trigger-library="triggerLibrary"
         >
 		<template #customToolsTop="{ toolTopProps }">
             <slot name="customToolsTop" :tool-button-props="toolTopProps" />
diff --git a/src/component/common/SelectImages.vue b/src/component/common/SelectImages.vue
new file mode 100644
index 00000000..50db5d45
--- /dev/null
+++ b/src/component/common/SelectImages.vue
@@ -0,0 +1,720 @@
+<template>
+  <div v-if="showPanel" class="image-list-overlay" @click.self="showPanel = false">
+    <div class="image-list-modal">
+      <div class="modal-header">
+        <h3>{{ $t(navTypeList(t).library.label) }}</h3>
+        <button class="close-btn" @click="showPanel = false">&times;</button>
+      </div>
+
+      <div class="modal-content">
+        <!-- 分类标签 -->
+        <div class="image-categories">
+          <div
+            v-for="category in categories"
+            :key="category"
+            :class="['category-btn', { active: selectedCategory === category }]"
+            @click="handleChangeCategory(category)"
+          >
+            {{ category }}
+          </div>
+        </div>
+
+        <!-- 图片网格 -->
+        <div class="image-grid" @scroll="handleScroll">
+          <div
+            v-for="(item, index) in list"
+            :key="index"
+            class="image-item"
+            @click="handleImageClick(item)"
+          >
+            <div class="image-wrapper">
+              <img
+                v-lazy="item.url"
+                :alt="item.name || '图片'"
+                @error="handleImageError"
+                loading="lazy"
+              />
+              <div class="image-overlay">
+                <span class="image-name">{{ item.name || '未命名' }}</span>
+              </div>
+            </div>
+            <div class="image-select" v-show="selectList.includes(item.url)">
+              <i class="fi fi-sr-check-circle"></i>
+            </div>
+          </div>
+        </div>
+
+        <!-- 加载状态 -->
+        <div v-if="loading && list.length > 0" class="loading-state">
+          <div class="loading-spinner"></div>
+          <p>加载中...</p>
+        </div>
+
+        <!-- 空状态 -->
+        <div v-if="list.length === 0 && !loading" class="empty-state">
+          <div class="empty-icon">📷</div>
+          <p>{{ $t('Canvas.NoPicture') }}</p>
+        </div>
+      </div>
+
+      <div class="modal-footer">
+        <div class="image-count">
+          {{ $t('Canvas.general') }} {{ total }}
+          {{ $t('Canvas.PicturesInTotal') }}
+        </div>
+        <div class="image-submit gallery_btn" @click="confirm">
+          {{ $t('Canvas.confirm') }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import {
+  ref,
+  computed,
+  defineProps,
+  defineEmits,
+  defineExpose,
+  onMounted,
+  onUnmounted,
+  nextTick,
+  watch
+} from 'vue'
+import { useI18n } from 'vue-i18n'
+import { Https } from '@/tool/https'
+import { navTypeList } from '@/tool/listData'
+
+const { t } = useI18n()
+
+const libraryTypeList = [
+  { label: t('Canvas.all'), value: '' },
+  ...navTypeList(t).library.list
+]
+
+// Props
+const props = defineProps({
+  api: {
+    type: String,
+    default: ''
+  },
+  isLibrary: {
+    type: Boolean,
+    default: false
+  }
+})
+
+// Emits
+const emits = defineEmits(['select'])
+
+// 响应式数据
+const showPanel = ref(false)
+const selectedCategory = ref(t('Canvas.all'))
+const selectList = ref([])
+const list = ref([])
+
+// 新增：分页和加载状态
+const currentPage = ref(1)
+const hasMore = ref(true)
+const loading = ref(false)
+// 内部管理的分页大小
+const pageSize = ref(10)
+const total = ref(0)
+
+// 计算属性：获取所有分类
+const categories = computed(() => {
+  if (props.isLibrary) {
+    return libraryTypeList.map(item => item.label)
+  } else {
+    return []
+  }
+})
+
+// 新增：API请求函数
+const fetchImages = async (
+  page = 1,
+  category = selectedCategory.value,
+  reset = false
+) => {
+  if (!props.api) return
+  loading.value = true
+
+  const type = libraryTypeList.find(item => item.label === category).value
+  console.log('type', type)
+  const params = {
+    classificationIdList: [],
+    level1Type: 'Printboard',
+    level2Type: '',
+    page,
+    ageGroup: '',
+    modelSex: '',
+    pictureName: '',
+    size: pageSize.value,
+    intersection: 1
+  }
+
+  const res = await Https.axiosPost(props.api, params)
+  loading.value = false
+  if (res && res.content) {
+    const newData = res.content
+    total.value = res.total
+
+    if (reset) {
+      list.value = newData
+      currentPage.value = 1
+    } else {
+      list.value = [...list.value, ...newData]
+    }
+
+    // 判断是否还有更多数据
+    hasMore.value = page < res.pages
+    currentPage.value = page
+
+    if (currentPage.value === 1 && hasMore.value) {
+      loadMore()
+    }
+  }
+}
+
+// 新增：无限滚动处理
+const handleScroll = event => {
+  const { scrollTop, scrollHeight, clientHeight } = event.target
+  const threshold = 100 // 距离底部100px时触发加载
+
+  if (
+    scrollHeight - scrollTop - clientHeight < threshold &&
+    hasMore.value &&
+    !loading.value
+  ) {
+    loadMore()
+  }
+}
+
+// 新增：加载更多
+const loadMore = () => {
+  if (!loading.value && hasMore.value) {
+    const nextPage = currentPage.value + 1
+    fetchImages(nextPage, selectedCategory.value, false)
+  }
+}
+
+// 检查是否需要自动加载更多数据
+const checkAndLoadMore = () => {
+  const scrollContainer = document.querySelector('.image-list-content')
+  if (!scrollContainer) return
+
+  const { scrollHeight, clientHeight } = scrollContainer
+  // 如果内容高度小于等于容器高度，且还有更多数据，自动加载
+  if (scrollHeight <= clientHeight && hasMore.value && !loading.value) {
+    console.log('内容不够滚动，自动加载更多数据')
+    loadMore()
+  }
+}
+
+// 新增：重置并加载
+const resetAndLoad = (category = selectedCategory.value) => {
+  list.value = []
+  hasMore.value = true
+  currentPage.value = 0
+  fetchImages(1, category, true)
+
+  // 检查是否需要自动加载更多数据
+  nextTick(() => {
+    checkAndLoadMore()
+  })
+}
+
+watch(
+  () => showPanel.value,
+  val => {
+    if (val) {
+      resetAndLoad()
+    }
+  }
+)
+
+// 处理图片点击
+const handleImageClick = item => {
+  // 已选中，取消选中
+  if (selectList.value.includes(item.url)) {
+    selectList.value = selectList.value.filter(url => url !== item.url)
+  } else {
+    selectList.value.push(item.url)
+  }
+}
+
+// 处理分类切换
+const handleChangeCategory = category => {
+  selectedCategory.value = category
+
+  // 如果提供了API，则重新加载数据
+  if (props.api) {
+    resetAndLoad(category)
+  }
+}
+
+// 处理图片加载错误
+const handleImageError = event => {
+  event.target.src =
+    'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjVmNWY1Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJBcmlhbCwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNCIgZmlsbD0iIzk5OSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZHk9Ii4zZW0iPuWbvueJh+WKoOi9veWksei0pe+8jOivt+ajgOafpeWbvueJh+i3r+W+hDwvdGV4dD48L3N2Zz4='
+  event.target.alt = '图片加载失败'
+}
+
+const confirm = () => {
+  emits('select', selectList.value)
+  showPanel.value = false
+}
+
+const init = () => {
+  showPanel.value = true
+}
+
+// 暴露给父组件的方法
+defineExpose({
+  resetAndLoad,
+  fetchImages,
+  init
+})
+</script>
+
+<style scoped lang="less">
+// .image-list-container {
+//   position: relative;
+//   display: inline-block;
+// }
+
+.image-list-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: 6px;
+  background-color: rgba(255, 255, 255, 0.9);
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  cursor: pointer;
+  transition: all 0.2s ease;
+  color: #666;
+
+  &:hover {
+    background-color: rgba(66, 133, 244, 0.1);
+    border-color: rgba(66, 133, 244, 0.2);
+    color: #4285f4;
+    transform: translateY(-1px);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  }
+
+  &:active {
+    transform: translateY(0);
+  }
+}
+
+/* 弹窗遮罩层 */
+.image-list-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(255, 255, 255, 0.5);
+  backdrop-filter: blur(5px);
+  -webkit-backdrop-filter: blur(5px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1001;
+  animation: fadeIn 0.3s ease;
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+/* 弹窗主体 */
+.image-list-modal {
+  background-color: #fff;
+  border-radius: 12px;
+  width: 90%;
+  max-width: 1200px;
+  height: 85vh;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
+  animation: modalSlideUp 0.3s ease;
+}
+
+@keyframes modalSlideUp {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* 弹窗头部 */
+.modal-header {
+  padding: 16px 20px;
+  background-color: rgba(255, 255, 255, 0.8);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-shrink: 0;
+
+  h3 {
+    margin: 0;
+    font-size: 18px;
+    color: #333;
+    font-weight: 600;
+  }
+}
+
+.close-btn {
+  background: none;
+  border: none;
+  font-size: 24px;
+  cursor: pointer;
+  color: #666;
+  padding: 0;
+  line-height: 1;
+  opacity: 0.7;
+  transition: all 0.2s;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &:hover {
+    opacity: 1;
+    color: #333;
+    transform: scale(1.1);
+  }
+}
+
+/* 弹窗内容 */
+.modal-content {
+  padding: 20px;
+  // overflow-y: auto;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  background-color: #fff;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 分类标签 */
+.image-categories {
+  display: flex;
+  gap: 12px;
+  overflow-x: auto;
+  padding-bottom: 12px;
+  flex-wrap: wrap;
+  scrollbar-width: thin;
+
+  &::-webkit-scrollbar {
+    height: 4px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+  }
+}
+
+.category-btn {
+  padding: 8px 16px;
+  border-radius: 6px;
+  background-color: rgba(0, 0, 0, 0.03);
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  color: #333;
+  cursor: pointer;
+  font-size: 14px;
+  white-space: nowrap;
+  transition: all 0.2s;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  font-weight: 500;
+
+  &.active {
+    background-color: rgba(66, 133, 244, 0.1);
+    border-color: rgba(66, 133, 244, 0.2);
+    color: #4285f4;
+  }
+
+  &:hover:not(.active) {
+    background-color: rgba(0, 0, 0, 0.05);
+    transform: translateY(-1px);
+  }
+}
+
+/* 图片网格 */
+.image-grid {
+  display: grid;
+  overflow-y: auto;
+  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
+  gap: 16px;
+  min-height: 20rem;
+  max-height: 50rem;
+
+  @media screen and (max-width: 768px) {
+    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
+    gap: 12px;
+  }
+
+  @media screen and (max-width: 48rem) {
+    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
+    gap: 10px;
+  }
+}
+
+.image-item {
+  cursor: pointer;
+  border-radius: 8px;
+  //   overflow: hidden;
+  transition: all 0.2s ease;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  position: relative;
+
+  &:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
+    border-color: rgba(66, 133, 244, 0.2);
+
+    .image-overlay {
+      opacity: 1;
+    }
+  }
+}
+
+.image-wrapper {
+  position: relative;
+  width: 100%;
+  height: 22rem;
+  overflow: hidden;
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    transition: transform 0.2s ease;
+  }
+
+  &:hover img {
+    transform: scale(1.05);
+  }
+}
+
+.image-overlay {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
+  color: white;
+  padding: 16px 12px 12px;
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+
+.image-select {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  z-index: 2;
+  transform: translate(50%, 50%);
+  i {
+    font-size: 2.5rem;
+  }
+}
+
+.image-name {
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.2;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 空状态 */
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 20px;
+  color: #666;
+  min-height: 300px;
+
+  .empty-icon {
+    font-size: 48px;
+    margin-bottom: 16px;
+    opacity: 0.5;
+  }
+
+  p {
+    font-size: 16px;
+    margin: 0;
+  }
+}
+
+/* 错误状态 */
+.error-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 20px;
+  color: #e74c3c;
+  min-height: 300px;
+
+  .error-icon {
+    font-size: 48px;
+    margin-bottom: 16px;
+    opacity: 0.7;
+  }
+
+  p {
+    font-size: 16px;
+    margin: 0 0 16px 0;
+  }
+
+  .retry-btn {
+    padding: 8px 16px;
+    background-color: #e74c3c;
+    color: white;
+    border: none;
+    border-radius: 6px;
+    cursor: pointer;
+    font-size: 14px;
+    transition: background-color 0.2s;
+
+    &:hover {
+      background-color: #c0392b;
+    }
+  }
+}
+
+/* 加载状态 */
+.loading-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+  color: #666;
+
+  .loading-spinner {
+    width: 32px;
+    height: 32px;
+    border: 3px solid #f3f3f3;
+    border-top: 3px solid #4285f4;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    margin-bottom: 12px;
+  }
+
+  p {
+    font-size: 14px;
+    margin: 0;
+  }
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+/* 没有更多数据状态 */
+.no-more-state {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+  color: #999;
+  font-size: 14px;
+  border-top: 1px solid #f0f0f0;
+  margin-top: 20px;
+}
+
+/* 弹窗底部 */
+.modal-footer {
+  padding: 16px 20px;
+  background-color: rgba(255, 255, 255, 0.8);
+  border-top: 1px solid rgba(0, 0, 0, 0.05);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.image-count {
+  font-size: 14px;
+  color: #666;
+  font-weight: 500;
+}
+
+/* 响应式设计 */
+@media screen and (max-width: 1024px) {
+  .image-list-modal {
+    width: 95%;
+    max-width: 900px;
+  }
+
+  .modal-content {
+    padding: 16px;
+  }
+
+  .modal-header,
+  .modal-footer {
+    padding: 14px 16px;
+  }
+}
+
+@media screen and (max-width: 640px) {
+  .image-list-modal {
+    width: 98%;
+    margin: 10px;
+    max-height: 90vh;
+  }
+
+  .modal-content {
+    padding: 12px;
+    gap: 16px;
+  }
+
+  .modal-header h3 {
+    font-size: 16px;
+  }
+
+  .image-categories {
+    gap: 8px;
+    padding-bottom: 8px;
+  }
+
+  .category-btn {
+    padding: 6px 12px;
+    font-size: 13px;
+    height: 32px;
+  }
+}
+</style>
diff --git a/src/component/home/design/tools.vue b/src/component/home/design/tools.vue
index 47aadcd2..43f7436a 100644
--- a/src/component/home/design/tools.vue
+++ b/src/component/home/design/tools.vue
@@ -54,6 +54,7 @@
 					<div class="canvas" ref="canvasBox">
 						<editCanvas 
 							@changeCanvas="changeCanvas" 
+							@trigger-library="triggerLibrary"
 							:canvasJSON="canvasJSON"
 							ref="editCanvas">
 							<template #existsImageList>
@@ -76,6 +77,12 @@
 			<a-spin size="large" />
 		</div>
 	</a-modal>
+	<SelectImages 
+	ref="selectImages"
+	@select="handleImageSelect"
+	:api="Https.httpUrls.queryLibraryPage"
+	isLibrary
+	/>
 </template>
 <script lang="ts">
 import { defineComponent,computed,ref,provide,nextTick,inject,toRefs, reactive, onBeforeMount} from 'vue'
@@ -92,11 +99,12 @@ import ExistsImageList from "@/component/Canvas/ExistsImageList/index.vue";
 import JSZip, { forEach } from "jszip";
 import publish from "@/component/WorksPage/publish.vue";
 import canvasAA from '@/component/Canvas/canvasExample.vue'
+import SelectImages from '@/component/common/SelectImages.vue'
 
 
 export default defineComponent({
 	components:{
-		toProductRelight,poseTransfer,editCanvas,ExistsImageList,publish,canvasAA
+		toProductRelight,poseTransfer,editCanvas,ExistsImageList,publish,canvasAA,SelectImages
 	},
 	props:{
 		source:{
@@ -303,6 +311,10 @@ export default defineComponent({
 				data.canvasSelectList.push(obj)
 			}
 		}
+		const selectImages = ref(null)
+		const triggerLibrary = ()=>{
+			selectImages.value.init()
+		}
 		const handleImageSelect = (list:any)=>{
 			list.forEach(item => {
 				dataDom.editCanvas.addImageToLayer(item)
@@ -445,6 +457,9 @@ export default defineComponent({
 			share,
 			setPublish,
 			unLike,
+			triggerLibrary,
+			Https,
+			selectImages
 		}
 	},
 	provide() {