@property --c{syntax:"<length>";inherits:true;initial-value:0}.tool{--c:0px;background:var(--surface);border:1px solid var(--line);transition:border-color .2s, background-color .2s, --c .22s var(--ease-out);border-radius:4px;flex-direction:column;padding:22px 24px 18px;line-height:1.75;display:flex;position:relative}.tool:after{content:"";pointer-events:none;background:linear-gradient(var(--accent-line), var(--accent-line)) top left / var(--c) 2px, linear-gradient(var(--accent-line), var(--accent-line)) top left / 2px var(--c), linear-gradient(var(--accent-line), var(--accent-line)) top right / var(--c) 2px, linear-gradient(var(--accent-line), var(--accent-line)) top right / 2px var(--c), linear-gradient(var(--accent-line), var(--accent-line)) bottom left / var(--c) 2px, linear-gradient(var(--accent-line), var(--accent-line)) bottom left / 2px var(--c), linear-gradient(var(--accent-line), var(--accent-line)) bottom right / var(--c) 2px, linear-gradient(var(--accent-line), var(--accent-line)) bottom right / 2px var(--c);background-repeat:no-repeat;border-radius:4px;position:absolute;inset:-1px}.tool:hover,.tool:focus-within{--c:18px;border-color:var(--line-hi);background:var(--surface-hi)}.tool-top{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:2px;display:flex}.tool-name{letter-spacing:.01em;margin:0;font-size:24px;font-weight:800;line-height:1.35}.tool-repo{font-family:var(--mono);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;margin:0 0 12px;font-size:13px;display:block;overflow:hidden}.tool-desc{color:var(--muted);margin:0 0 16px;font-size:15px;line-height:1.85}.spec{border-top:1px dashed var(--line-hi);grid-template-columns:auto 1fr;gap:6px 18px;margin:0 0 16px;padding-top:14px;font-size:13px;line-height:1.7;display:grid}.spec dt{color:var(--dim);white-space:nowrap}.spec dd{color:var(--text);margin:0}.tool-foot{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;color:var(--dim);flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:auto;padding-top:14px;font-size:12px;display:flex}.tool .read{color:var(--accent-text);opacity:0;align-items:center;gap:2px;margin-left:auto;transition:opacity .18s,transform .18s;display:inline-flex;transform:translate(-6px)}.tool:hover .read,.tool:focus-within .read{opacity:1;transform:none}.tool-hit{z-index:2;border-radius:4px;position:absolute;inset:0}.tool-hit:focus-visible{outline-offset:-2px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=900px){.tool-grid{grid-template-columns:1fr}}@media (width<=720px){.tool{padding:18px 16px 16px}.tool .read{opacity:1;transform:none}}[data-theme=light] .tool .read{text-decoration:underline 3px var(--accent);text-underline-offset:3px}
