.tools-category-bar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.tools-category-bar>a{border:1px solid #dbe3f2;border-radius:999px;color:#254d9c;padding:.42rem .7rem;text-decoration:none;font-size:.84rem;font-weight:800}.tools-category-note{margin-left:auto;color:#63718b;font-size:.86rem}.tools-category-note a{color:#294ecb;font-weight:800}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-card{padding:24px;border:1px solid #dfe6f5;border-radius:18px;background:#fff}.tool-title{display:flex;gap:13px}.tool-title>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#edf3ff;color:#396bd3;font-size:.75rem;font-weight:850}.tool-title h2{margin:0;color:#102142;font-size:1.25rem}.tool-title p{margin:5px 0 0;color:#6a7890;font-size:.88rem;line-height:1.5}.tool-card textarea{box-sizing:border-box;display:block;min-height:180px;width:100%;margin:19px 0 12px;padding:13px;border:1px solid #cbd5e7;border-radius:11px;background:#fbfcff;color:#162849;font:500 .9rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.tool-metrics{display:flex;gap:9px;flex-wrap:wrap}.tool-metrics span{padding:7px 9px;border-radius:8px;background:#f0f4fc;color:#61708a;font-size:.78rem}.tool-metrics strong{color:#163a73}.tool-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.tool-actions button,.tool-action-link{border:0;border-radius:9px;background:#edf3ff;color:#285fc8;padding:10px 13px;font:750 .83rem inherit;cursor:pointer;text-decoration:none}.tool-status{margin:11px 0 0;color:#6c7b93;font-size:.82rem}.tool-status[data-state=ok]{color:#157347}.tool-status[data-state=error]{color:#b42318}.tool-detail{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:1.25rem;align-items:start}.tool-help-card{border:1px solid #dfe6f5;border-radius:18px;background:#f8f9ff;padding:1.4rem}.tool-help-card h2{margin:.35rem 0 .6rem}.tool-help-card .button,.tool-help-card .text-link{display:block;width:max-content;margin-top:1rem}.tool-help-card .text-link{color:#294ecb;font-weight:800}@media(max-width:760px){.tools-category-note{margin-left:0;width:100%}.tools-grid,.tool-detail{grid-template-columns:1fr}}