/* Minimal dark neon theme */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
  background: #000; color: #eee;
}
header, footer { padding: 16px; background:#0b0b0b; border-bottom:1px solid #101010; }
footer { border-top:1px solid #101010; border-bottom:none; text-align:center; }
h1 { margin: 0 0 6px 0; font-weight:600; }
.tagline { color:#9aa; margin:0; }
main { max-width: 960px; margin: 20px auto; padding: 0 12px; }
.panel {
  background:#101010; border:1px solid #171717; border-radius:12px; padding:16px; margin:14px 0;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.02), 0 20px 40px rgba(0,0,0,0.35);
}
.controls-row { display:flex; gap:16px; flex-wrap:wrap; }
label { display:flex; gap:8px; align-items:center; color:#cfcfcf; }
textarea {
  width: 100%; min-height: 220px; background:#0a0a0a; color:#fff; border:1px solid #1b1b1b; border-radius:8px;
  padding:12px; font-family: ui-monospace, Menlo, Consolas, monospace; font-size:14px;
}
.buttons { display:flex; gap:10px; margin-top:10px; flex-wrap:wrap; }
button {
  background:#1b1b1b; color:#fff; border:1px solid #2a2a2a; padding:10px 14px; border-radius:10px;
  cursor:pointer; transition: transform .12s ease, background .2s ease, border-color .2s ease;
}
button:hover { transform: translateY(-1px); border-color:#3a3a3a; }
button.primary { background:#00d1ff; color:#000; border-color:#00d1ff; }
button.primary:hover { filter: brightness(1.1); }
button.danger { background:#ff3b3b; border-color:#ff3b3b; color:#000; }
.hint { color:#9aa; margin-top:6px; font-size:13px; }
.progress-wrap {
  width: 100%; height: 12px; background:#0a0a0a; border:1px solid #1b1b1b; border-radius:999px; overflow:hidden; margin:10px 0 6px;
}
.progress-bar {
  height: 100%; width: 0%; background: linear-gradient(90deg, #00d1ff, #00ff95);
  transition: width .2s ease;
}
.status-log {
  max-height: 280px; overflow:auto; background:#0a0a0a; border:1px solid #161616; border-radius:8px; padding:8px; font-family: ui-monospace, monospace; font-size:12px;
}
.status-log .row { display:flex; gap:10px; padding:4px 2px; border-bottom:1px dashed #151515; }
.status-log .ok { color:#00ff95; }
.status-log .err { color:#ff5a5a; }
.stats { display:flex; gap:16px; color:#cfcfcf; margin-bottom:8px; }
.notes ul { margin:6px 0 0 18px; }
code { background:#0a0a0a; border:1px solid #161616; border-radius:6px; padding:2px 6px; }
select, input[type="range"] {
  background:#0a0a0a; color:#fff; border:1px solid #1b1b1b; border-radius:8px; padding:6px 8px;
}