.filter-sidebar.svelte-1dwmbvj{position:fixed;top:72px;left:0;height:calc(100vh - 90px);width:320px;background:var(--color-background);border-right:1px solid var(--color-border);transform:translate(-100%);transition:transform var(--transition-base);z-index:500;overflow-y:auto;flex-shrink:0}.filter-sidebar.open.svelte-1dwmbvj{transform:translate(0)}.sidebar-header.svelte-1dwmbvj{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-background);position:sticky;top:0;z-index:2}.sidebar-header.svelte-1dwmbvj h3:where(.svelte-1dwmbvj){margin:0;font-size:var(--text-xl);color:var(--color-dark)}.close-btn.svelte-1dwmbvj{background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:var(--space-xs);transition:color var(--transition-base)}.close-btn.svelte-1dwmbvj:hover{color:var(--color-dark)}.filters-content.svelte-1dwmbvj{padding:var(--space-lg)}.filter-actions.svelte-1dwmbvj{margin-bottom:var(--space-xl)}.clear-filters-btn.svelte-1dwmbvj{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-light);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.clear-filters-btn.svelte-1dwmbvj:hover{background:var(--color-border)}.favorites-group.svelte-1dwmbvj{padding-bottom:var(--space-lg)}.favorites-toggle-btn.svelte-1dwmbvj{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:var(--color-light);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-base)}.favorites-toggle-btn.svelte-1dwmbvj:hover{border-color:#e63946;color:#e63946}.favorites-toggle-btn.active.svelte-1dwmbvj{background:#e63946;border-color:#e63946;color:var(--color-light)}.favorites-count.svelte-1dwmbvj{font-size:var(--text-xs);opacity:.9}.filter-group.svelte-1dwmbvj{margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-lg)}.filter-group.svelte-1dwmbvj:last-child{border-bottom:none;margin-bottom:0}.filter-group.svelte-1dwmbvj h4:where(.svelte-1dwmbvj){margin:0 0 var(--space-md) 0;font-size:var(--text-base);font-weight:600;color:var(--color-dark)}.color-grid.svelte-1dwmbvj{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.color-option.svelte-1dwmbvj{display:flex;align-items:center;gap:var(--space-xs);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xs);cursor:pointer;transition:all var(--transition-base);font-size:var(--text-xs)}.color-option.svelte-1dwmbvj:hover{border-color:var(--color-primary)}.color-option.selected.svelte-1dwmbvj{border-color:var(--color-primary);background:var(--color-light)}.color-swatch.svelte-1dwmbvj{width:16px;height:16px;border-radius:50%;border:1px solid var(--color-border)}.color-name.svelte-1dwmbvj{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkbox-list.svelte-1dwmbvj{display:flex;flex-direction:column;gap:var(--space-sm)}.checkbox-label.svelte-1dwmbvj{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-sm);color:var(--color-text);position:relative}.checkbox-label.svelte-1dwmbvj input[type=checkbox]:where(.svelte-1dwmbvj){opacity:0;position:absolute;width:0;height:0}.checkmark.svelte-1dwmbvj{width:16px;height:16px;border:2px solid var(--color-border);border-radius:var(--radius-sm);position:relative;transition:all var(--transition-base)}.checkbox-label.svelte-1dwmbvj:hover .checkmark:where(.svelte-1dwmbvj){border-color:var(--color-primary)}.checkbox-label.svelte-1dwmbvj input:where(.svelte-1dwmbvj):checked+.checkmark:where(.svelte-1dwmbvj){background:var(--color-primary);border-color:var(--color-primary)}.checkbox-label.svelte-1dwmbvj input:where(.svelte-1dwmbvj):checked+.checkmark:where(.svelte-1dwmbvj):after{content:"";position:absolute;top:1px;left:4px;width:4px;height:8px;border:2px solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}@media (min-width: 768px) and (max-width: 1023px){.filter-sidebar.svelte-1dwmbvj{top:88px;height:calc(100vh - 88px)}}@media (min-width: 1024px){.filter-sidebar.svelte-1dwmbvj{position:relative;top:0;transform:none;height:100%;width:100%;border-right:1px solid var(--color-border);border-radius:0;z-index:10}.sidebar-header.svelte-1dwmbvj{position:sticky;top:0}.close-btn.svelte-1dwmbvj{display:none}}.search-bar.svelte-14ugey4{background:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--space-lg)}.search-controls.svelte-14ugey4{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-md);flex-wrap:wrap}.filter-toggle-btn.svelte-14ugey4{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-light);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-base)}.filter-toggle-btn.svelte-14ugey4:hover{background:var(--color-border)}.filter-toggle-btn.svelte-14ugey4 svg:where(.svelte-14ugey4){color:var(--color-text-light)}.search-input-wrapper.svelte-14ugey4{position:relative;flex:1;min-width:250px}.search-icon.svelte-14ugey4{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-light)}.search-input.svelte-14ugey4{width:100%;padding:var(--space-md) var(--space-3xl) var(--space-md) var(--space-3xl);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-background);transition:border-color var(--transition-base)}.search-input.svelte-14ugey4:focus{outline:none;border-color:var(--color-primary)}.search-input.svelte-14ugey4::placeholder{color:var(--color-text-light)}.clear-search-btn.svelte-14ugey4{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:var(--space-xs);transition:color var(--transition-base)}.clear-search-btn.svelte-14ugey4:hover{color:var(--color-text)}.view-toggle.svelte-14ugey4{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md)}.view-toggle-btn.svelte-14ugey4{display:flex;align-items:center;justify-content:center;padding:var(--space-sm);background:var(--color-background);border:none;border-right:1px solid var(--color-border);color:var(--color-text-light);cursor:pointer;transition:all var(--transition-base);width:36px;height:36px}.view-toggle-btn.svelte-14ugey4:hover{background:var(--color-light);color:var(--color-text)}.view-toggle-btn.active.svelte-14ugey4{background:var(--color-primary);color:var(--color-light)}.sort-wrapper.svelte-14ugey4{display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.sort-label.svelte-14ugey4{font-size:var(--text-sm);color:var(--color-text-light)}.sort-select.svelte-14ugey4{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-background);color:var(--color-text);cursor:pointer;min-width:150px}.sort-select.svelte-14ugey4:focus{outline:none;border-color:var(--color-primary)}.results-info.svelte-14ugey4{display:flex;flex-direction:column;gap:var(--space-sm)}.results-count.svelte-14ugey4{font-size:var(--text-sm);color:var(--color-text-light)}.active-filters.svelte-14ugey4{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.filter-tag.svelte-14ugey4{background:var(--color-primary);color:var(--color-light);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap}@media (min-width: 1024px){.filter-toggle-btn.svelte-14ugey4{display:none}.search-controls.svelte-14ugey4{flex-wrap:nowrap}.results-info.svelte-14ugey4{flex-direction:row;justify-content:space-between;align-items:center}.active-filters.svelte-14ugey4{justify-content:flex-end}}@media (max-width: 767px){.search-controls.svelte-14ugey4{flex-direction:column;align-items:stretch}.search-input-wrapper.svelte-14ugey4{min-width:unset}.view-toggle.svelte-14ugey4{order:-1;align-self:flex-end}.sort-wrapper.svelte-14ugey4{justify-content:space-between;width:100%}.sort-select.svelte-14ugey4{min-width:unset;flex:1;margin-left:var(--space-md)}}