:root{
  --bg:#0b0f14;
  --card:#121823;
  --text:#e9eef6;
  --muted:#9aa8bd;
  --line:#243044;
  --accent:#3bd671;
  --danger:#ff4d4d;
  --btn:#1b2536;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:var(--bg);
  color:var(--text);
}
.wrap{max-width:980px;margin:0 auto;padding:14px}
.top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.h1{font-weight:800;font-size:22px;letter-spacing:.2px}
.sub{color:var(--muted);font-size:12px;margin-top:2px}
.pill{
  padding:8px 12px;border-radius:999px;
  background:#182234;border:1px solid var(--line);
  font-weight:700;font-size:12px;min-width:72px;text-align:center;
}
.pill.on{background:rgba(59,214,113,.12);border-color:rgba(59,214,113,.35);color:var(--accent)}
.pill.burst{background:rgba(255,200,0,.12);border-color:rgba(255,200,0,.35);color:#ffd24a}

.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
  margin:10px 0;
}
.row{display:flex;gap:12px;flex-wrap:wrap}
.block{flex:1;min-width:260px}
label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}
.inputRow{display:flex;gap:8px;align-items:center}
input[type=number]{
  width:100%;
  background:#0f1520;color:var(--text);
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px 10px;
  font-size:16px;
}
input[type=range]{width:100%}
.hint{color:var(--muted);font-size:12px;margin-top:6px;line-height:1.3}

.buttons{display:flex;gap:8px;flex-wrap:wrap}
button{
  border:1px solid var(--line);
  background:var(--btn);
  color:var(--text);
  padding:12px 14px;
  border-radius:12px;
  font-weight:800;
  cursor:pointer;
}
button:active{transform:translateY(1px)}
button.primary{background:rgba(59,214,113,.18);border-color:rgba(59,214,113,.35)}
button.ghost{background:transparent}
button.mini{padding:10px 12px;font-weight:800}

.toggles{display:flex;gap:12px;flex-wrap:wrap}
.chk{display:flex;gap:8px;align-items:center;color:var(--text);font-size:14px}
.log{
  min-height:120px;
  background:#0f1520;
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px;
  overflow:auto;
  color:#d7e4ff;
  font-size:12px;
}
.foot{color:var(--muted);font-size:12px;margin-top:12px}