@layer z.tokens,z.base,z.components;@layer z.pages{.z-tooldir{gap:var(--z-space-6);padding-block:var(--z-space-12) var(--z-space-18);flex-direction:column;display:flex}.z-tooldir__head{justify-content:space-between;align-items:flex-end;gap:var(--z-space-4) var(--z-space-8);flex-wrap:wrap;display:flex}.z-tooldir__head>div:first-child{flex:24rem;min-width:0}.z-tooldir__lead{max-width:40rem;margin-top:var(--z-space-2);color:var(--z-sub);font:var(--z-text-body-lg)}.z-tooldir__stats{align-items:flex-end;gap:var(--z-space-1);color:var(--z-sub);font:var(--z-text-small);flex-direction:column;display:flex}.z-tooldir__stats .z-num{color:var(--z-ink);font-weight:600}.z-tooldir__body{gap:var(--z-space-6);flex-direction:column;display:flex}.z-tooldir__tools{gap:var(--z-space-3);flex-direction:column;display:flex}.z-tooldir__bar{gap:var(--z-space-2) var(--z-space-3);flex-wrap:wrap;display:flex}.z-tooldir__search{gap:var(--z-space-2);flex:24rem;max-width:40rem;display:flex}.z-tooldir__search .z-search{background:var(--z-surface);flex:1;max-width:none}.z-tooldir__order{flex:none}.z-tooldir__order select{min-width:11rem}.z-tooldir__active{align-items:center;gap:var(--z-space-2);flex-wrap:wrap;display:flex}.z-tooldir__active .z-chip{overflow-wrap:anywhere;white-space:normal}.z-tooldir__results{gap:var(--z-space-4);flex-direction:column;display:flex}.z-tooldir__count{justify-content:space-between;align-items:baseline;gap:var(--z-space-1) var(--z-space-4);font:var(--z-text-small);flex-wrap:wrap;display:flex}.z-tooldir__count h2:focus{outline:none}.z-tooldir__grid{gap:var(--z-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.z-tooldir:has(.z-pending[data-pending=true]) :is(.z-tooldir__grid,.z-tooldir__count){opacity:.55;transition:opacity var(--z-dur) var(--z-ease)}.z-tooldir__note{color:var(--z-sub);font:var(--z-text-small)}.z-tooldir__note .z-link{margin-inline-start:var(--z-space-1)}.z-toolcard{gap:var(--z-space-3);min-width:0;padding:var(--z-space-5);transition:border-color var(--z-dur-fast) var(--z-ease);flex-direction:column;display:flex;position:relative}.z-toolcard__head{align-items:center;gap:var(--z-space-3);min-width:0;display:flex}.z-toolcard__id{min-width:0}.z-toolcard__name{font:var(--z-text-body-strong);overflow-wrap:anywhere;font-size:1.0625rem}.z-toolcard__name a:after{content:"";border-radius:var(--z-radius-md);position:absolute;inset:0}.z-toolcard__name a{scroll-margin-block-start:var(--z-space-6)}.z-toolcard__name a:focus-visible{outline:none}.z-toolcard:has(.z-toolcard__name a:focus-visible){outline:2px solid var(--z-focus);outline-offset:2px}.z-toolcard__cat{color:var(--z-sub);font:var(--z-text-caption)}.z-toolcard__tagline{color:var(--z-ink);font:var(--z-text-small);overflow-wrap:anywhere}.z-toolcard__use{gap:var(--z-space-0-5);color:var(--z-sub);font:var(--z-text-small);overflow-wrap:anywhere;flex-direction:column;display:flex}.z-toolcard__use>span{font:var(--z-text-label);letter-spacing:var(--z-tracking-label);text-transform:uppercase}.z-toolcard__formats{color:var(--z-sub);font:var(--z-text-caption);overflow-wrap:anywhere}.z-toolcard__foot{justify-content:space-between;align-items:center;gap:var(--z-space-2) var(--z-space-4);padding-top:var(--z-space-3);border-top:1px solid var(--z-line);flex-wrap:wrap;margin-top:auto;display:flex}.z-toolcard__works,.z-toolcard .z-check{z-index:1;position:relative}.z-toolcard__works{min-height:var(--z-control-h-sm);color:var(--z-ink);font:var(--z-text-small);align-items:center;display:inline-flex}.z-toolcard__works .z-num{margin-inline-end:.25em;font-weight:600}.z-toolcard__works[data-empty]{color:var(--z-sub)}@media (hover:hover){.z-toolcard:hover{border-color:var(--z-line-strong)}.z-toolcard__works:hover{text-underline-offset:3px;text-decoration:underline}}.z-toolcard[data-chosen],.z-toolcard[data-chosen]:hover{border-color:var(--z-accent-text);box-shadow:0 0 0 1px var(--z-accent-text)}@media (forced-colors:active){.z-toolcard[data-chosen]{outline-offset:-1px;outline:2px solid highlight}}@media (pointer:coarse){.z-toolcard__works{min-height:var(--z-tap)}}.z-compare-tray{z-index:20;align-items:center;gap:var(--z-space-3) var(--z-space-5);padding:var(--z-space-3) var(--z-space-4);border:1px solid var(--z-line-strong);border-radius:var(--z-radius-md);background:var(--z-surface);box-shadow:var(--z-shadow-md);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:sticky;inset-block-end:var(--z-space-4)}.z-compare-tray__status{font:var(--z-text-small);white-space:nowrap;flex-direction:column;display:flex}.z-compare-tray__status>span{color:var(--z-sub);font:var(--z-text-caption)}.z-compare-tray__chips{gap:var(--z-space-2);min-width:0;margin:calc(-1 * var(--z-space-1));padding:var(--z-space-1);scrollbar-width:none;display:flex;overflow-x:auto}.z-compare-tray__chips::-webkit-scrollbar{display:none}.z-compare-tray__chips .z-chip{flex-shrink:0;padding-inline-start:var(--z-space-1)}.z-compare-tray__actions{align-items:center;gap:var(--z-space-2);display:flex}:root:has(.z-compare-tray):not(:has(.z-compare-tray:focus-within)){scroll-padding-bottom:calc(6rem + var(--z-space-4))}@media (forced-colors:active){.z-compare-tray{border-color:canvastext}}.z-tooldir__examples{margin-top:var(--z-space-6)}.z-tooldir__works{gap:var(--z-space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:68.6875em){.z-tooldir__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:59.9375em){.z-tooldir{gap:var(--z-space-5);padding-block:var(--z-space-8) var(--z-space-12)}.z-compare-tray{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"status actions""chips chips";inset-block-end:calc(var(--z-bottom-nav-h) + env(safe-area-inset-bottom) + var(--z-space-3))}.z-compare-tray__status{grid-area:status}.z-compare-tray__actions{grid-area:actions}.z-compare-tray__chips{flex-wrap:wrap;grid-area:chips;overflow:visible}:root:has(.z-compare-tray):not(:has(.z-compare-tray:focus-within)){scroll-padding-bottom:calc(var(--z-bottom-nav-h) + env(safe-area-inset-bottom) + 10rem)}}@media (max-width:47.9375em){.z-compare-tray{padding:var(--z-space-3)}.z-tooldir__works{gap:var(--z-space-3);margin-inline:calc(-1 * var(--z-gutter));padding:var(--z-space-1) var(--z-gutter);scroll-snap-type:x mandatory;scroll-padding-inline:var(--z-gutter);scrollbar-width:none;display:flex;overflow-x:auto}.z-tooldir__works::-webkit-scrollbar{display:none}.z-tooldir__works>*{scroll-snap-align:start;flex:0 0 72%}}@media (max-width:39.9375em){.z-tooldir__head,.z-tooldir__stats{align-items:flex-start}.z-tooldir__lead{font:var(--z-text-body)}.z-tooldir__grid{gap:var(--z-space-3);grid-template-columns:minmax(0,1fr)}.z-tooldir__search{flex-basis:100%;max-width:none}.z-tooldir__order{flex:1}.z-toolcard{padding:var(--z-space-4)}.z-compare-tray{column-gap:var(--z-space-3)}.z-compare-tray__status{white-space:normal}.z-compare-tray__status>span{display:none}.z-compare-tray__chips{-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--z-space-6)), transparent);mask-image:linear-gradient(to right, black calc(100% - var(--z-space-6)), transparent);flex-wrap:nowrap;overflow-x:auto}.z-compare-tray__chips:after{content:"";flex:0 0 var(--z-space-4)}}@media (max-width:59.9375em) and (max-height:31.25em){.z-compare-tray{position:static}:root:has(.z-compare-tray):not(:has(.z-compare-tray:focus-within)){scroll-padding-bottom:calc(var(--z-bottom-nav-h) + env(safe-area-inset-bottom) + var(--z-space-2))}}}@layer z.utilities;