.kafka-run-panel{max-width:var(--max-demo);margin:30px auto;padding:22px;border:3px solid var(--ink);border-radius:14px;background:var(--bg-card);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:18px}.kafka-run-panel .krp-eyebrow{display:inline-block;font-family:var(--ff-mono);font-size:11px;font-weight:600;letter-spacing:.4px;color:var(--ink);background:var(--chip-lemon);border:2px solid var(--ink);padding:4px 10px;border-radius:9px;box-shadow:var(--shadow-chip)}.kafka-run-panel .krp-controls-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:12px}.kafka-run-panel .krp-field{display:flex;flex-direction:column;gap:6px}.kafka-run-panel .krp-field-label{font-family:var(--ff-mono);font-size:11px;letter-spacing:.4px;color:var(--text-muted)}.kafka-run-panel .krp-select{font-family:var(--ff-mono);font-size:14px;color:var(--ink);background:var(--bg-card);border:2px solid var(--ink);border-radius:9px;padding:9px 12px;min-width:170px;cursor:pointer;box-shadow:var(--shadow-chip)}.kafka-run-panel .krp-run{font-family:var(--ff-mono);font-size:14px;font-weight:700;color:var(--ink);background:var(--pop);border:2px solid var(--ink);border-radius:9px;padding:10px 18px;cursor:pointer;box-shadow:var(--shadow-chip);transition:transform .12s ease,box-shadow .12s ease}.kafka-run-panel .krp-run:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.kafka-run-panel .krp-run:active:not(:disabled){transform:translate(0);box-shadow:2px 2px 0 var(--ink)}.kafka-run-panel .krp-run:disabled{opacity:.6;cursor:default}.kafka-run-panel .krp-hint{margin:0;font-family:var(--ff-mono);font-size:11.5px;line-height:1.6;color:var(--text-muted)}.kafka-run-panel .krp-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 14px;border:2px solid var(--ink);border-radius:10px;background:var(--bg-subtle);font-family:var(--ff-mono);font-size:12.5px}.kafka-run-panel .krp-status-live{background:var(--chip-lemon)}.kafka-run-panel .krp-status-success{background:var(--chip-sky)}.kafka-run-panel .krp-status-failure,.kafka-run-panel .krp-status-error{background:var(--chip-pink)}.kafka-run-panel .krp-status-text{color:var(--ink)}.kafka-run-panel .krp-run-link{color:var(--accent);font-weight:700}.kafka-run-panel .krp-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--accent);border:1.5px solid var(--ink);animation:krp-pulse 1.2s ease-in-out infinite}@keyframes krp-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.5);opacity:.45}}@media(prefers-reduced-motion:reduce){.kafka-run-panel .krp-dot{animation:none}.kafka-run-panel .krp-run{transition:none}}.kafka-run-panel .krp-results-body{margin-top:12px}.kafka-run-panel .krp-loading,.kafka-run-panel .krp-note{margin:0;font-family:var(--ff-mono);font-size:12.5px;color:var(--text-muted)}.kafka-run-panel .krp-empty{padding:6px 0}.kafka-run-panel .krp-empty-title{margin:0 0 6px;font-family:var(--ff-serif);font-size:20px;color:var(--text-primary)}.kafka-run-panel .krp-meta{margin:0 0 14px;font-family:var(--ff-mono);font-size:12px;line-height:1.6;color:var(--text-secondary)}.kafka-run-panel .krp-chart-wrap{margin:6px 0 16px}.kafka-run-panel .krp-chart{display:block;width:100%;height:auto}.kafka-run-panel .krp-chart text{font-family:var(--ff-mono)}.kafka-run-panel .krp-bar-label{font-size:13px;fill:var(--text-primary)}.kafka-run-panel .krp-bar-count{font-size:12px;font-weight:600;fill:var(--text-muted)}.kafka-run-panel .krp-quotes{display:flex;flex-direction:column;gap:10px;margin:6px 0 16px}.kafka-run-panel .krp-quote{margin:0;padding:10px 14px;border-left:4px solid var(--accent);border-radius:0 8px 8px 0;background:var(--bg-subtle);font-family:var(--ff-mono);font-size:12.5px;line-height:1.55;color:var(--text-body)}.kafka-run-panel .krp-shot{margin:6px 0 0}.kafka-run-panel .krp-shot img{display:block;width:100%;border:2px solid var(--ink);border-radius:10px;box-shadow:var(--shadow-chip)}@media(max-width:720px){.kafka-run-panel{padding:16px}.kafka-run-panel .krp-field,.kafka-run-panel .krp-select,.kafka-run-panel .krp-run{width:100%}}
