@layer components{.design-tool-directory>[aria-hidden=true] span{opacity:.35}.tool-card-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}.tool-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--card);min-width:0;transition:border-color var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast);overflow:hidden}.tool-card[hidden]{display:none}.tool-card-link{flex-direction:column;height:100%;display:flex}.tool-card-link:hover{transform:none}.tool-card:has(.tool-card-link:hover){border-color:var(--border-hover);box-shadow:var(--shadow-action);transform:translateY(-2px)}.tool-card-link:focus-visible{outline:2px solid var(--ring);outline-offset:-2px;border-radius:var(--radius-card)}.tool-card-image{aspect-ratio:3/2;overflow:hidden}.tool-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--motion-fast) ease}.tool-card-link:hover .tool-card-image img{transform:scale(1.025)}.tool-card-body{padding:var(--panel-padding);background:var(--card);flex-direction:column;flex:1;display:flex}.tool-card-body p{color:var(--muted-foreground);font-size:var(--body-sm-size);line-height:var(--body-sm-line);margin:.75rem 0 1.5rem}.tool-card-action{border-radius:var(--radius-pill);background:var(--primary);min-height:2.75rem;color:var(--primary-foreground);transition:background-color var(--motion-fast) ease;justify-content:center;align-items:center;gap:.5rem;margin-top:auto;padding:.625rem .75rem;font-size:.875rem;font-weight:600;display:flex}.tool-card-link:hover .tool-card-action{background:var(--primary-pressed)}@media (width>=40rem){.tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.tool-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.tool-card-image img,.tool-card-action{transition:none}.tool-card-link:hover .tool-card-image img,.tool-card-link:hover{transform:none}.tool-card:has(.tool-card-link:hover){transform:none}}}