.tools-directory{container-type:inline-size}.tools-directory__container{width:min(100%,76rem);margin-inline:auto;padding-inline:clamp(1rem,3cqi,3rem)}.tools-directory__heading{border-block-end:1px solid oklch(var(--border-oklch) / .7);align-items:end;gap:1.5rem 3rem;padding-block:clamp(2.5rem,5cqi,4rem);display:grid}.tools-directory__heading h1{color:oklch(var(--foreground-oklch));letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.75rem,5.5cqi,4.5rem);font-weight:700;line-height:1.1}.tools-directory__heading h1 span{color:oklch(var(--primary-oklch))}.tools-directory__intro p{max-width:39rem;color:oklch(var(--muted-foreground-oklch));text-wrap:pretty;font-size:1rem;line-height:1.65}.tools-directory__tool{border-block-end:1px solid oklch(var(--border-oklch) / .55);grid-template-columns:2rem minmax(0,1fr);gap:0 1rem;padding-block:2rem;display:grid;position:relative}.tools-directory__index{color:oklch(var(--muted-foreground-oklch));font-family:var(--font-geist-mono);font-variant-numeric:tabular-nums;padding-block-start:.25rem;font-size:.875rem;line-height:1.5}.tools-directory__copy{align-self:center;min-width:0}.tools-directory__copy h2{color:oklch(var(--foreground-oklch));font-size:1rem;font-weight:650;line-height:1.4}.tools-directory__copy .tools-directory__job{max-width:24rem;color:oklch(var(--foreground-oklch));letter-spacing:-.025em;text-wrap:balance;margin-block:.375rem 0;font-size:clamp(1.5rem,2.8cqi,2rem);font-weight:650;line-height:1.2}.tools-directory__copy p{max-width:36rem;color:oklch(var(--muted-foreground-oklch));text-wrap:pretty;margin-block:.75rem 1.25rem;font-size:.9375rem;line-height:1.6}.tools-directory__benefits{gap:2rem;padding-block:3rem;display:grid}.tools-directory__benefits h2{max-width:22rem;color:oklch(var(--foreground-oklch));letter-spacing:-.025em;text-wrap:balance;font-size:1.5rem;font-weight:650;line-height:1.25}.tools-directory__benefits dl{grid-template-columns:minmax(0,1fr);gap:1.5rem 2rem;display:grid}.tools-directory__object{border-radius:1rem;grid-column:1/-1;align-self:center;min-width:0;margin-block-start:1.25rem;display:block}.tools-preview{--rarity-color:oklch(var(--primary-oklch));border:1px solid oklch(var(--border-oklch) / .5);background:oklch(var(--surface-subtle-oklch));transition:border-color .2s var(--ease-out-strong);border-radius:1rem}.tools-directory__tool:has(:focus-visible) .tools-preview{border-color:oklch(var(--primary-oklch) / .55)}@media (hover:hover) and (pointer:fine){.tools-directory__tool:hover .tools-preview{border-color:oklch(var(--primary-oklch) / .55)}}.tools-preview__scene{aspect-ratio:16/9;width:100%;max-height:17rem;display:block}.tools-preview__shadow{fill:oklch(var(--foreground-oklch) / .06)}.tools-preview__paper,.tools-preview__key{fill:oklch(var(--card-oklch));stroke:oklch(var(--border-oklch) / .8);stroke-width:1.5px}.tools-preview__back-plate{fill:oklch(var(--muted-oklch));stroke:oklch(var(--border-oklch));stroke-width:1.5px}.tools-preview__map-mat{fill:oklch(var(--timefold-canvas-oklch))}.tools-preview__map-focus{stroke:oklch(var(--timefold-focus-oklch));stroke-width:2px}.tools-preview__connector{stroke:oklch(var(--primary-oklch) / .7);stroke-width:1.5px;stroke-dasharray:4 5}.tools-preview__arrow,.tools-preview__accent-line{stroke:oklch(var(--primary-oklch));stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.tools-preview__line{stroke:oklch(var(--muted-foreground-oklch));stroke-width:1.8px;stroke-linecap:round}.tools-preview__rule{stroke:oklch(var(--border-oklch));stroke-width:1.5px}.tools-preview__label{fill:oklch(var(--foreground-oklch));font-family:var(--font-geist-sans);font-size:19px;font-weight:650}.tools-preview__technical,.tools-preview__command{fill:oklch(var(--foreground-oklch));font-family:var(--font-geist-mono);font-size:17px;font-weight:500}.tools-preview__filename{fill:oklch(var(--muted-foreground-oklch));font-family:var(--font-geist-mono);font-size:12px;font-weight:500}.tools-preview__tag,.tools-preview__avatar-disc{fill:oklch(var(--primary-oklch) / .1);stroke:oklch(var(--primary-oklch) / .25)}.tools-preview__joint,.tools-preview__avatar,.tools-preview__key-selected{fill:oklch(var(--primary-oklch))}.tools-preview__faceit{color:var(--color-faceit)}.tools-preview__ink{color:oklch(var(--foreground-oklch))}.tools-preview__key-base{fill:oklch(var(--border-oklch));stroke:oklch(var(--border-oklch))}.tools-preview__key-bevel{stroke:oklch(var(--border-oklch) / .6);stroke-width:1px}.tools-preview__key-selected-bevel{stroke:oklch(var(--primary-foreground-oklch) / .2);stroke-width:1px}.tools-preview__key-letter,.tools-preview__key-selected-letter{fill:oklch(var(--foreground-oklch));font-family:var(--font-geist-mono);font-size:25px;font-weight:650}.tools-preview__key-selected-letter{fill:oklch(var(--primary-foreground-oklch))}@container (width>=34rem){.tools-directory__benefits dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width>=48rem){.tools-directory__heading{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.tools-directory__tool{grid-template-columns:2rem minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:2rem;padding-block:2.25rem}.tools-directory__index{align-self:start}.tools-directory__object{grid-column:auto;margin-block-start:0}.tools-directory__benefits{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:3rem}}