.tools-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.tools-heading .lead{max-width:520px;margin:0}
.tools-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin:28px 0;color:var(--fg-2);font-size:var(--t-small);font-variant-numeric:tabular-nums}
.tools-intro{border-bottom:1px solid var(--line)}
.tool-card{display:grid;grid-template-columns:72px minmax(0,1fr) 250px;gap:32px;padding:40px 0;border-bottom:1px solid var(--line)}
.tool-card__number{font-family:var(--font-mono);font-size:18px;color:var(--fg-3);padding-top:4px}
.tool-card__body h2{font-size:clamp(30px,3vw,44px)}
.tool-card__body .lead{max-width:650px}
.tool-card__actions{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px}
.tool-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.85fr);gap:clamp(32px,5vw,80px);align-items:start}
.tool-hero .lead{max-width:620px}
.tool-download{background:var(--bg-pure);border:1px solid var(--line);border-radius:var(--radius-img);padding:32px;scroll-margin-top:100px}
.tool-download .small{overflow-wrap:anywhere}
.tool-download .btn{height:auto;min-height:52px;text-align:center;white-space:normal}
.tool-qq-link{display:block;border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:var(--t-small);text-decoration:underline;text-underline-offset:4px}
.tool-check{margin-top:24px;font-size:var(--t-small)}
.tool-check summary{cursor:pointer;padding:10px 0}
.tool-check code{display:block;font-size:12px;overflow-wrap:anywhere;white-space:normal;margin-top:8px}
.tool-guide{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(32px,6vw,96px);border-top:1px solid var(--line);padding-top:48px}
.tool-toc{position:sticky;top:100px;align-self:start}
.tool-toc a{display:block;font-size:var(--t-small);padding:9px 0;color:var(--fg-2)}
.tool-toc a:hover{color:var(--fg);text-decoration:underline}
.tool-prose{max-width:850px;min-width:0}
.tool-prose h2,.tool-prose h3{scroll-margin-top:105px}
.tool-prose table{display:block;width:100%;min-width:0;max-width:100%;overflow-x:auto;font-size:var(--t-small)}
.tool-prose code{overflow-wrap:anywhere}
.tool-community{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:60px;align-items:center;background:var(--bg-raised);padding:clamp(24px,4vw,56px);border-radius:var(--radius-img)}
.tool-group-number{display:flex;align-items:baseline;gap:16px;margin:28px 0 20px;flex-wrap:wrap}
.tool-group-number strong{font:500 clamp(26px,3vw,36px) var(--font-mono);letter-spacing:.03em}
.tool-qr{margin:0;text-align:center}.tool-qr img{width:100%;height:auto;border-radius:8px}.tool-qr figcaption{margin-top:12px;color:var(--fg-2);font-size:var(--t-small)}
.tools-copy-status:empty{display:none}.tools-copy-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:var(--fg);color:var(--bg);padding:12px 20px;border-radius:8px;max-width:calc(100% - 32px);text-align:center}
.tools-preview{background:var(--bg-raised);padding:20px;text-align:center;border-bottom:1px solid var(--line)}
@media(max-width:900px){.tools-heading{display:block}.tools-heading .lead{margin-top:24px}.tool-card{grid-template-columns:40px minmax(0,1fr);gap:20px}.tool-card__actions{grid-column:2}.tool-hero{grid-template-columns:1fr}.tool-guide{grid-template-columns:1fr}.tool-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:24px}.tool-community{grid-template-columns:minmax(0,1fr) 190px;gap:28px}}
@media(max-width:600px){.tool-download{padding:24px}.tool-community{grid-template-columns:1fr}.tool-qr{width:200px}.tool-card{grid-template-columns:1fr}.tool-card__number{display:none}.tool-card__actions{grid-column:1}.tool-card__actions .btn{width:100%}.tool-card__actions{align-items:stretch}.tool-guide{padding-top:32px}.tool-group-number{gap:8px}}