:root{--c4x-hero:#004675;--c4x-hero-deep:#00304f;--c4x-body-bg:#071b2c;--c4x-panel-bg:#0f2c42;--c4x-body-text:#eaf1f7;--c4x-muted:#9fb4c7;--c4x-accent:#00a4bf;--c4x-accent-dark:#00c0ce;--c4x-gold:#e8b84b;--c4x-gold-dark:#cf9a2f;--c4x-border:#ffffff1f;--c4x-white:#fff;--c4x-light-panel-bg:#fff;--c4x-light-panel-text:#0e283a;--c4x-light-panel-hover-bg:#eef3f8;--c4x-glow-cyan:#67e8f9;--c4x-glow-teal:#0891b2;--c4x-glow-hero:var(--c4x-hero);--c4x-on-accent:#00304f;--c4x-danger:#ff9c92;--c4x-danger-bg:#ff9c921f;--c4x-warn-bg:#e8b84b1f;--c4x-canvas-grid-pitch:20px;--c4x-shell-rail-w:220px;--c4x-shell-summary-w:300px;--c4x-space-xs:4px;--c4x-space-sm:8px;--c4x-space-md:12px;--c4x-space-lg:16px;--c4x-space-xl:24px;--c4x-font-xs:11px;--c4x-font-sm:12px;--c4x-font-md:13px;--c4x-font-lg:14px;--c4x-radius-sm:4px;--c4x-radius-md:8px;--c4x-radius-pill:999px;--c4x-font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--c4x-field-bg:#fff;--c4x-field-text:#0e283a;--c4x-field-border:#0e283a40;--font-heading:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body:has([data-app=xavier]){font-family:var(--font-body);background-color:var(--c4x-body-bg);background-image:radial-gradient(900px circle at 12% 0%, color-mix(in srgb, var(--c4x-glow-cyan) 22%, transparent), transparent 60%), radial-gradient(700px circle at 92% 18%, color-mix(in srgb, var(--c4x-glow-teal) 20%, transparent), transparent 55%), radial-gradient(800px circle at 50% 100%, color-mix(in srgb, var(--c4x-hero) 30%, transparent), transparent 60%);color:var(--c4x-body-text);-webkit-font-smoothing:antialiased;background-repeat:no-repeat;background-attachment:fixed;margin:0;line-height:1.6}[data-app=xavier] h1,[data-app=xavier] h2,[data-app=xavier] h3,[data-app=xavier] h4,[data-app=xavier] .brand,[data-app=xavier] .btn-primary,[data-app=xavier] .btn-secondary{font-family:var(--font-heading);line-height:1.15}[data-app=xavier] h1{margin:0 0 1rem;font-size:clamp(2rem,4vw,2.9rem);font-weight:800}[data-app=xavier] h2{margin:0 0 1rem;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700}[data-app=xavier] h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:700}[data-app=xavier] p{margin:0 0 1rem}[data-app=xavier] a{color:var(--c4x-accent)}[data-app=xavier] img{max-width:100%;display:block}[data-app=xavier] .btn{font-family:var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:filter .12s,background .12s;display:inline-flex}[data-app=xavier] .btn:disabled{opacity:.5;cursor:not-allowed}[data-app=xavier] .btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--c4x-accent) 18%, transparent), 0 0 0 2px var(--c4x-body-bg);outline:none}[data-app=xavier] .btn-gold{background:var(--c4x-gold);color:var(--c4x-field-text)}[data-app=xavier] .btn-gold:hover:not(:disabled){background:var(--c4x-gold-dark)}[data-app=xavier] .btn-accent{background:var(--c4x-accent);color:var(--c4x-field-text)}[data-app=xavier] .btn-accent:hover:not(:disabled){background:var(--c4x-accent-dark)}[data-app=xavier] .btn-outline{border-color:var(--c4x-border);color:var(--c4x-body-text);background:0 0}[data-app=xavier] .btn-outline:hover:not(:disabled){border-color:var(--c4x-accent);color:var(--c4x-accent)}[data-app=xavier] .btn-ghost{color:var(--c4x-muted);background:0 0;border:none;padding:6px 10px}[data-app=xavier] .btn-ghost:hover:not(:disabled){color:var(--c4x-body-text)}[data-app=xavier] .btn-danger{color:var(--c4x-danger);border:1px solid var(--c4x-danger);background:0 0}[data-app=xavier] .btn-danger:hover:not(:disabled){background:var(--c4x-danger-bg)}[data-app=xavier] .btn-sm{padding:6px 12px;font-size:13px}[data-app=xavier] .panel,[data-app=xavier] .section-panel{background:var(--c4x-panel-bg);border:1px solid var(--c4x-border);border-radius:8px;padding:24px}[data-app=xavier] .status-banner{border:1px solid var(--c4x-border);border-radius:6px;padding:12px 16px;font-size:14px}[data-app=xavier] .status-banner-info{border-color:var(--c4x-accent);color:var(--c4x-accent);background:color-mix(in srgb, var(--c4x-accent) 12%, transparent)}[data-app=xavier] .status-banner-warn{border-color:var(--c4x-gold);color:var(--c4x-gold);background:var(--c4x-warn-bg)}[data-app=xavier] .status-banner-error{border-color:var(--c4x-danger);color:var(--c4x-danger);background:var(--c4x-danger-bg)}[data-app=xavier] .badge{border-radius:var(--c4x-radius-pill);font-size:var(--c4x-font-xs);border:1px solid var(--c4x-border);color:var(--c4x-muted);align-items:center;gap:4px;padding:2px 10px;font-weight:600;display:inline-flex}[data-app=xavier] .badge-positive{color:var(--c4x-accent);border-color:var(--c4x-accent)}[data-app=xavier] .badge-pending{color:var(--c4x-gold);border-color:var(--c4x-gold)}[data-app=xavier] .badge-negative{color:var(--c4x-danger);border-color:var(--c4x-danger)}:root{--c4x-font-heading-family:"Manrope";--c4x-font-body-family:"Inter"}[data-shell=root]{background:var(--c4x-body-bg);height:100dvh;color:var(--c4x-body-text);font-family:var(--font-body);grid-template-rows:auto 1fr auto;display:grid}[data-region=nav]{padding:0 var(--c4x-space-lg);background:linear-gradient(160deg, var(--c4x-hero-deep) 0%, var(--c4x-hero) 100%);border-bottom:1px solid var(--c4x-border);min-height:2.75rem;font-family:var(--font-heading);justify-content:space-between;align-items:center;display:flex}[data-nav=links]{gap:20px;margin-left:2rem;margin-right:auto;display:flex}[data-nav=links] a{color:color-mix(in srgb, var(--c4x-white) 78%, transparent);font-size:var(--c4x-font-lg);padding:var(--c4x-space-sm) 0;font-weight:500;text-decoration:none}[data-nav=links] a:hover{color:var(--c4x-white)}[data-nav=links] a:focus-visible,[data-nav=brand]:focus-visible{border-radius:var(--c4x-radius-sm);box-shadow:0 0 0 3px color-mix(in srgb, var(--c4x-accent) 40%, transparent);outline:none}[data-shell=root] [data-nav=brand]{color:var(--c4x-white);letter-spacing:.01em;font-size:1.05rem;font-weight:700;text-decoration:none}[data-shell=columns]{grid-template-rows:minmax(0,1fr);grid-template-columns:auto 1fr auto;min-height:0;display:grid}[data-region=palette],[data-region=context]{background:var(--c4x-panel-bg);position:relative;overflow:auto}[data-region=palette]{width:var(--c4x-shell-rail-w);border-right:1px solid var(--c4x-border)}[data-palette=list]{padding:0 var(--c4x-space-sm) var(--c4x-space-md)}[data-region=context]{width:var(--c4x-shell-summary-w);border-left:1px solid var(--c4x-border)}[data-region=palette].is-collapsed,[data-region=context].is-collapsed{width:1.75rem;overflow:hidden}[data-shell=root] [data-rail=title]{line-height:1.4;font-family:var(--font-heading);font-size:var(--c4x-font-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--c4x-muted);margin:0;padding:.6rem .75rem .4rem;font-weight:700}[data-region=canvas]{min-width:0;position:relative;overflow:hidden}[data-region=strip]{border-top:1px solid var(--c4x-border);min-height:2rem;color:var(--c4x-muted);grid-template-columns:auto auto 1fr auto;align-items:center;gap:.75rem;padding:0 .75rem;display:grid}[data-strip=unsaved][data-state=dark]{display:none}[data-collapse]{z-index:20;background:var(--c4x-panel-bg);width:26px;height:26px;color:var(--c4x-muted);border:1px solid var(--c4x-border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}[data-collapse]:hover{color:var(--c4x-accent);border-color:var(--c4x-accent)}[data-collapse]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--c4x-accent) 18%, transparent);outline:none}[data-collapse=palette]{right:var(--c4x-space-xs);transform:translateY(-50%)}[data-collapse=context]{left:var(--c4x-space-xs);transform:translateY(-50%)}[data-region=palette].is-collapsed [data-collapse=palette],[data-region=context].is-collapsed [data-collapse=context]{left:50%;right:auto;transform:translate(-50%,-50%)}@media (width<=960px){[data-shell=root]{height:auto;min-height:100dvh}[data-shell=columns]{grid-template-rows:none;grid-template-columns:1fr}[data-region=canvas]{min-height:60dvh}[data-region=palette],[data-region=context]{border:none;border-bottom:1px solid var(--c4x-border);width:100%;max-height:40vh}[data-region=palette].is-collapsed,[data-region=context].is-collapsed{width:100%;height:1.75rem}[data-collapse]{display:none}}[data-shell=root][data-layout=page] [data-region=palette],[data-shell=root][data-layout=page] [data-region=context],[data-shell=root][data-layout=page] [data-region=strip]{display:none}[data-shell=root][data-layout=page] [data-region=canvas]{padding:var(--c4x-space-xl);overflow:auto}[data-shell=root][data-layout=page] [data-shell=columns]{grid-template-columns:minmax(0,1fr)}[data-shell=root][data-route=auth] [data-nav=links],[data-shell=root][data-route=auth] [data-nav=session]{display:none}@media (width<=640px){[data-region=nav]{padding:var(--c4x-space-sm) var(--c4x-space-lg);flex-wrap:wrap;row-gap:0}[data-nav=links]{gap:var(--c4x-space-xl);flex-basis:100%;order:3;margin-left:0;overflow-x:auto}[data-shell=root][data-layout=page] [data-region=canvas]{padding:var(--c4x-space-lg)}}@media (width<=640px){[data-page=auth]{margin:var(--c4x-space-lg);padding:var(--c4x-space-lg)}}@media (width<=640px){[data-page=workflows] table{display:block;overflow-x:auto}[data-page=workflows] th,[data-page=workflows] td{white-space:nowrap}}@media (width<=640px){[data-page=credentials] table{display:block;overflow-x:auto}[data-page=credentials] th,[data-page=credentials] td{white-space:nowrap}}@media (width<=640px){[data-page=agent]{flex-direction:column;height:auto}[data-page=agent] [data-role=agent-sessions]{border-right:none;border-bottom:1px solid var(--c4x-border);width:100%;max-height:120px;padding:0 0 var(--c4x-space-sm)}[data-page=agent] [data-role=transcript]{min-height:40vh;max-height:60vh}[data-page=agent] [data-role=transcript] li,[data-page=agent] [data-role=node-transcript]{max-width:92%}}[data-role=presence-list]{align-items:center;gap:var(--c4x-space-xs);display:inline-flex}[data-role=presence-peer]{padding:1px var(--c4x-space-sm);border-radius:var(--c4x-radius-pill);border:1px solid var(--c4x-accent);color:var(--c4x-accent);font-size:var(--c4x-font-xs);align-items:center;display:inline-flex}[data-role=collab-error]{color:var(--c4x-danger);font-size:var(--c4x-font-xs)}.fx-exec{align-items:center;gap:var(--c4x-space-sm);display:inline-flex}.fx-exec-status{color:var(--c4x-muted);font-size:var(--c4x-font-xs);text-transform:uppercase;letter-spacing:.04em}.fx-exec-detail{padding:var(--c4x-space-xs) var(--c4x-space-md);gap:var(--c4x-space-xs);font-size:var(--c4x-font-xs);color:var(--c4x-body-text);flex-direction:column;max-height:30vh;margin:0;list-style:none;display:flex;overflow-y:auto}.fx-exec-watermark{margin-left:var(--c4x-space-xs);color:var(--c4x-gold);font-style:normal;font-size:var(--c4x-font-xs)}.fx-node-ring.ring--accent{animation:1s ease-in-out infinite fx-exec-pulse}.fx-node-ring.ring--gold{animation:none}.fx-edge--flowing{animation:1.2s linear infinite fx-exec-flow}.fx-edge--error{animation:none}@keyframes fx-exec-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes fx-exec-flow{0%{stroke-dashoffset:12px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.fx-node-ring.ring--accent,.fx-edge--flowing{animation:none}}[data-page=auth]{gap:var(--c4x-space-md);max-width:380px;padding:var(--c4x-space-xl);background:var(--c4x-panel-bg);border:1px solid var(--c4x-border);border-radius:var(--c4x-radius-md);color:var(--c4x-body-text);font-family:var(--font-body);font-size:var(--c4x-font-lg);flex-direction:column;margin:8vh auto;display:flex}[data-page=auth] label{gap:var(--c4x-space-xs);color:var(--c4x-muted);font-size:var(--c4x-font-sm);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;display:flex}[data-page=auth] input{background:var(--c4x-field-bg);color:var(--c4x-field-text);border:1px solid var(--c4x-field-border);border-radius:var(--c4x-radius-sm);padding:0 var(--c4x-space-sm);width:100%;height:40px;font-family:var(--font-body);font-size:var(--c4x-font-lg);text-transform:none;letter-spacing:normal}[data-page=auth] input:focus{border-color:var(--c4x-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--c4x-accent) 18%, transparent);outline:none}[data-page=auth] [data-role=auth-error]{color:var(--c4x-danger);background:var(--c4x-danger-bg);border:1px solid var(--c4x-danger);border-radius:var(--c4x-radius-sm);padding:var(--c4x-space-sm) var(--c4x-space-md)}[data-page=auth] [data-role=entra]{color:var(--c4x-accent);text-align:center;text-decoration:none}[data-page=auth] [data-role=entra]:hover{text-decoration:underline}@media (width<=640px){[data-page=auth]{margin:var(--c4x-space-lg);padding:var(--c4x-space-lg)}}[data-page=workflows]{gap:var(--c4x-space-md);color:var(--c4x-body-text);font-size:var(--c4x-font-lg);font-family:var(--font-body);flex-direction:column;display:flex}[data-page=workflows] [data-role=toolbar]{gap:var(--c4x-space-sm);flex-wrap:wrap;align-items:center;display:flex}[data-page=workflows] [data-role=new-form]{gap:var(--c4x-space-sm);background:var(--c4x-panel-bg);border:1px solid var(--c4x-border);border-radius:var(--c4x-radius-md);min-width:0;padding:var(--c4x-space-md);flex-wrap:wrap;flex:320px;align-items:center;display:flex}[data-page=workflows] [data-role=new-form][style*=none]{display:none}[data-page=workflows] [data-role=new-form] input{background:var(--c4x-field-bg);color:var(--c4x-field-text);border:1px solid var(--c4x-field-border);border-radius:var(--c4x-radius-sm);padding:0 var(--c4x-space-sm);min-width:0;height:40px;font-family:var(--font-body);font-size:var(--c4x-font-lg);flex:200px}[data-page=workflows] [data-role=new-form] input:focus{border-color:var(--c4x-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--c4x-accent) 18%, transparent);outline:none}[data-page=workflows] table{border-collapse:collapse;width:100%}[data-page=workflows] th,[data-page=workflows] td{text-align:left;padding:var(--c4x-space-sm) var(--c4x-space-md);border-bottom:1px solid var(--c4x-border);overflow-wrap:anywhere}[data-page=workflows] th{color:var(--c4x-muted);font-size:var(--c4x-font-sm);text-transform:uppercase;letter-spacing:.03em;font-family:var(--font-heading)}[data-page=workflows] td[data-role=live-rev],[data-page=workflows] td[data-role=prod-rev],[data-page=workflows] td[data-role=updated]{font-family:var(--c4x-font-mono);font-size:var(--c4x-font-md);color:var(--c4x-muted)}[data-page=workflows] tbody tr:hover{background:#ffffff0a}[data-page=workflows] td[data-role=name]{cursor:pointer;color:var(--c4x-accent)}[data-page=workflows] td[data-role=actions]{white-space:nowrap;text-align:right}[data-page=workflows] td[data-role=actions] .btn+.btn{margin-left:var(--c4x-space-xs)}@media (width<=640px){[data-page=workflows] table{display:block;overflow-x:auto}[data-page=workflows] th,[data-page=workflows] td{white-space:nowrap}}[data-page=workflows] [data-role=workflows-error]{color:var(--c4x-danger);background:var(--c4x-danger-bg);border:1px solid var(--c4x-danger);border-radius:var(--c4x-radius-sm);padding:var(--c4x-space-sm) var(--c4x-space-md)}[data-page=workflows] [data-role=empty-state]{color:var(--c4x-muted)}[data-page=credentials]{gap:var(--c4x-space-md);color:var(--c4x-body-text);font-size:var(--c4x-font-lg);font-family:var(--font-body);flex-direction:column;display:flex}[data-page=credentials] [data-role=toolbar]{gap:var(--c4x-space-sm);flex-wrap:wrap;align-items:center;display:flex}[data-page=credentials] [data-role=new-form]{gap:var(--c4x-space-sm);background:var(--c4x-panel-bg);border:1px solid var(--c4x-border);border-radius:var(--c4x-radius-md);min-width:0;padding:var(--c4x-space-md);flex-wrap:wrap;flex:100%;align-items:flex-end;display:flex}[data-page=credentials] [data-role=new-form][style*=none]{display:none}[data-page=credentials] [data-role=new-form] input:not([type=checkbox]),[data-page=credentials] [data-role=new-form] select{background:var(--c4x-field-bg);color:var(--c4x-field-text);border:1px solid var(--c4x-field-border);border-radius:var(--c4x-radius-sm);padding:0 var(--c4x-space-sm);min-width:0;height:40px;font-family:var(--font-body);font-size:var(--c4x-font-lg);flex:180px}[data-page=credentials] [data-role=new-form] input:focus,[data-page=credentials] [data-role=new-form] select:focus{border-color:var(--c4x-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--c4x-accent) 18%, transparent);outline:none}[data-page=credentials] [data-field$=-scopes]{gap:var(--c4x-space-sm);border:1px solid var(--c4x-border);border-radius:var(--c4x-radius-sm);padding:var(--c4x-space-xs) var(--c4x-space-sm);flex-wrap:wrap;flex:100%;min-width:0;margin:0;display:flex}[data-page=credentials] [data-field$=-scopes] label{align-items:center;gap:var(--c4x-space-xs);display:inline-flex}[data-page=credentials] [data-field$=-scopes] input[type=checkbox]{accent-color:var(--c4x-accent);margin:0}[data-page=credentials] [data-field$=-scopes] legend{color:var(--c4x-muted);font-size:var(--c4x-font-sm);padding:0 var(--c4x-space-xs)}[data-page=credentials] table{border-collapse:collapse;width:100%}[data-page=credentials] th,[data-page=credentials] td{text-align:left;padding:var(--c4x-space-sm) var(--c4x-space-md);border-bottom:1px solid var(--c4x-border);overflow-wrap:anywhere}[data-page=credentials] th{color:var(--c4x-muted);font-size:var(--c4x-font-sm);text-transform:uppercase;letter-spacing:.03em;font-family:var(--font-heading)}[data-page=credentials] td[data-role=actions]{white-space:nowrap;text-align:right}@media (width<=640px){[data-page=credentials] table{display:block;overflow-x:auto}[data-page=credentials] th,[data-page=credentials] td{white-space:nowrap}}[data-page=credentials] tbody tr:hover{background:#ffffff0a}[data-page=credentials] td[data-warn=true]{color:var(--c4x-gold)}[data-role=edit-panel]{background:var(--c4x-panel-bg);border:1px solid var(--c4x-border);border-radius:var(--c4x-radius-md);padding:var(--c4x-space-xl);gap:var(--c4x-space-sm);flex-direction:column;display:flex}[data-role=edit-panel] h2{font-family:var(--font-heading);font-size:var(--c4x-font-lg);margin:0;font-weight:700}[data-role=masked-row],[data-role=test-row],[data-role=delete-row]{align-items:center;gap:var(--c4x-space-sm);flex-wrap:wrap;display:flex}[data-role=masked-value]{font-family:var(--c4x-font-mono);margin-right:var(--c4x-space-sm);overflow-wrap:anywhere;min-width:0}[data-role=test-result][data-status=ok]{color:var(--c4x-accent)}[data-role=test-result][data-status=fail]{color:var(--c4x-danger)}[data-role=credentials-error],[data-role=new-error],[data-role=reveal-error],[data-role=delete-error]{color:var(--c4x-danger);background:var(--c4x-danger-bg);border:1px solid var(--c4x-danger);border-radius:var(--c4x-radius-sm);padding:var(--c4x-space-xs) var(--c4x-space-sm)}[data-role=empty-state]{color:var(--c4x-muted)}[data-page=agent]{gap:var(--c4x-space-md);height:100%;color:var(--c4x-body-text);font-size:var(--c4x-font-lg);font-family:var(--font-body);min-width:0;display:flex}[data-page=agent] [data-role=agent-sessions]{border-right:1px solid var(--c4x-border);width:180px;padding-right:var(--c4x-space-sm);flex-shrink:0;overflow-y:auto}[data-page=agent] [data-role=agent-sessions] h2{font-size:var(--c4x-font-sm);font-family:var(--font-heading);color:var(--c4x-muted);margin:0 0 var(--c4x-space-sm);text-transform:uppercase;letter-spacing:.08em;line-height:1.4}[data-page=agent] [data-role=sessions-list]{gap:var(--c4x-space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}[data-page=agent] [data-role=sessions-list] li{padding:var(--c4x-space-xs) var(--c4x-space-sm);border-radius:var(--c4x-radius-sm);background:var(--c4x-panel-bg);border:1px solid var(--c4x-border);cursor:pointer;overflow-wrap:anywhere}[data-page=agent] [data-role=sessions-list] li:hover{border-color:var(--c4x-muted)}[data-page=agent] [data-role=sessions-list] li[data-current=true]{border-color:var(--c4x-accent)}[data-page=agent] [data-role=agent-chat]{gap:var(--c4x-space-sm);flex-direction:column;flex:1;min-width:0;display:flex}[data-page=agent] [data-role=conn-status]{padding:var(--c4x-space-xs) var(--c4x-space-sm);border-radius:var(--c4x-radius-pill);border:1px solid var(--c4x-border);color:var(--c4x-muted);font-size:var(--c4x-font-xs);align-self:flex-start;font-weight:600}[data-page=agent] [data-role=conn-status][data-status=connected]{color:var(--c4x-accent);border-color:var(--c4x-accent)}[data-page=agent] [data-role=agent-error]{padding:var(--c4x-space-sm) var(--c4x-space-md);border:1px solid var(--c4x-danger);border-radius:var(--c4x-radius-sm);color:var(--c4x-danger);background:var(--c4x-danger-bg)}[data-page=agent] [data-role=transcript]{gap:var(--c4x-space-sm);flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}[data-page=agent] [data-role=transcript] li{max-width:72%;padding:var(--c4x-space-sm) var(--c4x-space-md);border-radius:var(--c4x-radius-md);background:var(--c4x-panel-bg);border:1px solid var(--c4x-border);white-space:pre-wrap}[data-page=agent] li[data-role=bubble-user]{background:color-mix(in srgb, var(--c4x-accent) 16%, var(--c4x-panel-bg));border-color:color-mix(in srgb, var(--c4x-accent) 45%, transparent);align-self:flex-end}[data-page=agent] li[data-role=bubble-agent]{border-left:2px solid var(--c4x-accent);align-self:flex-start}[data-page=agent] li[data-role=bubble-tool],[data-page=agent] li[data-role=tool-row]{color:var(--c4x-muted);background:0 0;border-style:dashed;align-self:flex-start;font-style:italic}[data-page=agent] li[data-role=tool-row][data-state=timeout]{color:var(--c4x-gold);border-color:var(--c4x-gold)}[data-page=agent] li[data-role=exec-flash]{max-width:none;color:var(--c4x-muted);font-size:var(--c4x-font-xs);background:0 0;border:none;align-self:flex-start;padding:0;font-style:italic}[data-page=agent] [data-role=node-transcript]{border:1px dashed var(--c4x-border);border-radius:var(--c4x-radius-sm);max-width:72%;padding:var(--c4x-space-xs) var(--c4x-space-sm);color:var(--c4x-muted);font-size:var(--c4x-font-xs);align-self:flex-start}[data-page=agent] [data-role=node-transcript] summary{cursor:pointer;color:var(--c4x-muted)}[data-page=agent] [data-role=node-transcript-body]{white-space:pre-wrap;color:var(--c4x-body-text)}[data-page=agent] [data-role=prompt-form]{gap:var(--c4x-space-sm);display:flex}[data-page=agent] [data-role=prompt-form] input{background:var(--c4x-field-bg);min-width:0;color:var(--c4x-field-text);border:1px solid var(--c4x-field-border);border-radius:var(--c4x-radius-sm);padding:0 var(--c4x-space-sm);height:40px;font-family:var(--font-body);font-size:var(--c4x-font-lg);flex:1}[data-page=agent] [data-role=prompt-form] input:focus{border-color:var(--c4x-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--c4x-accent) 18%, transparent);outline:none}@media (width<=640px){[data-page=agent]{flex-direction:column;height:auto}[data-page=agent] [data-role=agent-sessions]{border-right:none;border-bottom:1px solid var(--c4x-border);width:100%;max-height:120px;padding:0 0 var(--c4x-space-sm)}[data-page=agent] [data-role=transcript]{min-height:40vh;max-height:60vh}[data-page=agent] [data-role=transcript] li,[data-page=agent] [data-role=node-transcript]{max-width:92%}}.fx-canvas{background:var(--c4x-hero);outline:none;width:100%;height:100%;display:block}.fx-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--c4x-accent)}.fx-grid-dot{fill:var(--c4x-border)}.fx-node{cursor:pointer}.fx-node-card{fill:var(--c4x-panel-bg);stroke:var(--c4x-border)}.fx-node--selected .fx-node-card{stroke:var(--c4x-accent)}.fx-node--disabled .fx-node-card{opacity:.5}.fx-node-ring{fill:#0000}.fx-node-ring.ring--accent{fill:var(--c4x-accent)}.fx-node-ring.ring--teal{fill:var(--c4x-accent-dark)}.fx-node-ring.ring--gold{fill:var(--c4x-gold)}.fx-node-icon{fill:var(--c4x-muted)}.fx-node-name{fill:var(--c4x-body-text);font-family:var(--font-heading);font-size:13px}.fx-node-sub{fill:var(--c4x-muted);font-family:var(--font-body);font-size:11px}.fx-port{fill:var(--c4x-body-bg);stroke:var(--c4x-accent);stroke-width:1.5px}.fx-port:hover{fill:var(--c4x-accent)}.fx-edge{fill:none;stroke:var(--c4x-muted);stroke-width:2px}.fx-edge:hover,.fx-edge--selected{stroke:var(--c4x-accent)}.fx-edge--pending{stroke-dasharray:6 4;stroke:var(--c4x-accent)}.fx-edge--flowing{stroke:var(--c4x-glow-teal)}.fx-edge--error{stroke:var(--c4x-gold)}.fx-edge--failed{opacity:.4}.fx-marquee{fill:none;stroke:var(--c4x-accent);stroke-dasharray:4 3}.fx-palette-item{border:1px solid var(--c4x-border);color:var(--c4x-body-text);font-family:var(--font-body);cursor:grab;border-radius:4px;margin:4px;padding:6px 8px}[data-canvas=context-menu],[data-canvas=quick-add]{background:var(--c4x-panel-bg);border:1px solid var(--c4x-border);border-radius:6px;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:1rem;right:1rem}[data-canvas=context-menu] button,[data-canvas=quick-add] button{color:var(--c4x-body-text);text-align:left;cursor:pointer;font-family:var(--font-body);background:0 0;border:none;padding:4px 8px}[data-canvas=context-menu] button:hover,[data-canvas=quick-add] button:hover{color:var(--c4x-accent)}[data-canvas=context-menu] button:focus-visible,[data-canvas=quick-add] button:focus-visible{color:var(--c4x-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--c4x-accent) 18%, transparent);outline:none}[data-canvas=inline-rename]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--c4x-accent) 18%, transparent);outline:none}[data-canvas=inline-rename]{background:var(--c4x-field-bg);color:var(--c4x-field-text);border:1px solid var(--c4x-accent);font-family:var(--font-body);border-radius:4px;padding:4px 8px;position:absolute;top:.5rem;left:50%}h3.fx-flyout-title{margin:0 0 var(--c4x-space-sm) 0;font-size:var(--c4x-font-md);color:var(--c4x-body-text);font-weight:600}.fx-flyout-form{gap:var(--c4x-space-md);padding:var(--c4x-space-md);flex-direction:column;display:flex}.fx-flyout-row{gap:var(--c4x-space-xs);flex-direction:column;display:flex}.fx-flyout-label{font-size:var(--c4x-font-sm);color:var(--c4x-muted)}.fx-flyout-required{color:var(--c4x-gold);margin-left:2px}.fx-flyout-row input[type=text],.fx-flyout-row input[type=number],.fx-flyout-row select,.fx-flyout-row textarea{background:var(--c4x-field-bg);color:var(--c4x-field-text);border:1px solid var(--c4x-field-border);border-radius:var(--c4x-radius-sm);padding:0 var(--c4x-space-sm);height:40px;font-family:var(--font-body);font-size:var(--c4x-font-sm)}.fx-flyout-row textarea{height:auto;padding:var(--c4x-space-xs) var(--c4x-space-sm)}.fx-flyout-row input[type=checkbox]{accent-color:var(--c4x-accent)}.fx-flyout-row input:focus,.fx-flyout-row select:focus,.fx-flyout-row textarea:focus{border-color:var(--c4x-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--c4x-accent) 18%, transparent);outline:none}.fx-flyout-row select[multiple]{min-height:96px}.fx-flyout-row textarea{font-family:var(--c4x-font-mono);resize:vertical}.fx-flyout-desc{font-size:var(--c4x-font-xs);color:var(--c4x-muted);margin:0}.fx-flyout-error{margin:var(--c4x-space-xs) 0 0 0;padding:var(--c4x-space-xs) var(--c4x-space-sm);font-size:var(--c4x-font-xs);color:var(--c4x-danger);background:var(--c4x-danger-bg);border:1px solid var(--c4x-danger);border-radius:var(--c4x-radius-sm)}.fx-flyout-idle,.fx-flyout-form [data-flyout=unknown-type],[data-flyout=unknown-type],[data-flyout=empty-node],[data-flyout=empty-edge]{color:var(--c4x-muted);font-size:var(--c4x-font-sm);padding:var(--c4x-space-md)}.fx-flyout-row a[data-part=manage-credentials]{color:var(--c4x-accent);font-size:var(--c4x-font-xs);text-decoration:none}.fx-flyout-row a[data-part=manage-credentials]:hover{text-decoration:underline}.fx-edge-stats{padding:var(--c4x-space-md)}.fx-edge-stats dl{gap:var(--c4x-space-xs) var(--c4x-space-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.fx-edge-stats dt{color:var(--c4x-muted);font-size:var(--c4x-font-sm)}.fx-edge-stats dd{color:var(--c4x-body-text);font-size:var(--c4x-font-sm);margin:0}