.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:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.image-item[data-v-30d55d8e]{position:relative;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.image-item[data-v-30d55d8e]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.image-item img[data-v-30d55d8e]{width:100%;height:150px;-o-object-fit:cover;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .3s ease;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}