#cg-tool{border:1px solid var(--line);border-radius:var(--r-md);background:var(--soft);margin:26px 0;padding:20px}#cg-tool .grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 16px;display:grid}#cg-tool .f{flex-direction:column;gap:4px;min-width:0;display:flex}#cg-tool .f.wide{grid-column:1/-1}#cg-tool .f label{font-weight:600;font-size:var(--text-sm)}#cg-tool .req{font-weight:500;font-size:var(--text-xs);color:var(--amber);margin-left:4px}#cg-tool input,#cg-tool select,#cg-tool textarea{border:1px solid var(--line2);border-radius:var(--r-md);background:var(--bg);width:100%;color:var(--ink);font:var(--text-sm) var(--sans);padding:9px 10px}#cg-tool textarea{font:var(--text-xs)/var(--lh-normal) var(--mono);resize:vertical}#cg-tool .h{font-size:var(--text-xs);color:var(--muted);margin:0}#cg-tool .tb{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}#cg-tool .tp{font-size:var(--text-xs);color:var(--muted)}#cg-tool #cg-out{margin-top:18px}#cg-tool #cg-out h3{font-size:var(--text-md);margin:20px 0 8px}#cg-tool #cg-out pre{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);max-width:100%;font:var(--text-xs)/var(--lh-normal) var(--mono);max-height:300px;margin:8px 0 0;padding:14px;overflow:auto}#cg-tool .chk{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}#cg-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}#cg-tool .chk .ok{border-color:var(--blueb);background:var(--bluet)}#cg-tool .chk .bad{border-color:var(--red-line);background:var(--redt)}#cg-tool .chk .warn{border-color:var(--amber-line);background:var(--ambt)}#cg-tool .err{border:1px solid var(--red-line);background:var(--redt);border-radius:var(--r-md);font-size:var(--text-sm);padding:12px 14px}#cg-tool .row{flex-wrap:wrap;gap:10px;margin:8px 0;display:flex}