body { margin:0; background:#0b0b0b; color:#f2f2f2; font-family:system-ui; }
header { background:#111; padding:12px; border-bottom:1px solid #222; }
.title { font-weight:700; font-size:18px; margin-bottom:8px; }
main { padding:12px; max-width:800px; margin:auto; }
.panel { background:#121212; border:1px solid #222; border-radius:14px; padding:12px; margin-bottom:12px; }
label { font-size:12px; opacity:.8; }
textarea, input, select {
  width:100%; background:#0f0f0f; color:#fff;
  border:1px solid #2a2a2a; border-radius:12px; padding:10px;
}
.row { display:flex; gap:10px; margin-top:8px; }
button {
  padding:10px; border-radius:12px; border:none;
  background:#fff; color:#000; font-weight:700;
}
button.secondary { background:#1b1b1b; color:#fff; border:1px solid #2a2a2a; }
pre { background:#0f0f0f; border:1px solid #2a2a2a; border-radius:12px; padding:10px; min-height:100px; }
.status { font-size:12px; opacity:.8; margin-top:6px; }