.filter-bar.svelte-g2nc1l{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-xl)}.filter-bar__count.svelte-g2nc1l{font-size:15px;font-weight:500;color:var(--text-color);white-space:nowrap}.filter-bar__sort.svelte-g2nc1l{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;justify-content:center}.filter-bar__label.svelte-g2nc1l{font-size:14px;font-weight:500;color:var(--text-muted);white-space:nowrap}.filter-bar__select.svelte-g2nc1l{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-color);color:var(--text-color);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);font-family:var(--font-body)}.filter-bar__select.svelte-g2nc1l:hover{border-color:var(--accent-color)}.filter-bar__select.svelte-g2nc1l:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #87a96b1a}body.dark .filter-bar__select.svelte-g2nc1l{background:var(--surface-color)}.filter-bar__view.svelte-g2nc1l{display:flex;gap:var(--spacing-xs)}.filter-bar__view-btn.svelte-g2nc1l{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-color);color:var(--text-muted);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.filter-bar__view-btn.svelte-g2nc1l:hover{border-color:var(--accent-color);color:var(--accent-color)}.filter-bar__view-btn--active.svelte-g2nc1l{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.filter-bar__view-btn--active.svelte-g2nc1l:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.filter-bar__view-btn.svelte-g2nc1l svg:where(.svelte-g2nc1l){flex-shrink:0}@media (max-width: 1024px){.filter-bar.svelte-g2nc1l{flex-wrap:wrap}.filter-bar__count.svelte-g2nc1l{order:1;flex:1 1 100%;text-align:center;margin-bottom:var(--spacing-sm)}.filter-bar__sort.svelte-g2nc1l{order:2;flex:1 1 auto}.filter-bar__view.svelte-g2nc1l{order:3}}@media (max-width: 768px){.filter-bar.svelte-g2nc1l{flex-direction:column;gap:var(--spacing-md)}.filter-bar__count.svelte-g2nc1l{margin-bottom:0}.filter-bar__sort.svelte-g2nc1l{width:100%;flex-direction:column;align-items:stretch}.filter-bar__label.svelte-g2nc1l{text-align:center}.filter-bar__select.svelte-g2nc1l{width:100%}.filter-bar__view.svelte-g2nc1l{width:100%;justify-content:center}.filter-bar__view-btn.svelte-g2nc1l{flex:1;justify-content:center}.filter-bar__view-text.svelte-g2nc1l{display:none}}@media (max-width: 375px){.filter-bar.svelte-g2nc1l{padding:var(--spacing-md)}.filter-bar__count.svelte-g2nc1l{font-size:14px}.filter-bar__select.svelte-g2nc1l{font-size:13px}}