.catalog-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.catalog-toolbar.is-compact{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.catalog-toolbar__left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.catalog-toolbar__count{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-muted);white-space:nowrap}.catalog-toolbar__filter-btn{align-items:center;gap:var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);min-height:36px;color:var(--color-brown-dark);font-size:var(--fs-sm);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);padding:.4rem .8rem;font-weight:600;display:inline-flex}.catalog-toolbar__filter-btn:hover{background-color:var(--color-brown);color:var(--color-surface);border-color:var(--color-brown)}.catalog-toolbar__right{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.catalog-toolbar__sort-placeholder{min-width:0}.catalog-toolbar__view{border-radius:var(--radius-full);background-color:#6b3e2e0f;align-items:center;padding:3px;display:inline-flex}.catalog-toolbar__view-btn{border-radius:var(--radius-full);width:34px;height:34px;color:var(--color-muted);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.catalog-toolbar__view-btn:hover{color:var(--color-brown)}.catalog-toolbar__view-btn.is-active{background-color:var(--color-surface);color:var(--color-brown-dark);box-shadow:0 1px 4px var(--color-shadow)}@media (max-width:768px){.catalog-toolbar{padding:var(--space-3)}.catalog-toolbar__right{gap:var(--space-2)}.catalog-toolbar__filter-btn span{display:none}.catalog-toolbar__filter-btn{justify-content:center;min-width:36px;padding:.4rem}}@media (prefers-reduced-motion:reduce){.catalog-toolbar__filter-btn,.catalog-toolbar__view-btn{transition:none!important}}