.image-list-wrapper[data-v-bf76e176]{background-color:#5f9ea0;display:flex;flex-direction:column;max-height:100%;width:100%}.category-list[data-v-bf76e176]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.category-button[data-v-bf76e176]{background-color:#f0f0f0;border-radius:16px;cursor:pointer;font-size:14px;min-width:50px;padding:2px 12px}.category-button.active[data-v-bf76e176]{background-color:#007bff;border-color:#007bff;color:#fff}.image-list-container[data-v-bf76e176]{display:flex;flex-wrap:wrap;max-height:100%;overflow-y:auto;padding-right:6px}.image-item[data-v-bf76e176]{border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:4px 3px;width:33%}.image-item-in[data-v-bf76e176]{border-radius:8px;overflow:hidden;width:100%}.image-item img[data-v-bf76e176]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-item.selected[data-v-bf76e176]{border-color:#007bff}.image-title[data-v-bf76e176]{font-size:12px;line-height:1.2;margin-top:4px;text-align:center;width:100%;word-wrap:break-word}.image-list-container[data-v-bf76e176]::-webkit-scrollbar{width:6px}.image-list-container[data-v-bf76e176]::-webkit-scrollbar-track{background:#f1f1f1}.image-list-container[data-v-bf76e176]::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.image-list-container[data-v-bf76e176]::-webkit-scrollbar-thumb:hover{background-color:#555}@media (max-width:768px){.image-list-wrapper[data-v-bf76e176]{background-color:#5f9ea0;width:100%}.image-item[data-v-bf76e176]{aspect-ratio:5/6;border:2px solid transparent;border-radius:8px;cursor:pointer;overflow:hidden;padding:4px 3px;width:25%}.image-list-container[data-v-bf76e176]{display:flex;flex-wrap:wrap;padding-right:6px}}