.template-list[data-v-575863d7]{--nav-button-bg-left: linear-gradient(90deg, #1e1f21 0%, rgba(30, 31, 33, 0) 100%);--nav-button-bg-right: linear-gradient(270deg, #1e1f21 0%, rgba(30, 31, 33, 0) 100%);width:100%;padding-top:16px}.template-list .list-title[data-v-575863d7]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.template-list .list-title .title[data-v-575863d7]{font-weight:600;line-height:24px}.template-list .list-title .tip[data-v-575863d7]{font-size:12px;line-height:20px;color:var(--color-text-3)}.template-list .options-wrapper[data-v-575863d7]{width:100%;border-radius:8px 0 0 8px;overflow:hidden;position:relative}.template-list .options-container[data-v-575863d7]{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;min-height:168px}.template-list .options-container .option-item[data-v-575863d7]{flex-shrink:0;width:126px;height:168px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s ease;background-color:var(--color-other-1)}.template-list .options-container .option-item[data-v-575863d7]:hover{border-color:var(--color-other-4)}.template-list .options-container .option-item.active[data-v-575863d7]{border-color:var(--color-theme-2)}.template-list .options-container .option-item .option-image[data-v-575863d7]{width:100%;height:100%;display:block}.template-list .options-container .option-item.default-option[data-v-575863d7]{background-color:var(--color-bg-popover);display:flex;flex-direction:column;align-items:center;justify-content:center}.template-list .options-container .option-item.default-option .default-option-content[data-v-575863d7]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;width:100%}.template-list .options-container .option-item.default-option .default-option-content .default-icon[data-v-575863d7]{color:var(--color-other-5);transition:color .2s ease}.template-list .options-container .option-item.default-option .default-option-content .default-text[data-v-575863d7]{font-size:12px;color:var(--color-text-1);line-height:24px;transition:color .2s ease}.template-list .options-container .option-item.default-option .default-option-content.active .default-icon[data-v-575863d7],.template-list .options-container .option-item.default-option .default-option-content.active .default-text[data-v-575863d7]{color:var(--color-theme-2)}.template-list .options-container .option-item.disabled[data-v-575863d7]{cursor:not-allowed;background-color:var(--color-fill-disabled)}.template-list .options-container .option-item.disabled[data-v-575863d7]:hover{border-color:transparent}@media (max-height: 768px){.template-list .options-container[data-v-575863d7]{min-height:136px}.template-list .options-container .option-item[data-v-575863d7]{width:102px;height:136px}}.template-list .nav-button[data-v-575863d7]{position:absolute;top:0;width:48px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;pointer-events:auto}.template-list .nav-button.nav-button-left[data-v-575863d7]{left:0;background:var(--nav-button-bg-left)}.template-list .nav-button.nav-button-right[data-v-575863d7]{right:0;background:var(--nav-button-bg-right)}.template-list .nav-button .nav-icon[data-v-575863d7]{color:var(--color-text-1);width:24px;height:24px;background-color:var(--color-other-5);backdrop-filter:blur(12px);border-radius:50%}.progress[data-v-0c8297d3]{margin-left:4px;font-weight:600}@keyframes vertical-light-animation-32f96666{0%{top:-240px}to{top:100%}}.template-selector[data-v-32f96666]{display:flex;flex-direction:column;height:100%}.template-selector .preview[data-v-32f96666]{position:relative;flex:1;overflow:hidden;background-color:var(--color-bg-primary);border-radius:8px}.template-selector .preview.preview-clickable[data-v-32f96666]{cursor:pointer}.template-selector .preview .delete-button[data-v-32f96666]{position:absolute;top:16px;right:16px;z-index:10;background:var(--color-fill-black-3);backdrop-filter:blur(8px);border-radius:8px;padding:8px;opacity:.8;transition:opacity .2s ease}.template-selector .preview .delete-button[data-v-32f96666]:hover{opacity:1}.template-selector .preview .delete-button .delete-icon[data-v-32f96666]{width:20px;height:20px;color:var(--color-text-1);cursor:pointer;display:block}.template-selector .preview .generating-overlay[data-v-32f96666]{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:5;overflow:hidden}.template-selector .preview .generating-overlay .light[data-v-32f96666]{width:100%;height:240px;background:linear-gradient(0deg,#ffffff14,#fff0);position:absolute;animation:vertical-light-animation-32f96666 1.8s .3s infinite linear;z-index:1}.template-selector .preview .generating-overlay .generating-text[data-v-32f96666]{color:var(--color-text-1);font-size:14px;line-height:24px;z-index:2}.template-selector .preview .image-preview-wrapper[data-v-32f96666],.template-selector .preview .video-preview-wrapper[data-v-32f96666]{position:relative;width:100%;height:100%;overflow:hidden}.template-selector .preview .media[data-v-32f96666]{display:block;width:100%;height:100%}.template-selector .preview .media-blur[data-v-32f96666]{position:absolute;inset:0;filter:blur(64px);transform:scale(1.05)}.template-selector .preview .media-front[data-v-32f96666]{position:relative;z-index:1}.template-selector .preview .video-bg-box[data-v-32f96666]{position:absolute;inset:0;opacity:.5;overflow:hidden}.template-selector .preview .video-bg[data-v-32f96666]{width:100%;height:100%;filter:blur(64px);transform:scale(1.05)}.template-selector .preview .video-player-wrapper[data-v-32f96666]{position:relative;z-index:1;width:100%;height:100%}.template-selector .preview .video-player[data-v-32f96666]{width:100%;height:100%}.template-selector .preview .empty-preview[data-v-32f96666]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-3);font-size:14px}