#cd-tool{border:1px solid var(--line);border-radius:var(--r-md);background:var(--soft);margin:26px 0;padding:20px}#cd-tool .tl{margin:6px 0 4px;font-weight:600;display:block}#cd-tool .th{font-size:var(--text-sm);color:var(--muted);margin:0 0 10px}#cd-tool #cd-in{width:100%;font:var(--text-xs)/var(--lh-normal) var(--mono);border:1px solid var(--line2);border-radius:var(--r-md);background:var(--bg);color:var(--ink);resize:vertical;padding:12px}#cd-tool #cd-host{width:100%;max-width:420px;font:var(--text-sm) var(--mono);border:1px solid var(--line2);border-radius:var(--r-md);background:var(--bg);color:var(--ink);padding:9px 10px}#cd-tool .row{margin-top:8px}#cd-tool .tb{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}#cd-tool .tp{font-size:var(--text-xs);color:var(--muted)}#cd-tool #cd-out{margin-top:18px}#cd-tool #cd-out h3{font-size:var(--text-md);margin:22px 0 8px}#cd-tool #cd-out table{border-collapse:collapse;max-width:100%;font-size:var(--text-sm);background:var(--bg);display:block;overflow-x:auto}#cd-tool #cd-out th,#cd-tool #cd-out td{text-align:left;vertical-align:top;border:1px solid var(--line);padding:7px 10px}#cd-tool #cd-out th{background:var(--soft2);white-space:nowrap;font-weight:600}#cd-tool #cd-out td{overflow-wrap:anywhere}#cd-tool #cd-out td.m{font-family:var(--mono);font-size:var(--text-xs)}#cd-tool .chk{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}#cd-tool .chk li{overflow-wrap:anywhere;border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg);font-size:var(--text-sm);padding:8px 12px}#cd-tool .chk .ok{border-color:var(--blueb);background:var(--bluet)}#cd-tool .chk .bad{border-color:var(--red-line);background:var(--redt)}#cd-tool .chk .warn{border-color:var(--amber-line);background:var(--ambt)}#cd-tool .err{border:1px solid var(--red-line);background:var(--redt);border-radius:var(--r-md);font-size:var(--text-sm);padding:12px 14px}
