@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";.top-bar{display:flex;align-items:center;gap:24px;padding:20px 0 16px;border-bottom:1px solid var(--hairline);margin-bottom:4px;transition:border-color .25s ease}.brand{display:flex;align-items:center;gap:12px}.brand-mark{color:var(--signal-critical);font-size:20px;line-height:1}.brand h1{font-family:var(--font-mono);font-size:16px;font-weight:600;letter-spacing:-.01em;margin:0}.brand-sub{font-size:11px;color:var(--text-lo);margin:2px 0 0}.pipeline-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-lo);flex:1}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint)}.status-dot-live{background:var(--signal-trace);animation:pulse 1.1s ease-in-out infinite}.status-dot-done{background:var(--signal-ok)}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #ffb45466}50%{opacity:.6;box-shadow:0 0 0 5px #ffb45400}}.replay-controls{display:flex;gap:10px}.btn{font-size:12.5px;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:var(--bg-panel);color:var(--text-hi);transition:border-color .15s ease,background .15s ease,transform .1s ease}.btn:hover:not(:disabled){border-color:var(--text-lo)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--text-lo)}.btn-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;color:var(--text-lo)}.theme-toggle:hover:not(:disabled){color:var(--signal-model);border-color:var(--signal-model)}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:active svg{transform:rotate(20deg)}.btn-primary{background:var(--signal-critical-dim);border-color:var(--signal-critical);color:var(--signal-critical);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--signal-critical);color:var(--ink)}.status-footer{display:flex;gap:32px;border-top:1px solid var(--hairline);padding:12px 0;font-size:11px}.footer-item{display:flex;flex-direction:column;gap:3px;min-width:0}.footer-item-right{margin-left:auto;text-align:right}.footer-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:9.5px}.footer-value{color:var(--text-lo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:380px}.footer-value-ok{color:var(--signal-ok)}.app-shell{display:flex;flex-direction:column;height:100vh;max-width:1400px;margin:0 auto;padding:0 24px}.error-banner{background:var(--signal-critical-dim);border:1px solid var(--signal-critical);color:var(--signal-critical);padding:10px 16px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;min-height:300px;text-align:center;padding:32px}.error-boundary-title{color:var(--signal-critical);font-weight:600;font-size:14px;margin:0}.error-boundary-detail{color:var(--text-faint);font-size:12px;max-width:480px;margin:0 0 8px}.tab-bar{display:flex;gap:4px;border-bottom:1px solid var(--hairline);margin-bottom:16px;transition:border-color .25s ease}.tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-lo);padding:10px 16px;font-size:12.5px;letter-spacing:.02em;transition:color .15s ease,border-color .15s ease}.tab:hover:not(:disabled){color:var(--text-hi)}.tab:disabled{color:var(--text-faint);cursor:not-allowed}.tab-active{color:var(--signal-model);border-bottom-color:var(--signal-model)}.main-panel{flex:1;min-height:0;overflow:auto;padding-bottom:16px}:root,[data-theme=dark]{--bg-void: #0a0d12;--bg-panel: #12161f;--bg-panel-raised: #171d29;--bg-overlay: rgba(10, 13, 18, .75);--hairline: #232b3a;--text-hi: #e8ecf4;--text-lo: #7c8698;--text-faint: #4b5468;--ink: #0a0d12;--signal-critical: #ff5d5d;--signal-critical-dim: #4a2530;--signal-trace: #ffb454;--signal-trace-dim: #453423;--signal-ok: #35d0a0;--signal-ok-dim: #1c3a34;--signal-model: #7fa8ff;--font-mono: "IBM Plex Mono", "SF Mono", monospace;--font-sans: "IBM Plex Sans", -apple-system, sans-serif;--radius-sm: 4px;--radius-md: 8px;color-scheme:dark}[data-theme=light]{--bg-void: #eef1f6;--bg-panel: #ffffff;--bg-panel-raised: #f4f6fa;--bg-overlay: rgba(255, 255, 255, .82);--hairline: #dde2ea;--text-hi: #141922;--text-lo: #5b6472;--text-faint: #98a1b0;--ink: #0a0d12;--signal-critical: #c9303f;--signal-critical-dim: #fbe4e6;--signal-trace: #a8660a;--signal-trace-dim: #fbecd9;--signal-ok: #0e9a70;--signal-ok-dim: #dcf5ec;--signal-model: #3568d4;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-void);background-image:radial-gradient(circle at 15% 0%,rgba(127,168,255,.05),transparent 40%),radial-gradient(circle at 85% 100%,rgba(255,93,93,.04),transparent 40%);color:var(--text-hi);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}::selection{background:var(--signal-model);color:var(--ink)}button{font-family:var(--font-mono);cursor:pointer}a{color:var(--signal-model)}:focus-visible{outline:2px solid var(--signal-model);outline-offset:2px}.mono{font-family:var(--font-mono)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}