.tool-grid-wrapper.svelte-z7015z{display:flex;flex-direction:column;gap:1.5rem}.search-box.svelte-z7015z{position:relative;margin-left:auto;margin-right:auto;width:100%;max-width:36rem}.search-input.svelte-z7015z{width:100%;border-radius:.75rem;background-color:var(--bg-panel);padding:.75rem 2.5rem .75rem 1rem;color:var(--fg);--tw-shadow: var(--shadow-panel);--tw-shadow-colored: var(--shadow-panel);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px;border:1px solid transparent}.search-input.svelte-z7015z:focus{border-color:var(--accent)}.search-clear.svelte-z7015z{position:absolute;right:.75rem;top:50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;font-size:1.25rem;line-height:1.75rem;line-height:1;color:var(--fg-muted)}.search-clear.svelte-z7015z:hover{color:var(--fg)}.search-empty.svelte-z7015z{padding-top:2.5rem;padding-bottom:2.5rem;text-align:center;color:var(--fg-muted)}.filter-tabs.svelte-z7015z{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tab.svelte-z7015z{cursor:pointer;border-radius:.75rem;background-color:var(--bg-panel);padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--fg-muted);--tw-shadow: var(--shadow-panel);--tw-shadow-colored: var(--shadow-panel);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.filter-tab.active.svelte-z7015z{background-color:var(--accent);color:var(--fg-on-accent);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter-tab.svelte-z7015z:not(.active):hover{color:var(--fg)}.tool-grid.svelte-z7015z{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
