body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.5;background:#0b1220;color:#e5e7eb;margin:0}
.container{max-width:1100px;margin:0 auto;padding:32px}
.card{background:#0f172a;border:1px solid #1f2a44;border-radius:12px;padding:20px;margin-bottom:16px}
.input, textarea, select{background:#0b1220;border:1px solid #1f2a44;border-radius:8px;color:#e5e7eb;padding:10px;width:100%}
label{display:block;margin:10px 0 6px;color:#a5b4fc}
button{background:#6366f1;border:0;border-radius:8px;padding:10px 14px;color:white;cursor:pointer}
button:disabled{opacity:.6;cursor:not-allowed}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.posts{display:grid;grid-template-columns:1fr;gap:12px}
.badge{display:inline-block;background:#1f2937;color:#d1d5db;border-radius:999px;padding:2px 8px;margin-right:6px;font-size:12px}
.small{font-size:12px;color:#9ca3af}
pre{white-space:pre-wrap;word-break:break-word}
hr{border-color:#1f2a44;margin:16px 0}
.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.footer{margin-top:24px;color:#9ca3af}
ul.inline{list-style:none;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}
ul.inline li{background:#111827;border:1px solid #1f2a44;border-radius:999px;padding:4px 10px}

/* Tab system */
.tab-btn{background:#1f2937;border:1px solid #374151;margin:0 4px;padding:8px 16px;font-size:14px;border-radius:6px}
.tab-btn.active{background:#6366f1;border-color:#6366f1}
.tab-btn:hover{background:#374151}
.tab-btn.active:hover{background:#5b63f2}
.tab-content{display:none;margin-top:16px}
.tab-content.active{display:block}

/* Session cards */
.session-card{background:#111827;border:1px solid #1f2a44;border-radius:8px;padding:12px;margin-bottom:8px}
.session-card:hover{border-color:#374151}
.session-header{display:flex;justify-content:space-between;align-items:center}
.session-status{font-size:12px;padding:2px 8px;border-radius:12px}
.session-status.completed{background:#065f46;color:#10b981}
.session-status.running{background:#7c2d12;color:#fb923c}
.session-status.failed{background:#7f1d1d;color:#f87171}

/* Raw JSON styling */
#raw-output{font-family:ui-monospace,SFMono-Regular,'SF Mono',Consolas,'Liberation Mono',Menlo,monospace;font-size:12px;line-height:1.4}

/* Responsive */
@media (max-width: 768px) {
  .grid{grid-template-columns:1fr}
  .header{flex-direction:column;align-items:stretch;gap:8px}
  .container{padding:16px}
}