:root{--bg: #f4f5f3;--bg-warm: #f7f6f3;--surface: #ffffff;--surface-2: #fafaf8;--surface-sunken: #f1f2ef;--ink: #1b1d1c;--ink-2: #4b4f4d;--ink-3: #80847f;--ink-4: #a8aca6;--line: #e8e9e5;--line-2: #eef0ec;--line-strong: #d8dad4;--brand: #1f2937;--ai: #2f6df0;--ai-soft: #eaf1ff;--ok: #12a567;--ok-soft: #e6f6ee;--warn: #e08a16;--warn-soft: #fcf2e1;--risk: #e0463a;--risk-soft: #fbe9e7;--info: #2f6df0;--info-soft: #eaf1ff;--idle: #9aa09a;--idle-soft: #eef0ec;--r-sm: 6px;--r: 8px;--r-lg: 12px;--r-xl: 18px;--shadow-sm: 0 1px 2px rgba(24, 28, 24, .04), 0 1px 1px rgba(24, 28, 24, .03);--shadow: 0 4px 16px rgba(24, 28, 24, .06), 0 1px 3px rgba(24, 28, 24, .04);--shadow-lg: 0 18px 48px rgba(24, 28, 24, .16), 0 4px 12px rgba(24, 28, 24, .08);--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:#2f6df029}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d9dbd5;border-radius:8px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#c4c7c0;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.muted{color:var(--ink-3)}.faint{color:var(--ink-4)}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-2{gap:2px}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.spacer{flex:1}.demo-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ink-3);background:var(--surface-sunken);border:1px solid var(--line);padding:2px 8px;border-radius:999px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.risk{background:var(--risk)}.dot.idle{background:var(--idle)}.dot.info{background:var(--info)}.pulse{position:relative}.pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:currentColor;opacity:.35;animation:ring 1.8s ease-out infinite}@keyframes ring{0%{transform:scale(.6);opacity:.5}to{transform:scale(2.4);opacity:0}}.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;line-height:1;padding:4px 9px;border-radius:999px;white-space:nowrap}.pill.ok{color:var(--ok);background:var(--ok-soft)}.pill.warn{color:var(--warn);background:var(--warn-soft)}.pill.risk{color:var(--risk);background:var(--risk-soft)}.pill.idle{color:var(--ink-3);background:var(--idle-soft)}.pill.info{color:var(--info);background:var(--info-soft)}.pill.ai{color:var(--ai);background:var(--ai-soft)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}.dark-pane{--d-bg: #191a1c;--d-surface: #212327;--d-surface-2: #282a2e;--d-surface-3: #2f3237;--d-ink: #e8e9eb;--d-ink-2: #b4b7bd;--d-ink-3: #888c93;--d-ink-4: #5f636a;--d-line: #303337;--d-line-2: #3a3e43;--d-accent: #6ea8fe;--d-accent-soft: #23324a;--d-ok: #4ac08a;--d-ok-soft: #1e3a2e;--d-warn: #e2b04a;--d-risk: #e77a70;background:var(--d-bg);color:var(--d-ink)}.ft-md{color:#4a8cff}.ft-svg{color:#d9820b}.ft-img{color:#e0559f}.ft-yaml{color:#12a567}.ft-json,.ft-jsonl{color:#8b5cf6}.ft-py{color:#2f9dd0}.ft-txt{color:#80847f}.ft-dir{color:#c0894a}.canvas{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:26px 30px;max-width:920px;margin:0 auto}.crumbs{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3);flex-wrap:wrap}.crumbs .seg{color:var(--ink-2)}.crumbs .seg.last{color:var(--ink);font-weight:600}.crumbs .sep{color:var(--ink-4)}.stat-card{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line);min-width:62px}.stat-card .num{font-size:17px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.stat-card .lab{font-size:10.5px;color:var(--ink-3)}.dotstat{display:inline-flex;align-items:center;gap:6px;font-size:12px}.dotstat .d{width:7px;height:7px;border-radius:50%;flex:none}.dotstat .d.ok{background:var(--ok)}.dotstat .d.warn{background:var(--warn)}.dotstat .d.risk{background:var(--risk)}.dotstat .d.idle{background:var(--idle)}:root{--dur-1: .12s;--dur-2: .18s;--dur-3: .24s;--ease: cubic-bezier(.2, 0, 0, 1);--mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important}}@supports (caret-animation: manual){.slow-caret{caret-animation:manual;animation:caret-blink 1.15s step-end infinite}}@keyframes caret-blink{0%,62%{caret-color:currentColor}63%,to{caret-color:transparent}}