.tool-card{border:1px solid rgb(var(--color-border));background-color:rgb(var(--color-surface));z-index:1;border-radius:.75rem;flex-direction:column;gap:.5rem;height:10rem;padding:.75rem;text-decoration:none;transition:all .3s,background-color .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),transform .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000001a}.tool-card:hover{background-color:rgba(var(--color-surface-light));border-color:rgb(var(--color-border-light));transform:scale(1.05)translateY(-4px);box-shadow:0 4px 12px #00000026}.tool-card__icon{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:flex}.tool-card__content{flex-direction:column;flex:1;gap:.25rem;min-height:0;display:flex}.tool-card__title{color:rgb(var(--color-text));text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;line-height:1.2;transition:color .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.tool-card__description{color:rgb(var(--color-text-secondary));-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:.75rem;line-height:1.4;transition:color .5s cubic-bezier(.4,0,.2,1);display:-webkit-box;overflow:hidden}.tool-card__badge{border:1px solid;border-radius:9999px;justify-content:center;align-items:center;width:fit-content;padding:.25rem .625rem;font-size:.75rem;font-weight:500;transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1);display:inline-flex}.badge-availability-live{color:#10b981;background-color:#10b98126;border-color:#10b9814d}html[data-theme=light] .badge-availability-live{color:#059669;background-color:#10b9811a;border-color:#10b98166}.badge-availability-beta{color:#f59e0b;background-color:#f59e0b26;border-color:#f59e0b4d}html[data-theme=light] .badge-availability-beta{color:#d97706;background-color:#f59e0b1a;border-color:#f59e0b66}.badge-availability-soon{background-color:rgba(var(--color-text-secondary),.15);color:rgb(var(--color-text-secondary));border-color:rgba(var(--color-text-secondary),.3)}html[data-theme=light] .badge-availability-soon{color:#475569;background-color:#4755691a;border-color:#47556966}.tool-card:focus-visible{outline:2px solid rgb(var(--color-primary));outline-offset:2px}@media (max-width:640px){.tool-card{height:9rem;padding:.5rem}.tool-card__icon{width:2rem;height:2rem;font-size:1rem}.tool-card__title{font-size:.7rem}.tool-card__description{font-size:.65rem}}