.tools-hero{width:min(1260px,100% - 56px);margin:0 auto;padding:82px 0 48px}.tools-hero p{color:#3979d1;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:720}.tools-hero h1{max-width:820px;font-size:clamp(31px,3.5vw,48px)}.tools-hero span{color:#637588;max-width:760px;margin-top:20px;font-size:17px;line-height:1.6;display:block}.tool-workspace{grid-template-columns:300px 1fr;gap:18px;width:min(1260px,100% - 56px);margin:0 auto;padding:20px 0 110px;display:grid}.tool-tabs,.tool-main{background:#ffffff9e;border:1px solid #a6b7c573;border-radius:22px;box-shadow:0 18px 40px #142d460f}.tool-tabs{height:fit-content;padding:13px}.tool-tabs>button{color:#547087;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;padding:15px;display:flex}.tool-tabs>button.active{color:#153a5a;background:linear-gradient(135deg,#4c88c721,#58c6d617)}.tool-tabs i{background:#4c88c71a;border-radius:10px;place-items:center;width:35px;height:35px;font-size:18px;font-style:normal;display:grid}.tool-tabs span{font-size:12px;font-weight:650}.tool-tabs small{color:#8493a2;margin-top:4px;font-size:9px;font-weight:400;display:block}.pending-tools{border:1px dashed #4c88c752;border-radius:14px;margin:18px 5px 5px;padding:16px}.pending-tools strong{font-size:11px}.pending-tools p{color:#758596;margin:7px 0 0;font-size:10px;line-height:1.55}.tool-main{padding:28px}.tool-main form{grid-template-columns:1fr 150px 120px;align-items:end;gap:12px;display:grid}.tool-main label{color:#718194;text-transform:uppercase;letter-spacing:.07em;margin:0 0 7px;font-size:10px;font-weight:650;display:block}.tool-main input,.tool-main select{color:#183853;background:#ffffffb8;border:1px solid #9eb0c08c;border-radius:12px;outline:0;width:100%;height:50px;padding:0 14px}.tool-main input:focus,.tool-main select:focus{border-color:#58b6c6;box-shadow:0 0 0 4px #58c6d626}.tool-main form>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3979d1,#4c88c7);border:0;border-radius:12px;height:50px}.tool-main form>button:disabled{opacity:.6}.tool-examples{color:#7a8998;padding:14px 2px 20px;font-size:10px}.tool-examples button{color:#3979d1;cursor:pointer;background:0 0;border:0;margin-left:7px;font-size:10px}.tool-result{background:#f5f7f899;border:1px solid #a6b7c561;border-radius:17px;min-height:390px;overflow:hidden}.empty-result,.tool-error{color:#718597;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:390px;display:flex}.empty-result i{color:#4c88c7;font-size:37px;font-style:normal}.empty-result strong,.tool-error strong{color:#34536e}.empty-result span,.tool-error span{font-size:11px}.tool-error strong{color:#ad5656}.result-head{border-bottom:1px solid #a6b7c559;justify-content:space-between;align-items:center;gap:20px;padding:24px 25px;display:flex}.result-head small{color:#3979d1;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.result-head h2{font-family:var(--font-geist-mono);overflow-wrap:anywhere;margin:6px 0 0;font-size:24px}.result-head>span{color:#718597;font-size:10px}.record-table{padding:13px 25px}.record-table>div{border-bottom:1px solid #a6b7c547;grid-template-columns:90px 1fr;padding:13px 0;display:grid}.record-table small{color:#7d8b9b}.record-table strong{font-family:var(--font-geist-mono);overflow-wrap:anywhere;font-size:12px}.record-table p{color:#7d8b9b;font-size:12px}.result-source{color:#7b8998;margin:0;padding:15px 25px;font-size:9px}.rdap-grid{grid-template-columns:repeat(3,1fr);padding:10px 16px;display:grid}.rdap-grid>div{border-bottom:1px solid #a6b7c547;min-width:0;padding:16px}.rdap-grid small{color:#7c8a99;text-transform:capitalize;margin-bottom:6px;font-size:9px;display:block}.rdap-grid strong{color:#264863;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.event-list{flex-wrap:wrap;gap:8px;padding:15px 28px 25px;display:flex}.event-list span{color:#6b7b8c;background:#4c88c714;border-radius:999px;padding:7px 9px;font-size:9px}.event-list b{color:#3979d1;margin-right:6px}[data-theme=dark] .tools-hero span{color:#adbecb}[data-theme=dark] .tool-tabs,[data-theme=dark] .tool-main,[data-theme=dark] .tool-result{background:#122d42ad;border-color:#b8d5e526}[data-theme=dark] .tool-tabs>button.active{color:#eaf4f9}[data-theme=dark] .tool-main input,[data-theme=dark] .tool-main select{color:#edf5fa;background:#ffffff0f;border-color:#ffffff24}[data-theme=dark] .rdap-grid strong,[data-theme=dark] .result-head h2,[data-theme=dark] .record-table strong{color:#edf5fa}@media (max-width:850px){.tool-workspace{grid-template-columns:1fr}.tool-tabs{grid-template-columns:1fr 1fr 1fr;display:grid}.pending-tools{grid-column:1/-1}.tool-main form{grid-template-columns:1fr 120px}.tool-main form>button{grid-column:1/-1}.rdap-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.tools-hero,.tool-workspace{width:calc(100% - 32px)}.tool-tabs{grid-template-columns:1fr}.tool-main{padding:18px}.tool-main form{grid-template-columns:1fr}.record-select{grid-column:auto}.rdap-grid{grid-template-columns:1fr}.result-head{flex-direction:column;align-items:flex-start}}.probe-node-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:18px;display:grid}.probe-node-result{background:#ffffffad;border:1px solid #98b1c261;border-radius:15px;min-width:0;padding:17px}.probe-node-result>div:first-child{align-items:center;gap:10px;display:flex}.probe-node-result>div:first-child>b{color:#fff;background:#3979d1;border-radius:11px;place-items:center;width:38px;height:38px;font-size:11px;display:grid}.probe-node-result>div:first-child>span{font-size:12px;font-weight:700}.probe-node-result>div:first-child small{color:#8394a3;margin-top:3px;font:9px ui-monospace,monospace;display:block}.probe-node-result>div:first-child>i{color:#238a72;margin-left:auto;font-style:normal}.probe-node-result.failed>div:first-child>i{color:#bd5959}.probe-node-result dl{grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0 0;display:grid}.probe-node-result dl div{background:#4c88c712;border-radius:10px;padding:11px}.probe-node-result dt{color:#7d8e9e;font-size:9px}.probe-node-result dd{color:#123c5b;margin:5px 0 0;font-size:17px;font-weight:750}.probe-node-result>p,.probe-waiting{color:#788b9b;font-size:11px}.probe-waiting{text-align:center;grid-column:1/-1;padding:80px 20px}.trace-list{max-height:340px;margin-top:16px;overflow:auto}.trace-list>strong{font-size:11px}.trace-list p{color:#4f687d;white-space:pre-wrap;background:#4c88c70f;border-radius:8px;margin:5px 0;padding:6px 8px;font:10px/1.45 ui-monospace,monospace}.trace-list p b{color:#3979d1;width:24px;display:inline-block}@media (max-width:850px){.probe-node-grid{grid-template-columns:1fr}}
