.template-browser[data-v-e3904cfa]{background:#f5f5f5;display:flex;flex-direction:column;height:100%}.browser-header[data-v-e3904cfa]{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;padding:24px}.browser-header[data-v-e3904cfa],.header-left[data-v-e3904cfa]{align-items:center;display:flex}.header-left[data-v-e3904cfa]{gap:16px}.browser-header h2[data-v-e3904cfa]{color:#333;font-size:24px;font-weight:700;margin:0}.count-badge[data-v-e3904cfa]{background:#f0f0f0;border-radius:4px;color:#999;font-size:12px;font-weight:600;padding:4px 12px}.primary-btn[data-v-e3904cfa]{align-items:center;background:#06c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.primary-btn[data-v-e3904cfa]:hover{background:#004ba3}.icon[data-v-e3904cfa]{font-size:16px}.browser-controls[data-v-e3904cfa]{background:#fff;border-bottom:1px solid #e5e5e5;gap:20px;padding:16px 24px}.browser-controls[data-v-e3904cfa],.search-bar[data-v-e3904cfa]{align-items:center;display:flex}.search-bar[data-v-e3904cfa]{flex:1;max-width:400px;position:relative}.search-icon[data-v-e3904cfa]{color:#999;font-size:14px;left:12px;pointer-events:none;position:absolute}.search-input[data-v-e3904cfa]{border:1px solid #e5e5e5;border-radius:4px;box-sizing:border-box;font-size:13px;padding:8px 12px 8px 36px;width:100%}.search-input[data-v-e3904cfa]:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.clear-btn[data-v-e3904cfa]{background:transparent;border:none;color:#999;cursor:pointer;font-size:16px;height:20px;position:absolute;right:12px;transition:all .2s;width:20px}.clear-btn[data-v-e3904cfa]:hover{color:#333}.filter-controls[data-v-e3904cfa]{display:flex;gap:16px}.filter-group[data-v-e3904cfa]{align-items:center;display:flex;gap:8px}.filter-group label[data-v-e3904cfa]{color:#666;font-size:12px;font-weight:600}.filter-select[data-v-e3904cfa]{background:#fff;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px}.filter-select[data-v-e3904cfa]:focus{border-color:#06c;outline:none}.browser-content[data-v-e3904cfa]{flex:1;overflow-y:auto;padding:24px}.state-placeholder[data-v-e3904cfa]{align-items:center;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.state-placeholder .icon[data-v-e3904cfa]{font-size:64px;margin-bottom:16px;opacity:.5}.state-placeholder p[data-v-e3904cfa]{color:#999;font-size:14px;margin:0 0 24px}.state-placeholder.error[data-v-e3904cfa]{color:#dc3545}.state-placeholder.error .icon[data-v-e3904cfa]{opacity:.8}.spinner[data-v-e3904cfa]{animation:spin-e3904cfa .8s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#06c;height:40px;width:40px}@keyframes spin-e3904cfa{to{transform:rotate(1turn)}}.secondary-btn[data-v-e3904cfa]{background:#fff;border:1px solid #06c;border-radius:4px;color:#06c;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.secondary-btn[data-v-e3904cfa]:hover{background:#f5f5f5}.templates-grid[data-v-e3904cfa]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.template-card[data-v-e3904cfa]{background:#fff;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .2s}.template-card[data-v-e3904cfa]:hover{border-color:#06c;box-shadow:0 4px 12px #0066cc1a;transform:translateY(-2px)}.template-thumbnail[data-v-e3904cfa]{background:#f9f9f9;border-bottom:1px solid #e5e5e5;height:160px;overflow:hidden;width:100%}.thumbnail-image[data-v-e3904cfa]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.thumbnail-placeholder[data-v-e3904cfa]{align-items:center;background:linear-gradient(135deg,#f9f9f9,#f5f5f5);display:flex;font-size:48px;height:100%;justify-content:center;opacity:.5;width:100%}.card-content[data-v-e3904cfa]{display:flex;flex:1;flex-direction:column;padding:16px}.template-name[data-v-e3904cfa]{color:#333;font-size:14px;font-weight:600;margin:0 0 4px;white-space:nowrap}.template-description[data-v-e3904cfa],.template-name[data-v-e3904cfa]{overflow:hidden;text-overflow:ellipsis}.template-description[data-v-e3904cfa]{color:#999;display:-webkit-box;font-size:12px;-webkit-line-clamp:2;margin:0 0 8px;-webkit-box-orient:vertical;line-height:1.4}.card-meta[data-v-e3904cfa]{align-items:center;display:flex;font-size:11px;gap:8px;margin-bottom:12px}.category-badge[data-v-e3904cfa]{background:#f0f0f0;border-radius:3px;color:#666;font-weight:600;padding:2px 8px;text-transform:capitalize}.variant-count[data-v-e3904cfa]{color:#999;font-weight:500}.card-footer[data-v-e3904cfa]{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:8px}.last-updated[data-v-e3904cfa]{color:#999;font-size:11px}.card-actions[data-v-e3904cfa]{display:flex;gap:4px}.action-btn[data-v-e3904cfa]{align-items:center;background:transparent;border:none;border-radius:3px;cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;opacity:.6;transition:all .2s;width:28px}.action-btn[data-v-e3904cfa]:hover{background:#f0f0f0;opacity:1}.action-btn.delete-btn[data-v-e3904cfa]:hover{background:#fde8e8}.selection-indicator[data-v-e3904cfa]{align-items:center;background:#06c;border-radius:0 8px;color:#fff;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;position:absolute;right:0;top:0;width:32px}.context-menu[data-v-e3904cfa]{background:#fff;border:1px solid #e5e5e5;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:150px;overflow:hidden;z-index:2000}.context-menu-item[data-v-e3904cfa]{align-items:center;background:transparent;border:none;color:#333;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 12px;text-align:left;transition:all .2s;width:100%}.context-menu-item[data-v-e3904cfa]:hover{background:#f5f5f5;color:#06c}.context-menu-item.delete[data-v-e3904cfa]:hover{background:#fde8e8;color:#dc3545}.context-menu-divider[data-v-e3904cfa]{border:none;border-top:1px solid #e5e5e5;margin:4px 0}.context-menu-enter-active[data-v-e3904cfa],.context-menu-leave-active[data-v-e3904cfa]{transition:opacity .15s,transform .15s}.context-menu-enter-from[data-v-e3904cfa],.context-menu-leave-to[data-v-e3904cfa]{opacity:0;transform:scale(.95)}[data-v-e3904cfa]::-webkit-scrollbar{width:6px}[data-v-e3904cfa]::-webkit-scrollbar-track{background:transparent}[data-v-e3904cfa]::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}[data-v-e3904cfa]::-webkit-scrollbar-thumb:hover{background:#ccc}@media(max-width:1024px){.templates-grid[data-v-e3904cfa]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.filter-controls[data-v-e3904cfa]{flex-direction:column;gap:8px}}@media(max-width:768px){.browser-header[data-v-e3904cfa]{align-items:flex-start;flex-direction:column;gap:16px}.browser-controls[data-v-e3904cfa]{flex-direction:column;gap:12px}.search-bar[data-v-e3904cfa]{max-width:100%}.templates-grid[data-v-e3904cfa]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}