.tool-tile{--cq-ease:cubic-bezier(.22, 1, .36, 1);--tool-accent:var(--ink-blue-400);border:1px solid rgb(var(--q-fg-rgb) / .1);background:linear-gradient(180deg, color-mix(in srgb, var(--cq-bg-elevated) 78%, transparent), color-mix(in srgb, var(--cq-bg) 90%, transparent));box-shadow:0 28px 80px #00000059, 0 0 0 1px rgb(var(--q-fg-rgb) / .04);transition:transform .45s var(--cq-ease), border-color .3s ease, box-shadow .45s var(--cq-ease);border-radius:1.5rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.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{border:1px solid rgb(var(--q-fg-rgb) / .1);background:var(--surface-10141b);box-shadow:inset 0 0 0 1px rgb(var(--q-fg-rgb) / .03), 0 16px 40px #00000059;transition:box-shadow .45s var(--cq-ease), transform .45s var(--cq-ease);border-radius:.9rem;overflow:hidden}.tool-tile:hover .tool-preview,.tool-tile:focus-visible .tool-preview{box-shadow:inset 0 0 0 1px rgb(var(--q-fg-rgb) / .05), 0 18px 48px #00000073;transform:translateY(-2px)}[data-theme=light] .tool-tile{box-shadow:0 14px 36px #0f172a17, 0 0 0 1px rgb(var(--q-fg-rgb) / .035)}[data-theme=light] .tool-tile:hover,[data-theme=light] .tool-tile:focus-visible{box-shadow:0 20px 48px #0f172a21, 0 0 0 1px color-mix(in srgb, var(--tool-accent) 18%, transparent)}[data-theme=light] .tool-preview{box-shadow:inset 0 0 0 1px rgb(var(--q-fg-rgb) / .025), 0 8px 20px #0f172a1a}[data-theme=light] .tool-tile:hover .tool-preview,[data-theme=light] .tool-tile:focus-visible .tool-preview{box-shadow:inset 0 0 0 1px rgb(var(--q-fg-rgb) / .04), 0 12px 28px #0f172a24}.tool-preview-cursor{vertical-align:text-bottom;background:var(--ink-cyan-400);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}}