.nnx{margin-top:14px;border:1px solid var(--line2);border-radius:16px;overflow:hidden;background:var(--panel)}
.nnx-head{padding:10px 14px;border-bottom:1px solid var(--line2);color:var(--dim);font:700 .72rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.nnx-controls{display:flex;flex-wrap:wrap;gap:9px 16px;align-items:end;padding:12px 14px;border-bottom:1px solid var(--line2)}
.nnx-controls button{border:1px solid var(--line2);border-radius:999px;padding:8px 12px;background:var(--panel2);color:var(--txt);font:700 .76rem/1 var(--mono);cursor:pointer}.nnx-controls button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.nnx-range{display:grid;gap:5px;min-width:min(210px,100%);color:var(--dim);font:650 .76rem/1.2 var(--mono)}.nnx-range b{color:var(--txt)}.nnx-range input{width:min(230px,72vw);accent-color:var(--accent)}
.nnx-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(205px,100%),1fr));gap:10px;padding:14px}.nnx-stat{padding:10px;border:1px solid var(--line2);border-radius:10px;background:var(--panel2)}
.nnx-stat span{display:block;color:var(--dim);font:650 .66rem/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase}.nnx-stat b{display:block;margin-top:4px;font:750 1rem/1.25 var(--mono);overflow-wrap:anywhere}.nnx-stat.good{border-color:var(--on)}.nnx-stat.bad{border-color:var(--hot)}
.nnx-note{grid-column:1/-1;padding-top:11px;border-top:1px solid var(--line2);color:var(--dim);line-height:1.55}
.nnx-viz{grid-column:1/-1;display:block;border:1px solid var(--line2);border-radius:10px;background:var(--panel2)}.nnx-bars{grid-column:1/-1;display:flex;align-items:end;gap:6px;height:145px;padding:10px;border:1px solid var(--line2);border-radius:10px}.nnx-bar{flex:1;min-width:20px;background:var(--accent);border-radius:4px 4px 0 0;position:relative}.nnx-bar.bad{background:var(--hot)}.nnx-bar span{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);font:650 .61rem/1 var(--mono);color:var(--dim);white-space:nowrap}
@media(max-width:560px){.nnx-body{grid-template-columns:1fr}.nnx-bars{overflow-x:auto}.nnx-bar{min-width:30px}}