main.svelte-2qgsqb{min-height:100vh;padding-top:6rem}.container.svelte-2qgsqb{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.header.svelte-2qgsqb{margin-bottom:3rem;text-align:center}.header.svelte-2qgsqb h1:where(.svelte-2qgsqb){font-size:2.5rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header.svelte-2qgsqb p:where(.svelte-2qgsqb){color:#71717a;font-size:1.125rem;max-width:500px;margin:0 auto}.category.svelte-2qgsqb{margin-bottom:3rem}.category.svelte-2qgsqb:last-child{margin-bottom:0}.category-title.svelte-2qgsqb{font-size:1rem;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #27272a}.tools-grid.svelte-2qgsqb{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.tool-card.svelte-2qgsqb{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.25rem 1rem;background:#18181b;border:1px solid #27272a;border-radius:12px;transition:all .2s ease}.tool-card.svelte-2qgsqb:hover{border-color:#3f3f46;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.tool-icon-wrapper.svelte-2qgsqb{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#27272a,#3f3f46);border-radius:10px;margin-bottom:.75rem}.tool-icon.svelte-2qgsqb{font-family:SF Mono,Monaco,monospace;font-size:1rem;color:#e4e4e7}.tool-card.svelte-2qgsqb h3:where(.svelte-2qgsqb){font-size:1rem;font-weight:600;margin-bottom:.25rem;color:#fafafa}.tool-card.svelte-2qgsqb p:where(.svelte-2qgsqb){color:#71717a;font-size:.8rem;line-height:1.4;margin-bottom:.75rem}.tool-link.svelte-2qgsqb{display:inline-flex;align-items:center;gap:.25rem;color:#a1a1aa;font-size:.75rem;font-weight:500;transition:all .2s ease}.tool-link.svelte-2qgsqb svg:where(.svelte-2qgsqb){transition:transform .2s ease}.tool-card.svelte-2qgsqb:hover .tool-link:where(.svelte-2qgsqb){color:#fff}.tool-card.svelte-2qgsqb:hover .tool-link:where(.svelte-2qgsqb) svg:where(.svelte-2qgsqb){transform:translate(4px)}@media(max-width:640px){.header.svelte-2qgsqb h1:where(.svelte-2qgsqb){font-size:2rem}.tools-grid.svelte-2qgsqb{grid-template-columns:1fr}}