.template-selector-container[data-v-0f0824d9]{display:flex;flex-direction:column;height:100%;max-height:calc(90vh - 140px);overflow:hidden}.filter-section[data-v-0f0824d9]{border-bottom:1px solid #f0f0f0;flex-shrink:0;padding:16px 0}.filter-row[data-v-0f0824d9]{display:flex;margin-bottom:12px}.filter-row[data-v-0f0824d9]:last-child{margin-bottom:0}.filter-label[data-v-0f0824d9]{color:#333;flex-shrink:0;font-weight:700;margin-right:10px}.filter-options[data-v-0f0824d9]{display:flex;flex-wrap:wrap;gap:8px}.filter-option[data-v-0f0824d9]{border-radius:4px;cursor:pointer;font-size:14px;padding:4px 12px;transition:all .3s}.filter-option[data-v-0f0824d9]:hover{color:var(--primary-color)}.option-active[data-v-0f0824d9]{background-color:var(--primary-color);color:#fff}.option-active[data-v-0f0824d9]:hover{color:#fff}.filter-select-group[data-v-0f0824d9]{display:flex;gap:16px}.select-wrapper[data-v-0f0824d9]{min-width:120px;position:relative}.select-trigger[data-v-0f0824d9]{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;padding:6px 12px;transition:all .3s}.select-trigger[data-v-0f0824d9]:hover{border-color:var(--primary-color)}.select-text[data-v-0f0824d9]{color:#333;font-size:14px}.select-arrow[data-v-0f0824d9]{margin-left:8px;transition:transform .3s}.arrow-up[data-v-0f0824d9]{transform:rotate(180deg)}.color-indicator[data-v-0f0824d9]{border-radius:50%;display:inline-block;height:14px;margin-right:8px;width:14px}.icon-4color[data-v-0f0824d9]{background:linear-gradient(45deg,#ff5252 25%,#000 0 50%,#2196f3 0 75%,#ffc107 0)}.dropdown-menu[data-v-0f0824d9]{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;top:100%;z-index:1000}.color-dropdown[data-v-0f0824d9]{width:150px}.style-dropdown[data-v-0f0824d9]{width:120px}.dropdown-item[data-v-0f0824d9]{align-items:center;cursor:pointer;display:flex;font-size:14px;padding:10px 12px;transition:all .2s}.dropdown-item[data-v-0f0824d9]:hover{background-color:#f5f5f5}.dropdown-item-active[data-v-0f0824d9]{background-color:#f0f0f2;color:var(--primary-color)}.dropdown-enter-active[data-v-0f0824d9],.dropdown-leave-active[data-v-0f0824d9]{transition:all .3s ease}.dropdown-enter-from[data-v-0f0824d9],.dropdown-leave-to[data-v-0f0824d9]{opacity:0;transform:translateY(-10px)}.template-section[data-v-0f0824d9]{flex:1;overflow-y:auto;padding:16px 0}.template-grid[data-v-0f0824d9]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.template-item[data-v-0f0824d9]{border:2px solid transparent;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s}.template-item[data-v-0f0824d9]:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.template-item.template-selected[data-v-0f0824d9]{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.3),0 4px 16px #00000026}.template-item-img[data-v-0f0824d9]{overflow:hidden;padding-top:56.25%;position:relative;width:100%}.template-item-img img[data-v-0f0824d9]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform .3s;width:100%}.template-item:hover .template-item-img img[data-v-0f0824d9]{transform:scale(1.05)}.template-item-overlay[data-v-0f0824d9]{align-items:center;animation:fadeIn-0f0824d9 .3s ease;background:rgba(var(--primary-color-rgb),.8);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.check-icon[data-v-0f0824d9]{animation:scaleIn-0f0824d9 .3s ease;color:#fff}@keyframes fadeIn-0f0824d9{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-0f0824d9{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.template-item-title[data-v-0f0824d9]{color:#333;font-size:14px;overflow:hidden;padding:8px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.load-more[data-v-0f0824d9],.no-more[data-v-0f0824d9]{color:#666;padding:20px;text-align:center}.no-more[data-v-0f0824d9]{font-size:14px}.no-data[data-v-0f0824d9]{align-items:center;display:flex;height:300px;justify-content:center}.loading-container[data-v-0f0824d9]{margin:0 auto;padding:40px}.modal-footer[data-v-0f0824d9]{align-items:center;display:flex;justify-content:space-between}.selected-info[data-v-0f0824d9]{color:var(--primary-color);font-size:14px}