*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:#f7f5f0;color:#1a1a1a;min-height:100vh}.app.svelte-1uha8ag{min-height:100vh;display:flex;flex-direction:column}header.svelte-1uha8ag{background:#1a1a1a;color:#fff;padding:2rem;border-bottom:3px solid var(--outlier-red, #e8294f)}.header-inner.svelte-1uha8ag{max-width:1200px;margin:0 auto}h1.svelte-1uha8ag{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.4rem}.subtitle.svelte-1uha8ag{font-size:.9rem;color:#999}main.svelte-1uha8ag{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:2.5rem 2rem}.tools-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.tool-card.svelte-1uha8ag{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #e0ddd6;border-radius:4px;padding:1.25rem 1.5rem;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.tool-card.svelte-1uha8ag:hover{border-color:#aaa;box-shadow:0 2px 8px #00000012}.tool-icon.svelte-1uha8ag{font-size:1.75rem;flex-shrink:0}.tool-body.svelte-1uha8ag{flex:1}.tool-body.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:.95rem;font-weight:700;margin-bottom:.3rem;letter-spacing:-.01em}.tool-body.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:.82rem;color:#666;line-height:1.5}.tool-arrow.svelte-1uha8ag{font-size:1.1rem;color:#bbb;flex-shrink:0;transition:color .15s,transform .15s}.tool-card.svelte-1uha8ag:hover .tool-arrow:where(.svelte-1uha8ag){color:#555;transform:translate(3px)}
