.tool-directory.svelte-8p7s3k{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.directory-card.svelte-8p7s3k{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:1.25rem;min-height:12rem;padding:1.5rem;border:1px solid var(--border);border-radius:1.5rem;background:var(--card);transition:border-color .18s,transform .18s}.directory-card.svelte-8p7s3k:hover{border-color:color-mix(in oklch,var(--muted-foreground) 50%,var(--border));transform:translateY(-2px)}.directory-card.svelte-8p7s3k:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.card-art.svelte-8p7s3k{--art-blue: color-mix(in oklch, #ace0f9 32%, var(--card));--art-peach: color-mix(in oklch, #fff1eb 60%, var(--card));display:grid;place-items:center;align-self:start;width:2.75rem;height:2.75rem;border-radius:.875rem;background:radial-gradient(ellipse at 0% 0%,var(--art-blue),transparent 75%),radial-gradient(ellipse at 100% 100%,var(--art-peach),transparent 85%),var(--muted);color:var(--foreground)}.directory-card.svelte-8p7s3k:nth-child(4n+2) .card-art:where(.svelte-8p7s3k),.directory-card.svelte-8p7s3k:nth-child(4n+3) .card-art:where(.svelte-8p7s3k){background:radial-gradient(ellipse at 100% 0%,var(--art-peach),transparent 80%),radial-gradient(ellipse at 0% 100%,var(--art-blue),transparent 90%),var(--muted)}.card-art.svelte-8p7s3k svg{transition:transform .22s ease}.directory-card.svelte-8p7s3k:hover .card-art:where(.svelte-8p7s3k) svg{transform:scale(1.08)}.card-copy.svelte-8p7s3k{display:flex;flex:1;flex-direction:column;min-width:0}.directory-card.svelte-8p7s3k .card-arrow{position:absolute;bottom:1.5rem;right:1.25rem;color:var(--muted-foreground)}.platform-marker.svelte-8p7s3k{position:absolute;top:1.5rem;right:1.25rem;display:flex;align-items:center;gap:.2rem;font-size:.75rem;line-height:1;color:var(--muted-foreground)}.directory-card.svelte-8p7s3k h2:where(.svelte-8p7s3k){font-family:var(--font-sans);font-size:1.125rem;font-weight:600;line-height:1.35;letter-spacing:-.02em}.directory-card.svelte-8p7s3k p:where(.svelte-8p7s3k){margin-top:.5rem;font-size:.9375rem;line-height:1.65;color:var(--muted-foreground)}.card-meta.svelte-8p7s3k{display:block;margin-top:auto;padding-top:1rem;font-size:.8125rem;color:var(--muted-foreground)}.card-title.svelte-8p7s3k{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;padding-right:.75rem}.new-badge.svelte-8p7s3k{padding:.25rem .6rem;border-radius:999px;background:#7c3aed;color:#fff;font-size:.75rem;font-weight:600;line-height:1.3}@media(prefers-color-scheme:dark){.card-art.svelte-8p7s3k{--art-blue: color-mix(in oklch, #ace0f9 15%, var(--card));--art-peach: color-mix(in oklch, #fff1eb 10%, var(--card))}}@media(max-width:767px){.tool-directory.svelte-8p7s3k{grid-template-columns:1fr;gap:.75rem}.directory-card.svelte-8p7s3k{padding:1.25rem;min-height:10.5rem;gap:1.25rem}.directory-card.svelte-8p7s3k p:where(.svelte-8p7s3k){font-size:.875rem}}@media(prefers-reduced-motion:reduce){.directory-card.svelte-8p7s3k,.card-art.svelte-8p7s3k svg{transition:none}.directory-card.svelte-8p7s3k:hover,.directory-card.svelte-8p7s3k:hover .card-art:where(.svelte-8p7s3k) svg{transform:none}}