.live-workspace{border:1px solid var(--line,#ffffff17);background:var(--bg,#080809);color:var(--text,#222);border-radius:22px;padding:0;display:block;overflow:hidden}.live-intro{background:linear-gradient(120deg,#97091917,#0000);padding:30px}.live-kicker{letter-spacing:.17em;color:#ca344a;font-size:11px;font-weight:800}.live-intro h2{margin:12px 0;font-size:clamp(23px,3vw,34px)}.live-intro p,.live-hint,.live-note,.live-source{opacity:.77;line-height:1.7}.live-badge{border:1px solid #b88730;border-radius:999px;margin-top:8px;padding:7px 12px;font-size:12px;display:inline-block}.live-badge.is-ready{border-color:#40826a}.live-layout{grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);display:grid}.live-controls{border-right:1px solid var(--line,#ffffff17);flex-direction:column;gap:17px;padding:28px;display:flex}.live-controls label{flex-direction:column;gap:8px;font-size:13px;font-weight:650;display:flex}.live-controls input:not([type=checkbox]),.live-controls select{width:100%;min-width:0;font:inherit;color:inherit;background:0 0;border:1px solid #9d9d9d70;border-radius:9px;padding:12px}.live-controls select option{color:#222;background:#fff}.live-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.live-controls .live-check{flex-direction:row;align-items:flex-start;font-weight:450;line-height:1.6}.live-check input{accent-color:#ca344a;flex-shrink:0;margin-top:4px}.live-hint{margin:0;font-size:12px}.live-notice{background:#b887300c;border:1px solid #b8873060;border-radius:9px;padding:13px;font-size:12px;line-height:1.7}.live-error{color:#bc2639;font-size:13px;line-height:1.65}.live-actions{flex-wrap:wrap;gap:9px;display:flex}.live-actions button,.live-result-heading button,.live-switch button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:1px solid #9996;border-radius:8px;padding:10px 13px;font-size:12px}.live-actions .tool-primary{color:#fff;background:#970919;border-color:#ca344a}.live-actions button:disabled{opacity:.5;cursor:not-allowed}.live-switch{border:1px solid #9995;border-radius:10px;gap:4px;padding:4px;display:flex}.live-switch button{border:0;flex:1}.live-switch button[aria-pressed=true]{color:#fff;background:#970919}.live-output{min-width:0;padding:28px}.live-empty{text-align:center;opacity:.7;flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.live-empty>span{color:#ca344a;font-size:50px}.live-empty h3{margin-bottom:0}.live-empty p{max-width:340px;font-size:13px;line-height:1.7}.live-result-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.live-result-heading h3{margin:0}.live-result-heading>div{gap:6px;display:flex}.live-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.live-stat{border:1px solid #9994;border-radius:12px;min-width:0;padding:17px}.live-stat>span{opacity:.7;font-size:11px;display:block}.live-stat strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin-top:9px;font-size:clamp(22px,3vw,31px);display:block}.live-stat small{font-size:12px;font-weight:400}.live-table{max-width:100%;margin:15px 0;overflow:auto}.live-table table{border-collapse:collapse;width:100%;font-size:12px}.live-table th,.live-table td{text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #9994;padding:12px 10px}.live-table th{text-transform:capitalize;white-space:nowrap;font-weight:600}.live-note{margin-top:22px;font-size:12px}.live-source{overflow-wrap:anywhere;font-size:11px}.live-hops{margin:20px 0;padding:0;list-style:none}.live-hops li{border-bottom:1px solid #9993;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;font-size:12px;display:grid}.live-hops li>span{color:#ca344a;border:1px solid #97091970;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.live-hops strong{overflow-wrap:anywhere}.live-hops .unanswered{opacity:.6}.live-hops small{font-variant-numeric:tabular-nums}.live-speed-progress{text-align:center;padding:70px 10px}.live-speed-progress>strong{font-variant-numeric:tabular-nums;margin:20px 0;font-size:48px;display:block}.live-speed-progress small{font-size:16px}.live-speed-progress p{opacity:.7;font-size:12px}.live-pulse{background:linear-gradient(90deg,#0000,#970919,#0000);width:70%;height:4px;margin:30px auto;animation:1.4s ease-in-out infinite livepulse}.live-server{border:1px solid #9994;border-radius:12px;padding:17px}.live-server>span{opacity:.7;font-size:11px;display:block}.live-server strong{margin-top:8px;display:block}.live-server p{opacity:.7;font-size:12px}@keyframes livepulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.live-pulse{animation:none}}@media (max-width:760px){.live-layout{grid-template-columns:1fr}.live-controls{border-bottom:1px solid #9994;border-right:0}.live-intro,.live-controls,.live-output{padding:20px}.live-hops li{grid-template-columns:25px minmax(0,1fr)}.live-hops small{grid-column:2}.live-stats{gap:8px}.live-stat{padding:12px}.live-result-heading button{padding:8px;font-size:11px}}[data-theme=dark] .live-workspace,html.dark .live-workspace{color:#eee;background:#141414;border-color:#333}.live-output>p{overflow-wrap:anywhere}.live-stat strong{letter-spacing:-.03em}.live-table td{font-variant-numeric:tabular-nums}
.network-workspace{align-items:start}.network-workspace>*{min-width:0}.network-workspace .tool-controls{gap:18px}.network-workspace .tool-controls>label input{font-family:ui-monospace,monospace}.network-presets{flex-wrap:wrap;gap:8px;display:flex}.network-presets button{font:inherit;color:inherit;cursor:pointer;background:#9709190d;border:1px solid #97091955;border-radius:9px;padding:8px 10px;font-size:11px}.network-presets button:hover{border-color:#970919}.network-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.network-result-grid>div{background:#88888808;border:1px solid #8883;border-radius:12px;min-width:0;padding:16px}.network-result-grid dt{text-transform:uppercase;letter-spacing:.08em;opacity:.65;margin-bottom:8px;font-size:11px}.network-result-grid dd{overflow-wrap:anywhere;margin:0;font:500 15px/1.6 ui-monospace,monospace}.network-result-grid>div:first-child{background:#9709190a;border-color:#97091966}.network-explanation{background:#97091908;border-left:3px solid #970919;padding:15px 18px;font-size:13px;line-height:1.8}.network-prefix{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:20px;font-size:12px;display:flex}.network-prefix>div{background:#8883;border-radius:9px;width:100%;height:8px;overflow:hidden}.network-prefix i{background:linear-gradient(90deg,#970919,#e64a61);height:100%;transition:width .3s;display:block}.network-json{margin-top:20px}.network-json summary{cursor:pointer;font-size:13px}.network-workspace button:focus-visible,.network-json summary:focus-visible{outline-offset:4px;outline:2px solid #970919}@media (max-width:600px){.network-result-grid{grid-template-columns:1fr}.network-presets button{font-size:10px}.network-workspace .tool-control-row{flex-wrap:wrap}.network-workspace .tool-control-row>label{flex:120px;min-width:0}}
.lookup-workspace .lookup-stamp{overflow-wrap:anywhere;border-bottom:1px solid #8883;flex-direction:column;gap:8px;padding:16px 0;display:flex}.lookup-stamp strong{font:500 20px ui-monospace,monospace}.lookup-stamp span{opacity:.65;font-size:11px}.lookup-resolver{border:1px solid #8883;border-radius:14px;min-width:0;margin-top:18px;padding:18px}.lookup-resolver-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.lookup-resolver h3{margin:0;font-size:18px}.lookup-resolver h3 small{opacity:.6;font:400 11px ui-monospace,monospace}.lookup-status{background:#6999670b;border:1px solid #69996755;border-radius:20px;padding:5px 8px;font-size:10px}.lookup-unavailable{background:#a96c320a;border-color:#a96c3255}.lookup-table-scroll{max-width:100%;margin:14px 0;overflow-x:auto}.lookup-workspace table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;font-size:12px}.lookup-workspace th{letter-spacing:.06em;text-transform:uppercase;opacity:.6;font-size:10px}.lookup-workspace td,.lookup-workspace th{overflow-wrap:anywhere;vertical-align:top;border-bottom:1px solid #8883;padding:11px 8px}.lookup-workspace th:first-child{width:23%}.lookup-resolver th:last-child{width:18%}.lookup-workspace td{font-family:ui-monospace,monospace;line-height:1.7}.lookup-workspace td small{opacity:.6;font-size:10px;display:block}.lookup-source{overflow-wrap:anywhere;color:inherit;font-size:11px;line-height:1.8}.lookup-source a,.lookup-workspace a.lookup-source{color:var(--brand-ink,#c44d5f)}.lookup-comparison{border:1px solid #97091966;border-radius:10px;padding:14px 18px}.lookup-warning{border:1px solid #a96c3266;border-radius:10px;padding:14px;font-size:12px;line-height:1.8}.lookup-list{overflow-wrap:anywhere;margin:22px 0;font-size:13px}.lookup-list h3{font-size:16px}.lookup-list li{margin:9px 0}.lookup-list button{color:inherit;background:0 0;border:1px solid #97091955;border-radius:9px;margin:4px;padding:9px 12px}.lookup-workspace .tool-control-row button{color:inherit}@media (max-width:600px){.lookup-resolver{padding:12px}.lookup-workspace td,.lookup-workspace th{padding-inline:4px}.lookup-workspace table{font-size:11px}}
.diagnostics-workspace .tool-controls h2{letter-spacing:-.04em;font-size:clamp(28px,3.4vw,46px)}.diagnostics-workspace textarea{resize:vertical;min-height:220px;font-family:ui-monospace,monospace;line-height:1.7;font-size:12px!important}.diagnostic-summary{align-items:center;gap:20px;margin:24px 0;display:flex}.diagnostic-summary>strong{letter-spacing:-.05em;color:var(--brand-ink,#cf4055);font-size:clamp(40px,5vw,68px);font-weight:650}.diagnostic-summary b,.diagnostic-summary span{display:block}.diagnostic-summary span{opacity:.65;margin-top:8px;font-size:11px;line-height:1.8}.diagnostic-url{overflow-wrap:anywhere;font:12px/1.8 ui-monospace,monospace}.http-hops{border-left:1px solid #97091966;margin:24px 0 24px 10px;padding-left:20px}.http-hop{background:#88888805;border:1px solid #8883;border-radius:14px;margin-bottom:18px;padding:18px;position:relative}.http-hop:before{content:"";background:var(--panel,#171717);border:2px solid #970919;border-radius:50%;width:11px;height:11px;position:absolute;top:25px;left:-27px}.http-hop h3{margin:0;font-size:18px}.http-hop h3>span{opacity:.5;margin-right:12px;font:11px ui-monospace,monospace}.http-hop details summary,.packet-layer+details summary,.diagnostics-workspace details summary{cursor:pointer;font-size:12px;line-height:1.8}.http-hop table th:first-child{width:35%}.http-hop td{white-space:pre-wrap}.header-presence{margin:25px 0}.header-presence h3{font-size:18px}.header-presence>div{border-bottom:1px solid #8883;justify-content:space-between;gap:12px;padding:12px 0;font-size:11px;display:flex}.header-presence code{overflow-wrap:anywhere;min-width:0}.header-presence span{opacity:.7;flex-shrink:0}.packet-layer{margin-top:24px}.packet-layer h3{margin-bottom:12px;font-size:18px}.packet-layer .network-result-grid{margin-top:10px}.diagnostic-dump{white-space:pre;max-height:400px;font-size:11px!important;overflow:auto!important}.arp-table td{white-space:normal}.arp-table th:first-child,.arp-table th:last-child{width:30%!important}.arp-table small{opacity:.65;font-size:10px;display:block}.arp-pagination{justify-content:space-between;align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.arp-pagination button{color:inherit;background:0 0;border:1px solid #8884;border-radius:8px;padding:8px 12px}.arp-pagination button:disabled{opacity:.4;cursor:default}.diagnostics-workspace .tool-control-row{flex-wrap:wrap}.diagnostics-workspace .tool-control-row>button{margin-bottom:6px}.diagnostics-workspace .lookup-warning p,.diagnostics-workspace .lookup-warning li{overflow-wrap:anywhere}@media (max-width:600px){.http-hops{margin-left:4px;padding-left:14px}.http-hop{padding:12px}.http-hop:before{left:-21px}.http-hop table{font-size:10px}.diagnostics-workspace .tool-control-row>label{flex:120px;min-width:0}.arp-table table,.header-presence code{font-size:10px}}