.preview-container[data-v-30d55d8e]{padding:16px 0}.template-info[data-v-30d55d8e]{margin-bottom:24px}.images-container h3[data-v-30d55d8e]{margin-bottom:16px;color:#333;font-weight:500}.image-grid[data-v-30d55d8e]{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(200px,1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.image-item[data-v-30d55d8e]{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease}.image-item[data-v-30d55d8e]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.image-item img[data-v-30d55d8e]{width:100%;height:150px;object-fit:cover;display:block}.image-overlay[data-v-30d55d8e]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-item:hover .image-overlay[data-v-30d55d8e]{opacity:1}.image-overlay .anticon[data-v-30d55d8e]{color:#fff;font-size:24px}.no-images[data-v-30d55d8e]{text-align:center;padding:40px 0}