:root { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; }
body { margin: 0; background: #0b0b0b; color: #eaeaea; }
.wrap { max-width: 1100px; margin: 0 auto; padding: 24px; }
header { margin-bottom: 18px; }
.h1 { font-size: 22px; font-weight: 700; }
.sub { opacity: 0.75; margin-top: 6px; }

.card { background: #141414; border: 1px solid #222; border-radius: 12px; padding: 16px; margin: 14px 0; }
.h2 { font-size: 16px; font-weight: 700; margin-bottom: 10px; }

.row { display: flex; gap: 12px; align-items: end; margin: 10px 0; flex-wrap: wrap; }
.grow { flex: 1; min-width: 260px; }

.label { font-size: 12px; opacity: 0.8; margin-bottom: 6px; }
input, select {
  width: 100%; padding: 10px 10px; border-radius: 10px;
  border: 1px solid #2a2a2a; background: #0f0f0f; color: #eaeaea;
}
button {
  padding: 10px 14px; border-radius: 10px; border: 1px solid #2a2a2a;
  background: #0f0f0f; color: #eaeaea; cursor: pointer;
}
button.primary { border-color: #3a3a3a; background: #1b1b1b; }
.status { font-size: 12px; opacity: 0.85; }
pre {
  white-space: pre-wrap; word-break: break-word;
  background: #0f0f0f; border: 1px solid #232323; border-radius: 10px;
  padding: 12px; max-height: 380px; overflow: auto;
}