.ai-template-preview .color-select-view[data-v-6efae235]{width:400px;background:#ffbb8e;height:100vh;float:left}.ai-template-preview .color-select-view .title[data-v-6efae235]{font-size:18px;padding:20px 12px 0}.ai-template-preview .color-select-view .colors-list[data-v-6efae235]{font-size:0}.ai-template-preview .color-select-view .colors-list .colors-item[data-v-6efae235]{margin-top:0;display:inline-block;width:calc(20% - 20px);min-width:145px;margin:10px;text-align:center}.ai-template-preview .color-select-view .colors-list .colors-item.cur-item .item-cont[data-v-6efae235]{border-color:var(--theme-color)}.ai-template-preview .color-select-view .colors-list .colors-item.cur-item .item-cont[data-v-6efae235]:hover{border-color:var(--theme-color)}.ai-template-preview .color-select-view .colors-list .colors-item .item-name[data-v-6efae235]{font-size:14px;color:#666}.ai-template-preview .color-select-view .colors-list .colors-item .item-cont[data-v-6efae235]{font-size:0;text-align:center;padding:10px 0;border-radius:0;border:1px solid #fff;display:inline-block;width:100%;cursor:pointer}.ai-template-preview .color-select-view .colors-list .colors-item .item-cont[data-v-6efae235]:hover{border-color:var(--theme-color-a50)}.ai-template-preview .color-select-view .colors-list .colors-item .item-cont .color-block[data-v-6efae235]{display:inline-block;background:red;border-radius:100%;vertical-align:middle;border:2px solid #fff}.ai-template-preview .color-select-view .colors-list .colors-item .item-cont .color-block.main-color[data-v-6efae235]{width:60px;height:60px}.ai-template-preview .color-select-view .colors-list .colors-item .item-cont .color-block.sub_color[data-v-6efae235]{width:54px;height:54px;margin-left:-18px}.ai-template-preview .color-select-view .colors-list .colors-item .item-cont .color-block.thr_color[data-v-6efae235]{width:48px;height:48px;margin-left:-16px}.ai-template-preview .preview-view[data-v-6efae235]{width:calc(100% - 400px);height:100vh;float:left}.ai-template-preview .preview-view .preview-top[data-v-6efae235]{width:100%;height:60px;background:#999;line-height:60px;padding:0 20px;font-size:18px}.ai-template-preview .preview-view .preview-cont[data-v-6efae235]{width:100%;height:calc(100% - 60px)}.ai-template-preview .preview-view .preview-cont .iframe-windows[data-v-6efae235]{width:var(--iframe-width);height:var(--iframe-width);zoom:var(--iframe-zoom);-webkit-transform:var(--iframe-scale);transform:var(--iframe-scale);-webkit-transform-origin:0 0;transform-origin:0 0}