.ls-toolgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.6rem;margin:0;padding:0;list-style:none}
.ls-toolgrid__item{display:flex;align-items:center;gap:.75rem;min-height:3.75rem;padding:.75rem 1rem;color:var(--color-ink);background:var(--color-white);border:1px solid var(--color-line-cobalt);border-radius:var(--radius-card);opacity:0;transform:translateY(10px);transition:opacity 420ms var(--ease-out),transform 420ms var(--ease-out),border-color var(--motion-fast),box-shadow var(--motion-fast);transition-delay:calc(var(--i,0) * 45ms),calc(var(--i,0) * 45ms),0s,0s}
.ls-toolgrid.is-in .ls-toolgrid__item{opacity:1;transform:none}
.ls-toolgrid__item:hover{border-color:var(--color-ink);box-shadow:0 .3rem 0 var(--color-lemon)}
.ls-toolgrid__item:hover .ls-logo__brand{opacity:1}
.ls-toolgrid__item:hover .ls-logo__ink{opacity:0}
.ls-toolgrid__item:hover .ls-logo--mono.ls-logo--swap{background-color:var(--logo-brand)}
.ls-toolgrid__name{min-width:0;font-size:var(--type-small);font-weight:600;line-height:1.25}
.ls-stack__tile{opacity:0;transform:translateY(10px);transition:opacity 420ms var(--ease-out),transform 420ms var(--ease-out),border-color var(--motion-fast),box-shadow var(--motion-fast);transition-delay:calc(var(--i,0) * 40ms),calc(var(--i,0) * 40ms),0s,0s}
.ls-stack.is-in .ls-stack__tile{opacity:1;transform:none}
@media (max-width:599px){.ls-toolgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ls-toolgrid__item{gap:.55rem;padding:.65rem .75rem}}
@media (prefers-reduced-motion:reduce){.ls-toolgrid__item,.ls-stack__tile{opacity:1;transform:none;transition:none}}