.tool{gap:20px;display:grid}.tool-form{padding:20px}.tool-form__row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.tool-field{flex:260px;gap:6px;min-width:0;display:grid}.tool-field--small{flex:0 180px}.tool-field span{color:var(--ink-3);font-size:13px}.tool-field em{color:var(--ink-4);font-style:normal}.tool-field input{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--canvas);width:100%;height:48px;color:var(--ink);font:500 15px var(--mono);outline:none;padding:0 14px;transition:border-color .16s,box-shadow .16s}.tool-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b7bff33}.tool-submit{border-radius:var(--r-md);background:var(--blue);color:#fff;height:48px;font:600 15px var(--font);cursor:pointer;border:0;padding:0 22px;transition:background .16s}.tool-submit:hover{background:var(--blue-hover)}.tool-submit:disabled{opacity:.65;cursor:progress}.tool-form__hint{color:var(--ink-4);margin:12px 0 0;font-size:13px}.tool-types{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tool-types button{border:1px solid var(--line-2);background:var(--s2);min-height:32px;color:var(--ink-3);font:500 13px var(--mono);cursor:pointer;border-radius:999px;padding:0 14px}.tool-types button[aria-pressed=true]{color:var(--ink);background:#3b7bff1f;border-color:#3b7bff99}.tool-error{border-radius:var(--r-md);color:#f7a5a5;background:#f06a6a14;border:1px solid #f06a6a59;margin:0;padding:14px 16px}.tool-loading,.tool-muted{color:var(--ink-3);margin:0;font-size:14px}.tool-report{gap:16px;display:grid}.tool-score{flex-direction:row;align-items:center;gap:20px;padding:20px 24px;display:flex}.tool-score h2{overflow-wrap:anywhere;margin:0 0 4px;font-size:20px}.tool-score p{color:var(--ink-2);margin:0 0 6px}.tool-score small{color:var(--ink-4)}.tool-score__num{text-align:center;border:2px solid;border-radius:50%;flex:none;place-items:center;width:84px;height:84px;line-height:1;display:grid}.tool-score__num strong{font-size:30px}.tool-score__num span{opacity:.7;margin-top:-18px;font-size:12px;display:block}.tool-score__num--icon strong{font-size:34px}.tool-score.is-ok .tool-score__num{color:var(--ok)}.tool-score.is-warning .tool-score__num{color:var(--warn)}.tool-score.is-critical .tool-score__num{color:var(--bad)}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tool-block{align-content:start;gap:12px;padding:20px;display:grid}.tool-block h3{justify-content:space-between;gap:8px;margin:0;font-size:16px;display:flex}.tool-block h3 small{color:var(--ink-4);font:500 12px var(--mono)}.tool-record{border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas);color:var(--ink-2);font:12.5px/1.5 var(--mono);overflow-wrap:anywhere;padding:10px 12px;display:block}.tool-list{font:13px var(--mono);overflow-wrap:anywhere;gap:6px;margin:0;padding:0;list-style:none;display:grid}.tool-list li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-findings{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tool-findings li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.tool-findings strong{margin-bottom:2px;font-size:14px;display:block}.tool-findings p{color:var(--ink-3);margin:0;font-size:13.5px;line-height:1.5}.tool-findings__tag{border-radius:var(--r-sm);min-width:72px;font:600 11px var(--mono);text-align:center;text-transform:uppercase;border:1px solid;padding:3px 8px}.tool-findings .is-ok .tool-findings__tag{color:#7ee2a8;border-color:#34d17a59}.tool-findings .is-info .tool-findings__tag{color:#9dbcff;border-color:#3b7bff59}.tool-findings .is-warning .tool-findings__tag{color:#f8d18a;border-color:#f5b84a66}.tool-findings .is-critical .tool-findings__tag{color:#f7a5a5;border-color:#f06a6a73}.tool-note{border-left:3px solid var(--blue);background:var(--s1);color:var(--ink-2);margin:0;padding:12px 16px;font-size:14px}.tool-cta{flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.tool-cta strong{margin-bottom:4px;display:block}.tool-cta p{color:var(--ink-3);margin:0}.tool-explain{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool-explain h3{margin:0 0 6px;font-size:16px}.tool-explain p{color:var(--ink-3);margin:0}@media (max-width:760px){.tool-grid,.tool-explain{grid-template-columns:1fr}.tool-field--small{flex:100%}.tool-submit{width:100%}.tool-score{align-items:flex-start;padding:18px}.tool-score__num{width:64px;height:64px}.tool-score__num strong{font-size:24px}}