:root{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--inflo-white:#fff;--inflo-surface:#fdfcfc;--inflo-surface-muted:#f4f4f2;--inflo-surface-hover:#fafafa;--inflo-text-primary:#111;--inflo-text-secondary:#6f6f6f;--inflo-text-muted:#9a9a9a;--inflo-border-soft:#0000000f;--inflo-border-medium:#0000001a;--inflo-accent-blue:#2f7df6;--inflo-success-green:#27a86b;--inflo-warning:#d98a17;--inflo-error:#d94a3a;--inflo-shadow-warm:#4e32170a;--inflo-shadow-neutral:#00000014;--inflo-radius-sm:12px;--inflo-radius-md:16px;--inflo-radius-lg:20px;--inflo-radius-xl:24px;--inflo-radius-pill:28px;--inflo-radius-panel:32px;--inflo-radius-full:999px;--inflo-space-1:4px;--inflo-space-2:8px;--inflo-space-3:12px;--inflo-space-4:16px;--inflo-space-5:20px;--inflo-space-6:24px;--inflo-space-8:32px;--inflo-motion-fast:.12s;--inflo-motion-normal:.18s;--inflo-motion-slow:.22s;--inflo-ease-out:cubic-bezier(.16, 1, .3, 1);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--inflo-surface-muted);color:var(--inflo-text-primary);margin:0;padding:0;font-size:14px;line-height:1.5}.dev-shell{flex-direction:column;min-height:100dvh;display:flex}.dev-topbar{z-index:40;background:var(--inflo-white);border-bottom:1px solid var(--inflo-border-soft);align-items:center;gap:var(--inflo-space-4);height:52px;padding:0 var(--inflo-space-6);display:flex;position:sticky;top:0}.dev-topbar-logo{align-items:center;gap:var(--inflo-space-2);color:var(--inflo-text-primary);flex-shrink:0;font-size:15px;font-weight:500;text-decoration:none;display:flex}.dev-topbar-avatar{border-radius:var(--inflo-radius-full);background:radial-gradient(circle at 30% 25%,#d6e76f 0%,#0000 34%),radial-gradient(circle at 70% 35%,#62d4c8 0%,#0000 38%),radial-gradient(circle at 45% 75%,#2f7df6 0%,#0000 46%),#d8ebe9;flex-shrink:0;width:28px;height:28px}.dev-topbar-sep{background:var(--inflo-border-soft);flex-shrink:0;width:1px;height:20px}.dev-topbar-nav{gap:var(--inflo-space-1);flex:1;display:flex}.dev-topbar-tab{height:32px;padding:0 var(--inflo-space-3);border-radius:var(--inflo-radius-full);color:var(--inflo-text-secondary);cursor:pointer;transition:background var(--inflo-motion-fast) var(--inflo-ease-out), color var(--inflo-motion-fast) var(--inflo-ease-out);white-space:nowrap;background:0 0;border:0;font-size:13px;font-weight:400}.dev-topbar-tab:hover{background:var(--inflo-surface-muted);color:var(--inflo-text-primary)}.dev-topbar-tab.active{background:var(--inflo-text-primary);color:var(--inflo-white)}.dev-topbar-env{color:var(--inflo-text-muted);flex-shrink:0;margin-left:auto;font-size:12px}.dev-content{width:100%;max-width:1680px;padding:var(--inflo-space-6);flex:1;margin:0 auto}.card{background:var(--inflo-white);border-radius:var(--inflo-radius-lg);box-shadow:0 0 0 1px var(--inflo-border-soft), 0 1px 3px #0000000a, 0 4px 12px #0000000a;padding:var(--inflo-space-4);margin-bottom:var(--inflo-space-4)}.card-title{color:var(--inflo-text-primary);margin:0 0 var(--inflo-space-3) 0;font-size:13px;font-weight:500}label{color:var(--inflo-text-secondary);margin-bottom:var(--inflo-space-1);font-size:12px;display:block}input,textarea,select{border:1px solid var(--inflo-border-medium);border-radius:var(--inflo-radius-sm);width:100%;font:inherit;color:var(--inflo-text-primary);background:var(--inflo-white);transition:border-color var(--inflo-motion-fast) var(--inflo-ease-out), box-shadow var(--inflo-motion-fast) var(--inflo-ease-out);outline:none;padding:8px 10px;font-size:13px}input:focus,textarea:focus,select:focus{border-color:var(--inflo-accent-blue);box-shadow:0 0 0 3px #2f7df61f}button{font:inherit;cursor:pointer;border-radius:var(--inflo-radius-full);transition:background var(--inflo-motion-fast) var(--inflo-ease-out), color var(--inflo-motion-fast) var(--inflo-ease-out), transform var(--inflo-motion-fast) var(--inflo-ease-out), box-shadow var(--inflo-motion-fast) var(--inflo-ease-out);border:0;padding:8px 16px;font-size:13px}button:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--inflo-text-primary);color:var(--inflo-white)}.btn-primary:hover:not(:disabled){background:#222}.btn-secondary{background:var(--inflo-surface-muted);color:var(--inflo-text-primary)}.btn-secondary:hover:not(:disabled){background:#e8e8e6}.btn-danger{background:var(--inflo-error);color:var(--inflo-white)}.btn-danger:hover:not(:disabled){background:#c03020}.btn-icon{background:var(--inflo-surface-muted);width:32px;height:32px;color:var(--inflo-text-secondary);border-radius:var(--inflo-radius-full);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover:not(:disabled){color:var(--inflo-text-primary);background:#e8e8e6}.batch-pill{border-radius:var(--inflo-radius-full);background:var(--inflo-surface-muted);min-width:36px;color:var(--inflo-text-secondary);border:1px solid var(--inflo-border-soft);text-align:center;cursor:pointer;transition:background var(--inflo-motion-fast) var(--inflo-ease-out), color var(--inflo-motion-fast) var(--inflo-ease-out), border-color var(--inflo-motion-fast) var(--inflo-ease-out);flex:auto;padding:6px 8px;font-size:12px;font-weight:500}.batch-pill:hover:not(:disabled){color:var(--inflo-text-primary);background:#e8e8e6}.batch-pill.active{background:var(--inflo-text-primary);color:var(--inflo-white);border-color:#0000}.batch-pill:disabled{opacity:.4;cursor:not-allowed}.status-badge{border-radius:var(--inflo-radius-full);flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.status-badge.pending{background:var(--inflo-surface-muted);color:var(--inflo-text-muted)}.status-badge.running{color:var(--inflo-accent-blue);background:#2f7df61a}.status-badge.ok{color:var(--inflo-success-green);background:#27a86b1a}.status-badge.error{color:var(--inflo-error);background:#d94a3a1a}.qa-result{border-radius:var(--inflo-radius-md);border:1px solid var(--inflo-border-soft);transition:border-color var(--inflo-motion-fast) var(--inflo-ease-out);overflow:hidden}.qa-result.running{border-color:#2f7df64d}.qa-result.ok{border-color:#27a86b33}.qa-result.error{border-color:#d94a3a33}.qa-result-header{background:var(--inflo-surface-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:10px 14px;display:flex}.qa-result-header:hover{background:#efefed}.qa-q-num{border-radius:var(--inflo-radius-full);background:var(--inflo-text-primary);width:20px;height:20px;color:var(--inflo-white);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.qa-question{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.qa-result-body{color:var(--inflo-text-primary);white-space:pre-wrap;word-break:normal;overflow-wrap:break-word;padding:10px 14px;font-size:13px;line-height:1.55}.hint-box{color:var(--inflo-text-secondary);border-radius:var(--inflo-radius-sm);margin-bottom:var(--inflo-space-3);background:#d98a170f;border:1px solid #d98a1733;padding:8px 10px;font-size:11px;line-height:1.5}.questions-preview{background:var(--inflo-surface-muted);border-radius:var(--inflo-radius-sm);color:var(--inflo-text-secondary);white-space:pre-wrap;word-break:break-word;padding:10px 12px;font-family:ui-monospace,SF Mono,monospace;font-size:11px;line-height:1.7}.pill{color:var(--inflo-accent-blue);border-radius:var(--inflo-radius-full);background:#2f7df614;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.run-tag-row{align-items:center;gap:var(--inflo-space-2);margin-top:var(--inflo-space-3);display:flex}.run-tag-label{color:var(--inflo-text-muted);white-space:nowrap;margin:0;font-size:11px}.action-row{gap:var(--inflo-space-2);margin-top:var(--inflo-space-3);display:flex}.summary-row{gap:var(--inflo-space-4);color:var(--inflo-text-secondary);margin-top:var(--inflo-space-4);padding-top:var(--inflo-space-3);border-top:1px solid var(--inflo-border-soft);font-size:12px;display:flex}.debug-main{max-width:1680px}.sidebar-col{gap:var(--inflo-space-4);flex-direction:column;flex-shrink:0;width:320px;display:flex}.results-col{gap:var(--inflo-space-4);flex-direction:column;flex:1;min-width:0;display:flex}.two-col{gap:var(--inflo-space-4);align-items:flex-start;display:flex}@media (max-width:900px){.two-col{flex-direction:column}.sidebar-col{width:100%}}.flow-graph-wrap{padding:var(--inflo-space-2) 0 var(--inflo-space-3);overflow-x:auto}.flow-detail{border-radius:var(--inflo-radius-lg);border:1px solid var(--inflo-border-soft);background:var(--inflo-surface-muted);padding:var(--inflo-space-4);font-size:12px;line-height:1.6}.flow-detail-row{gap:var(--inflo-space-3);border-bottom:1px solid var(--inflo-border-soft);padding:4px 0;display:flex}.flow-detail-row:last-child{border-bottom:0}.flow-detail-key{color:var(--inflo-text-muted);flex-shrink:0;min-width:140px;font-size:11px}.flow-detail-val{color:var(--inflo-text-primary);word-break:break-all;white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:11px}pre{color:#d5deef;border-radius:var(--inflo-radius-sm);background:#111827;margin:0;padding:12px;font-size:11px;line-height:1.6;overflow-x:auto}.kv{gap:var(--inflo-space-2);align-items:center;font-size:13px;display:flex}.section-meta{color:var(--inflo-text-muted);font-size:11px}.empty-state{justify-content:center;align-items:center;gap:var(--inflo-space-2);padding:48px var(--inflo-space-6);color:var(--inflo-text-muted);text-align:center;flex-direction:column;font-size:13px;display:flex}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}