@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-base:#05080f;--bg-surface:#090d18;--bg-elevated:#0d1220;--bg-overlay:#111827;--bg-input:#080c16;--bg-hover:#131b2a;--border-faint:#ffffff0a;--border-dim:#ffffff12;--border-base:#ffffff1a;--border-bright:#6366f159;--indigo:#6366f1;--indigo-dim:#6366f11f;--indigo-glow:#6366f140;--violet:#8b5cf6;--cyan:#22d3ee;--emerald:#10b981;--emerald-dim:#10b9811f;--rose:#f43f5e;--rose-dim:#f43f5e1f;--amber:#f59e0b;--amber-dim:#f59e0b1f;--text-100:#f1f5f9;--text-200:#cbd5e1;--text-300:#94a3b8;--text-400:#64748b;--text-500:#334155;--grad-indigo:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--grad-emerald:linear-gradient(135deg, #059669 0%, #10b981 100%);--grad-surface:linear-gradient(180deg, #0d1220 0%, #090d18 100%);--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 16px #0009;--shadow-lg:0 8px 32px #000000b3;--glow-indigo:0 0 24px #6366f133;--glow-emerald:0 0 24px #10b98133;--r-xs:4px;--r-sm:6px;--r:10px;--r-lg:14px;--r-xl:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-base);color:var(--text-200);min-height:100vh;font-family:Inter,-apple-system,system-ui,sans-serif;font-size:13.5px;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#6366f166}.panel{background:var(--bg-elevated);border:1px solid var(--border-dim);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.panel-sm{border-radius:var(--r)}.btn{border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:7px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:550;transition:all .18s;display:inline-flex}.btn-primary{background:var(--grad-indigo);color:#fff;box-shadow:0 2px 10px #4f46e566,inset 0 1px #ffffff1f}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #4f46e58c,inset 0 1px #ffffff24}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{color:var(--text-300);border:1px solid var(--border-dim);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-base);color:var(--text-200)}.btn-run{background:var(--grad-indigo);color:#fff;border-radius:var(--r);letter-spacing:-.02em;width:100%;padding:13px 20px;font-size:14px;font-weight:600;box-shadow:0 3px 14px #4f46e573,inset 0 1px #ffffff1f}.btn-run:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #4f46e599,inset 0 1px #ffffff26}.btn-run:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-reset{color:var(--text-300);border-radius:var(--r);border:1px solid var(--border-base);letter-spacing:-.01em;background:0 0;width:100%;padding:12px 20px;font-size:13.5px}.btn-reset:hover{background:var(--bg-hover);color:var(--text-200)}.field-label{color:var(--text-300);letter-spacing:.05em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.input-wrap{align-items:center;display:flex;position:relative}.input,.textarea{background:var(--bg-input);border:1px solid var(--border-dim);border-radius:var(--r-sm);color:var(--text-100);width:100%;caret-color:var(--indigo);outline:none;padding:10px 13px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--text-500)}.input:focus,.textarea:focus{border-color:var(--border-bright);box-shadow:0 0 0 3px var(--indigo-dim)}.textarea{resize:vertical;min-height:130px;line-height:1.65}.chip{letter-spacing:.02em;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.chip-indigo{background:var(--indigo-dim);color:#818cf8;border:1px solid #6366f140}.chip-emerald{background:var(--emerald-dim);color:#34d399;border:1px solid #10b98140}.chip-rose{background:var(--rose-dim);color:#fb7185;border:1px solid #f43f5e40}.chip-amber{background:var(--amber-dim);color:#fcd34d;border:1px solid #f59e0b40}.chip-dim{color:var(--text-300);border:1px solid var(--border-dim);background:#ffffff0a}.metric-value{color:var(--text-100);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1}.metric-label{color:var(--text-400);text-transform:uppercase;letter-spacing:.06em;margin-top:3px;font-size:10.5px;font-weight:500}.section-label{color:var(--text-400);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.section-label .pip{background:var(--indigo);width:5px;height:5px;box-shadow:0 0 6px var(--indigo);border-radius:50%}.log-entry{color:var(--text-300);gap:10px;padding:3px 0;font-family:JetBrains Mono,monospace;font-size:11.5px;line-height:1.7;display:flex}.log-entry+.log-entry{border-top:1px solid var(--border-faint)}.log-ts{color:var(--text-500);min-width:68px;padding-top:1px;font-size:10.5px}.log-entry.is-success{color:#34d399}.log-entry.is-error{color:#fb7185}.log-entry.is-info{color:#67e8f9}.log-entry.is-warn{color:#fcd34d}.step-node{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;transition:all .3s;display:flex}.step-node.pending{background:var(--bg-overlay);color:var(--text-400);border:1px solid var(--border-dim)}.step-node.active{background:var(--indigo);color:#fff;box-shadow:0 0 16px var(--indigo-glow);animation:2s ease-in-out infinite pulse-ring}.step-node.complete{background:var(--emerald);color:#fff}.step-node.failed{background:var(--rose);color:#fff}.step-line{background:var(--border-dim);flex:1;height:1px;margin:0 6px 14px;transition:background .4s}.step-line.done{background:var(--emerald)}.file-row{border-radius:var(--r-sm);background:var(--bg-surface);border:1px solid var(--border-faint);color:var(--text-300);align-items:center;gap:10px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:11.5px;transition:border-color .15s,background .15s;display:flex}.file-row:hover{background:var(--bg-hover);border-color:var(--border-dim)}.file-rank{color:var(--text-500);text-align:right;min-width:18px;font-size:10px;font-weight:600}.diff-viewer{border-radius:var(--r);border:1px solid var(--border-faint);background:#060b14;max-height:420px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.65;overflow:auto}.diff-line{white-space:pre;padding:0 16px;display:flex}.diff-line.add{color:#4ade80;background:#10b98112}.diff-line.del{color:#f87171;background:#f43f5e12}.diff-line.meta{color:#60a5fa}.diff-line.dim{color:#475569}.diff-line.normal{color:#94a3b8}.diff-ln{min-width:30px;color:var(--text-500);border-right:1px solid var(--border-faint);-webkit-user-select:none;user-select:none;text-align:right;margin-right:16px;padding-right:16px;font-size:10.5px}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 0 var(--indigo-glow)}50%{box-shadow:0 0 0 5px #0000}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.25s forwards fadeUp}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #ffffff26;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.result-banner{border-radius:var(--r-lg);align-items:center;gap:16px;padding:20px 24px;display:flex}.result-banner.resolved{background:linear-gradient(135deg,#0596691a 0%,#10b9810d 100%);border:1px solid #10b98133}.result-banner.failed{background:linear-gradient(135deg,#be123c1a 0%,#f43f5e0d 100%);border:1px solid #f43f5e33}