.tool-index{padding:40px 0 80px}.tool-index-heading{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:end;padding-bottom:32px;border-bottom:1px solid var(--foreground)}.tool-index-eyebrow{color:var(--atelier-accent-ink);font-size:12px;margin-bottom:12px}.tool-index-heading h1{font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.04em;font-weight:600}.tool-index-heading h1+p{margin-top:14px;color:var(--muted-foreground);font-size:15px}.tool-index-search-wrap label{display:block;font-size:12px;margin-bottom:10px}.tool-index-search{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--card);padding:12px}.tool-index-search:focus-within{border-color:var(--atelier-accent-ink)}.tool-index-search input{width:100%;min-width:0;outline:none;font-size:13px;background:transparent}.tool-index-search input::-webkit-search-cancel-button{display:none}.tool-index-search svg{flex-shrink:0}.tool-index-search button{display:flex;cursor:pointer}.tool-index-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px;padding-top:26px}.tool-index-sidebar fieldset{position:sticky;top:24px}.tool-index-sidebar legend{margin-bottom:16px;font-size:12px;color:var(--muted-foreground)}.tool-index-sidebar button{display:flex;justify-content:space-between;gap:8px;width:100%;padding:11px 12px;text-align:left;font-size:13px;cursor:pointer;border-left:2px solid transparent}.tool-index-sidebar button span{font:11px var(--atelier-mono);color:var(--muted-foreground);align-self:center}.tool-index-sidebar button[aria-pressed=true]{color:var(--atelier-accent-ink);border-left-color:var(--atelier-accent-ink);background:color-mix(in srgb,var(--atelier-accent) 6%,transparent)}.tool-index-status{display:flex;align-items:center;justify-content:space-between;min-height:24px;font-size:12px;color:var(--muted-foreground);margin-bottom:20px}.tool-index-status button,.tool-index-empty button{color:var(--atelier-accent-ink);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.tool-index-group+.tool-index-group{margin-top:36px}.tool-index-group-heading{margin-bottom:14px}.tool-index-group-heading h2{font-size:20px;font-weight:500}.tool-index-group-heading p{font-size:12px;color:var(--muted-foreground);margin-top:5px}.tool-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);border-left:1px solid var(--border)}.tool-index-entry{display:block;padding:20px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--card) 40%,transparent)}.tool-index-entry:hover{background:var(--card)}.tool-index-format{display:flex;align-items:center;justify-content:space-between;color:var(--muted-foreground);font:10px var(--atelier-mono);margin-bottom:16px}.tool-index-entry h3{font-size:16px;font-weight:500}.tool-index-entry:hover :is(h3,svg){color:var(--atelier-accent-ink)}.tool-index-entry>p{font-size:12px;line-height:1.7;color:var(--muted-foreground);margin-top:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.tool-index :is(a,button):focus-visible{outline:2px solid var(--atelier-accent-ink);outline-offset:3px}.tool-index-empty{padding:60px 20px;border-top:1px solid var(--border)}.tool-index-empty h2{font-size:22px}.tool-index-empty p{margin:12px 0 24px;color:var(--muted-foreground)}@media(max-width:1000px){.tool-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-index-heading{grid-template-columns:1fr 300px}}@media(max-width:700px){.tool-index{padding-top:24px}.tool-index-heading{grid-template-columns:1fr;gap:24px;padding-bottom:24px}.tool-index-layout{grid-template-columns:1fr;gap:22px}.tool-index-sidebar fieldset{display:flex;flex-wrap:wrap;gap:6px;position:static}.tool-index-sidebar legend{margin-bottom:12px}.tool-index-sidebar button{width:auto;padding:8px 10px;border:1px solid var(--border);font-size:12px}.tool-index-sidebar button[aria-pressed=true]{border-color:var(--atelier-accent-ink)}.tool-index-entry{padding:16px 12px}.tool-index-entry h3{font-size:14px}.tool-index-format{margin-bottom:12px}}
