:root{--bg: #1a1d23;--panel: #232830;--border: #353c47;--fg: #e4e7eb;--muted: #888;--accent: #3b82f6;--ok: #22c55e;--err: #ef4444;--warn: #f59e0b;font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;color:var(--fg);background:var(--bg)}*{box-sizing:border-box}body{margin:0}.layout{display:grid;grid-template-columns:260px 1fr;grid-template-rows:50px 1fr 200px;grid-template-areas:"header header" "sidebar main" "sidebar pipeline";height:100vh;gap:1px;background:var(--border)}header{grid-area:header;background:var(--panel);padding:8px 16px;display:flex;align-items:center;justify-content:space-between}header h1{margin:0;font-size:16px;font-weight:600}.health{font-size:12px;color:var(--muted)}aside.sidebar{grid-area:sidebar;background:var(--panel);padding:16px;overflow-y:auto}main{grid-area:main;background:var(--panel);padding:16px;overflow-y:auto}section.pipeline{grid-area:pipeline;background:var(--panel);padding:16px;overflow-y:auto;border-top:1px solid var(--border)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.grid-empty{color:var(--muted)}.card{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:10px;text-align:left;cursor:pointer;color:var(--fg);font:inherit;transition:border-color .1s}.card.selected{border-color:var(--accent)}.card.status-running{border-left:3px solid var(--accent)}.card.status-done{border-left:3px solid var(--ok)}.card.status-failed{border-left:3px solid var(--err)}.card-head{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.card-id{font-family:ui-monospace,monospace}.card-phase{margin:4px 0;font-weight:500}.card-stats{display:flex;gap:10px;font-size:11px;color:var(--muted)}.card-stats .err{color:var(--err)}.card-latency{margin-top:6px;display:flex;justify-content:space-between;font-size:12px}.card-latency .ok{color:var(--ok)}.card-latency .err{color:var(--err)}.card-latency .last-call,.muted,.pipeline-empty{color:var(--muted)}.pipeline-head{display:flex;gap:16px;margin-bottom:8px}.pipeline-bars{display:flex;flex-direction:column;gap:2px}.bar-row{display:grid;grid-template-columns:140px 1fr 60px;gap:8px;align-items:center;font-size:11px}.bar-label{font-family:ui-monospace,monospace;color:var(--muted)}.bar-track{background:var(--bg);height:12px;border-radius:2px;overflow:hidden}.bar-fill{height:100%}.bar-ok{background:var(--accent)}.bar-err{background:var(--err)}.bar-ms{text-align:right;font-family:ui-monospace,monospace}.controls h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 8px}.controls label{display:block;font-size:11px;color:var(--muted);margin-top:10px}.controls select,.controls input,.controls textarea{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:3px;padding:4px 6px;font:inherit;margin-top:4px}.controls textarea{font-family:ui-monospace,monospace;font-size:11px;resize:vertical}.controls button{margin-top:12px;width:100%;background:var(--accent);color:#fff;border:none;border-radius:3px;padding:6px;cursor:pointer;font:inherit}.error{margin-top:8px;color:var(--err);font-size:12px}.scenario-list{list-style:none;padding:0;margin:0}.scenario-list li{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--border)}.scenario-list code{font-size:10px;color:var(--muted)}.scenario-list button{background:var(--err);color:#fff;border:none;padding:2px 6px;border-radius:2px;cursor:pointer;font-size:10px}