.tool-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.tool-catalog-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);transition:border-color var(--motion-fast),background var(--motion-fast);flex-direction:column;align-items:flex-start;gap:16px;padding:32px;display:flex}.tool-catalog-card:hover{border-color:var(--ink);background:var(--mist)}.tool-catalog-card h2{margin:0;font-size:1.5rem;line-height:1.25}.tool-catalog-card p{color:var(--muted);flex:1;margin:0}.tool-number{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-family:monospace;font-size:.8rem}.tool-topic-links{flex-wrap:wrap;gap:24px;margin-top:24px;display:flex}.tool-back{margin-bottom:32px;display:inline-block}.tool-workbench{background:var(--workbench);border-block:1px solid var(--line)}.tool-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:40px;display:grid}.tool-input-panel,.tool-result-panel{min-width:0}.tool-input-panel h2,.tool-result-panel h2{font-size:1.75rem;line-height:1.25}.tool-privacy{color:var(--muted);margin-bottom:24px;font-size:.9rem}.tool-field{margin-block:18px}.tool-field label,.tool-result-label{margin-bottom:8px;font-weight:700;display:block}.tool-field input,.tool-field textarea,.tool-field select,.tool-output{background:var(--paper);width:100%;min-width:0;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);font:inherit;min-height:48px;padding:12px 14px;font-size:1rem}.tool-field textarea{resize:vertical}.tool-field [aria-invalid=true]{border-color:var(--eyebrow)}.tool-field-error{color:var(--eyebrow);margin-top:5px;font-size:.9rem;display:block}.tool-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.tool-actions button{background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius);min-height:48px;font:inherit;color:var(--ink);cursor:pointer;padding:12px 20px;font-weight:700}.tool-actions .tool-primary{background:var(--ink);color:var(--paper)}.tool-actions button:hover{background:var(--mist)}.tool-actions .tool-primary:hover{background:var(--deep)}.tool-actions button:disabled{opacity:.55;cursor:not-allowed}.tool-layout :focus-visible,.tool-catalog-card:focus-visible,.tool-topic-links a:focus-visible{outline:3px solid var(--eyebrow);outline-offset:4px}.tool-result-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.tool-output{resize:vertical;white-space:pre-wrap;font-family:monospace;font-size:.85rem;line-height:1.65}.tool-status{min-height:1.5em;color:var(--muted);margin-top:12px;font-size:.9rem}.tool-explanation{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;display:grid}.tool-explanation h2{margin-bottom:20px;font-size:1.75rem}.tool-explanation li{margin-bottom:14px}.tool-explanation ol,.tool-explanation ul{padding-left:24px}.tool-faq{border-top:1px solid var(--line);padding-block:16px}.tool-faq summary{cursor:pointer;min-height:32px;font-weight:700}.tool-faq p{margin-top:14px}.tool-explanation a{text-underline-offset:4px;font-weight:700;text-decoration:underline}@media (width<=760px){.tool-catalog,.tool-layout,.tool-explanation{grid-template-columns:1fr}.tool-layout{gap:28px}.tool-explanation{gap:36px}.tool-catalog-card,.tool-result-panel{padding:24px}.tool-actions button{flex:1}.tool-topic-links{flex-direction:column;gap:16px}}@media (prefers-reduced-motion:reduce){.tool-catalog-card{transition:none}}.tool-workbench-embedded{border:1px solid var(--line);border-radius:var(--radius);margin-top:20px;padding:24px}.tool-workbench-embedded .tool-layout{grid-template-columns:1fr;gap:20px}.tool-workbench-embedded .tool-input-panel h3,.tool-workbench-embedded .tool-result-panel h3{margin-top:0;font-size:1.3rem;line-height:1.25}.guide-helper{border:1px solid var(--line);border-radius:var(--radius);padding:16px}.guide-helper>summary{cursor:pointer;min-height:32px;font-weight:700}.guide-helper>summary:focus-visible{outline:3px solid var(--eyebrow);outline-offset:4px}.resource-article-body article[id]{scroll-margin-top:110px}@media (width<=600px){.tool-workbench-embedded{padding:16px}.guide-helper{padding:12px}}