.tool-list.svelte-171l7w4{flex-direction:column;gap:24px;display:flex}.tool-card.svelte-171l7w4{grid-template-columns:320px 1fr;display:grid}.tool-thumbnail-wrap.svelte-171l7w4{background:var(--color-bg-muted);min-height:220px;overflow:hidden}.tool-thumbnail.svelte-171l7w4{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-image)}.tool-card.svelte-171l7w4:hover .tool-thumbnail:where(.svelte-171l7w4){transform:scale(1.04)}.tool-content.svelte-171l7w4{padding:24px}.tool-meta.svelte-171l7w4{margin-bottom:10px}.tool-content.svelte-171l7w4 h2:where(.svelte-171l7w4){color:var(--color-text-main);margin:0 0 10px;font-size:22px;line-height:1.5}.tool-description.svelte-171l7w4{color:var(--color-text-body);margin:0 0 12px;font-size:15px;font-weight:700;line-height:1.8}.tool-detail.svelte-171l7w4{color:var(--color-text-sub);margin:0 0 18px;font-size:14px;line-height:1.8}.tech-list.svelte-171l7w4{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tech-list.svelte-171l7w4 span:where(.svelte-171l7w4){border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg-soft);color:#475569;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.tool-links.svelte-171l7w4{flex-wrap:wrap;gap:10px;display:flex}.tool-link.github.svelte-171l7w4{background:var(--color-text-main);color:#fff}.tool-link.github.svelte-171l7w4:hover{box-shadow:0 10px 24px #0f172a33}.tool-link.disabled.svelte-171l7w4{background:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.tool-link.disabled.svelte-171l7w4:hover{box-shadow:none;transform:none}.empty-tools.svelte-171l7w4{border:1px dashed var(--color-border-hover);border-radius:var(--radius-card);background:linear-gradient(135deg, var(--color-bg-soft) 0%, var(--color-bg) 100%);text-align:center;padding:56px 24px}.empty-icon.svelte-171l7w4{background:var(--color-primary-soft);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;font-size:34px;display:inline-flex}.empty-tools.svelte-171l7w4 h2:where(.svelte-171l7w4){color:var(--color-text-main);margin:0 0 14px;font-size:24px;line-height:1.5}.empty-tools.svelte-171l7w4>p:where(.svelte-171l7w4){color:var(--color-text-sub);margin:0;line-height:1.9}.empty-note.svelte-171l7w4{border-radius:var(--radius-md);background:var(--color-bg-muted);max-width:620px;margin:28px auto 0;padding:16px 18px}.empty-note.svelte-171l7w4 p:where(.svelte-171l7w4){color:#475569;margin:0;font-size:14px;line-height:1.8}@media (width<=820px){.tool-card.svelte-171l7w4{grid-template-columns:1fr}.tool-thumbnail-wrap.svelte-171l7w4{aspect-ratio:16/9;min-height:auto}}@media (width<=640px){.tool-content.svelte-171l7w4{padding:18px}.tool-content.svelte-171l7w4 h2:where(.svelte-171l7w4){font-size:20px}.tool-link.svelte-171l7w4{width:100%}.empty-tools.svelte-171l7w4{padding:40px 18px}.empty-tools.svelte-171l7w4 h2:where(.svelte-171l7w4){font-size:21px}.empty-tools.svelte-171l7w4>p:where(.svelte-171l7w4),.empty-note.svelte-171l7w4{text-align:left}}