.tool-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);box-sizing:border-box;width:100%;height:100%;transition:background-color var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default), transform var(--duration-normal) var(--ease-default);outline:none;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:linear-gradient(135deg, rgba(var(--color-accent-rgb), .08) 0%, transparent 60%);opacity:0;transition:opacity var(--duration-normal) var(--ease-default);pointer-events:none;z-index:1;position:absolute;inset:0}.tool-card:hover,.tool-card:focus-visible{background-color:var(--color-bg-elevated);border-color:rgba(var(--color-accent-rgb), .3);box-shadow:var(--shadow-lg), 0 0 0 1px rgba(var(--color-accent-rgb), .15) inset;transform:translateY(-4px)}.tool-card:hover .tool-card-icon-wrapper,.tool-card:focus-visible .tool-card-icon-wrapper{transform:scale(1.08)}.tool-card:hover:before{opacity:1}.tool-card-header{z-index:2;align-items:center;gap:var(--space-3);padding:var(--space-4) 75px 0 var(--space-4);display:flex;position:relative}.tool-card-icon-wrapper{background-color:var(--color-bg-elevated);border-radius:var(--radius-md);width:36px;height:36px;transition:transform var(--duration-normal) var(--ease-default);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:inline-flex}.tool-card-title-group{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.tool-card-name{font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:var(--leading-tight);transition:color var(--duration-normal) var(--ease-default);-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tool-card-badges-row{flex-wrap:wrap;gap:4px;display:flex}.tool-card-content{z-index:2;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4) var(--space-4);flex-direction:column;flex-grow:1;display:flex;position:relative}.tool-card-desc{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-normal);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:2.5em;display:-webkit-box;overflow:hidden}.tool-card-tags{gap:var(--space-2);flex-wrap:nowrap;align-items:center;height:22px;margin-top:auto;display:flex;overflow:hidden}.tool-card-tag{font-size:var(--text-2xs);color:var(--color-text-muted);background-color:var(--color-bg-elevated);border-radius:var(--radius-xs);border:1px solid var(--color-border-subtle);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;max-width:100%;padding:2px 6px;overflow:hidden}.tool-card-homepage,.tool-card-category{border-radius:var(--radius-lg)}.tool-card-compact{border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);flex-direction:row;align-items:center}.tool-card-compact .tool-card-header{flex-grow:1;padding:0}.tool-card-minimal{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:#0000;border:1px solid #0000}.tool-card-minimal:hover{background-color:var(--color-hover);border-color:var(--color-border-subtle);box-shadow:none;transform:none}.tool-card-minimal .tool-card-name{font-size:var(--text-sm)}.tool-card-minimal .tool-card-desc{font-size:var(--text-2xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tool-card-badge-floating{text-transform:uppercase;letter-spacing:.05em;z-index:5;pointer-events:none;border-radius:99px;padding:2px 8px;font-size:9px;font-weight:700;line-height:1.2;position:absolute;top:12px;right:12px}.tool-card-compact .tool-card-badge-floating{flex-shrink:0;order:2;margin-left:auto;position:relative;top:auto;right:auto}.tool-card-badge-floating.badge-popular{color:#4f8ef7;background-color:#4f8ef714;border:1px solid #4f8ef733}.tool-card-badge-floating.badge-trending{color:#8b5cf6;background-color:#8b5cf614;border:1px solid #8b5cf633}.tool-card-badge-floating.badge-new{color:#10b981;background-color:#10b98114;border:1px solid #10b98133}html[data-theme=light] .tool-card-badge-floating.badge-popular{color:#2563eb;background-color:#2563eb0f;border-color:#2563eb26}html[data-theme=light] .tool-card-badge-floating.badge-trending{color:#7c3aed;background-color:#7c3aed0f;border-color:#7c3aed26}html[data-theme=light] .tool-card-badge-floating.badge-new{color:#059669;background-color:#0596690f;border-color:#05966926}