body { font-family: system-ui, sans-serif; margin:0; background:#f6f6f6; }

.top { display:flex; justify-content:space-between; padding:12px 18px; background:#111; color:#fff; }
.top a { color:#fff; margin-left:12px; text-decoration:none; }
.brand { font-weight:700; letter-spacing:0.5px; }
.wrap { padding:18px; max-width:1000px; margin:0 auto; }
.card { background:#fff; padding:16px; border-radius:14px; box-shadow:0 2px 10px rgba(0,0,0,.06); margin-bottom:16px; }
.grid { display:grid; grid-template-columns: 1fr; gap:16px; }
.cols { display:grid; grid-template-columns: 1fr 1fr; gap:14px; }
label { display:block; margin-top:10px; font-size:14px; }
input { padding:9px; border:1px solid #ddd; border-radius:10px; }
button {  display: inline-block; padding:3px 8px; border:0; border-radius:12px; background:#111; color:#fff; cursor:pointer; }

.tbl { width:100%; border-collapse:collapse; }
.tbl th, .tbl td { padding:8px; border-bottom:1px solid #eee; text-align:left; }
.muted { color:#666; }
.err { background:#ffe9e9; border:1px solid #ffb9b9; padding:10px; border-radius:12px; margin:10px 0; }
.log { background:#0f0f0f; color:#e6e6e6; padding:12px; border-radius:12px; overflow:auto; max-height:420px; }
.row { display:flex; gap:16px; flex-wrap:wrap; }
@media (max-width: 900px) { .cols { grid-template-columns: 1fr; } }
  .badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.2;
    border: 1px solid rgba(0,0,0,0.15);
    background: rgba(0,0,0,0.03);
  }
  .badge-trial { border-color: rgba(120,70,220,.35); background: rgba(120,70,220,.08); }
  .badge-await { border-color: rgba(220,150,0,.40); background: rgba(220,150,0,.10); }
  .badge-queued { border-color: rgba(0,120,220,.35); background: rgba(0,120,220,.08); }
  .badge-run { border-color: rgba(0,160,90,.35); background: rgba(0,160,90,.10); }
  .badge-done { border-color: rgba(0,140,70,.40); background: rgba(0,140,70,.10); }
  .badge-fail { border-color: rgba(220,60,60,.40); background: rgba(220,60,60,.10); }

  .actions { display: flex; gap: 8px; align-items: center; }
  .btn-sm { padding: 3px 8px; font-size: 13px; }
  .footer a {
    color: inherit;
  }
  .footer {
    padding-top: 4px;
  }
  .footer .muted {
    font-size: 11px;
    line-height: 1.35;
  }

.nav { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.nav .spacer { flex: 1; }

pre.code {
  background: #111;
  color: #eee;
  padding: 12px 14px;
  border-radius: 12px;
  overflow: auto;
  font-size: 12px;
  line-height: 1.35;
}