@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:20px;padding:18px 0 16px;border-bottom:1px solid var(--hairline);margin-bottom:4px;transition:border-color .25s ease}.menu-toggle{display:none}.brand{display:flex;align-items:center;gap:12px}.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-color .15s ease,color .15s ease,transform .12s ease,box-shadow .15s ease}.btn:hover:not(:disabled){border-color:var(--text-lo);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}[data-theme=dark] .btn:hover:not(:disabled){box-shadow:0 2px 8px #0000004d}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:none}.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)}.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)}@media (max-width: 900px){.menu-toggle{display:flex}.brand-sub,.pipeline-status{display:none}}@media (max-width: 640px){.replay-controls{display:none}}.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)}.sidebar{--sidebar-width: 232px;width:var(--sidebar-width);flex-shrink:0;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;background:var(--bg-panel);border-right:1px solid var(--hairline);transition:background-color .25s ease,border-color .25s ease,transform .28s cubic-bezier(.32,.72,0,1);z-index:40}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 20px 16px}.sidebar-brand-mark{color:var(--signal-model);font-size:18px;line-height:1}.sidebar-brand-text{font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--text-hi)}.sidebar-nav-list{list-style:none;margin:8px 0 0;padding:0 10px;display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-nav-link{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-md);color:var(--text-lo);text-decoration:none;font-size:13px;font-weight:500;position:relative;transition:background-color .15s ease,color .15s ease,transform .15s ease}.sidebar-nav-link svg{flex-shrink:0;opacity:.8;transition:opacity .15s ease,transform .2s ease}.sidebar-nav-link:hover{background:var(--bg-panel-raised);color:var(--text-hi);transform:translate(2px)}.sidebar-nav-link:hover svg{opacity:1}.sidebar-nav-link-active{background:var(--bg-panel-raised);color:var(--text-hi)}.sidebar-nav-link-active svg{opacity:1;color:var(--signal-model)}.sidebar-nav-link-active:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--signal-model);border-radius:0 3px 3px 0;animation:sidebar-indicator-in .2s ease}@keyframes sidebar-indicator-in{0%{height:0;opacity:0}to{height:18px;opacity:1}}.sidebar-footer{padding:10px;border-top:1px solid var(--hairline);transition:border-color .25s ease}.sidebar-scrim{display:none}@media (max-width: 900px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);box-shadow:none}.sidebar-open{transform:translate(0);box-shadow:8px 0 32px #00000047}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:39}.sidebar-scrim-visible{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion: reduce){.sidebar,.sidebar-nav-link,.sidebar-nav-link svg,.sidebar-scrim{transition:none!important}.sidebar-nav-link-active:before{animation:none!important}}.page-transition{animation:page-enter .32s cubic-bezier(.16,1,.3,1);height:100%}@keyframes page-enter{0%{opacity:0;transform:translateY(8px) scale(.996)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.page-transition{animation:none!important}}.app-shell{display:flex;height:100vh;overflow:hidden}.app-content{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0 28px}.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;animation:error-banner-in .25s ease}@keyframes error-banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.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}.main-panel{flex:1;min-height:0;overflow:auto;padding:20px 0 24px}@media (max-width: 900px){.app-content{padding:0 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}}