:root{--color-bg: #020617;--color-surface: #1E293B;--color-surface-2: #0F172A;--color-border: #334155;--color-text: #F8FAFC;--color-text-muted: #94A3B8;--color-primary: #CBD5E1;--color-accent: #818CF8;--color-accent-ink: #1E1B4B;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #EF4444;--color-info: #38BDF8;--color-on-danger: #FFFFFF;--color-code: #F472B6;--color-handoff: #FB923C;--state-running: var(--color-accent);--state-parked: var(--color-info);--state-succeeded: var(--color-success);--state-failed: var(--color-error);--state-compensating: var(--color-warning);--state-cancelled: var(--color-text-muted);--chart-1: #2563EB;--chart-2: #DC2626;--chart-3: #16A34A;--chart-4: #9333EA;--chart-5: #EA580C;--chart-6: #0891B2;--chart-7: #CA8A04;--chart-8: #DB2777;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(2, 6, 23, .4);--shadow-md: 0 4px 12px rgba(2, 6, 23, .45);--shadow-lg: 0 12px 32px rgba(2, 6, 23, .55);--ease: cubic-bezier(.16, .84, .44, 1);--dur-fast: .15s;--dur-mid: .22s;--dur-slow: .3s;--max-content: 1440px;--sidebar-w: 256px;--sidebar-w-collapsed: 64px;--topbar-h: 64px}.surface-light{--color-bg: #FFFFFF;--color-surface: #F8FAFC;--color-surface-2: #FFFFFF;--color-border: #E2E8F0;--color-text: #020617;--color-text-muted: #64748B;--color-primary: #334155;--color-accent: #6366F1;--color-accent-ink: #FFFFFF;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #DC2626;--color-info: #0EA5E9;--color-on-danger: #FFFFFF;--shadow-sm: 0 1px 2px rgba(2, 6, 23, .06);--shadow-md: 0 4px 12px rgba(2, 6, 23, .08);--shadow-lg: 0 12px 32px rgba(2, 6, 23, .12)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-family:var(--font-display);line-height:1.2;text-wrap:balance}p{margin:0;text-wrap:pretty}h1{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em}h2{font-size:var(--text-xl);font-weight:600}h3{font-size:var(--text-lg);font-weight:600}h4{font-size:var(--text-sm);font-weight:600}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}code,pre,.mono{font-family:var(--font-mono);font-variant-ligatures:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.app-shell{display:flex;min-height:100dvh;background:var(--color-bg);--nav-w: var(--sidebar-w)}.app-shell--nav-collapsed{--nav-w: var(--sidebar-w-collapsed)}.app-body{flex:1;min-width:0;display:flex;flex-direction:column}.app-main{flex:1;min-width:0;padding:var(--space-6);max-width:var(--max-content);width:100%;margin:0 auto}.app-main--bleed{max-width:none;padding:0}@media(max-width:767px){.app-main{padding:var(--space-4)}}.page-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-head__eyebrow{font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2)}.page-head__sub{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-2);max-width:76ch}.page-head__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-2{display:flex;flex-direction:column;gap:var(--space-2)}.stack-6{display:flex;flex-direction:column;gap:var(--space-6)}.row{display:flex;align-items:center;gap:var(--space-3)}.row-2{display:flex;align-items:center;gap:var(--space-2)}.row-wrap{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.spacer{flex:1}.stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.split{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:var(--space-6);align-items:start}.split-rail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:var(--space-6);align-items:start}.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}@media(max-width:1100px){.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.split-rail{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.stat-strip,.duo{grid-template-columns:minmax(0,1fr)}}.muted{color:var(--color-text-muted)}.t-xs{font-size:var(--text-xs)}.t-sm{font-size:var(--text-sm)}.t-lg{font-size:var(--text-lg)}.num{font-variant-numeric:tabular-nums}.right{text-align:right}.strong{font-weight:600}.display{font-family:var(--font-display)}.label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-1)}.hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.err-text{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1)}.scroll-x{overflow-x:auto}.skeleton{background:var(--color-surface);border-radius:var(--radius-sm)}.pulse{opacity:.7}.spin{transform-origin:50% 50%}@media(prefers-reduced-motion:no-preference){.pulse{animation:pulse 1.4s var(--ease) infinite}.spin{animation:spin .9s linear infinite}.fade-in{animation:fade-in var(--dur-mid) var(--ease) both}.slide-in{animation:slide-in var(--dur-slow) var(--ease) both}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:.9}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translate(var(--space-4))}to{opacity:1;transform:none}}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--color-surface-2);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;transition:width var(--dur-mid) var(--ease),flex-basis var(--dur-mid) var(--ease)}.sidebar--collapsed{width:var(--sidebar-w-collapsed);flex-basis:var(--sidebar-w-collapsed)}.sidebar__brand{height:var(--topbar-h);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--color-border);flex:0 0 auto}.sidebar__mark{width:32px;height:32px;flex:0 0 32px;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-ink);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm)}.sidebar__name{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.sidebar__nav{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-2)}.sidebar__group{margin-bottom:var(--space-4)}.sidebar__group-label{font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);padding:0 var(--space-3) var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:0;border-left:2px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.nav-item:hover{background:var(--color-surface);color:var(--color-text)}a.nav-item,a.nav-item:hover{text-decoration:none}.nav-item[aria-current=page]{background:var(--color-surface);color:var(--color-accent);border-left-color:var(--color-accent)}.nav-item__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item--draggable{cursor:grab}.nav-item--draggable:active{cursor:grabbing}.sidebar__foot{padding:var(--space-3);border-top:1px solid var(--color-border)}@media(max-width:767px){.sidebar{position:fixed;z-index:40;left:0;transform:translate(-100%);transition:transform var(--dur-mid) var(--ease)}.sidebar--open{transform:none;box-shadow:var(--shadow-lg)}.app-shell,.app-shell--nav-collapsed{--nav-w: 0px}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#02061799;border:0}.topbar{height:var(--topbar-h);flex:0 0 auto;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:20}@media(max-width:767px){.topbar{padding:0 var(--space-4)}}.topbar__crumbs{font-size:var(--text-sm);color:var(--color-text-muted);min-width:0}.topbar__crumbs ol{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:0;list-style:none}.topbar__crumbs li[aria-current=page]{color:var(--color-text);font-weight:500}.card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.card--tight{padding:var(--space-4)}.card--flush{padding:0;overflow:hidden}.card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.card__title{font-size:var(--text-sm);font-weight:600}.card__note{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.card__divide{border-top:1px solid var(--color-border);margin:var(--space-4) calc(var(--space-6) * -1)}.stat{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.stat__label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.stat__value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:var(--space-2)}.stat__foot{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.delta{font-size:var(--text-sm);font-weight:500;font-variant-numeric:tabular-nums}.delta--up{color:var(--color-success)}.delta--down{color:var(--color-error)}.delta--flat{color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn:hover{border-color:var(--color-text-muted)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.btn--primary:hover{filter:brightness(1.08);border-color:var(--color-accent)}.btn--danger{background:var(--color-error);border-color:var(--color-error);color:var(--color-on-danger)}.btn--danger:hover{filter:brightness(1.08)}.btn--ghost{background:transparent;border-color:transparent;color:var(--color-text-muted)}.btn--ghost:hover{background:var(--color-surface);color:var(--color-text)}.btn--sm{min-height:44px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--icon{min-width:44px;min-height:44px;padding:0;background:transparent;border-color:transparent;color:var(--color-text-muted)}.btn--icon:hover{background:var(--color-surface);color:var(--color-text)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;line-height:1.5;white-space:nowrap}.badge__dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;flex:0 0 6px}.badge--running{color:var(--state-running);border-color:var(--state-running)}.badge--parked{color:var(--state-parked);border-color:var(--state-parked)}.badge--succeeded{color:var(--state-succeeded);border-color:var(--state-succeeded)}.badge--failed{color:var(--state-failed);border-color:var(--state-failed)}.badge--compensating{color:var(--state-compensating);border-color:var(--state-compensating)}.badge--cancelled{color:var(--state-cancelled);border-color:var(--state-cancelled)}.badge--core{color:var(--color-accent);border-color:var(--color-accent)}.badge--recommended{color:var(--color-info);border-color:var(--color-info)}.badge--optional{color:var(--color-text-muted)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle}.table tbody tr{transition:background var(--dur-fast) var(--ease)}.table tbody tr:hover{background:var(--color-surface)}.table tbody tr:last-child td{border-bottom:0}.table__sort{display:inline-flex;align-items:center;gap:var(--space-1);background:transparent;border:0;padding:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.table__sort:hover{color:var(--color-text)}.table--clickable tbody tr{cursor:pointer}@media(max-width:900px){.col-low{display:none}}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);overflow-x:auto}.tab{min-height:44px;padding:var(--space-2) var(--space-4);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;white-space:nowrap;cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.tab:hover{color:var(--color-text)}.tab[aria-selected=true]{color:var(--color-accent);border-bottom-color:var(--color-accent)}.input,.select,.textarea{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-text-muted)}.input--error{border-color:var(--color-error)}.textarea{min-height:96px;resize:vertical;font-family:inherit}.toggle{position:relative;width:40px;height:24px;flex:0 0 40px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-text-muted);transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.toggle[aria-checked=true]{background:var(--color-accent);border-color:var(--color-accent)}.toggle[aria-checked=true]:after{transform:translate(16px);background:var(--color-accent-ink)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.chip:hover{color:var(--color-text);border-color:var(--color-text-muted)}.chip[aria-pressed=true]{background:var(--color-surface);color:var(--color-accent);border-color:var(--color-accent)}.search{position:relative;display:flex;align-items:center}.search svg{position:absolute;left:var(--space-3);color:var(--color-text-muted);pointer-events:none}.search .input{padding-left:var(--space-8)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--space-4);background:#020617a6}.modal{width:100%;max-width:560px;max-height:86dvh;overflow-y:auto;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6)}.drawer-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end;background:#0206178c}.drawer{width:100%;max-width:480px;height:100dvh;overflow-y:auto;background:var(--color-surface-2);border-left:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:var(--space-6)}@media(max-width:767px){.drawer-wrap{align-items:flex-end}.drawer{max-width:none;height:82dvh;border-left:0;border-top:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0}}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-6)}.empty svg{color:var(--color-border);margin-bottom:var(--space-4)}.empty h3{font-size:var(--text-lg)}.empty p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2);max-width:46ch}.empty .btn{margin-top:var(--space-4)}.bar{height:8px;background:var(--color-surface);border-radius:var(--radius-full);overflow:hidden}.bar__fill{height:100%;background:var(--color-accent);transition:width var(--dur-slow) var(--ease)}.bar__fill--success{background:var(--color-success)}.bar__fill--warning{background:var(--color-warning)}.bar__fill--error{background:var(--color-error)}.code{margin:0;padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.7;overflow-x:auto;white-space:pre;-moz-tab-size:2;tab-size:2}.code mark{background:transparent;color:var(--color-accent);font-weight:500}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--space-3);padding-bottom:var(--space-4);position:relative}.timeline li:not(:last-child):before{content:"";position:absolute;left:9px;top:18px;bottom:0;width:1px;background:var(--color-border)}.timeline__dot{width:10px;height:10px;margin-top:var(--space-1);border-radius:var(--radius-full);background:var(--color-border);justify-self:center}.kv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--space-2) var(--space-4);font-size:var(--text-sm)}.kv dt{color:var(--color-text-muted)}.kv dd{margin:0}.chart{min-height:300px}@media(max-width:640px){.chart{min-height:200px}}.chart details{margin-top:var(--space-3)}.chart summary{font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;min-height:44px;display:flex;align-items:center}.graph-wrap{overflow-x:auto;padding:var(--space-4) 0;border:1px dashed transparent;border-radius:var(--radius-lg);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.graph-wrap--drop{border-color:var(--color-accent);background:var(--color-surface)}.graph-node-label{font-family:var(--font-body);font-size:11px;font-weight:500}.graph-node-sub{font-family:var(--font-mono);font-size:10px}.banner{display:flex;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-left-width:3px;border-radius:var(--radius-lg);background:var(--color-surface-2);font-size:var(--text-sm)}.banner--info{border-left-color:var(--color-info)}.banner--warning{border-left-color:var(--color-warning)}.banner--error{border-left-color:var(--color-error)}.banner--success{border-left-color:var(--color-success)}.banner svg{flex:0 0 auto;margin-top:2px}.wf-shell{display:flex;flex-direction:column;height:calc(100dvh - var(--topbar-h));min-height:540px;background:var(--color-bg)}.wf-shell--full{position:fixed;top:0;right:0;bottom:0;left:var(--nav-w);z-index:60;height:100dvh;transition:left var(--dur-mid) var(--ease)}.wf-toolbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-2)}.wf-toolbar__group{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.wf-name{width:240px;font-family:var(--font-mono);font-size:var(--text-xs)}.wf-zoom{min-width:46px;text-align:center;color:var(--color-text-muted)}.wf-body{flex:1;min-height:0;display:grid;grid-template-columns:234px minmax(0,1fr) 344px}.wf-body--no-inspector{grid-template-columns:234px minmax(0,1fr)}.wf-palette{overflow-y:auto;padding:var(--space-3);border-right:1px solid var(--color-border);background:var(--color-surface-2)}.wf-palette__hint{font-size:var(--text-xs);color:var(--color-text-muted);padding:0 var(--space-2) var(--space-3)}.wf-palette__group{margin-bottom:var(--space-3)}.wf-palette__group-head{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border:0;background:transparent;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.wf-palette__group-head svg{transition:transform var(--dur-fast) var(--ease)}.wf-palette__item{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:36px;padding:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);text-align:left;cursor:grab;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.wf-palette__item:hover{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.wf-palette__item:active{cursor:grabbing}.wf-palette__label{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-palette__label .mono{line-height:1.2}.wf-swatch{width:8px;height:8px;border-radius:var(--radius-full);flex:0 0 auto}.wf-centre{position:relative;min-width:0;overflow:hidden}.wf-surface{position:absolute;top:0;right:0;bottom:0;left:0}.wf-surface--drop:after{content:"";position:absolute;inset:var(--space-3);border:2px dashed var(--color-accent);border-radius:var(--radius-xl);pointer-events:none}.wf-svg{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.wf-node-label{font-family:var(--font-body);font-size:13px;font-weight:600}.wf-node-type{font-family:var(--font-mono);font-size:10px}.wf-port-label{font-family:var(--font-mono);font-size:9px}.wf-toast{position:absolute;left:50%;top:var(--space-4);transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2);max-width:min(560px,calc(100% - var(--space-8)));padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--color-border);border-left-width:3px;border-radius:var(--radius-lg);background:var(--color-surface);font-size:var(--text-sm);box-shadow:0 10px 30px #02061773}.wf-toast--success{border-left-color:var(--color-success)}.wf-toast--warning{border-left-color:var(--color-warning)}.wf-toast--info{border-left-color:var(--color-info)}.wf-status{position:absolute;left:var(--space-4);bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;max-width:min(calc(100% - var(--space-8)),calc(100% - 420px));padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-2)}.wf-status__pill{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.wf-status__pill--ok{background:color-mix(in srgb,var(--color-success) 18%,transparent);color:var(--color-success)}.wf-status__pill--error{background:color-mix(in srgb,var(--color-error) 18%,transparent);color:var(--color-error)}.wf-status__pill--warn{background:color-mix(in srgb,var(--color-warning) 18%,transparent);color:var(--color-warning)}.wf-problems{position:absolute;right:var(--space-4);bottom:var(--space-4);width:min(380px,calc(100% - var(--space-8)));max-height:40%;overflow-y:auto;margin:0;padding:var(--space-2);list-style:none;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2)}.wf-problems__item{border-left:2px solid transparent}.wf-problems__item--error{border-left-color:var(--color-error)}.wf-problems__item--warning{border-left-color:var(--color-warning)}.wf-problems__item--info{border-left-color:var(--color-info)}.wf-problems__button{display:block;width:100%;padding:var(--space-2) var(--space-3);border:0;background:transparent;color:var(--color-text-muted);font-size:var(--text-xs);text-align:left;cursor:pointer}.wf-problems__button:hover:not(:disabled){color:var(--color-text);background:var(--color-surface);border-radius:var(--radius-sm)}.wf-problems__button:disabled{cursor:default}.wf-definition{position:absolute;right:0;top:0;bottom:0;width:min(460px,100%);display:flex;flex-direction:column;border-left:1px solid var(--color-border);background:var(--color-surface-2)}.wf-definition__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.wf-definition__code{flex:1;overflow:auto;margin:0;border:0;border-radius:0}.wf-inspector{display:flex;flex-direction:column;min-height:0;overflow-y:auto;border-left:1px solid var(--color-border);background:var(--color-surface-2)}.wf-inspector__head{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.wf-inspector__body{padding:var(--space-4)}.wf-wiring{margin:0;padding:0;list-style:none;font-size:var(--text-sm)}.wf-wiring li{padding:var(--space-1) 0}.wf-wiring__link{border:0;padding:0;background:transparent;color:var(--color-accent);font:inherit;cursor:pointer}.wf-wiring__link:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1199px){.wf-body{grid-template-columns:1fr;grid-template-rows:minmax(360px,1fr) auto auto}.wf-body--no-inspector{grid-template-columns:1fr}.wf-palette{border-right:0;border-bottom:1px solid var(--color-border);order:2}.wf-centre{order:1}.wf-inspector{border-left:0;border-top:1px solid var(--color-border);order:3}}.select--error{border-color:var(--color-error)}.wf-toolbar__select{width:auto;min-width:116px;padding-block:var(--space-1);font-size:var(--text-xs)}.wf-schema__group{margin:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3)}.wf-schema__legend{display:flex;align-items:center;gap:var(--space-2);padding-inline:var(--space-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.wf-schema__add{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer}.wf-schema__add:hover{color:var(--color-text);border-color:var(--color-text-muted)}.wf-schema__add--inline{padding:2px var(--space-2);border-style:solid}.wf-schema__remove{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 auto;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer}.wf-schema__remove:hover:not(:disabled){color:var(--color-error);border-color:var(--color-border)}.wf-schema__remove:disabled{opacity:.35;cursor:default}.wf-bindings,.wf-cases,.wf-actions{display:flex;flex-direction:column;gap:var(--space-2)}.wf-bindings__row,.wf-cases__row{display:grid;grid-template-columns:88px 1fr 24px;gap:var(--space-2);align-items:center}.wf-bindings__error{margin:0;font-size:var(--text-xs);color:var(--color-error)}.wf-cases__default{display:flex;flex-direction:column;gap:2px;margin:0;padding:var(--space-2) var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.wf-actions__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.wf-actions__row:last-child{border-bottom:0}.wf-actions__row p{margin:0}.wf-inspector__problems{margin:0 var(--space-4) var(--space-3);padding:var(--space-2) var(--space-3);list-style:none;border-left:2px solid var(--color-error);background:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--text-xs)}.wf-inspector__problems li{display:flex;gap:var(--space-2);align-items:flex-start;padding:2px 0}.wf-inspector__problems svg{flex:0 0 auto;margin-top:2px;color:var(--color-error)}.wf-io__meta{padding:var(--space-3);margin-bottom:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}.wf-io__meta p{margin:0 0 var(--space-1)}.wf-io__table{width:100%}.wf-wiring__missing{font-size:var(--text-xs);color:var(--color-error)}.wf-problems__rule{display:inline-block;margin-right:var(--space-2);padding:0 4px;border-radius:var(--radius-sm);background:var(--color-surface);font-size:10px;color:var(--color-text-muted)}.wf-publish{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.wf-publish--ok{border-left:3px solid var(--color-success)}.wf-publish--fail{border-left:3px solid var(--color-error)}.wf-publish p{margin:0}.wf-publish__list{margin:var(--space-2) 0 0;padding-left:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted)}.mail{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2);overflow:hidden}.mail--draft{border-left:3px solid var(--color-accent)}.mail--flagged{border-left-color:var(--color-warning)}.mail__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.mail__meta{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-1) var(--space-4);margin:0;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.mail__meta dt{font-size:var(--text-xs);color:var(--color-text-muted)}.mail__meta dd{margin:0;min-width:0;overflow-wrap:anywhere}.mail__body{padding:var(--space-4)}.mail__body p{margin:0 0 var(--space-3)}.mail__body p:last-child{margin-bottom:0}.mail__foot{display:flex;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border)}.mail__editor{min-height:260px;font-family:inherit;line-height:1.6}.citation{padding:var(--space-2) var(--space-3);border-left:2px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm)}.citation__quote{margin:var(--space-1) 0 0;font-style:italic}