.tool-chip .tool-mark,.tool-chip:hover .tool-mark,.tool-tile .tool-mark{color:rgb(var(--fg))}.tool-chip .tool-mark{flex:none}.tool-chip>.tool-dot{width:9px;height:9px;box-shadow:0 0 0 3px rgb(var(--fg) / .08);border-radius:50%;flex:none;margin-inline:4px 2px}.tool-wall{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}@media (min-width:640px){.tool-wall{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));gap:.65rem;display:grid}}.tool-tile{border:1px solid var(--color-line);background:rgb(var(--ink-2));text-align:center;min-width:0;min-height:6.6rem;transition:border-color .3s ease, background-color .3s ease, transform .4s var(--ease-out);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;padding:1rem .6rem .9rem;display:flex}.tool-tile:hover{border-color:rgb(var(--acid) / .5);transform:translateY(-2px)}.tool-tile-mark{background:rgb(var(--fg) / .05);border-radius:12px;place-items:center;width:2.75rem;height:2.75rem;display:grid}.tool-tile-name{font:600 .84rem/1.25 var(--font-head);letter-spacing:-.01em;color:rgb(var(--fg));overflow-wrap:anywhere}.tool-tile>.tool-tile-mark>.tool-dot{width:13px;height:13px;box-shadow:0 0 0 5px rgb(var(--fg) / .07);border-radius:50%}@media (max-width:639px){.tool-tile{border-radius:999px;flex-direction:row;gap:.5rem;min-height:0;padding:.4rem .85rem .4rem .4rem}.tool-tile-mark{border-radius:50%;width:1.85rem;height:1.85rem}.tool-tile .tool-mark{width:17px;height:17px}.tool-tile>.tool-tile-mark>.tool-dot{width:9px;height:9px;box-shadow:0 0 0 3px rgb(var(--fg) / .08)}.tool-tile-name{font-size:.82rem}}@media (prefers-reduced-motion:reduce){.tool-tile{transition:none}.tool-tile:hover{transform:none}}
