:root{--color-blue:#1d4ed8;--color-blue-light:#2563eb;--color-blue-dim:#1d4ed80f;--color-rose:#b42318;--color-rose-light:#c0392b;--color-rose-dim:#b423180d;--color-green:#15803d;--color-green-dim:#15803d10;--color-amber:#92600a;--color-amber-dim:#92600a12;--color-peach:#f4f4f5;--color-peach-mid:#e4e4e7;--color-bg:#fff;--color-surface:#fff;--color-surface-2:#f6f6f7;--color-border:#e4e4e7;--color-border-2:#d4d4d8;--color-text:#18181b;--color-text-2:#52525b;--color-text-3:#8a8a93;--radius-sm:3px;--radius-md:4px;--radius-lg:5px;--radius-full:999px;--shadow-sm:none;--shadow-md:0 1px 2px #18181b0f;--shadow-lg:0 2px 10px #18181b1a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.1s;--duration-mid:.16s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--color-text);background:var(--color-bg);line-height:1.6}h1,h2,h3{letter-spacing:-.01em;font-weight:600;line-height:1.25}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin:0}a{color:var(--color-blue);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--color-blue) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--color-blue) 35%, transparent)}a:hover{text-decoration-color:currentColor}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.92em}code{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5px 5px}hr{border:none;border-top:1px solid var(--color-border)}button{font-family:var(--font-sans);cursor:pointer;color:inherit;background:0 0;border:none}::selection{background:var(--color-blue-dim)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-2);border:3px solid var(--color-bg);border-radius:var(--radius-full)}.auth-center{justify-content:center;align-items:center;gap:var(--space-3);min-height:100vh;padding:var(--space-6);text-align:center;flex-direction:column;display:flex}.auth-title{font-size:var(--font-size-lg,18px);color:var(--color-text);font-weight:600}.auth-sub{font-size:var(--font-size-sm);color:var(--color-text-2);max-width:26rem}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;min-height:0}.navbar{z-index:50;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0}.navbar-inner{align-items:center;gap:var(--space-4);height:52px;padding:0 var(--space-5);display:flex}.navbar-brand{align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);text-decoration:none;display:flex}.navbar-brand-dot{background:var(--color-green);border-radius:50%;width:8px;height:8px}.navbar-links{align-items:center;gap:2px;display:flex}.navbar-link{border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-3);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);padding:6px 10px;text-decoration:none}.navbar-link:hover,.navbar-link.active{color:var(--color-text);background:var(--color-surface-2)}.navbar-spacer{flex:1}.env-selector{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:2px;padding:2px;display:inline-flex}.env-selector-btn{appearance:none;cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-3);text-transform:uppercase;letter-spacing:.04em;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:none;border-radius:6px;padding:3px 10px}.env-selector-btn:hover{color:var(--color-text)}.env-selector-btn.active{color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-sm,0 1px 2px #00000014)}.env-selector-btn.env-prod.active{color:var(--color-accent,#6366f1)}.ds-button{align-items:center;gap:var(--space-2);font-family:var(--font-sans);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;font-weight:500;line-height:1.2;display:inline-flex}.ds-button:disabled{opacity:.45;cursor:not-allowed}.ds-button:focus-visible{outline:2px solid var(--color-blue);outline-offset:1px}.ds-button[data-size=sm]{font-size:var(--font-size-xs);padding:5px 11px}.ds-button[data-size=md]{font-size:var(--font-size-sm);padding:7px 14px}.ds-button[data-size=lg]{font-size:var(--font-size-md);padding:10px 20px}.ds-button[data-variant=primary]{background:var(--color-blue);color:#fff;border-color:var(--color-blue)}.ds-button[data-variant=primary]:hover:not(:disabled){background:var(--color-blue-light);border-color:var(--color-blue-light)}.ds-button[data-variant=secondary]{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-2)}.ds-button[data-variant=secondary]:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-text-3)}.ds-button[data-variant=ghost]{color:var(--color-text-2);background:0 0}.ds-button[data-variant=ghost]:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.ds-button[data-variant=danger]{background:var(--color-surface);color:var(--color-rose);border-color:var(--color-border-2)}.ds-button[data-variant=danger]:hover:not(:disabled){background:var(--color-rose);border-color:var(--color-rose);color:#fff}.ds-button-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:13px;height:13px;animation:.6s linear infinite ds-spin}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-badge{font-family:var(--font-mono);font-size:var(--font-size-xs);border-radius:var(--radius-sm);letter-spacing:0;border:1px solid #0000;align-items:center;gap:5px;padding:1px 7px;font-weight:500;line-height:1.4;display:inline-flex}.ds-badge:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:6px;height:6px}.ds-badge[data-variant=default]{background:var(--color-surface-2);color:var(--color-text-3);border-color:var(--color-border)}.ds-badge[data-variant=success]{background:var(--color-green-dim);color:var(--color-green);border-color:color-mix(in srgb, var(--color-green) 25%, transparent)}.ds-badge[data-variant=error]{background:var(--color-rose-dim);color:var(--color-rose);border-color:color-mix(in srgb, var(--color-rose) 25%, transparent)}.ds-badge[data-variant=warning]{background:var(--color-amber-dim);color:var(--color-amber);border-color:color-mix(in srgb, var(--color-amber) 25%, transparent)}.ds-badge[data-variant=blue]{background:var(--color-blue-dim);color:var(--color-blue);border-color:color-mix(in srgb, var(--color-blue) 25%, transparent)}.ds-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.ds-card[data-hover]{transition:border-color var(--duration-mid) var(--ease-out), box-shadow var(--duration-mid) var(--ease-out);cursor:pointer}.ds-card[data-hover]:hover{border-color:var(--color-border-2);box-shadow:var(--shadow-md)}.ds-card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface-2);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.ds-card-body{padding:var(--space-5)}.ds-toast-viewport{bottom:var(--space-6);right:var(--space-6);gap:var(--space-2);z-index:9999;flex-direction:column;width:320px;display:flex;position:fixed}.ds-toast{background:var(--color-surface);border:1px solid var(--color-border-2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg)}.ds-toast[data-state=open]{animation:ds-toast-in .18s var(--ease-out)}.ds-toast[data-state=closed]{animation:.14s ease-in forwards ds-toast-out}.ds-toast[data-swipe=move]{transform:translateX(var(--radix-toast-swipe-move-x))}.ds-toast[data-swipe=end]{animation:.1s ease-out forwards ds-toast-swipe-out}.ds-toast[data-variant=error]{border-left:3px solid var(--color-rose)}.ds-toast-title{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.ds-toast-desc{font-size:var(--font-size-xs);color:var(--color-text-2);margin-top:2px}@keyframes ds-toast-in{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}@keyframes ds-toast-out{0%{opacity:1}to{opacity:0;transform:translate(110%)}}@keyframes ds-toast-swipe-out{0%{transform:translateX(var(--radix-toast-swipe-end-x))}to{transform:translate(110%)}}.dashboard{background:var(--color-bg);min-height:100vh}.dashboard-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:10;position:sticky;top:0}.dashboard-header-inner{max-width:1040px;padding:var(--space-6) var(--space-8) var(--space-5);justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin:0 auto;display:flex}.dashboard-titles{gap:var(--space-1);flex-direction:column;display:flex}.dashboard-title{align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);letter-spacing:-.02em;color:var(--color-text);font-weight:600;display:flex}.dashboard-title-dot{background:var(--color-blue);border-radius:2px;width:9px;height:9px}.dashboard-subtitle{font-size:var(--font-size-sm);color:var(--color-text-3)}.dashboard-main{max-width:1040px;padding:var(--space-8) var(--space-8) var(--space-12);margin:0 auto}.dashboard-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.dashboard-empty{padding:var(--space-12) 0;color:var(--color-text-2)}.dashboard-empty-hint{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-3)}.automation-link{color:inherit;text-decoration:none;display:block}.automation-inspect{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-3);align-self:center;margin-left:auto}.automation-link:hover .automation-inspect{color:var(--color-blue)}.automation-name{font-size:var(--font-size-md);color:var(--color-text);letter-spacing:-.01em;font-weight:600}.automation-id{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-3);margin-top:2px}.automation-description{font-size:var(--font-size-sm);color:var(--color-text-2);line-height:1.6}.automation-meta{align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-2);display:flex}.automation-meta-label{color:var(--color-text-3);text-transform:lowercase;min-width:64px}.automation-schedule{font-family:var(--font-mono);background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:1px 6px}.automation-error{margin-top:var(--space-3);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-rose);background:var(--color-rose-dim);border:1px solid color-mix(in srgb, var(--color-rose) 20%, transparent);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.automation-actions{margin-top:var(--space-5);gap:var(--space-2);display:flex}.detail{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.detail-header{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.detail-header-inner{padding:var(--space-5) var(--space-8) var(--space-6);margin:0}.detail-topbar{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.detail-autosync{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-3);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:inline-flex}.detail-autosync input{cursor:pointer}.detail-pending{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-amber);background:color-mix(in srgb, var(--color-amber) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-amber) 30%, transparent);border-radius:6px;padding:6px 10px}.detail-pending code{font-family:var(--font-mono);font-size:var(--font-size-xs)}.detail-pending-sync{font:inherit;color:var(--color-blue);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.detail-back{font-size:var(--font-size-sm);font-family:var(--font-mono);color:var(--color-text-3);text-decoration:none}.detail-back:hover{color:var(--color-blue)}.detail-titlerow{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-top:var(--space-3);display:flex}.detail-actions{gap:var(--space-2);flex:none;display:flex}.worker-hint{display:inline-flex}.worker-hint>.ds-button:disabled{pointer-events:none}.detail-title{font-size:var(--font-size-2xl);letter-spacing:-.02em;font-weight:600}.detail-id{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-3);margin-top:2px}.detail-drift{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-amber,#b45309);background:color-mix(in srgb, var(--color-amber,#b45309) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-amber,#b45309) 30%, transparent);border-radius:6px;margin-top:4px;padding:2px 8px;display:inline-block}.detail-desc{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-2);max-width:62ch}.detail-main{padding:var(--space-8);flex-direction:column;flex:1 0 auto;margin:0;display:flex}.detail-note{color:var(--color-text-2);font-size:var(--font-size-sm)}.detail-cols{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}@media (width<=860px){.detail-cols{grid-template-columns:1fr}}.detail-cols--full{flex:1;align-items:stretch;min-height:0;display:flex}.detail-cols--full .detail-graph-card{flex:1;min-height:0}.detail-cols--full .detail-graph-canvas{flex:1;height:auto}.detail-cols--runs{grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr) 230px}.detail-tabs{gap:var(--space-1);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.detail-tab{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px}.detail-tab:hover{color:var(--color-text)}.detail-tab.active{color:var(--color-text);border-bottom-color:var(--color-blue)}.detail-section{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-3)}.detail-run-id{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.detail-run-id-label{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-3)}.detail-run-id code{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-sm);padding:2px 6px}.detail-run-id-time{font-size:var(--font-size-xs);color:var(--color-text-3)}.detail-graph-card{flex-direction:column;min-height:0;display:flex;overflow:hidden}.detail-graph-card>.ds-card-body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.detail-graph-canvas{cursor:grab;touch-action:none;background:radial-gradient(circle,#ececef 1px,#0000 1px) 0 0/20px 20px;height:52vh;min-height:320px;position:relative;overflow:hidden}.detail-graph-canvas:active{cursor:grabbing}.detail-svg{display:block}.detail-graph-fit{z-index:2;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:5px 12px;position:absolute;top:10px;right:10px;box-shadow:0 1px 2px #0000000d}.detail-graph-fit:hover{color:var(--color-text);border-color:var(--color-border-2)}.detail-graph-static{background:var(--color-surface)}.detail-help{cursor:help}.detail-help circle{fill:var(--color-surface);stroke:var(--color-border-2);stroke-width:1px;transition:fill var(--duration-fast) var(--ease-out), stroke var(--duration-fast) var(--ease-out)}.detail-help:hover circle{fill:var(--color-blue);stroke:var(--color-blue)}.detail-help-q{font-family:var(--font-mono);fill:var(--color-text-3);pointer-events:none;font-size:10px;font-weight:700}.detail-help.sm .detail-help-q{font-size:8px}.detail-help:hover .detail-help-q{fill:#fff}.detail-tip{z-index:50;pointer-events:none;max-width:320px;font-size:var(--font-size-xs);color:#fff;background:var(--color-text);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px 10px;line-height:1.45;position:fixed}.detail-edge{fill:none;stroke:var(--color-border-2);stroke-width:1.5px}.detail-edge.active{stroke:var(--color-blue)}.detail-node rect{fill:var(--color-surface);stroke:var(--color-border-2);stroke-width:1.5px;transition:stroke var(--duration-mid) var(--ease-out)}.detail-node rect.success{stroke:var(--color-green)}.detail-node rect.error{stroke:var(--color-rose)}.detail-node rect.running{stroke:var(--color-amber)}.detail-node rect.partial{stroke:var(--color-green);stroke-dasharray:4 4}.detail-node rect.mixed{stroke:var(--color-amber)}.detail-node-counts{font-family:var(--font-mono);fill:var(--color-text-3);font-size:10.5px}.detail-node.trigger rect{fill:var(--color-surface-2);stroke-dasharray:4 4}.detail-node.trigger rect.success{stroke:var(--color-green);stroke-dasharray:none}.detail-node-label{fill:var(--color-text);font-size:13px;font-weight:600}.detail-node-sub{font-family:var(--font-mono);fill:var(--color-text-3);font-size:11px}.detail-node-desc{fill:var(--color-text-2);font-size:11px}.detail-node-logo{border-radius:3px}.detail-node-use-conn{fill:var(--color-text);font-size:12px;font-weight:600}.detail-node-use-conn.sm{font-size:10.5px}.detail-node-use{font-family:var(--font-mono);fill:var(--color-text-3);font-size:10.5px}.detail-node-use.sm{font-size:9px}.detail-node-label.sm{font-size:11px;font-weight:600}.detail-node-sub.sm{font-size:9px}.detail-node.subflow rect{fill:var(--color-surface-2);stroke-width:2px}.detail-node.inner rect{fill:var(--color-surface);stroke-width:1.5px}.detail-side{gap:var(--space-4);flex-direction:column;display:flex}.detail-metarow{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);display:flex}.detail-metarow+.detail-metarow{margin-top:var(--space-3)}.detail-metalabel{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-3);min-width:48px}.detail-steps{gap:var(--space-4);flex-direction:column;list-style:none;display:flex}.detail-step{gap:var(--space-3);display:flex}.detail-step-dot{width:9px;height:9px;transition:background var(--duration-mid) var(--ease-out);border-radius:50%;flex:none;margin-top:6px}.detail-step-dot.running,.detail-item-dot.running{animation:status-dot-pulse 1.1s var(--ease-out) infinite}@keyframes status-dot-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-amber) 55%, transparent)}70%{box-shadow:0 0 0 5px color-mix(in srgb, var(--color-amber) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-amber) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.detail-step-dot.running,.detail-item-dot.running{animation:none}}.detail-step-body{flex:1;min-width:0}.detail-step-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.detail-step-name{font-size:var(--font-size-sm);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.detail-step-tag{font-family:var(--font-mono);color:var(--color-text-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 4px;font-size:10px;font-weight:500}.detail-step-desc{font-size:var(--font-size-xs);color:var(--color-text-2);margin-top:1px}.detail-step-meta{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-3);flex-wrap:wrap;gap:5px;margin-top:3px;display:flex}.detail-step-meta code{background:0 0;border:none;padding:0}.detail-step-stale{font-size:var(--font-size-xs);color:var(--color-text-3);margin-top:3px;font-style:italic}.detail-step-error{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-rose);background:var(--color-rose-dim);border:1px solid color-mix(in srgb, var(--color-rose) 20%, transparent);border-radius:var(--radius-sm);padding:var(--space-2);margin-top:var(--space-2);white-space:pre-wrap}.detail-step-output{margin-top:var(--space-2)}.detail-step-output summary{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-3);cursor:pointer;-webkit-user-select:none;user-select:none}.detail-step-output summary:hover{color:var(--color-blue)}.detail-step-output pre{font-family:var(--font-mono);font-size:var(--font-size-xs);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);margin-top:var(--space-2);white-space:pre-wrap;word-break:break-word;max-height:240px;line-height:1.5;overflow:auto}.detail-items-wrap{margin-top:var(--space-3)}.detail-items-summary{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.detail-items-summary strong{color:var(--color-text)}.detail-items{margin-top:var(--space-3);gap:var(--space-1);flex-direction:column;max-height:min(58vh,560px);padding-right:4px;display:flex;overflow:auto}.detail-chip{font-family:var(--font-mono);border-radius:var(--radius-full);border:1px solid #0000;padding:0 6px;font-size:10px;font-weight:500;line-height:1.6}.detail-chip.error{color:var(--color-rose);background:var(--color-rose-dim);border-color:color-mix(in srgb, var(--color-rose) 22%, transparent)}.detail-chip.success{color:var(--color-green);background:color-mix(in srgb, var(--color-green) 12%, transparent);border-color:color-mix(in srgb, var(--color-green) 22%, transparent)}.detail-item-block{border:1px solid #0000;border-left:2px solid var(--color-border-2);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out);padding:7px 10px}.detail-item-block:hover{background:var(--color-surface-2)}.detail-item-block.status-success{border-left-color:var(--color-green)}.detail-item-block.status-error{border-left-color:var(--color-rose);background:var(--color-rose-dim)}.detail-item-block.status-stale{border-left-color:var(--color-text-3)}.detail-item-row{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);display:flex}.detail-item-dot{border-radius:50%;flex:none;width:8px;height:8px}.detail-item-idx{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-2);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center;min-width:34px;padding:0 6px}.detail-item-name{font-size:var(--font-size-xs);color:var(--color-text-1);text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-weight:500;overflow:hidden}.detail-item-progress{font-family:var(--font-mono);color:var(--color-text-3);font-size:10px}.detail-subitems{margin:var(--space-2) 0 2px 16px;gap:var(--space-1);border-left:1px solid var(--color-border);padding-left:var(--space-3);flex-direction:column;display:flex}.detail-subitem{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);flex-wrap:wrap;display:flex}.detail-subitem-name{font-weight:500}.detail-subitem-status{font-family:var(--font-mono);color:var(--color-text-3);font-size:10px}.detail-subitem-error{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-rose);background:var(--color-rose-dim);border:1px solid color-mix(in srgb, var(--color-rose) 20%, transparent);border-radius:var(--radius-sm);padding:var(--space-2);white-space:pre-wrap;flex-basis:100%}.detail-item-out{min-width:0}.detail-item-out.detail-item-out-block{flex-basis:100%;margin-top:4px}.detail-item-out summary{font-family:var(--font-mono);color:var(--color-text-3);cursor:pointer;font-size:10px}.detail-item-out summary:hover{color:var(--color-blue)}.detail-item-out pre{font-family:var(--font-mono);font-size:var(--font-size-xs);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);white-space:pre-wrap;word-break:break-word;max-height:160px;margin-top:4px;overflow:auto}.detail-runs{flex-direction:column;gap:2px;list-style:none;display:flex}.detail-run{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);padding:6px 8px;display:flex}.detail-run:hover{background:var(--color-surface-2)}.detail-run.selected{background:var(--color-blue-dim)}.detail-run-dot{border-radius:50%;flex:none;width:8px;height:8px}.detail-run-label{font-weight:500}.detail-run-time{color:var(--color-text-2)}.detail-run-live{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--color-amber);font-size:10px;font-weight:600}.detail-run-counts{font-family:var(--font-mono);color:var(--color-text-3);margin-left:auto}.detail-run-empty{color:var(--color-text-3);font-size:var(--font-size-xs);padding:6px 8px}.detail-version-banner{font-size:var(--font-size-xs);color:var(--color-amber);background:color-mix(in srgb, var(--color-amber) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-amber) 30%, transparent);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);line-height:1.5}.detail-version-banner code{font-family:var(--font-mono);font-weight:600}.detail-version-banner.subtle{color:var(--color-text-3);background:var(--color-surface-2);border-color:var(--color-border)}.detail-orphans{margin-top:var(--space-4)}.detail-orphans-head{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.detail-step.orphan{opacity:.7}.detail-step.orphan .detail-step-tag{color:var(--color-rose);border-color:color-mix(in srgb, var(--color-rose) 30%, transparent)}.detail-run-oldver{color:var(--color-amber);border:1px solid color-mix(in srgb, var(--color-amber) 30%, transparent);border-radius:var(--radius-sm);white-space:nowrap;margin-left:6px;padding:0 4px;font-size:10px}.detail-modal-backdrop{z-index:100;background:color-mix(in srgb, var(--color-text) 35%, transparent);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.detail-modal{width:min(380px,100vw - 32px);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-2);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.detail-modal-title{font-weight:600;font-size:var(--font-size-md)}.detail-modal-desc{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-3)}.detail-modal-actions{margin-top:var(--space-5);justify-content:flex-end;gap:var(--space-3);display:flex}.detail-input-fields{gap:var(--space-3);flex-direction:column;display:flex}.detail-modal-fields{margin-top:var(--space-4)}.detail-input-field{flex-direction:column;gap:4px;display:flex}.detail-input-checkbox{cursor:pointer;flex-direction:row;align-items:center;gap:8px}.detail-input-checkbox input{cursor:pointer}.detail-input-checkbox .detail-input-label{color:var(--color-text)}.detail-input-label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-3)}.detail-input-req{color:var(--color-rose)}.detail-input-control{box-sizing:border-box;width:100%;font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-2);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out);padding:8px 10px}.detail-input-control:focus{border-color:var(--color-blue);outline:none}.detail-trigger-dot{border:1.5px solid var(--color-blue);background:0 0}.detail-input-readonly{margin-top:var(--space-2);flex-direction:column;gap:4px;display:flex}.detail-input-ro{align-items:baseline;gap:var(--space-3);font-size:var(--font-size-sm);display:flex}.detail-input-val{font-family:var(--font-mono);color:var(--color-text)}.worker-tokens{margin-top:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md,8px);padding:var(--space-3)}.worker-tokens-summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text);align-items:center;gap:var(--space-2);background:0 0;border:none;padding:0;display:flex}.worker-tokens-caret{color:var(--color-text-3)}.worker-tokens-body{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.worker-tokens-hint,.worker-tokens-empty{font-size:var(--font-size-xs);color:var(--color-text-3)}.worker-tokens-hint code{font-family:var(--font-mono);background:var(--color-surface-2);border-radius:var(--radius-sm);padding:1px 4px}.worker-tokens-fresh{align-items:center;gap:var(--space-2);background:color-mix(in srgb, var(--color-green) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-green) 30%, transparent);border-radius:var(--radius-sm);padding:var(--space-2);display:flex}.worker-tokens-fresh code{font-family:var(--font-mono);font-size:var(--font-size-xs);word-break:break-all}.worker-tokens-row{align-items:center;gap:var(--space-2);display:flex}.worker-tokens-mask{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-2)}.worker-tokens-label{font-size:var(--font-size-xs);color:var(--color-text-3)}.connectors{background:var(--color-bg);min-height:100vh}.connectors-header{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.connectors-header-inner{max-width:880px;padding:var(--space-5) var(--space-8) var(--space-6);margin:0 auto}.connectors-back{font-size:var(--font-size-sm);font-family:var(--font-mono);color:var(--color-text-3);text-decoration:none}.connectors-back:hover{color:var(--color-blue)}.connectors-title{align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--font-size-xl);letter-spacing:-.02em;font-weight:600;display:flex}.connectors-title-dot{background:var(--color-blue);border-radius:2px;width:9px;height:9px}.connectors-subtitle{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-3)}.connectors-main{max-width:880px;padding:var(--space-8);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.connector-name{font-size:var(--font-size-md);letter-spacing:-.01em;font-weight:600}.connector-desc{font-size:var(--font-size-sm);color:var(--color-text-2);margin-top:2px}.connector-empty{font-size:var(--font-size-sm);color:var(--color-text-3)}.connector-headline{align-items:center;gap:var(--space-3);display:flex}.connector-logo{object-fit:contain;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;flex-shrink:0;width:36px;height:36px}.connector-logo-mono{color:#fff;font-weight:700;font-size:var(--font-size-md);border:none;justify-content:center;align-items:center;display:flex}.connector-fns{margin-bottom:var(--space-3)}.connector-fns-summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-3);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;list-style:none;display:flex}.connector-fns-summary::-webkit-details-marker{display:none}.connector-fns-summary:hover{color:var(--color-text-2)}.connector-fns-caret{transition:transform .12s;display:inline-block}.connector-fns[open] .connector-fns-caret{transform:rotate(90deg)}.connector-fns-list{margin-top:var(--space-3);gap:var(--space-2);border-left:2px solid var(--color-border);padding-left:var(--space-3);flex-direction:column;display:flex}.connector-fn{padding:2px 0}.connector-fn-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.connector-fn-name{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.connector-fn-sig{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-3)}.connector-fn-arrow{color:var(--color-blue)}.connector-fn-desc{font-size:var(--font-size-xs);color:var(--color-text-2);margin-top:2px}.detail-spacer{flex:1}.instance{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.instance:last-child{border-bottom:none}.instance-head{align-items:center;gap:var(--space-2);display:flex}.instance-name{font-weight:600;font-size:var(--font-size-sm)}.instance-id{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-3)}.instance-values{margin-top:var(--space-2);flex-direction:column;gap:4px;display:flex}.instance-value{align-items:baseline;gap:var(--space-3);font-size:var(--font-size-xs);display:flex}.instance-key{font-family:var(--font-mono);color:var(--color-text-3);min-width:96px}.instance-env{font-family:var(--font-mono);color:var(--color-text-2)}.instance-lit{font-family:var(--font-mono);color:var(--color-text)}.instance-error{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-rose);background:var(--color-rose-dim);border:1px solid color-mix(in srgb, var(--color-rose) 20%, transparent);border-radius:var(--radius-sm);padding:var(--space-2);white-space:pre-wrap}.add-form{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-border-2);gap:var(--space-2);flex-direction:column;display:flex}.add-row{align-items:center;gap:var(--space-3);display:flex}.add-label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-3);min-width:96px}.add-req{color:var(--color-rose);margin-left:2px}.add-input{font-family:var(--font-mono);font-size:var(--font-size-sm);border:1px solid var(--color-border-2);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);flex:1;padding:5px 8px}.add-input:focus{outline:2px solid var(--color-blue);outline-offset:-1px}.add-env{font-size:var(--font-size-xs);color:var(--color-text-3);white-space:nowrap;align-items:center;gap:4px;display:flex}.add-actions{margin-top:var(--space-2)}.worker-badge{font-family:var(--font-mono);font-size:var(--font-size-xs);border:1px solid var(--color-border);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;display:inline-flex}.worker-badge-dot{border-radius:50%;width:7px;height:7px}.worker-badge.on{color:var(--color-green);background:color-mix(in srgb, var(--color-green) 10%, transparent);border-color:color-mix(in srgb, var(--color-green) 35%, transparent)}.worker-badge.on .worker-badge-dot{background:var(--color-green);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-green) 20%, transparent)}.worker-badge.off{color:var(--color-text-3);background:var(--color-surface)}.worker-badge.off .worker-badge-dot{background:var(--color-text-3)}.worker-badge.cloud{color:var(--color-accent,#6366f1);background:color-mix(in srgb, var(--color-accent,#6366f1) 10%, transparent);border-color:color-mix(in srgb, var(--color-accent,#6366f1) 35%, transparent)}.worker-badge.cloud .worker-badge-dot{background:var(--color-accent,#6366f1)}