.imagePreview[data-v-4a2a62a6]{max-width:200px;max-height:200px}.placeholderItem .name[data-v-4a2a62a6]{display:flex;align-items:center;margin-bottom:10px}.placeholderItem .name .type[data-v-4a2a62a6]{background:var(--color-red);color:#fff;padding:0 5px;border-radius:10px;margin-right:10px}.imagePreview[data-v-2ce640cb]{max-width:800px;max-height:800px}.templateList[data-v-51fbbd94]{display:flex;flex-wrap:wrap;align-items:flex-start}.templateItem[data-v-51fbbd94]{border:1px solid var(--color-green);margin:10px;border-radius:10px;overflow:hidden;transition:all .3s ease}.templateItem .image[data-v-51fbbd94]{width:200px}.templateItem .name[data-v-51fbbd94]{text-align:center;background:rgba(0,0,0,.7);color:var(--color-green)}.templateItem .action[data-v-51fbbd94]{display:flex}.templateItem .action .btn[data-v-51fbbd94]{flex-basis:50%;text-align:center;cursor:pointer;font-size:12px;color:var(--color-red);border-right:1px solid var(--color-green)}.templateItem .action .btn[data-v-51fbbd94]:last-child{border-right:none}.templateItem .action .btn[data-v-51fbbd94]:hover{background:var(--color-red);color:#fff}.templateItem[data-v-51fbbd94]:hover{box-shadow:2px 2px 6px var(--color-green)}.pagination[data-v-51fbbd94]{text-align:center;padding:20px}.floatBtn[data-v-51fbbd94]{position:fixed;right:30px;bottom:30px}