.wx-controls { display:flex; gap:12px; margin:12px 0; align-items:center; flex-wrap:wrap; }
.wx-controls select { background:#1a1d2c; color:#eee; border:1px solid #2a2d3c; border-radius:6px; padding:6px 8px; min-width:200px; }

.wx-summary { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:10px; margin:8px 0; padding:14px; background:#14172a; border:1px solid #232539; border-radius:8px; }
.wx-summary .item .lbl { color:#888; font-size:11px; }
.wx-summary .item .val { font-size:18px; font-weight:700; }

#wx-canvas { background:#0a0b16; border-radius:6px; max-width:100%; height:auto; display:block; margin-top:8px; }

.wx-table { width:100%; border-collapse:collapse; font-size:13px; margin-top:8px; }
.wx-table th { text-align:left; padding:8px 6px; color:#888; border-bottom:1px solid #2a2d3c; font-weight:500; }
.wx-table td { padding:8px 6px; border-bottom:1px solid #1a1d2c; }
.wx-row-best td { color:#9be0a8; }
.wx-row-good td { color:#dde08a; }
.wx-row-bad  td { color:#888; }