.tool-collection.svelte-v3ydg5{gap:var(--s1);padding-block:var(--s2) calc(var(--s4) + 5rem)}header.svelte-v3ydg5{align-items:end;display:flex;gap:var(--s0);justify-content:space-between}header.svelte-v3ydg5 h1:where(.svelte-v3ydg5),header.svelte-v3ydg5 p:where(.svelte-v3ydg5),h2.svelte-v3ydg5,.tool-grid.svelte-v3ydg5 p:where(.svelte-v3ydg5){margin:0}header.svelte-v3ydg5 p:where(.svelte-v3ydg5),.tool-grid.svelte-v3ydg5 p:where(.svelte-v3ydg5),.empty-state.svelte-v3ydg5{color:var(--content-1)}.search-field.svelte-v3ydg5{align-items:center;border-bottom:1px solid var(--edge);display:flex;gap:var(--s-2);min-width:min(18rem,40vw);padding:var(--s-2) 0}.search-field.svelte-v3ydg5:focus-within{border-color:var(--brand)}.search-field.svelte-v3ydg5 svg{color:var(--content-1);height:1.15rem;width:1.15rem}.search-field.svelte-v3ydg5 input:where(.svelte-v3ydg5){background:transparent;border:0;color:var(--content);font:inherit;outline:0;width:100%}.tool-grid.svelte-v3ydg5{display:grid;gap:var(--s-1);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.tool-grid.svelte-v3ydg5 a:where(.svelte-v3ydg5){background:color-mix(in oklch,var(--base-1) 72%,transparent);border:1px solid var(--edge);border-radius:var(--radius);color:inherit;display:grid;gap:var(--s-2);height:100%;padding:var(--s0);text-decoration:none;transition:border-color .16s ease,transform .16s ease}.tool-grid.svelte-v3ydg5 a:where(.svelte-v3ydg5):hover,.tool-grid.svelte-v3ydg5 a:where(.svelte-v3ydg5):focus-visible{border-color:color-mix(in oklch,var(--brand) 55%,var(--edge));outline:0;transform:translateY(-2px)}.tool-heading.svelte-v3ydg5{align-items:center;display:flex;gap:var(--s-2);justify-content:space-between}.tool-heading.svelte-v3ydg5 h2:where(.svelte-v3ydg5){font-size:var(--s0)}.tool-heading.svelte-v3ydg5 svg{color:var(--content-1);height:1rem;width:1rem}.tags.svelte-v3ydg5{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:auto}.tags.svelte-v3ydg5 span:where(.svelte-v3ydg5){background:color-mix(in oklch,var(--brand) 10%,transparent);border-radius:999px;color:var(--content-1);font-size:var(--s-2);padding:var(--s-4) var(--s-2)}.empty-state.svelte-v3ydg5{padding-block:var(--s3);text-align:center}@media(max-width:40rem){header.svelte-v3ydg5{align-items:stretch;flex-direction:column}.search-field.svelte-v3ydg5{min-width:0}}@media(prefers-reduced-motion:reduce){.tool-grid.svelte-v3ydg5 a:where(.svelte-v3ydg5){transition:none}}