.tool-showcase[data-astro-cid-ozqo5ra6]{gap:1.5rem;display:grid}.tool-showcase__list[data-astro-cid-ozqo5ra6]{gap:1rem;display:grid}.tool-entry[data-astro-cid-ozqo5ra6]{border:1px solid var(--s-border);background:var(--s-surface);min-width:0;color:var(--s-text);transition:border-color var(--dur-dropdown) var(--ease-out), background-color var(--dur-dropdown) var(--ease-out), transform var(--dur-press) var(--ease-out);border-radius:.75rem;flex-direction:column;gap:1.25rem;padding:clamp(1.25rem,3vw,1.75rem);text-decoration:none;display:flex}.tool-entry[data-astro-cid-ozqo5ra6][data-active=true]{border-color:var(--s-border-accent);background:var(--s-surface-raised)}.tool-entry[data-astro-cid-ozqo5ra6]:focus-visible{outline:2px solid var(--s-ring);outline-offset:3px}.tool-entry__heading[data-astro-cid-ozqo5ra6]{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.875rem;display:grid}.tool-entry__icon[data-astro-cid-ozqo5ra6]{border:1px solid var(--s-border);background:var(--s-bg-subtle);border-radius:.5rem;place-items:center;width:2.75rem;height:2.75rem;display:grid}.tool-entry[data-astro-cid-ozqo5ra6] h3[data-astro-cid-ozqo5ra6]{color:var(--s-text);font-family:var(--font-display);font-size:1.2rem;font-weight:500;line-height:1.3}.tool-entry__heading[data-astro-cid-ozqo5ra6] p[data-astro-cid-ozqo5ra6]{color:var(--s-text-muted);margin-top:.35rem;font-size:.875rem;line-height:1.55}.tool-entry__arrow[data-astro-cid-ozqo5ra6]{color:var(--s-text-faint);transition:color var(--dur-dropdown) ease, transform var(--dur-press) var(--ease-out);margin-top:.2rem}.tool-entry[data-astro-cid-ozqo5ra6]>ul[data-astro-cid-ozqo5ra6]{gap:.55rem;display:grid}.tool-entry[data-astro-cid-ozqo5ra6]>ul[data-astro-cid-ozqo5ra6] li[data-astro-cid-ozqo5ra6]{color:var(--s-text-muted);grid-template-columns:auto 1fr;align-items:start;gap:.6rem;font-size:.8125rem;line-height:1.5;display:grid}.tool-entry[data-astro-cid-ozqo5ra6]>ul[data-astro-cid-ozqo5ra6] svg{margin-top:.18rem}.tool-entry__footer[data-astro-cid-ozqo5ra6]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;display:flex}.tool-entry__status[data-astro-cid-ozqo5ra6]{flex-wrap:wrap;gap:.5rem;display:flex}.tool-entry__cta[data-astro-cid-ozqo5ra6]{min-height:2.75rem;color:var(--s-accent-text);align-items:center;gap:.45rem;font-size:.875rem;font-weight:600;display:inline-flex}.tool-entry__mobile-preview[data-astro-cid-ozqo5ra6]{aspect-ratio:16/10;border:1px solid var(--s-border);background:var(--s-surface-sunken);border-radius:.5rem;position:relative;overflow:hidden}.tool-theme-image[data-astro-cid-ozqo5ra6]{object-fit:cover;object-position:center;width:100%;height:100%}.tool-theme-image--light[data-astro-cid-ozqo5ra6],html[data-theme=light] .tool-theme-image--dark[data-astro-cid-ozqo5ra6]{display:none}html[data-theme=light] .tool-theme-image--light[data-astro-cid-ozqo5ra6]{display:block}.tool-showcase__stage[data-astro-cid-ozqo5ra6]{display:none}@media (prefers-color-scheme:light){html:not([data-theme=dark]) .tool-theme-image--dark[data-astro-cid-ozqo5ra6]{display:none}html:not([data-theme=dark]) .tool-theme-image--light[data-astro-cid-ozqo5ra6]{display:block}}@media (width>=64rem){.tool-showcase[data-astro-cid-ozqo5ra6]{grid-template-columns:minmax(18rem,5fr) minmax(0,7fr);align-items:start;gap:clamp(1.5rem,3vw,2.5rem)}.tool-entry__mobile-preview[data-astro-cid-ozqo5ra6]{display:none}.tool-showcase__stage[data-astro-cid-ozqo5ra6]{border:1px solid var(--s-border);background:var(--s-surface);border-radius:.75rem;display:block;position:sticky;top:6.5rem;overflow:hidden}.tool-showcase__stage-bar[data-astro-cid-ozqo5ra6]{border-bottom:1px solid var(--s-border);min-height:3rem;color:var(--s-text-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;font-size:.6875rem;display:flex}.tool-showcase__preview-stack[data-astro-cid-ozqo5ra6]{aspect-ratio:16/10;background:var(--s-surface-sunken);position:relative}.tool-showcase__preview[data-astro-cid-ozqo5ra6]{opacity:0;pointer-events:none;transition:opacity var(--dur-dropdown) var(--ease-out), transform var(--dur-dropdown) var(--ease-in-out);margin:0;position:absolute;inset:0;transform:translateY(.4rem)}.tool-showcase__preview[data-astro-cid-ozqo5ra6][data-active=true]{z-index:1;opacity:1;pointer-events:auto;transform:translateY(0)}.tool-showcase__preview[data-astro-cid-ozqo5ra6] figcaption[data-astro-cid-ozqo5ra6]{background:color-mix(in oklab, var(--color-ink-975) 88%, transparent);color:var(--color-ink-100);border:1px solid oklab(100% 0 5.96046e-8/.2);border-radius:.5rem;justify-content:space-between;align-items:end;gap:1rem;padding:.75rem .875rem;display:flex;position:absolute;bottom:.75rem;left:.75rem;right:.75rem}.tool-showcase__preview[data-astro-cid-ozqo5ra6] figcaption[data-astro-cid-ozqo5ra6] span[data-astro-cid-ozqo5ra6]:first-child{font-family:var(--font-display);font-size:.875rem;font-weight:500}.tool-showcase__preview[data-astro-cid-ozqo5ra6] figcaption[data-astro-cid-ozqo5ra6] span[data-astro-cid-ozqo5ra6]:last-child{max-width:34ch;color:var(--color-ink-300);text-align:right;font-size:.75rem;line-height:1.4}}@media (hover:hover) and (pointer:fine){.tool-entry[data-astro-cid-ozqo5ra6]:hover{border-color:var(--s-border-accent);transform:translateY(-.125rem)}.tool-entry[data-astro-cid-ozqo5ra6]:hover .tool-entry__arrow[data-astro-cid-ozqo5ra6]{color:var(--s-accent-text);transform:translate(.125rem,-.125rem)}}@media (prefers-reduced-motion:reduce){.tool-entry[data-astro-cid-ozqo5ra6],.tool-entry__arrow[data-astro-cid-ozqo5ra6],.tool-showcase__preview[data-astro-cid-ozqo5ra6]{transition:border-color var(--dur-dropdown) ease, background-color var(--dur-dropdown) ease, color var(--dur-dropdown) ease, opacity var(--dur-dropdown) ease;transform:none}}.utility-tool[data-astro-cid-654yjsup]{border:1px solid var(--s-border);background:var(--s-surface);min-height:12rem;color:var(--s-text);transition:border-color var(--dur-dropdown) var(--ease-out), background-color var(--dur-dropdown) var(--ease-out), transform var(--dur-press) var(--ease-out);border-radius:.75rem;align-items:center;gap:1.5rem;padding:clamp(1.25rem,4vw,2rem);display:grid}.utility-tool[data-astro-cid-654yjsup]:focus-visible{outline:2px solid var(--s-ring);outline-offset:3px}.utility-tool__copy[data-astro-cid-654yjsup]{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;display:grid}.utility-tool__icon[data-astro-cid-654yjsup]{border:1px solid var(--s-border);background:var(--s-bg-subtle);border-radius:.5rem;place-items:center;width:2.75rem;height:2.75rem;display:grid}.utility-tool__example[data-astro-cid-654yjsup]{border-block:1px solid var(--s-border);color:var(--s-text-muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding-block:1rem;display:grid}.utility-tool__example[data-astro-cid-654yjsup]>span[data-astro-cid-654yjsup]:first-child{color:var(--s-text-faint);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;grid-column:1/-1;font-size:.6875rem}.utility-tool__example[data-astro-cid-654yjsup] strong[data-astro-cid-654yjsup]{color:var(--s-text);font-family:var(--font-mono);white-space:nowrap;font-size:.875rem;font-weight:500}.utility-tool__example[data-astro-cid-654yjsup] strong[data-astro-cid-654yjsup] span[data-astro-cid-654yjsup]{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem)}.utility-tool__cta[data-astro-cid-654yjsup]{min-height:2.75rem;color:var(--s-accent-text);justify-content:flex-end;align-items:center;gap:.45rem;font-size:.875rem;font-weight:600;display:inline-flex}@media (width>=48rem){.utility-tool[data-astro-cid-654yjsup]{grid-template-columns:minmax(0,7fr) minmax(15rem,4fr) auto}.utility-tool__example[data-astro-cid-654yjsup]{border-block:0;border-inline:1px solid var(--s-border);padding:0 1.5rem}}@media (hover:hover) and (pointer:fine){.utility-tool[data-astro-cid-654yjsup]:hover{border-color:var(--s-border-accent);background:var(--s-surface-raised);transform:translateY(-.125rem)}}@media (prefers-reduced-motion:reduce){.utility-tool[data-astro-cid-654yjsup]{transition:border-color var(--dur-dropdown) ease, background-color var(--dur-dropdown) ease;transform:none}}