:root{--surface-floor:#090d12;--surface-1:#0f172a;--surface-2:#1e293b;--surface-border:#33415566;--surface-border-strong:#64748b59;--signal-primary:#10b981;--signal-secondary:#38bdf8;--signal-tertiary:#f59e0b;--signal-alert:#f43f5e;--role-blue:#60a5fa;--role-violet:#a78bfa;--role-teal:#2dd4bf;--role-orange:#fb923c;--role-lime:#a3e635;--role-pink:#f472b6;--text-primary:#f8fafc;--text-muted:#94a3b8;--text-telemetry:#64748b;--user-accent-1:#38bdf8;--user-accent-2:#f59e0b;--user-accent-3:#a78bfa;--user-accent-4:#34d399;--user-accent-5:#fb7185;--user-accent-6:#f43f5e;--user-accent-7:#60a5fa;--user-accent-8:#2dd4bf;--font-sans:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--radius-control:.25rem;--radius-container:.5rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--layout-max-width:88rem}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--surface-floor);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}input,button,textarea,select{font-family:inherit;font-size:inherit;color:inherit}input[type=checkbox],input[type=radio]{accent-color:var(--signal-primary)}input[type=file]{color:var(--text-muted);font-size:14px}input[type=file]::file-selector-button{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--surface-border-strong);border-radius:var(--radius-control);cursor:pointer;margin-right:10px;padding:6px 12px;font-family:inherit;font-size:13px;transition:border-color .12s}input[type=file]::file-selector-button:hover{border-color:var(--signal-primary)}.react-flow .react-flow__controls{box-shadow:none;border:1px solid var(--surface-border-strong);border-radius:var(--radius-control);overflow:hidden}.react-flow .react-flow__controls-button{background:var(--surface-1);border-bottom:1px solid var(--surface-border-strong);fill:var(--text-muted);color:var(--text-muted)}.react-flow .react-flow__controls-button:hover{background:var(--surface-2);fill:var(--text-primary)}.react-flow .react-flow__controls-button:last-child{border-bottom:none}.tabular{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.split-main-side{gap:var(--space-xl);grid-template-columns:minmax(0,3fr) minmax(300px,2fr);align-items:start;display:grid}@media (width<=900px){.split-main-side{grid-template-columns:minmax(0,1fr)}}.prose-pre{white-space:pre-wrap;overflow-wrap:anywhere}.app-nav{z-index:50;align-items:center;gap:var(--space-sm) var(--space-lg);min-height:56px;padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--surface-border);background:var(--surface-1);flex-wrap:wrap;display:flex;position:sticky;top:0}.app-nav-links{gap:var(--space-xs) var(--space-lg);flex-wrap:wrap;flex:1;min-width:0;display:flex}.live-status{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-telemetry);cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.live-status-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px;position:relative}.live-status[data-connected=true] .live-status-dot{background:var(--signal-primary)}.live-status[data-connected=true] .live-status-dot:after{content:"";background:var(--signal-primary);border-radius:50%;animation:2s ease-out infinite live-pulse;position:absolute;inset:0}@keyframes live-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:reduce){.live-status-dot:after{animation:none!important}}@media (width<=700px){.app-nav{padding:var(--space-sm) var(--space-md)}.app-nav>:first-child{margin-right:auto}.app-nav-links{flex-wrap:nowrap;flex-basis:100%;order:3;padding-bottom:4px;overflow-x:auto}.app-nav-links a{white-space:nowrap}.page{padding:var(--space-md)!important}}:focus-visible{outline:2px solid var(--signal-secondary);outline-offset:2px}.topology-readonly .react-flow__handle{display:none}