.tools-page{max-width:1120px;margin:auto;padding:3rem 2rem 5rem}.tools-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);margin-bottom:.8rem;font-size:.72rem;display:block}.tools-page h1{max-width:950px;margin:1rem 0 1.5rem;font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,7vw,6rem);font-weight:400;line-height:1}.tools-lead{max-width:850px;margin-bottom:2rem;font-family:IBM Plex Sans,sans-serif;font-size:1.2rem;line-height:1.75}.tools-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.tools-card{background:var(--white);border:2px solid var(--text);box-shadow:5px 5px 0 var(--text);flex-direction:column;padding:1.5rem;transition:transform .12s;display:flex;position:relative}.tools-card:hover{box-shadow:7px 7px 0 var(--text);transform:translate(-2px,-2px)}.tools-card-number{color:var(--muted);opacity:.35;font-family:Bebas Neue,sans-serif;font-size:2rem;position:absolute;top:.6rem;right:1rem}.tools-card h2,.tools-guide h2,.tool-app h2{margin:.6rem 0;font-family:Bebas Neue,sans-serif;font-size:2rem;font-weight:400;line-height:1.15}.tools-card p{margin-bottom:1.5rem;font-family:IBM Plex Sans,sans-serif;line-height:1.65}.tools-card-action{color:var(--accent-2);margin-top:auto;font-size:.7rem;font-weight:500}.tools-breadcrumb{flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;font-size:.75rem;display:flex}.tools-breadcrumb a,.tools-guide a,.tool-finding a{text-underline-offset:3px;text-decoration:underline}.tool-app{border:2px solid var(--text);box-shadow:7px 7px 0 var(--text);background:#fff;margin:2rem 0 3rem;padding:2rem}.tool-app form{gap:1rem;display:grid}.tool-field{gap:.5rem;margin:.7rem 0;font-size:.85rem;display:grid}.tool-field input,.tool-field select,.tool-field textarea{border:2px solid var(--text);width:100%;font:inherit;background:var(--bg);color:var(--text);min-width:0;padding:.75rem}.tool-field textarea{resize:vertical;font-family:DM Mono,monospace;font-size:.8rem;line-height:1.65}.tool-app input[type=checkbox]{accent-color:var(--accent-2);margin-right:.4rem}.tool-app button,.tool-button{border:2px solid var(--text);background:var(--accent-2);color:#fff;cursor:pointer;width:fit-content;margin:.5rem 0;padding:.8rem 1.2rem;font:500 .8rem DM Mono,monospace;display:inline-block}.tool-app button:hover,.tool-button:hover{background:var(--text)}.tool-app button:disabled{opacity:.6;cursor:wait}.tool-columns{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.tool-app .tool-inline{border-bottom:2px solid var(--bg);grid-template-columns:1fr auto;align-items:end;margin-bottom:1rem;padding-bottom:1rem}.tool-error{border-left:4px solid var(--accent-1);overflow-wrap:anywhere;background:#fff0f1;margin:1rem 0;padding:1rem}.tool-note{color:#535365;margin:1rem 0;font-family:IBM Plex Sans,sans-serif;font-size:.95rem;line-height:1.7}.tool-secondary{border-top:2px solid var(--text);margin:1.5rem 0;padding-top:1rem}.tool-secondary summary,.tools-guide summary{cursor:pointer;padding:.5rem 0;font-weight:500}.tool-output{min-width:0;margin:1rem 0}.tool-output-actions{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.tool-output pre{background:var(--text);color:#e9f9f3;white-space:pre-wrap;overflow-wrap:anywhere;border:2px solid var(--text);max-height:450px;padding:1.25rem;font-size:.8rem;line-height:1.7;overflow:auto}.tool-result{border:2px solid var(--accent-2);overflow-wrap:anywhere;margin:1.5rem 0;padding:1.25rem}.tool-result h3{margin:1.5rem 0 .6rem}.tool-result ol{padding-left:1.5rem}.tool-finding{border-top:1px solid #ded9d3;padding:1rem 0}.tool-evidence{overflow-wrap:anywhere;margin:.5rem 0;font-size:.75rem}.tools-guide{margin:2.5rem 0;font-family:IBM Plex Sans,sans-serif;font-size:1.05rem;line-height:1.8}.tools-guide ol,.tools-guide ul{padding-left:1.5rem}.tools-guide li{padding:.3rem 0}.tools-guide details{border-bottom:1px solid #cdc7c0;padding:.6rem 0}.tools-guide details p{padding:.5rem 0 1rem}.plugin-download p{max-width:750px;margin:1rem 0;font-family:IBM Plex Sans,sans-serif;font-size:1.05rem}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--accent-1);outline-offset:4px}@media (width<=800px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.tools-page{padding:2rem 1rem 3rem}.tools-grid,.tool-columns,.tool-app .tool-inline{grid-template-columns:1fr}.tool-app{box-shadow:4px 4px 0 var(--text);padding:1.1rem}.tools-page h1{font-size:3rem}.tools-lead{font-size:1.05rem}.tools-breadcrumb{font-size:.65rem}.tools-card{padding:1.25rem}}
