.companion-type-selector.svelte-ylf1fr{display:flex;flex-direction:column;gap:12px;width:100%}.companion-type-selector.compact.svelte-ylf1fr{gap:8px}.search-container.svelte-ylf1fr{position:relative;width:100%}.search-input.svelte-ylf1fr{width:100%;padding:10px 36px 10px 12px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;background:#fff;color:#333;outline:none;transition:border-color .2s,box-shadow .2s}.search-input.svelte-ylf1fr:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.search-input.svelte-ylf1fr::-moz-placeholder{color:#9ca3af}.search-input.svelte-ylf1fr::placeholder{color:#9ca3af}.dark .search-input.svelte-ylf1fr{background:#2a2a2a;border-color:#404040;color:#e5e5e5}.dark .search-input.svelte-ylf1fr:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec489933}.clear-search.svelte-ylf1fr{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px 8px;font-size:14px;line-height:1}.clear-search.svelte-ylf1fr:hover{color:#666}.dark .clear-search.svelte-ylf1fr:hover{color:#ccc}.category-tabs.svelte-ylf1fr{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.category-tabs.svelte-ylf1fr::-webkit-scrollbar{height:4px}.category-tabs.svelte-ylf1fr::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.dark .category-tabs.svelte-ylf1fr::-webkit-scrollbar-thumb{background:#4b5563}.category-pill.svelte-ylf1fr{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:20px;background:#f3f4f6;color:#4b5563;font-size:13px;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.category-pill.svelte-ylf1fr:hover{background:#e5e7eb}.category-pill.active.svelte-ylf1fr{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff}.dark .category-pill.svelte-ylf1fr{background:#383838;color:#d1d5db}.dark .category-pill.svelte-ylf1fr:hover{background:#444}.dark .category-pill.active.svelte-ylf1fr{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff}.category-emoji.svelte-ylf1fr{font-size:16px}.compact.svelte-ylf1fr .category-pill:where(.svelte-ylf1fr){padding:6px 10px}.search-results-header.svelte-ylf1fr{font-size:13px;color:#6b7280;padding:4px 0}.dark .search-results-header.svelte-ylf1fr{color:#9ca3af}.types-grid.svelte-ylf1fr{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:300px;overflow-y:auto;padding:4px}.types-grid.compact.svelte-ylf1fr{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px;max-height:200px}.type-card.svelte-ylf1fr{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:2px solid transparent;border-radius:12px;background:#f9fafb;cursor:pointer;transition:all .2s;position:relative}.type-card.svelte-ylf1fr:hover{background:#f3f4f6;transform:translateY(-2px)}.type-card.selected.svelte-ylf1fr{border-color:#ec4899;background:#ec48991a}.type-card.compact.svelte-ylf1fr{padding:8px 6px;gap:4px}.dark .type-card.svelte-ylf1fr{background:#2a2a2a}.dark .type-card.svelte-ylf1fr:hover{background:#383838}.dark .type-card.selected.svelte-ylf1fr{background:#ec489926}.type-emoji.svelte-ylf1fr{font-size:24px}.compact.svelte-ylf1fr .type-emoji:where(.svelte-ylf1fr){font-size:20px}.type-name.svelte-ylf1fr{font-size:12px;color:#374151;text-align:center;line-height:1.2}.dark .type-name.svelte-ylf1fr{color:#d1d5db}.compact.svelte-ylf1fr .type-name:where(.svelte-ylf1fr){font-size:11px}.selected-indicator.svelte-ylf1fr{position:absolute;top:4px;right:4px;width:16px;height:16px;background:#ec4899;color:#fff;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center}.type-preview.svelte-ylf1fr{padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.dark .type-preview.svelte-ylf1fr{background:#2a2a2a;border-color:#404040}.preview-header.svelte-ylf1fr{display:flex;align-items:center;gap:8px;margin-bottom:6px}.preview-emoji.svelte-ylf1fr{font-size:20px}.preview-name.svelte-ylf1fr{font-size:14px;font-weight:600;color:#111827}.dark .preview-name.svelte-ylf1fr{color:#f3f4f6}.preview-description.svelte-ylf1fr{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.dark .preview-description.svelte-ylf1fr{color:#9ca3af}.empty-state.svelte-ylf1fr{text-align:center;padding:24px;color:#9ca3af;font-size:14px}.dark .empty-state.svelte-ylf1fr{color:#6b7280}