.filter-sidebar.svelte-41agl4{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-41agl4{transform:translate(0)}.sidebar-header.svelte-41agl4{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-41agl4 h3:where(.svelte-41agl4){margin:0;font-size:var(--text-xl);color:var(--color-dark)}.close-btn.svelte-41agl4{background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:var(--space-xs);transition:color var(--transition-base)}@media (hover: hover){.close-btn.svelte-41agl4:hover{color:var(--color-dark)}}.filters-content.svelte-41agl4{padding:var(--space-lg)}.filter-actions.svelte-41agl4{margin-bottom:var(--space-xl)}.clear-filters-btn.svelte-41agl4{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)}@media (hover: hover){.clear-filters-btn.svelte-41agl4:hover{background:var(--color-border)}}.favorites-group.svelte-41agl4{padding-bottom:var(--space-lg)}.favorites-toggle-btn.svelte-41agl4{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)}@media (hover: hover){.favorites-toggle-btn.svelte-41agl4:hover{border-color:#e63946;color:#e63946}}.favorites-toggle-btn.active.svelte-41agl4{background:#e63946;border-color:#e63946;color:var(--color-light)}.favorites-count.svelte-41agl4{font-size:var(--text-xs);opacity:.9}.filter-group.svelte-41agl4{margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-lg)}.filter-group.svelte-41agl4:last-child{border-bottom:none;margin-bottom:0}.filter-group.svelte-41agl4 h4:where(.svelte-41agl4){margin:0 0 var(--space-md) 0;font-size:var(--text-base);font-weight:600;color:var(--color-dark)}.color-grid.svelte-41agl4{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.color-option.svelte-41agl4{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)}@media (hover: hover){.color-option.svelte-41agl4:hover{border-color:var(--color-primary)}}.color-option.selected.svelte-41agl4{border-color:var(--color-primary);background:var(--color-light)}.color-swatch.svelte-41agl4{width:16px;height:16px;border-radius:50%;border:1px solid var(--color-border)}.color-name.svelte-41agl4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkbox-list.svelte-41agl4{display:flex;flex-direction:column;gap:var(--space-sm)}.checkbox-label.svelte-41agl4{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-41agl4 input[type=checkbox]:where(.svelte-41agl4){opacity:0;position:absolute;width:0;height:0}.checkmark.svelte-41agl4{width:16px;height:16px;border:2px solid var(--color-border);border-radius:var(--radius-sm);position:relative;transition:all var(--transition-base)}@media (hover: hover){.checkbox-label.svelte-41agl4:hover .checkmark:where(.svelte-41agl4){border-color:var(--color-primary)}}.checkbox-label.svelte-41agl4 input:where(.svelte-41agl4):checked+.checkmark:where(.svelte-41agl4){background:var(--color-primary);border-color:var(--color-primary)}.checkbox-label.svelte-41agl4 input:where(.svelte-41agl4):checked+.checkmark:where(.svelte-41agl4):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-41agl4{top:88px;height:calc(100vh - 88px)}}@media (min-width: 1024px){.filter-sidebar.svelte-41agl4{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-41agl4{position:sticky;top:0}.close-btn.svelte-41agl4{display:none}}.search-bar.svelte-z6gn31{background:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--space-lg)}.search-controls.svelte-z6gn31{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-md);flex-wrap:wrap}.filter-toggle-btn.svelte-z6gn31{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)}@media (hover: hover){.filter-toggle-btn.svelte-z6gn31:hover{background:var(--color-border)}}.filter-toggle-btn.svelte-z6gn31 svg:where(.svelte-z6gn31){color:var(--color-text-light)}.search-input-wrapper.svelte-z6gn31{position:relative;flex:1;min-width:250px}.search-icon.svelte-z6gn31{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-light)}.search-input.svelte-z6gn31{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-z6gn31:focus{outline:none;border-color:var(--color-primary)}.search-input.svelte-z6gn31::placeholder{color:var(--color-text-light)}.clear-search-btn.svelte-z6gn31{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)}@media (hover: hover){.clear-search-btn.svelte-z6gn31:hover{color:var(--color-text)}}.view-toggle.svelte-z6gn31{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md)}.view-toggle-btn.svelte-z6gn31{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}@media (hover: hover){.view-toggle-btn.svelte-z6gn31:hover{background:var(--color-light);color:var(--color-text)}}.view-toggle-btn.active.svelte-z6gn31{background:var(--color-primary);color:var(--color-light)}.sort-wrapper.svelte-z6gn31{display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.sort-label.svelte-z6gn31{font-size:var(--text-sm);color:var(--color-text-light)}.sort-select.svelte-z6gn31{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-z6gn31:focus{outline:none;border-color:var(--color-primary)}.results-info.svelte-z6gn31{display:flex;flex-direction:column;gap:var(--space-sm)}.results-count.svelte-z6gn31{font-size:var(--text-sm);color:var(--color-text-light)}.active-filters.svelte-z6gn31{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.filter-tag.svelte-z6gn31{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-z6gn31{display:none}.search-controls.svelte-z6gn31{flex-wrap:nowrap}.results-info.svelte-z6gn31{flex-direction:row;justify-content:space-between;align-items:center}.active-filters.svelte-z6gn31{justify-content:flex-end}}@media (max-width: 767px){.search-controls.svelte-z6gn31{flex-direction:column;align-items:stretch}.search-input-wrapper.svelte-z6gn31{min-width:unset}.view-toggle.svelte-z6gn31{order:-1;align-self:flex-end}.sort-wrapper.svelte-z6gn31{justify-content:space-between;width:100%}.sort-select.svelte-z6gn31{min-width:unset;flex:1;margin-left:var(--space-md)}}