.tool-tile{--cq-ease:cubic-bezier(.22, 1, .36, 1);--tool-accent:#60a5fa;transition:transform .45s var(--cq-ease), border-color .3s ease, box-shadow .45s var(--cq-ease);background:linear-gradient(#161a22c7,#0c0f14e6);border:1px solid #ffffff1a;border-radius:1.5rem;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000059,0 0 0 1px #ffffff0a}.tool-tile:hover,.tool-tile:focus-visible{border-color:color-mix(in srgb, var(--tool-accent) 45%, transparent);box-shadow:0 32px 90px #0000008c, 0 0 0 1px color-mix(in srgb, var(--tool-accent) 16%, transparent);outline:none;transform:translateY(-6px)}.tool-preview{transition:box-shadow .45s var(--cq-ease), transform .45s var(--cq-ease);background:#10141b;border:1px solid #ffffff1a;border-radius:.9rem;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 16px 40px #00000059}.tool-tile:hover .tool-preview,.tool-tile:focus-visible .tool-preview{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff0d,0 18px 48px #00000073}.tool-preview-cursor{vertical-align:text-bottom;background:#22d3ee;width:1.5px;height:.85em;margin-left:1px;animation:1.1s step-end infinite tool-preview-blink;display:inline-block}.tool-preview-bar{transform-origin:bottom;animation:tool-preview-bar 2.2s var(--cq-ease) infinite alternate}.tool-preview-metric{font-size:15px}.tool-preview-curve{stroke-dasharray:280;stroke-dashoffset:0}.tool-tile:hover .tool-preview-curve,.tool-tile:focus-visible .tool-preview-curve{animation:tool-preview-draw 1.05s var(--cq-ease) both}.tool-preview-dot{transform-box:fill-box;transform-origin:50%}.tool-tile:hover .tool-preview-dot,.tool-tile:focus-visible .tool-preview-dot{animation:1.4s ease-in-out infinite tool-preview-pulse}.tool-preview-choice{transition:transform .35s var(--cq-ease), box-shadow .35s ease}.tool-tile:hover .tool-preview-choice,.tool-tile:focus-visible .tool-preview-choice{box-shadow:0 0 12px color-mix(in srgb, var(--tool-accent) 22%, transparent);transform:translateY(-1px)}.tool-tile-arrow{transition:transform .3s var(--cq-ease), color .3s ease}.tool-tile:hover .tool-tile-arrow,.tool-tile:focus-visible .tool-tile-arrow{color:var(--tool-accent);transform:translate(3px)}@keyframes tool-preview-blink{0%,45%{opacity:1}50%,to{opacity:0}}@keyframes tool-preview-bar{0%{transform:scaleY(.82)}to{transform:scaleY(1)}}@keyframes tool-preview-draw{0%{stroke-dashoffset:280px}to{stroke-dashoffset:0}}@keyframes tool-preview-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.tool-tile,.tool-tile:hover,.tool-tile:focus-visible,.tool-preview,.tool-preview-choice,.tool-tile-arrow{transition:none;transform:none}.tool-preview-cursor,.tool-preview-bar,.tool-preview-curve,.tool-preview-dot{animation:none}}