:root{--color-text-primary:var(--ss-text-primary);--color-text-secondary:var(--ss-text-secondary);--color-text-muted:var(--ss-text-muted);--color-border-subtle:var(--ss-line-default);--color-border-default:var(--ss-line-card);--color-surface-app:var(--ss-surface-page);--color-surface-card:var(--ss-surface-card);--color-surface-floating:var(--ss-surface-floating);--color-focus-ring:var(--ss-focus-ring);--ss-brand-bright:#ff9f33;--ss-brand-mid:#ff8700;--ss-brand-deep:#e07400;--ss-brand-navy:#a85600;--ss-brand-text:#a85600;--ss-brand-rgb:255 135 0;--ss-status-ok:#1f9d6b;--ss-status-warning:#c4861a;--ss-status-alert:#d2453f;--ss-mark-pending:#2f7df6;--ss-mark-pending-rgb:47 125 246;--ss-mark-pending-bg:#eaf1fe;--ss-surface-app:#f3f2ee;--ss-surface-page:#fafaf8;--ss-surface-rail:#f3f2ee;--ss-surface-panel:#fff;--ss-surface-hover:#1816120d;--ss-surface-pressed:#18161214;--ss-surface-selected:#fff;--ss-surface-card:#fff;--ss-surface-floating:#fff;--ss-text-primary:#1b1b1b;--ss-text-secondary:#4a4a4a;--ss-text-muted:#6f6f6f;--ss-text-faint:#8a8a8a;--ss-line-default:#e3e2dd;--ss-line-card:#e8e7e3;--ss-line-faint:#f0efeb;--ss-line-strong:#d3d2cc;--ss-focus-ring:#8f8d86;--ss-on-accent:#fff;--ss-edge:#b3b3b0;--ss-edge-active:#ff8700;--ss-scrim:#18161233;--ss-surface-code:#1b1b1b;--ss-on-code:#ececea;--ss-surface-code-header:#111;--ss-on-code-muted:#9a9a9a;--ss-preview-backdrop:linear-gradient(180deg,#fafafa 0%,#e8e8e6 100%);--ss-brand-tint:#efeee9;--ss-brand-tint-strong:#e7e6e0;--ss-status-alert-bg:#fee2e2;--ss-status-alert-border:#fca5a5;--ss-accent-analyze:#7c66d9;--ss-chart-1:#ff8700;--ss-chart-2:#38bdf8;--ss-chart-3:#34d399;--ss-chart-4:#f87171;--ss-chart-5:#a78bfa;--ss-chart-6:#fbbf24;--ss-chart-7:#f472b6;--ss-chart-8:#94a3b8;--ss-chart-9:#facc15;--ss-chart-10:#22d3ee;--ss-shadow-card:0 1px 2px #1816120d;--ss-shadow-chip:0 1px 2px #18161214,0 0 0 .5px #18161214;--ss-shadow-floating:0 12px 32px #1816121f,0 0 0 .5px #1816121a;--ss-radius-tile:8px;--ss-radius-card:12px;--ss-radius-control:8px;--ss-gutter:8px;--ss-font-ui:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",system-ui,sans-serif;--ss-radius-pill:999px;--overlay-edge-gap:12px;--overlay-bottom-bar-height:40px}body{background:var(--ss-surface-app);color:var(--ss-text-primary);font-family:var(--ss-font-ui);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--ss-text-primary)}*{scrollbar-width:thin;scrollbar-color:var(--ss-line-faint)transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ss-line-default);background-clip:padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--ss-text-faint);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}select{color:var(--ss-text-primary);background-color:var(--ss-surface-page)}select option{background-color:var(--ss-surface-card);color:var(--ss-text-primary)}select option:checked,select option:hover{background-color:var(--ss-brand-tint);color:var(--ss-text-primary)}@keyframes rf-edge-dash{to{stroke-dashoffset:-12px}}.react-flow__controls{border-radius:10px;overflow:hidden;box-shadow:var(--ss-shadow-floating)!important;background:var(--ss-surface-panel)!important;border:0!important;padding:3px!important}.react-flow__controls-button{border-radius:7px;transition:background-color .12s,color .12s,fill .12s;background:var(--ss-surface-panel)!important;width:28px!important;height:28px!important;color:var(--ss-text-secondary)!important;fill:var(--ss-text-secondary)!important;border-bottom:0!important}.react-flow__controls-button:hover{background:var(--ss-surface-hover)!important;color:var(--ss-text-primary)!important;fill:var(--ss-text-primary)!important}.react-flow__attribution{opacity:.5}.react-flow__controls-button:focus-visible{outline:2px solid var(--ss-focus-ring,var(--ss-brand-mid));outline-offset:-2px}.react-flow__controls-button svg{width:100%;max-width:14px;max-height:14px}.react-flow__controls .react-flow__controls-button svg{width:100%;height:100%;fill:currentColor!important;max-width:12px!important;max-height:12px!important}.react-flow__controls .react-flow__controls-button svg path,.react-flow__controls .react-flow__controls-button svg polygon,.react-flow__controls .react-flow__controls-button svg circle,.react-flow__controls .react-flow__controls-button svg rect{fill:currentColor!important}.rf-edge-animated{stroke-dasharray:6 6;stroke-dashoffset:0;animation:1s linear infinite rf-edge-dash}.react-flow__nodes{z-index:1}.react-flow__edges{z-index:5}.react-flow__edge-textwrapper{z-index:6}.state-node .react-flow__resize-control{opacity:0}.agent-attention-ring{pointer-events:none;box-shadow:0 0 0 2px var(--ss-brand-mid);opacity:.9;z-index:10;border-radius:9px;animation:1.2s ease-in-out infinite ss-attention-breathe;position:absolute;inset:-4px}@keyframes ss-attention-breathe{0%,to{box-shadow:0 0 0 2px var(--ss-brand-mid);opacity:.9}50%{box-shadow:0 0 0 6px var(--ss-brand-mid);opacity:.35}}@media (prefers-reduced-motion:reduce){.agent-attention-ring{animation:none}}.agent-attention-chip-pulse{animation:1.2s ease-in-out infinite ss-attention-chip-breathe}@keyframes ss-attention-chip-breathe{0%,to{opacity:1}50%{opacity:.65}}@media (prefers-reduced-motion:reduce){.agent-attention-chip-pulse{animation:none}}
