@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";
:root{--bg-primary:#faf8f4;--bg-secondary:#fff;--bg-surface:#fff;--bg-surface-2:#f5f2eb;--bg-surface-3:#ede8df;--bg-elevated:#fff;--bg-tertiary:#f0ede6;--surface-base:#fdfcf9;--surface-elevated:#fff;--glass-bg:#faf8f4e0;--glass-border:#1c191414;--glass-blur:20px;--text-primary:#1c1917;--text-secondary:#5c574f;--text-tertiary:#78716c;--text-muted:#a8a29e;--border-subtle:#1c191412;--border-default:#1c19141c;--border-strong:#1c19142e;--overlay-hover:#1c19140a;--overlay-subtle:#1c19140d;--overlay-muted:#1c191408;--shadow-sm:0 1px 3px #1c19140f;--shadow-md:0 4px 20px #1c191412;--shadow-lg:0 12px 40px #1c19141a;--shadow-xl:0 20px 56px #1c19141f;--accent-primary:#5b6fed;--accent-secondary:#7b61e8;--accent-tertiary:#e8786a;--accent-gradient:linear-gradient(135deg, #5b7cfa 0%, #7b61e8 100%);--accent-gradient-vivid:linear-gradient(165deg, #5b7cfa 0%, #9b5de5 48%, #f08080 100%);--user-bubble-bg:linear-gradient(135deg, #5568ee 0%, #6e58d9 100%);--accent-gradient-beleko:linear-gradient(90deg, #ff1e56 0%, #f9c942 50%, #1e90ff 100%);--accent-glow:#5b6fed2e;--on-accent:#fff;--node-trigger:#e8786a;--node-trigger-bg:#e8786a1a;--node-trigger-border:#e8786a47;--node-condition:#38bdf8;--node-condition-bg:#38bdf81a;--node-condition-border:#38bdf847;--node-action:#5b6fed;--node-action-bg:#5b6fed1a;--node-action-border:#5b6fed47;--node-code:#9b5de5;--node-code-bg:#9b5de51a;--node-code-border:#9b5de547;--node-notification:#f59e0b;--node-notification-bg:#f59e0b1a;--node-notification-border:#f59e0b47;--node-delay:#7c6cf0;--node-delay-bg:#7c6cf01a;--node-delay-border:#7c6cf047;--node-loop:#14b8a6;--node-loop-bg:#14b8a61a;--node-loop-border:#14b8a647;--accent-tint:#5b6fed0f;--accent-tint-strong:#5b6fed1f;--accent-border:#5b6fed47;--accent-border-strong:#5b6fed59;--accent-muted:#8b9cf5;--status-success:#16a34a;--status-error:#dc2626;--status-warning:#d97706;--status-running:#2563eb;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--spring-easing:linear(0, .016 0.5%, .06 1%, .226 2%, 1.116 5.4%, 1.375 6.6%, 1.527 7.7%, 1.565 8.2%, 1.585 8.8%, 1.581 9.3%, 1.559 9.8%, 1.458 10.9%, .937 14.3%, .784 15.5%, .693 16.6%, .67 17.1%, .657 17.7%, .671 18.7%, .729 19.8%, 1.042 23.3%, 1.13 24.5%, 1.182 25.6%, 1.201 26.7%, 1.192 27.7%, 1.156 28.8%, .977 32.2%, .925 33.4%, .894 34.5%, .882 35.6%, .887 36.6%, .907 37.7%, 1.045 42.4%, 1.069 44.5%, 1.059 46.3%, .979 50.9%, .96 53.4%, .966 55.3%, 1.013 59.9%, 1.024 62.3%, .986 71.2%, 1.008 79.9%, .995 88.9%, 1);--bounce-easing:linear(0, .214 14.7%, .386 23.7%, .598 31.9%, .999 44.7%, .807 52.6%, .762 56%, .747 59.4%, .758 62.4%, .793 65.6%, .999 77.4%, .961 81.2%, .949 84.8%, .956 88%, .993 95.5%, 1);--transition-fast:.15s ease;--transition-default:.25s ease;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--transition-spring:.6s var(--spring-easing);--transition-bounce:.5s var(--bounce-easing);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:#1c19142e transparent}
@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.1s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg-primary);height:100dvh;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}html{overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -20%,#5b7cfa17,#0000 55%),radial-gradient(60% 40% at 100%,#9b5de50f,#0000 50%),radial-gradient(50% 35% at 0 80%,#f080800d,#0000 45%),radial-gradient(circle,#1c19140b 1px,#0000 1px) 0 0/28px 28px;position:fixed;inset:0}
.app-container{z-index:1;flex-direction:column;height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden}.app-main{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.app-header{border-bottom:1px solid var(--border-subtle);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 28px;display:flex;position:relative;overflow:visible}.app-logo{color:inherit;align-items:center;text-decoration:none;display:flex}.workflow-toolbar-bar{border-bottom:1px solid var(--border-subtle);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:49;flex-wrap:nowrap;flex-shrink:0;align-items:center;height:52px;padding:0 28px;display:flex;position:relative;overflow:visible}.workflow-toolbar-bar .toolbar-inline{margin-left:0}.app-nav{align-items:center;gap:4px;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast), background var(--transition-fast);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-primary);background:var(--overlay-hover)}.nav-link.active{color:var(--text-primary);background:var(--bg-surface-2)}
.prompt-section{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;width:100%;max-width:760px;min-height:0;margin:0 auto;padding:12px 24px 20px;display:flex;overflow:hidden}.prompt-hero-block{flex-direction:column;flex-shrink:0;align-items:center;width:100%;display:flex}.prompt-hero-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);background:var(--overlay-subtle);border:1px solid var(--border-subtle);border-radius:999px;flex-shrink:0;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.prompt-hero-eyebrow-dot{background:var(--accent-gradient);border-radius:50%;width:6px;height:6px}.prompt-hero-title{letter-spacing:-.02em;text-align:center;text-wrap:balance;color:var(--text-primary);flex-shrink:0;margin:0 0 12px;font-family:Instrument Serif,Georgia,Times New Roman,serif;font-size:clamp(2.25rem,1.2rem + 3.5vw,3.5rem);font-weight:400;line-height:1.12}.prompt-hero-title em{background:var(--accent-gradient-beleko);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.prompt-hero-subtitle{color:var(--text-secondary);text-align:center;text-wrap:pretty;flex-shrink:0;max-width:520px;margin:0;font-size:1.0625rem;font-weight:400;line-height:1.55}.prompt-wrapper{flex-shrink:0;width:100%;max-width:640px;margin-top:4px;position:relative}.prompt-section--compact{justify-content:center;padding-top:8px;padding-bottom:12px}.prompt-section--compact .prompt-hero-eyebrow{display:none}.prompt-section--compact .prompt-hero-title{margin-bottom:6px;font-size:clamp(1.5rem,.9rem + 2.2vw,2rem)}.prompt-section--compact .prompt-hero-subtitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.875rem;line-height:1.45;display:-webkit-box;overflow:hidden}.prompt-input-container{background:var(--bg-surface);border:1px solid var(--border-default);width:100%;transition:border-color var(--transition-default), box-shadow var(--transition-default);box-shadow:var(--shadow-md);border-radius:20px;position:relative;overflow:hidden}.prompt-input-container:focus-within{box-shadow:0 0 0 1px #5b6fed26, var(--shadow-lg);border-color:#5b6fed66}.prompt-input-container:before{display:none}.prompt-textarea{width:100%;min-height:88px;max-height:var(--prompt-textarea-max,280px);color:var(--text-primary);resize:none;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#1c191426 transparent;word-break:break-word;background:0 0;border:none;outline:none;padding:18px 20px 56px;font-family:inherit;font-size:16px;line-height:1.55;display:block;overflow:hidden}.prompt-textarea::-webkit-scrollbar{width:5px}.prompt-textarea::-webkit-scrollbar-thumb{background:#1c191426;border-radius:3px}.prompt-textarea::placeholder{color:var(--text-muted)}.prompt-actions{pointer-events:none;justify-content:flex-end;align-items:center;gap:8px;padding:0;display:flex;position:absolute;bottom:12px;right:12px}.prompt-submit{pointer-events:auto;background:var(--accent-gradient);min-block-size:40px;color:var(--on-accent);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.prompt-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.prompt-submit:disabled{opacity:.45;cursor:not-allowed}.prompt-suggestions{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:8px;width:100%;max-width:640px;margin-top:16px;display:flex}.suggestion-card{border:1px solid var(--border-subtle);cursor:pointer;text-align:left;color:var(--text-secondary);transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0;border-radius:999px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.35}.suggestion-card:hover{color:var(--text-primary);background:#5b6fed0f;border-color:#5b6fed59}.prompt-suggestions-label,.suggestion-icon,.suggestion-systems,.suggestion-sys,.suggestion-text{display:none}.prompt-fab{z-index:42;background:var(--bg-surface-2);border:1px solid var(--border-default);width:44px;height:44px;color:var(--accent-primary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md);border-radius:50%;place-items:center;display:grid;position:fixed;bottom:24px;left:auto;right:24px}.prompt-fab:hover{background:var(--bg-surface-3);border-color:#5b6fed59;transform:scale(1.05)}.command-palette-overlay{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c191473;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.command-palette{background:var(--bg-secondary);border:1px solid var(--border-default);width:90%;max-width:640px;box-shadow:var(--shadow-xl);border-radius:20px;padding:24px;animation:.2s cubic-bezier(.16,1,.3,1) scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.prompt-section--active{justify-content:flex-start;max-width:100%;padding-top:20px;padding-bottom:20px;overflow:hidden}.prompt-active-header{flex-shrink:0;width:100%;max-width:640px;margin-bottom:16px}.prompt-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-bottom:10px;padding:0;font-family:inherit;font-size:13px;font-weight:500}.prompt-back-btn:hover{color:var(--text-primary)}.prompt-active-prompt{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.session-restore-gate{justify-content:center}.session-restore-gate-inner{flex-direction:column;align-items:center;gap:14px;display:flex}.session-restore-gate-text{color:var(--text-secondary);margin:0;font-size:14px}
.canvas-viewport{flex:1;height:0;min-height:0;position:relative;overflow:hidden}.node-palette-container{z-index:42;position:fixed;bottom:24px;left:24px}.node-palette-container.with-builder-panel{left:376px}.palette-toggle{background:var(--accent-gradient);color:#fff;cursor:pointer;width:48px;height:48px;box-shadow:0 4px 20px var(--accent-glow);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:50%;place-items:center;font-size:24px;font-weight:300;line-height:1;display:grid}.palette-toggle:hover{transform:scale(1.06)}.palette-toggle.open{transform:rotate(45deg)}.node-palette{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:260px;max-height:min(400px,50vh);box-shadow:var(--shadow-lg);padding:8px;position:absolute;bottom:calc(100% + 12px);left:0;overflow-y:auto}.palette-container{z-index:50;position:fixed;bottom:24px;left:24px}.palette-fab{background:var(--accent-gradient);color:#fff;cursor:pointer;width:48px;height:48px;box-shadow:0 4px 20px var(--accent-glow);transition:all var(--transition-fast);border:none;border-radius:50%;place-items:center;font-size:24px;font-weight:300;display:grid}.palette-fab:hover{box-shadow:0 6px 28px var(--accent-glow);transform:scale(1.1)}.palette-fab[aria-expanded=true]{transform:rotate(45deg)}.palette-fab-icon{line-height:1}.palette-popover{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:260px;max-height:400px;padding:8px;animation:.2s cubic-bezier(.16,1,.3,1) slideUp;position:absolute;bottom:calc(100% + 12px);left:0;overflow-y:auto;box-shadow:0 16px 48px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.palette-category{margin-bottom:4px}.palette-category-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin:0;padding:8px 8px 4px;font-size:10px;font-weight:600}.palette-items{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.palette-item{border-radius:var(--radius-sm);cursor:grab;transition:background var(--transition-fast);color:var(--text-secondary);align-items:center;gap:10px;padding:8px 10px;display:flex}.palette-item:hover{background:var(--bg-surface);color:var(--text-primary)}.palette-item:active{cursor:grabbing}.palette-item-icon{text-align:center;flex-shrink:0;width:24px;font-size:16px}.palette-item-info{flex-direction:column;gap:1px;display:flex}.palette-item-label{color:var(--text-primary);font-size:13px;font-weight:500}.palette-item-description{color:var(--text-tertiary);font-size:11px}.canvas-wrapper{width:100%;height:100%;position:relative}.react-flow,.react-flow__background{background:var(--bg-primary)!important}.react-flow__edge-path{stroke:var(--border-strong)!important;stroke-width:2px!important}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:hover .react-flow__edge-path{stroke:var(--accent-primary)!important;stroke-width:2.5px!important}.react-flow__edge .react-flow__edge-text{fill:var(--text-secondary);font-size:11px}.react-flow__controls{overflow:hidden;border-radius:var(--radius-md)!important;background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;box-shadow:0 4px 16px #1c191414!important}.react-flow__controls button{border-bottom:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important;fill:var(--text-secondary)!important;background:0 0!important;width:32px!important;height:32px!important}.react-flow__controls button:hover{background:var(--bg-surface-2)!important;color:var(--text-primary)!important;fill:var(--text-primary)!important}.react-flow__controls button:last-child{border-bottom:none!important}.react-flow__minimap{overflow:hidden;background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md)!important}.react-flow__attribution{display:none!important}.react-flow__connection-line{stroke:var(--accent-primary)!important;stroke-width:2px!important}.workflow-node{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:180px;max-width:240px;transition:all var(--transition-fast);cursor:pointer;align-items:flex-start;gap:10px;padding:12px 16px;animation:.35s cubic-bezier(.16,1,.3,1) nodeEntrance;display:flex;position:relative}@keyframes nodeEntrance{0%{opacity:0;transform:scale(.9)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.workflow-node:hover{transform:translateY(-1px)}.workflow-node.executing,.react-flow__node.node-executing .workflow-node{animation:1.2s ease-in-out infinite nodeExecutingPulse;box-shadow:0 0 0 3px #f59e0b40,0 0 24px #f59e0b59;border-color:#f59e0b!important}@keyframes nodeExecutingPulse{0%,to{box-shadow:0 0 0 3px #f59e0b33,0 0 16px #f59e0b40}50%{box-shadow:0 0 0 5px #f59e0b59,0 0 28px #f59e0b73}}.react-flow__node.node-executing{z-index:10!important}.react-flow__node.node-highlighted .workflow-node{animation:.65s ease-in-out 3 nodeHighlightPulse;border-color:#6366f1!important}.react-flow__node.node-highlighted{z-index:9!important}@keyframes nodeHighlightPulse{0%,to{box-shadow:0 0 0 2px #6366f140}50%{box-shadow:0 0 0 6px #6366f173,0 0 26px #6366f166}}.react-flow__node.node-test-passed .workflow-node{box-shadow:0 0 0 3px #22c55e33;border-color:#22c55e!important}.react-flow__node.node-test-failed .workflow-node{box-shadow:0 0 0 3px #ef444433;border-color:#ef4444!important}.react-flow__node.node-test-skipped .workflow-node{border-style:dashed!important;border-color:#a8a29e!important}.workflow-node.selected{transform:translateY(-1px)}.trigger-node{background:var(--node-trigger-bg);border:1.5px solid var(--node-trigger-border)}.trigger-node.selected{border-color:var(--node-trigger);box-shadow:0 0 0 3px #e8786a26,0 4px 20px #e8786a33}.trigger-node .node-icon{color:var(--node-trigger)}.condition-node{background:var(--node-condition-bg);border:1.5px solid var(--node-condition-border)}.condition-node.selected{border-color:var(--node-condition);box-shadow:0 0 0 3px #38bdf826,0 4px 20px #38bdf833}.condition-node .node-icon{color:var(--node-condition);background:#38bdf824}.end-node{background:var(--bg-surface);border:1.5px solid var(--end-node-color);border-radius:999px;min-width:180px}.end-node--completed{--end-node-color:var(--status-success)}.end-node--stopped{--end-node-color:var(--status-warning)}.end-node.selected{box-shadow:0 0 0 3px color-mix(in srgb, var(--end-node-color) 20%, transparent)}.end-node .node-icon{background:color-mix(in srgb, var(--end-node-color) 14%, transparent);color:var(--end-node-color)}.end-node .node-handle{background:var(--end-node-color)!important}.action-node{background:var(--node-action-bg);border:1.5px solid var(--node-action-border)}.action-node.selected{border-color:var(--node-action);box-shadow:0 0 0 3px #5b6fed26,0 4px 20px #5b6fed33}.action-node .node-icon{color:var(--node-action)}.tool-node{background:var(--node-action-bg);border:1.5px solid var(--node-action-border)}.tool-node.selected{border-color:var(--node-action);box-shadow:0 0 0 3px #5b6fed26,0 4px 20px #5b6fed33}.tool-node .node-icon{background:var(--user-bubble-bg);color:var(--on-accent);border:none}.node-reliability-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:4px;margin-top:6px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.node-reliability-badge--guarded{color:#1a7a4c;background:#22a06b1f}.node-reliability-badge--unguarded{color:#a14a1f;background:#c45a2a1f}.code-node{background:var(--node-code-bg);border:1.5px solid var(--node-code-border)}.code-node.selected{border-color:var(--node-code);box-shadow:0 0 0 3px #9b5de526,0 4px 20px #9b5de533}.code-node .node-icon{color:var(--on-accent);background:linear-gradient(135deg,#9b5de5 0%,#c084fc 100%);border:none}.loop-node{background:var(--node-loop-bg);border:1.5px solid var(--node-loop-border)}.loop-node.selected{border-color:var(--node-loop);box-shadow:0 0 0 3px #14b8a626,0 4px 20px #14b8a633}.loop-node .node-icon{color:var(--node-loop);background:#14b8a624}.loop-container-node{-webkit-backdrop-filter:none;backdrop-filter:none;border-style:dashed;min-width:0;max-width:none;padding:0;animation:none;display:block}.loop-container-node:hover{transform:none}.loop-container-node .loop-container-header{border-bottom:1.5px dashed var(--node-loop-border);box-sizing:border-box;align-items:center;gap:10px;padding:10px 14px;display:flex}.loop-container-node .node-content{flex:1;min-width:0}.loop-container-node .node-description{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.loop-container-node{position:relative}.loop-container-node .loop-container-footer{border-top:1.5px dashed var(--node-loop-border);box-sizing:border-box;flex-direction:column;justify-content:center;padding:0 14px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.loop-container-node .loop-container-footer .node-label{font-size:12px}.loop-container-node .loop-container-footer .node-description{color:var(--text-secondary);font-size:11px}.loop-container-empty{color:var(--text-secondary);text-align:center;padding:20px 14px;font-size:12px}.loop-container-node.loop-executing{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.loop-container-node .loop-iteration-badge{color:#a15c0c;white-space:nowrap;background:#f59e0b24;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:600}.action-warning{background:var(--node-notification-bg);border-color:var(--node-notification-border)}.action-warning .node-icon{color:var(--node-notification)}.notification-node{background:var(--node-notification-bg);border:1.5px solid var(--node-notification-border)}.notification-node.selected{border-color:var(--node-notification);box-shadow:0 0 0 3px #f59e0b26,0 4px 20px #f59e0b33}.notification-node .node-icon{color:var(--node-notification)}.delay-node{background:var(--node-delay-bg);border:1.5px solid var(--node-delay-border)}.delay-node.selected{border-color:var(--node-delay);box-shadow:0 0 0 3px #7c6cf026,0 4px 20px #7c6cf033}.delay-node .node-icon{color:var(--node-delay)}.node-icon{border-radius:var(--radius-sm);background:var(--overlay-subtle);flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.node-content{flex:1;min-width:0}.node-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.node-description{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.node-condition-rule{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:4px;font-family:monospace;font-size:11px;overflow:hidden}.node-handle{transition:all var(--transition-fast);border:2px solid var(--bg-surface)!important;background:var(--text-tertiary)!important;width:10px!important;height:10px!important}.node-handle:hover{transform:scale(1.3);background:var(--accent-primary)!important}.trigger-node .node-handle{background:var(--node-trigger)!important}.condition-node .node-handle{background:var(--node-condition)!important}.action-node .node-handle,.tool-node .node-handle{background:var(--node-action)!important}.code-node .node-handle{background:var(--node-code)!important}.notification-node .node-handle{background:var(--node-notification)!important}.delay-node .node-handle{background:var(--node-delay)!important}.loop-node .node-handle{background:var(--node-loop)!important}.condition-labels{justify-content:space-between;display:flex;position:absolute;bottom:-18px;left:10px;right:10px}.branch-label{text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:600}.true-label{color:var(--status-success)}.false-label{color:var(--status-error)}
.config-panel{z-index:45;background:var(--bg-secondary);border-left:1px solid var(--border-default);flex-direction:column;width:320px;animation:.25s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-8px 0 32px #0000004d}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.config-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px;display:flex}.config-header h3{font-size:14px;font-weight:600}.config-close{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;place-items:center;padding:4px;display:grid}.config-close:hover{color:var(--text-primary);background:var(--bg-surface)}.config-body{flex-direction:column;gap:16px;padding:16px;display:flex}.config-badge{display:flex}.type-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.type-badge.trigger{background:var(--node-trigger-bg);color:var(--node-trigger);border:1px solid var(--node-trigger-border)}.type-badge.end{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle)}.type-badge.condition{background:var(--node-condition-bg);color:var(--node-condition);border:1px solid var(--node-condition-border)}.type-badge.action{background:var(--node-action-bg);color:var(--node-action);border:1px solid var(--node-action-border)}.type-badge.notification{background:var(--node-notification-bg);color:var(--node-notification);border:1px solid var(--node-notification-border)}.type-badge.tool{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.type-badge.code{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.type-badge.loop{color:#2dd4bf;background:#14b8a626;border:1px solid #14b8a64d}.config-header h3{margin-bottom:6px}.build-overlay{z-index:50;pointer-events:none;width:min(420px,100vw - 380px);position:fixed;top:72px;left:50%;transform:translate(-50%)}.build-overlay-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);pointer-events:auto;padding:16px 18px;box-shadow:0 12px 40px #00000073}.build-overlay-header{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.build-status-icon{border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.build-status-icon.building{color:var(--accent-primary);background:#3b82f626}.build-status-icon.complete{color:var(--status-success);background:#22c55e26}.build-status-icon.error{color:var(--status-error);background:#ef444426}.build-overlay-title{margin:0 0 4px;font-size:14px;font-weight:600}.build-overlay-sub{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.build-stats{gap:12px;margin-bottom:12px;display:flex}.build-stat{text-align:center;background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);flex:1;padding:8px}.build-stat-value{color:var(--text-primary);font-size:18px;font-weight:700;display:block}.build-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-size:10px}.build-tool-log{flex-direction:column;gap:4px;max-height:120px;display:flex;overflow-y:auto}.build-tool-entry{border-radius:var(--radius-sm);gap:8px;padding:5px 8px;font-family:monospace;font-size:11px;display:flex}.build-tool-entry.call{color:var(--text-secondary);background:#3b82f614}.build-tool-entry.result{color:var(--text-secondary);background:#22c55e0f}.build-stream-hint{color:var(--text-tertiary);margin:10px 0 0;font-size:11px}.config-field{flex-direction:column;gap:6px;display:flex}.config-field label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-size:11px;font-weight:600}.config-input,.config-textarea{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:8px 12px;font-family:inherit;font-size:13px}.config-input:focus,.config-textarea:focus{border-color:var(--accent-primary)}.config-textarea{resize:vertical;line-height:1.5}.config-readonly{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-tertiary);padding:8px 12px;font-family:SF Mono,Fira Code,monospace;font-size:12px}.config-delete-btn{border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;transition:all var(--transition-fast);background:#ef44441a;border:1px solid #ef444433;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:10px;font-size:13px;font-weight:500;display:flex}.config-delete-btn:hover{background:#ef444433;border-color:#ef444466}.config-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:12px;display:flex}.config-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-primary);font-size:11px;font-weight:700}.config-divider{background:var(--border-subtle);height:1px;margin:4px 0}.config-hint{color:var(--text-tertiary);border-radius:var(--radius-sm);background:#0ea5e90d;border-left:2px solid #0ea5e94d;padding:6px 8px;font-size:11px;line-height:1.5}.config-loop-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.config-loop-step{flex-direction:column;gap:6px;display:flex}.config-loop-step-header{align-items:center;gap:8px;min-width:0;display:flex}.config-loop-step-name{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:12px;font-weight:500;overflow:hidden}.config-loop-step-link{appearance:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast);background:0 0;padding:6px 8px}.config-loop-step-link:hover{background:var(--bg-surface-2)}.config-loop-step-link:hover .config-loop-step-name{color:var(--text-primary)}.config-input,.config-textarea{appearance:none}select.config-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}select.config-input option{background:var(--bg-secondary);color:var(--text-primary)}.toolbar-inline{flex:1;align-items:center;gap:12px;min-width:0;margin-left:16px;display:flex}.toolbar-name{flex-shrink:1;min-width:0}.toolbar-name-display{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;align-items:center;gap:5px;max-width:220px;padding:4px 8px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.toolbar-name-display:hover{background:var(--bg-surface)}.toolbar-name-display svg{color:var(--text-tertiary);flex-shrink:0}.toolbar-name-input{background:var(--bg-surface);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;width:180px;padding:4px 8px;font-family:inherit;font-size:13px;font-weight:600}.toolbar-stats{color:var(--text-muted);flex-shrink:0;align-items:center;gap:5px;font-size:11px;display:flex}.stat-divider{color:var(--text-muted)}.toolbar-spacer{flex:1}.toolbar-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.toolbar-icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;place-items:center;display:grid;position:relative}.toolbar-icon-btn:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-subtle)}.toolbar-icon-btn:disabled{opacity:.3;cursor:not-allowed}.toolbar-icon-btn.saved{color:var(--status-success)}.unsaved-dot{background:var(--status-warning);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.toolbar-run-btn{border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.toolbar-run-btn:hover:not(:disabled){box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.toolbar-run-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-run-btn.running{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary)}.toolbar-run-flowops-btn{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.toolbar-run-flowops-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.toolbar-run-flowops-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-run-flowops-btn.running{color:var(--text-secondary)}.run-btn.running{background:var(--bg-surface-2)!important;border:1px solid var(--border-default)!important;color:var(--status-running)!important}.spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}
.execution-drawer{--log-row-h:34px;z-index:40;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);flex-direction:column;transition:max-height .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;right:0}.execution-drawer.collapsed{max-height:40px}.execution-drawer.expanded{max-height:min(58vh,560px)}.execution-drawer.with-builder-panel{left:360px}.execution-active-node{color:var(--status-running);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:600;overflow:hidden}.execution-log-entry{flex-direction:column;align-items:stretch;padding:8px 0}.execution-log-entry.expanded{background:var(--overlay-muted);border-radius:var(--radius-sm);margin:2px 0;padding:8px}.log-output-preview{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:420px;font-family:SF Mono,Fira Code,monospace;font-size:10px;overflow:hidden}.log-expand-hint{color:var(--text-muted);flex-shrink:0;font-size:10px}.data-copy-btn{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:2px 8px;font-size:10px}.data-copy-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.execution-header{width:100%;height:40px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;font-family:inherit;font-size:12px;display:flex}.execution-header:hover{background:var(--bg-surface)}.execution-title{align-items:center;gap:8px;font-weight:600;display:flex}.execution-count{color:var(--text-tertiary);font-weight:400}.execution-dot{background:var(--status-running);border-radius:50%;width:8px;height:8px}.execution-dot.pulse{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.chevron{transition:transform var(--transition-fast)}.chevron.down{transform:rotate(180deg)}.execution-logs{max-height:calc(var(--log-row-h) * 8);flex:1;min-height:0;padding:0 16px 8px;overflow-y:auto}.execution-logs:has(.execution-log-entry.expanded){max-height:min(48vh,460px)}.execution-log-entry{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:5px 0;font-size:12px;animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.log-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.log-status-dot.success{background:var(--status-success)}.log-status-dot.error{background:var(--status-error)}.log-status-dot.running{background:var(--status-running);animation:1s ease-in-out infinite pulse}.log-status-dot.skipped{background:var(--text-muted)}.log-node{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;min-width:120px;max-width:220px;font-weight:600;overflow:hidden}.log-iteration{color:#a15c0c;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600}.log-message{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;max-width:320px;overflow:hidden}.log-time{color:var(--text-tertiary);font-family:SF Mono,Fira Code,monospace;font-size:11px}.canvas-empty{height:100%;color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.canvas-empty svg{opacity:.3}.canvas-empty h3{color:var(--text-secondary);font-size:16px;font-weight:600}.canvas-empty p{max-width:320px;font-size:13px;line-height:1.6}.loading-shimmer{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.shimmer-text{color:var(--text-secondary);font-size:14px;animation:1.5s ease-in-out infinite pulse}.shimmer-dots{gap:6px;display:flex}.shimmer-dot{background:var(--accent-primary);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite shimmerBounce}.shimmer-dot:nth-child(2){animation-delay:.15s}.shimmer-dot:nth-child(3){animation-delay:.3s}@keyframes shimmerBounce{0%,80%,to{opacity:.3;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.templates-view{flex:1;padding:48px 40px;overflow-y:auto}.templates-header{text-align:center;margin-bottom:40px}.templates-header h2{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:700}.templates-header p{color:var(--text-secondary);font-size:15px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-width:960px;margin:0 auto;display:grid}.template-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-default);text-align:left;color:inherit;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:24px;font-family:inherit}.template-card:hover{border-color:var(--accent-primary);background:#0ea5e90f;transform:translateY(-2px);box-shadow:0 8px 32px #0ea5e91f}.template-top{align-items:center;gap:12px;margin-bottom:16px;display:flex}.template-icon{border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.template-category{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-primary);background:#0ea5e91a;border:1px solid #0ea5e933;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.template-card h3{margin-bottom:6px;font-size:16px;font-weight:600}.template-card p{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.6}.template-cta{color:var(--accent-primary);transition:gap var(--transition-fast);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.template-card:hover .template-cta{gap:10px}.settings-view{flex-direction:column;flex:1;min-height:0;padding:48px 40px;display:flex;overflow-y:auto}.settings-header{margin-bottom:32px}.settings-header h2{letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:700}.settings-header p{color:var(--text-secondary);font-size:15px}.settings-sections{flex-direction:column;gap:16px;max-width:600px;display:flex}.settings-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:24px}.settings-card h3{margin-bottom:4px;font-size:15px;font-weight:600}.settings-card>p{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.settings-item{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.settings-label{color:var(--text-secondary)}.settings-value{color:var(--text-primary);font-weight:500}.settings-build-footer{text-align:center;color:var(--text-secondary);opacity:.85;margin-top:auto;padding-top:24px;font-size:12px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.readiness-inline{flex-shrink:0;position:relative}.readiness-badge-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:4px 8px;display:flex}.readiness-badge-btn:hover,.readiness-badge-btn.open{background:var(--bg-surface);border-color:var(--border-subtle)}.readiness-badge-btn.open .readiness-chevron{transform:rotate(180deg)}.readiness-chevron{color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.readiness-mini-ring{flex-shrink:0}.readiness-badge-label{font-size:11px;font-weight:700}.readiness-issue-count{background:var(--status-warning);color:#000;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:grid}.readiness-popover{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:380px;max-height:400px;padding:16px;animation:.15s cubic-bezier(.16,1,.3,1) readinessPopoverIn;overflow-y:auto;box-shadow:0 16px 48px #00000080}.readiness-popover-portal{z-index:200;position:fixed;top:0;left:0;transform:translate(-50%)}@keyframes readinessPopoverIn{0%{opacity:0;transform:translate(-50%)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}.readiness-popover-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.readiness-title{color:var(--text-primary);font-size:13px;font-weight:600}.readiness-badge{border-radius:10px;width:fit-content;padding:2px 8px;font-size:10px;font-weight:600}.badge-ok{color:var(--status-success);background:#22c55e26}.badge-blocked{color:var(--status-error);background:#ef444426}.readiness-steps{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.readiness-step{border:1px solid var(--border-subtle);background:var(--bg-surface);cursor:pointer;color:var(--text-secondary);transition:border-color var(--transition-fast);border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:flex}.readiness-step:hover{border-color:var(--accent-primary)}.readiness-step.step-inner{border-style:dashed;margin-left:12px}.step-valid .step-icon{color:var(--status-success)}.step-warning .step-icon{color:var(--status-warning)}.step-error .step-icon{color:var(--status-error)}.step-type{opacity:.5;font-size:10px}.readiness-section{margin-bottom:6px}.readiness-section .section-title,.detected-params .section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.readiness-issue{cursor:pointer;text-align:left;width:100%;color:var(--text-secondary);background:#f59e0b14;border:none;border-radius:6px;align-items:center;gap:6px;margin-bottom:2px;padding:4px 8px;font-size:11px;display:flex}.readiness-issue:hover{background:#f59e0b26}.issue-fix{color:var(--accent-primary);margin-left:auto;font-weight:600}.readiness-cred{align-items:center;gap:6px;padding:3px 0;font-size:11px;display:flex}.cred-status{margin-left:auto;font-weight:500}.cred-ok .cred-status{color:var(--status-success)}.cred-missing .cred-status{color:var(--status-warning)}.readiness-risk,.readiness-branch-issue{color:var(--text-secondary);gap:6px;padding:3px 0;font-size:11px;display:flex}.toolbar-flow-id{background:var(--bg-surface);color:var(--text-tertiary);border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,monospace;font-size:10px}.save-btn.saved{color:var(--status-success)}.toolbar-icon-btn.builder-toggle.active{color:#a5b4fc;background:#6366f11f;border-color:#6366f180}.toolbar-icon-btn{position:relative}.toolbar-badge{pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}.toolbar-badge.warn{background:var(--status-warning);color:#000;place-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:grid}.toolbar-badge.live{background:var(--status-running);animation:1s ease-in-out infinite pulse}.config-node-actions{gap:8px;display:flex}.config-run-btn{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;flex:1;padding:8px 12px;font-family:inherit;font-size:12px}.config-run-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.config-run-btn:disabled{opacity:.45;cursor:default}.config-run-result{border:1px solid var(--border-subtle);border-left:3px solid var(--status-success);border-radius:var(--radius-md);background:var(--bg-surface-2);margin-top:10px;padding:8px 10px}.config-run-result--error{border-left-color:var(--status-error)}.config-run-head{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.config-run-head code{text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:10px;overflow:hidden}.config-run-section+.config-run-section{border-top:1px solid var(--border-subtle,#ffffff14);margin-top:10px;padding-top:10px}.config-run-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px;font-size:10px;display:block}summary.config-run-label{cursor:pointer}.config-run-body{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;max-height:260px;margin:0;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.5;overflow:auto}
.connection-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);margin-top:8px;padding:14px}.connection-card--connected{background:#1fad530d;border-color:#1fad5366}.connection-card-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.connection-card-icon{flex-shrink:0;font-size:18px}.connection-card-info{flex:1;align-items:center;gap:10px;display:flex}.connection-card-title{color:var(--text-primary);font-size:13px;font-weight:600}.connection-card-name{color:var(--text-primary);font-size:13px;font-weight:500}.connection-card-status{color:#22c35d;margin-left:auto;font-size:11px;font-weight:500}.system-connected-badge{margin-left:4px;font-size:11px}.connection-form{flex-direction:column;gap:8px;display:flex}.connection-field{flex-direction:column;gap:3px;display:flex}.connection-field label{color:var(--text-secondary);font-size:11px;font-weight:500}.connection-field input{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-primary);transition:border-color var(--transition-fast);padding:7px 10px;font-family:inherit;font-size:12px}.connection-field input:focus{border-color:var(--accent-primary);outline:none}.connection-field input[type=password]{letter-spacing:.5px;font-family:monospace}.connection-test-result{border-radius:var(--radius-sm);align-items:flex-start;gap:6px;padding:8px 10px;font-size:12px;line-height:1.4;display:flex}.connection-test-result.test-success{color:#3cdd77;background:#1fad5314;border:1px solid #1fad5333}.connection-test-result.test-error{color:#dd3c3c;background:#ad1f1f14;border:1px solid #ad1f1f33}.test-detail{opacity:.8;gap:12px;font-size:11px;display:flex}.connection-actions{gap:8px;margin-top:4px;display:flex}.connection-test-btn,.connection-save-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-subtle);transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:flex}.connection-test-btn{background:var(--bg-surface-2);color:var(--text-secondary)}.connection-test-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.connection-save-btn{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.connection-save-btn:hover:not(:disabled){filter:brightness(1.1)}.connection-test-btn:disabled,.connection-save-btn:disabled{opacity:.4;cursor:not-allowed}.spinner-inline{border:2px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.connection-hint{color:var(--text-tertiary);font-size:12px;font-style:italic}.confirm-btn:disabled{opacity:.4;cursor:not-allowed}
.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:safe center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:90%;max-width:560px;max-height:calc(100vh - 48px);margin:auto;padding:24px;overflow-y:auto;box-shadow:0 24px 48px #0006}.modal-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.modal-header h3{font-size:16px;font-weight:600}.modal-close{border-radius:var(--radius-sm);background:var(--bg-surface);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:14px;display:flex}.modal-close:hover{background:var(--bg-surface-2)}.modal-subtitle{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.5}.modal-form{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.form-group{flex-direction:column;gap:4px;display:flex}.form-group label{color:var(--text-secondary);font-size:12px;font-weight:500}.form-group input,.form-group textarea,.form-group select{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);padding:8px 12px;font-family:inherit;font-size:13px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-primary);outline:none}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:8px 16px;font-size:13px;font-weight:500}.modal-btn.primary{background:var(--accent-gradient);color:#fff}.modal-btn.secondary{background:var(--bg-surface);color:var(--text-secondary)}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.schedule-presets{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.schedule-preset{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);cursor:pointer;text-align:left;transition:all var(--transition-fast);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.schedule-preset:hover{border-color:var(--accent-primary)}.schedule-preset.active{border-color:var(--accent-primary);background:#0ea5e914}.preset-label{color:var(--text-primary);font-size:12px;font-weight:600}.preset-desc{color:var(--text-tertiary);font-size:10px}.preset-cron{color:var(--text-muted);margin-top:2px;font-family:monospace;font-size:10px}.toggle-custom{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-size:12px}.custom-cron{margin-bottom:12px}.cron-input{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);width:100%;color:var(--text-primary);margin:4px 0;padding:8px 12px;font-family:monospace;font-size:14px}.cron-help{color:var(--text-tertiary);font-size:10px}.schedule-timezone{margin-bottom:12px}.schedule-timezone label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;display:block}.schedule-timezone select{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);width:100%;color:var(--text-primary);padding:8px 12px;font-size:13px}.schedule-error{color:var(--status-error);margin:8px 0;font-size:12px}.schedule-result{flex-direction:column;gap:12px;display:flex}.result-success{color:var(--status-success);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.result-icon{font-size:18px}.result-id,.result-detail{border-radius:var(--radius-sm);background:var(--bg-surface);justify-content:space-between;align-items:center;padding:8px;display:flex}.result-label{color:var(--text-secondary);font-size:12px}.result-id code,.result-detail code{color:var(--accent-primary);font-family:monospace;font-size:11px}.detected-params{margin-bottom:12px}.param-list{flex-direction:column;gap:4px;margin-top:6px;display:flex}.param-item{border-radius:var(--radius-sm);background:var(--bg-surface);align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.param-label{color:var(--text-primary);flex:1}.param-type{color:var(--accent-secondary);font-family:monospace;font-size:10px}.param-required{color:var(--status-warning);font-size:10px;font-weight:600}.workflow-library{flex:1;padding:24px;overflow-y:auto}.library-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.library-tabs{gap:4px;display:flex}.library-tab{border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.library-tab.active{background:var(--accent-primary);color:#fff}.tab-count{background:#ffffff26;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:600}.library-actions{align-items:center;gap:8px;display:flex}.library-search{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);width:200px;padding:6px 12px;font-size:13px}.library-search:focus{border-color:var(--accent-primary);outline:none}.library-import-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;padding:6px 12px;font-size:12px}.library-import-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.library-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.library-card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-surface);cursor:pointer;text-align:left;transition:all var(--transition-fast);flex-direction:column;gap:8px;padding:16px;display:flex}.library-card:hover{border-color:var(--accent-primary);background:var(--bg-surface-2);translate:0 -2px}.card-header{justify-content:space-between;align-items:flex-start;display:flex}.card-name{color:var(--text-primary);font-size:14px;font-weight:600}.card-delete{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:12px;display:flex}.card-delete:hover{color:var(--status-error);background:#ef444426}.card-category{color:var(--accent-primary);font-size:11px;font-weight:500}.card-desc{color:var(--text-secondary);font-size:12px;line-height:1.5}.card-meta{color:var(--text-muted);gap:12px;font-size:11px;display:flex}.card-footer{align-items:center;gap:8px;font-size:11px;display:flex}.card-date{color:var(--text-muted)}.card-badge{border-radius:8px;padding:1px 6px;font-size:10px;font-weight:600}.schedule-badge{color:var(--accent-primary);background:#0ea5e926}.run-badge{color:var(--status-success);background:#22c55e26}.builtin-badge{color:var(--accent-primary);background:#0ea5e926}.card-tags{flex-wrap:wrap;gap:4px;display:flex}.card-tag{background:var(--bg-elevated);color:var(--text-muted);border-radius:6px;padding:1px 6px;font-size:10px}.library-empty{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:48px 0}.empty-hint{color:var(--text-muted);margin-top:4px;font-size:13px}.library-loading{text-align:center;color:var(--text-muted);padding:48px 0}.execution-total-time{color:var(--text-muted);font-family:monospace;font-size:11px}.execution-summary-bar{border-bottom:1px solid var(--border-subtle);gap:12px;padding:6px 12px;font-size:12px;display:flex}.summary-stat{color:var(--text-muted)}.summary-stat.success{color:var(--status-success)}.summary-stat.error{color:var(--status-error)}.log-main{cursor:pointer;align-items:center;gap:8px;padding:2px 0;display:flex}.log-duration{color:var(--text-muted);flex-shrink:0;font-family:monospace;font-size:10px}.log-duration-bar{background:var(--border-subtle);border-radius:2px;flex-shrink:0;width:60px;height:4px;overflow:hidden}.log-duration-fill{height:100%;transition:width var(--transition-fast);border-radius:2px}.log-duration-fill.success{background:var(--status-success)}.log-duration-fill.error{background:var(--status-error)}.log-duration-fill.running{background:var(--status-running)}.log-data-inspector{flex-direction:column;gap:6px;padding:8px 12px 10px 24px;display:flex}.data-toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.data-tabs{gap:4px;display:flex}.data-tab{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:600}.data-tab:hover{color:var(--text-secondary)}.data-tab.active{border-color:var(--border-subtle);background:var(--bg-surface);color:var(--text-primary)}.data-actions{align-items:center;gap:6px;display:flex}.log-highlight-btn{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:4px;padding:2px 8px;font-size:10px}.log-highlight-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.data-json{color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);resize:vertical;white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;height:220px;min-height:72px;max-height:60vh;margin:0;padding:8px 10px;font-family:SF Mono,Fira Code,monospace;font-size:11px;line-height:1.5;overflow:auto}.execution-explain-section{border-top:1px solid var(--border-subtle);padding:12px}.explain-btn{border-radius:var(--radius-md);border:1px solid var(--accent-primary);color:var(--accent-primary);cursor:pointer;transition:all var(--transition-fast);background:#0ea5e914;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.explain-btn:hover{background:#0ea5e926}.explain-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}.explain-error{border-radius:var(--radius-sm);color:var(--status-error);background:#ef444414;justify-content:space-between;align-items:center;padding:8px;font-size:12px;display:flex}.explain-error button{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;font-size:12px}.explain-result{flex-direction:column;gap:16px;display:flex}.explain-result h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:600}.explain-summary p{color:var(--text-primary);font-size:13px;line-height:1.6}.explain-step{border-radius:var(--radius-sm);background:var(--bg-surface);flex-direction:column;gap:2px;margin-bottom:4px;padding:6px 8px;display:flex}.explain-step-label{color:var(--text-primary);font-size:12px;font-weight:600}.explain-step-summary{color:var(--text-secondary);font-size:12px}.explain-step-data{color:var(--text-muted);font-size:11px;font-style:italic}.explain-failure{border-radius:var(--radius-md);background:#ef444414;padding:8px}.failure-detail{flex-direction:column;gap:4px;display:flex}.failure-step{color:var(--text-primary);font-size:12px;font-weight:600}.failure-error{color:var(--status-error);font-size:12px}.failure-fix{color:var(--status-success);font-size:12px}.timing-bars{flex-direction:column;gap:4px;display:flex}.timing-row{align-items:center;gap:8px;display:flex}.timing-label{width:100px;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:11px;overflow:hidden}.timing-bar{background:var(--border-subtle);border-radius:3px;flex:1;height:6px;overflow:hidden}.timing-fill{background:var(--accent-primary);height:100%;transition:width var(--transition-fast);border-radius:3px}.timing-ms{text-align:right;width:50px;color:var(--text-muted);font-family:monospace;font-size:10px}.explain-recommendations ul{padding:0;list-style:none}.explain-recommendations li{color:var(--text-secondary);padding:4px 0 4px 16px;font-size:12px;line-height:1.5;position:relative}.explain-recommendations li:before{content:"→";color:var(--accent-primary);position:absolute;left:0}
.prompt-analysis-flow{width:100%;max-width:720px;margin:0 auto}.prompt-wrapper-narrow{max-width:100%}.prompt-readonly{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:16px;padding:12px 16px}.prompt-readonly-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-size:10px;font-weight:600}.prompt-readonly-text{color:var(--text-primary);margin:4px 0 0;font-size:14px;line-height:1.5}.prompt-generating{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.prompt-generating-spinner .spinner{width:28px;height:28px}.prompt-generating-text{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.prompt-generating-sub{color:var(--text-tertiary);margin:0;font-size:13px}.command-palette-wide{max-width:760px;max-height:80vh;overflow-y:auto}.confirmation-chat{width:100%}.analysis-loading{flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.analysis-loading-text{color:var(--text-secondary);font-size:14px}.analysis-loading .analysis-dots{gap:6px;display:flex}.analysis-loading .analysis-dot{background:var(--accent-primary);border-radius:50%;width:8px;height:8px;animation:1.2s infinite dotPulse}.analysis-loading .analysis-dot:nth-child(2){animation-delay:.15s}.analysis-loading .analysis-dot:nth-child(3){animation-delay:.3s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.analysis-card{flex-direction:column;gap:16px;display:flex}.analysis-section{padding:0}.analysis-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);align-items:center;gap:6px;margin:0 0 8px;font-size:11px;font-weight:700;display:flex}.analysis-summary{color:var(--text-primary);background:var(--bg-surface);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary);margin:0;padding:12px 14px;font-size:14px;line-height:1.6}.analysis-systems{flex-wrap:wrap;gap:8px;display:flex}.system-pill{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.system-role{text-transform:uppercase;letter-spacing:.05em;border-radius:8px;padding:1px 6px;font-size:9px;font-weight:700}.role-source{color:#60a5fa;background:#3b82f633}.role-target{color:#4ade80;background:#22c55e33}.role-both{color:#c084fc;background:#a855f733}.analysis-trigger{background:var(--bg-surface);border-radius:var(--radius-md);color:var(--text-primary);align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.trigger-icon{font-size:16px}.trigger-system{color:var(--accent-primary);font-weight:600}.trigger-arrow{color:var(--text-muted)}.analysis-actions{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.analysis-actions li{background:var(--bg-surface);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.action-number{background:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:grid}.action-system{color:var(--text-secondary);font-weight:600}.mapping-table{border-collapse:collapse;width:100%;font-size:12px}.mapping-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);padding:6px 8px;font-size:10px;font-weight:600}.mapping-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:8px}.mapping-system{color:var(--text-tertiary);font-size:10px;display:block}.mapping-field{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.mapping-arrow{text-align:center;color:var(--text-muted);font-size:14px}.confidence-badge{text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.confidence-high{color:var(--status-success);background:#22c55e26}.confidence-medium{color:var(--status-warning);background:#eab30826}.confidence-inferred{color:var(--text-tertiary);background:#94a3b826}.integrity-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.integrity-item{color:var(--text-secondary);align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.integrity-icon{color:var(--status-success);flex-shrink:0}.question-form{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-default);flex-direction:column;gap:16px;padding:12px;display:flex}.question-item{flex-direction:column;gap:6px;display:flex}.question-text{color:var(--text-primary);font-size:13px;font-weight:500}.question-reason{color:var(--text-tertiary);font-size:11px;font-style:italic}.question-input-label{color:var(--text-secondary);margin-top:2px;font-size:11px;font-weight:600}.question-input{border-radius:var(--radius-sm);background:var(--bg-primary);border:1px solid var(--border-subtle);width:100%;min-height:44px;color:var(--text-primary);resize:vertical;transition:border-color var(--transition-fast);outline:none;padding:8px 12px;font-family:inherit;font-size:13px}.question-input:disabled{opacity:.55;cursor:not-allowed}.question-input:focus{border-color:var(--accent-primary)}.question-options{flex-wrap:wrap;gap:6px;display:flex}.question-option{border:1px solid var(--border-subtle);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:16px;padding:5px 12px;font-size:12px}.question-option:hover,.question-option.selected{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.confirm-actions{justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.confirm-btn{border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.confirm-btn:hover{box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.confirm-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.cancel-link{color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:6px 12px;font-family:inherit;font-size:13px}.cancel-link:hover{color:var(--text-secondary)}.submit-answers-btn{border-radius:var(--radius-sm);background:var(--bg-surface-2);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:8px 20px;font-family:inherit;font-size:13px;font-weight:500}.submit-answers-btn:hover{background:var(--bg-surface-3)}.submit-answers-btn:disabled{opacity:.4;cursor:not-allowed}.field-mapping-dialog{background:0 0;border:none;width:100%;max-width:min(920px,96vw);padding:0}.field-mapping-dialog::backdrop{background:#0000008c}.field-mapping-panel{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:12px;flex-direction:column;max-height:85vh;display:flex}.field-mapping-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 20px 12px;display:flex}.field-mapping-header h3{margin:0 0 6px;font-size:18px}.field-mapping-subtitle{color:var(--text-secondary);max-width:52ch;margin:0;font-size:13px}.field-mapping-table-wrap{flex:1;padding:0 20px;overflow:auto}.field-mapping-empty{color:var(--text-secondary);padding:24px 20px;font-size:13px}.field-mapping-input{border:1px solid var(--border-default);background:var(--bg-surface-2);width:100%;color:var(--text-primary);border-radius:6px;margin-top:4px;padding:6px 8px;font-family:JetBrains Mono,monospace;font-size:12px}.field-mapping-row--readonly td{opacity:.85}.field-mapping-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.field-mapping-meta{color:var(--text-tertiary);font-size:12px}
.plan-panel{flex-direction:column;gap:16px;width:100%;max-width:760px;margin:0 auto;display:flex}.plan-prompt-chip{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:12px 16px}.plan-prompt-chip-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin:0 0 4px;font-size:10px;font-weight:600}.plan-prompt-chip-text{color:var(--text-primary);margin:0;font-size:14px;line-height:1.5}.plan-phase-bar{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle);align-items:center;gap:0;padding:4px;display:flex}.plan-phase-step{color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:500;display:flex}.plan-phase-step.active{background:var(--bg-primary);color:var(--accent-primary);font-weight:600}.plan-phase-step.done{color:var(--status-success)}.plan-phase-dot{opacity:.4;background:currentColor;border-radius:50%;width:8px;height:8px}.plan-phase-step.active .plan-phase-dot{opacity:1;animation:1.2s infinite dotPulse}.plan-phase-step.done .plan-phase-dot{opacity:1}.plan-activity{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);overflow:hidden}.plan-activity-header{border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:700;display:flex}.plan-activity-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.plan-activity-live{color:var(--accent-primary);align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.plan-activity-live-dot{background:var(--accent-primary);border-radius:50%;width:6px;height:6px;animation:1s infinite dotPulse}.plan-activity-list{flex-direction:column;gap:4px;max-height:200px;padding:8px;display:flex;overflow-y:auto}.plan-activity-item{border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:8px 10px;font-size:12px;animation:.25s planFadeIn;display:flex}@keyframes planFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.plan-activity-item.call{background:#3b82f614}.plan-activity-item.result{background:#22c55e0f}.plan-activity-icon{background:var(--bg-primary);border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.plan-activity-body{flex:1;min-width:0}.plan-activity-label{color:var(--text-primary);margin:0;font-weight:600}.plan-activity-detail{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-family:JetBrains Mono,monospace;font-size:11px;overflow:hidden}.plan-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);overflow:hidden;box-shadow:0 4px 24px #0000001f}.plan-card-header{border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,#6366f114,#3b82f60a);padding:16px 20px}.plan-card-title{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:700}.plan-card-subtitle{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.plan-card-body{flex-direction:column;gap:16px;padding:16px 20px;display:flex}.plan-tools-grid{flex-wrap:wrap;gap:8px;display:flex}.plan-tool-badge{border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-subtle);flex-direction:column;gap:2px;max-width:220px;padding:8px 12px;display:inline-flex}.plan-tool-slug{color:var(--accent-primary);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.plan-tool-purpose{color:var(--text-secondary);font-size:11px;line-height:1.35}.plan-toolkit-tag{text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:9px;font-weight:700}.plan-steps{flex-direction:column;gap:0;padding-left:4px;display:flex;position:relative}.plan-step{gap:14px;padding:10px 0;display:flex;position:relative}.plan-step:not(:last-child):before{content:"";background:var(--border-subtle);width:2px;position:absolute;top:36px;bottom:-4px;left:15px}.plan-step-number{border:2px solid var(--border-subtle);background:var(--bg-primary);width:32px;height:32px;color:var(--text-secondary);z-index:1;border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.plan-step-content{flex:1;padding-top:4px}.plan-step-type{text-transform:uppercase;letter-spacing:.06em;border-radius:10px;margin-bottom:4px;padding:2px 8px;font-size:9px;font-weight:700;display:inline-block}.plan-step-type.tool{color:#60a5fa;background:#3b82f626}.plan-step-type.code{color:#c084fc;background:#a855f726}.plan-step-type.condition{color:#fbbf24;background:#eab30826}.plan-step-desc{color:var(--text-primary);margin:0;font-size:13px;line-height:1.5}.plan-step-tool{color:var(--text-tertiary);margin-top:4px;font-family:JetBrains Mono,monospace;font-size:10px}.plan-alert{border-radius:var(--radius-md);padding:12px 14px;font-size:13px;line-height:1.5}.plan-alert.warning{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b4d}.plan-alert.error{color:#f87171;background:#ef44441a;border:1px solid #ef44444d}.plan-missing-list{margin:8px 0 0;padding-left:1.25rem}.plan-missing-list a{color:var(--accent-primary);font-weight:600}.plan-override-label{cursor:pointer;align-items:flex-start;gap:10px;margin-top:10px;font-size:12px;display:flex}.plan-override-label input{margin-top:3px}.plan-meta-list{color:var(--text-secondary);margin:0;padding-left:1.25rem;font-size:12px;line-height:1.6}.plan-reasoning{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.plan-reasoning-toggle{background:var(--bg-surface);width:100%;color:var(--text-tertiary);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:10px 14px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.plan-reasoning-toggle:hover{color:var(--text-secondary)}.plan-reasoning-body{color:var(--text-secondary);white-space:pre-wrap;border-top:1px solid var(--border-subtle);background:var(--bg-primary);max-height:160px;padding:12px 14px;font-size:12px;line-height:1.6;overflow-y:auto}.plan-footer{flex-direction:column;align-items:stretch;gap:10px;padding-top:4px;display:flex}.plan-footer .plan-chat-input-row{width:100%;margin-right:0}.plan-footer-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;width:100%;display:flex}.plan-footer-hint{color:var(--text-tertiary);width:100%;font-size:12px}.plan-btn-primary{border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.plan-btn-primary:hover:not(:disabled){box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.plan-btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.plan-btn-secondary{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-family:inherit;font-size:13px}.plan-btn-secondary:hover{color:var(--text-secondary)}.plan-chat-thread{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:10px;max-height:280px;padding:12px;display:flex;overflow-y:auto}.plan-chat-bubble{border-radius:12px;max-width:88%;padding:10px 14px;font-size:13px;line-height:1.5}.plan-chat-bubble.user{background:var(--accent-primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.plan-chat-bubble.assistant{background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-primary);border-bottom-left-radius:4px;align-self:flex-start}.plan-chat-bubble.thinking{color:var(--text-tertiary);background:0 0;border:none;align-self:flex-start;padding:6px 0;font-style:italic}.plan-chat-input-row{flex:1;gap:8px;margin-right:12px;display:flex}.plan-chat-input{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);resize:none;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13px}.plan-chat-input:focus{border-color:var(--accent-primary)}.plan-chat-send{border-radius:var(--radius-md);background:var(--bg-surface-2);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;white-space:nowrap;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600}.plan-chat-send:hover:not(:disabled){background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.plan-chat-send:disabled{opacity:.4;cursor:not-allowed}.plan-field-mapping-section{border-top:1px solid var(--border-subtle);padding:16px 12px 16px 18px}.plan-field-mapping-header{margin-bottom:12px}.plan-field-mapping-header h4{letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:13px;font-weight:700}.plan-field-mapping-hint{color:var(--text-secondary);margin:4px 0 0;font-size:12px;line-height:1.45}.plan-field-mapping-empty{color:var(--text-secondary);margin:0;font-size:13px}.plan-field-mapping-table-wrap{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:8px;margin-top:4px;margin-bottom:12px;overflow-x:auto}.plan-field-mapping-input{border:1px solid var(--border-default);background:var(--bg-surface-2);width:100%;color:var(--text-primary);border-radius:6px;margin-top:4px;padding:6px 8px;font-family:JetBrains Mono,monospace;font-size:12px;display:block}.plan-field-mapping-input--system{color:var(--text-tertiary);font-family:inherit;font-size:11px}.plan-field-mapping-select{border:1px solid var(--border-default);background:var(--bg-surface-2);color:var(--text-primary);border-radius:6px;padding:4px 8px;font-size:11px}.plan-field-mapping-add{border-radius:var(--radius-md);border:1px dashed var(--border-default);color:var(--text-secondary);cursor:pointer;background:0 0;padding:8px 12px;font-family:inherit;font-size:12px}.plan-field-mapping-add:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.plan-field-mapping-remove{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px}.plan-field-mapping-remove:hover{color:var(--status-error)}.plan-field-mapping-row--readonly td{opacity:.85}.plan-system-profile-section{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);margin:12px 0;padding:14px 16px}.plan-system-profile-header{margin-bottom:10px}.plan-system-profile-hint{color:var(--text-secondary);margin:4px 0 0;font-size:12px;line-height:1.45}.plan-system-profile-stats{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.plan-system-profile-badge{border:1px solid var(--border-default);text-transform:capitalize;border-radius:999px;padding:4px 10px;font-size:11px}.plan-system-profile-badge.ok{border-color:var(--status-success,#22c55e);color:var(--status-success,#22c55e)}.plan-system-profile-badge.warn{border-color:var(--status-warning,#eab308);color:var(--status-warning,#eab308)}.plan-system-profile-entities{color:var(--text-primary);margin:0 0 10px;padding-left:18px;font-size:12px}.plan-system-profile-gaps-title{margin:0 0 6px;font-size:12px;font-weight:600}.plan-system-profile-gaps .plan-gap-blocker{color:var(--status-error,#ef4444)}.plan-system-profile-gaps .plan-gap-warning{color:var(--status-warning,#eab308)}.plan-system-profile-deps{margin:12px 0}.plan-deps-table{border-collapse:collapse;width:100%;font-size:13px}.plan-deps-table th,.plan-deps-table td{text-align:left;border-bottom:1px solid var(--border-subtle,#ffffff14);padding:6px 8px}.plan-dep-ok{color:var(--status-success,#22c55e)}.plan-dep-missing{color:var(--status-error,#ef4444)}.plan-entity-expanded{color:var(--text-tertiary);font-size:12px}.plan-decision-intro{color:var(--text-secondary,#fcd34dd9);margin:6px 0 0;font-size:12px;font-weight:400;line-height:1.4}.plan-decision-list{flex-direction:column;gap:10px;margin:8px 0 0;padding:0;list-style:none;display:flex}.plan-decision-item{flex-direction:column;align-items:flex-start;gap:4px;font-size:13px;display:flex}.plan-decision-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.plan-decision-category{letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff0f;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-block}.plan-decision-label{color:var(--text-primary);font-weight:600;line-height:1.35}.plan-decision-detail{width:100%;color:var(--text-secondary);font-size:12px;font-weight:400;line-height:1.4}.plan-decision-actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.plan-decision-actions button{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:11px}.plan-decision-actions button:disabled{opacity:.5;cursor:default}.field-mapping-table{border-collapse:collapse;width:100%;font-size:12px}.field-mapping-table th{text-align:left;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;background:var(--bg-surface-2);padding:10px 8px;font-size:11px;font-weight:600}.field-mapping-table th:first-child,.field-mapping-table td:first-child{padding-left:12px}.field-mapping-table th:last-child,.field-mapping-table td:last-child{padding-right:12px}.field-mapping-table td{border-bottom:1px solid var(--border-subtle);vertical-align:top;padding:9px 8px}.field-mapping-row--open td{border-bottom-color:#0000}.field-mapping-systems{color:var(--text-tertiary);white-space:nowrap;font-size:11px}.field-mapping-path{color:var(--text-primary);word-break:break-word;font-family:JetBrains Mono,monospace;font-size:11px}.field-mapping-step{color:var(--text-tertiary);text-align:right}.field-mapping-kind{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px}.field-mapping-kind--lookup{border-color:var(--accent-primary);color:var(--accent-primary)}.field-mapping-kind--constant{border-color:var(--status-warning);color:var(--status-warning)}.field-mapping-mode-quiet{color:var(--text-tertiary);font-size:11px}.field-mapping-mode{text-transform:uppercase;letter-spacing:.04em;background:var(--accent-tint);color:var(--accent-primary);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px}.field-mapping-confidence{color:var(--text-secondary);font-size:11px}.field-mapping-confidence--inferred{color:var(--status-warning);font-weight:500}.field-mapping-eye{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12px}.field-mapping-eye:hover{color:var(--accent-primary)}.field-mapping-detail-cell{padding:0 12px 12px!important}.field-mapping-detail{border-radius:var(--radius-md);background:var(--bg-surface-2);border:1px solid var(--border-subtle);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.field-mapping-detail-line{color:var(--text-secondary);word-break:break-word;margin:0;font-size:12px;line-height:1.5}.field-mapping-detail-line code{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:11px}.field-mapping-detail-block{flex-direction:column;gap:4px;display:flex}.field-mapping-reasons{color:var(--text-tertiary);margin:2px 0 0;padding-left:16px;font-size:11px;line-height:1.5}.field-mapping-gaps{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:8px;margin-top:4px;padding:12px 14px}.field-mapping-gaps h5{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:11px;font-weight:500}.field-mapping-gaps ul{color:var(--text-secondary);margin:0;padding-left:16px;font-size:12px;line-height:1.6}.field-mapping-gap-field{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:11px}.field-mapping-table .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.plan-unresolved{background:#fffbeb;border:1px solid #b4530933;border-left:3px solid #b45309;border-radius:8px;margin:12px 18px 0;padding:12px 14px}.plan-unresolved-head{color:#92400e;margin:0;font-size:.86rem;font-weight:600}.plan-unresolved ul{color:#7c2d12;flex-direction:column;gap:.3rem;margin:.5rem 0 0;padding-left:1.1rem;font-size:.83rem;line-height:1.55;display:flex}.plan-unresolved-how{opacity:.8;margin-left:.4rem;font-size:.75rem}.plan-unresolved-note{color:#92400e;opacity:.85;margin:.55rem 0 0;font-size:.78rem}.plan-unfound{background:#fef2f2;border:1px solid #b91c1c38;border-left:3px solid #b91c1c;border-radius:8px;margin:12px 18px 0;padding:12px 14px}.plan-unfound-head{color:#991b1b;margin:0;font-size:.86rem;font-weight:600}.plan-unfound ul{color:#7f1d1d;flex-direction:column;gap:.45rem;margin:.5rem 0 0;padding-left:1.1rem;font-size:.83rem;line-height:1.55;display:flex}.plan-unfound-why,.plan-unfound-how{opacity:.85;font-size:.75rem;display:block}.plan-unfound-how{opacity:.7}.plan-unfound-note{color:#991b1b;opacity:.85;margin:.55rem 0 0;font-size:.78rem}
.agent-chat{background:var(--bg-primary);flex-direction:column;min-height:0;display:flex}.agent-chat--fullscreen{z-index:45;position:absolute;inset:0}.agent-chat--sidebar{flex:1;min-height:0}.agent-chat-topbar{border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.agent-chat-topbar-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.agent-chat-topbar-sub{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.agent-chat-live-pill{color:#86efac;background:#22c55e1f;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.agent-chat-live-pill .plan-activity-live-dot{width:6px;height:6px}.agent-chat-messages{flex:1;min-height:0;padding:20px 16px;overflow-y:auto}.agent-chat-messages-inner{flex-direction:column;gap:12px;max-width:720px;margin:0 auto;display:flex}.agent-chat--sidebar .agent-chat-messages-inner{max-width:none}.chat-row{align-items:flex-start;gap:10px;width:100%;display:flex}.chat-row--user{flex-direction:row-reverse}.chat-avatar{border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.chat-avatar--agent{background:var(--user-bubble-bg);color:var(--on-accent);box-shadow:0 1px 6px var(--accent-glow)}.chat-avatar--user{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.chat-bubble{max-width:min(100%,640px);color:var(--text-primary);word-break:break-word;border-radius:12px;padding:7px 12px;font-size:14px;line-height:1.45}.chat-bubble .agent-msg-content,.chat-bubble .agent-msg-paragraph{margin:0}.chat-bubble .agent-msg-heading{font-size:inherit;margin:0 0 .35em;font-weight:600}.chat-bubble .agent-msg-heading:last-child,.chat-bubble .agent-msg-paragraph:last-child{margin-bottom:0}.chat-bubble .agent-msg-paragraph+.agent-msg-paragraph,.chat-bubble .agent-msg-list+.agent-msg-paragraph,.chat-bubble .agent-msg-paragraph+.agent-msg-list,.chat-bubble .agent-msg-heading+.agent-msg-paragraph,.chat-bubble .agent-msg-heading+.agent-msg-list{margin-top:.45em}.chat-bubble .agent-msg-list{margin:.35em 0 0;padding-left:1.2em}.chat-bubble .agent-msg-list li+li{margin-top:.2em}.chat-bubble .agent-msg-code{border-radius:4px;padding:1px 5px;font-size:.92em}.chat-row--user .chat-bubble{background:var(--user-bubble-bg);color:var(--on-accent);box-shadow:0 1px 8px var(--accent-glow);border:none;border-bottom-right-radius:4px}.chat-row--user .chat-bubble .agent-msg-code{color:inherit;background:#ffffff2e}.chat-row--assistant .chat-bubble{background:var(--bg-surface);border:1px solid var(--border-subtle);border-bottom-left-radius:4px;padding:7px 12px}.chat-row--system .chat-bubble{color:var(--text-tertiary);text-align:center;background:0 0;border:none;max-width:100%;padding:4px 0;font-size:12px}.chat-bubble--streaming{border-color:var(--accent-border-strong)}.chat-stream-cursor{color:var(--accent-secondary);animation:1s step-end infinite agentBlink}@keyframes agentBlink{0%,to{opacity:1}50%{opacity:0}}.chat-row--tools .chat-avatar,.chat-row--ledger .chat-avatar,.chat-row--artifact .chat-avatar{margin-top:2px}.chat-row--tools,.chat-row--ledger,.chat-row--artifact{align-items:flex-start}.chat-bubble--status{color:var(--text-tertiary);background:var(--accent-tint);border:1px dashed var(--accent-border);border-radius:10px;padding:8px 12px;font-size:12px}.chat-bubble--thinking{color:var(--text-secondary);align-items:center;gap:0;padding:6px 11px;font-size:13px;display:inline-flex}.chat-bubble--reconnecting{color:var(--status-error);background:color-mix(in srgb, var(--status-error) 8%, transparent);align-items:center;gap:10px;padding:6px 11px;font-size:13px;display:inline-flex}.chat-reconnect-retry{color:var(--accent-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:12px;font-weight:700}.agent-typing-dots{align-items:baseline;gap:1px;min-width:1.1em;margin-right:2px;display:inline-flex}.agent-typing-dots span{opacity:0;color:var(--accent-primary);font-weight:700;line-height:1}.agent-typing-dots span:first-child{animation:1.5s ease-in-out infinite dotReveal1}.agent-typing-dots span:nth-child(2){animation:1.5s ease-in-out infinite dotReveal2}.agent-typing-dots span:nth-child(3){animation:1.5s ease-in-out infinite dotReveal3}@keyframes dotReveal1{0%,to{opacity:1}}@keyframes dotReveal2{0%,32%{opacity:0}33%,to{opacity:1}}@keyframes dotReveal3{0%,65%{opacity:0}66%,to{opacity:1}}.loading-dots{justify-content:center;align-items:center;gap:3px;width:16px;display:inline-flex}.loading-dots span{background:var(--accent-primary);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite loadingDotPulse}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes loadingDotPulse{0%,70%,to{opacity:.25;transform:scale(.75)}35%{opacity:1;transform:scale(1)}}.tool-activity{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:12px;flex:1;min-width:0;max-width:min(100%,560px);overflow:hidden}.tool-activity--live{border-color:var(--accent-border-strong);box-shadow:0 0 0 1px var(--accent-tint)}.tool-activity--error{border-color:#ef444459}.tool-activity-header{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.tool-activity-header:hover{background:#ffffff08}.tool-activity-icon{text-align:center;flex-shrink:0;width:18px;font-size:12px}.tool-activity-spinner{border:2px solid var(--accent-border);border-top-color:var(--accent-primary);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite agentSpin;display:inline-block}.tool-activity-summary{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.tool-activity-count{background:var(--bg-elevated);color:var(--text-tertiary);border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:600}.tool-activity-chevron{color:var(--text-tertiary);flex-shrink:0;font-size:11px}.tool-activity-list{flex-direction:column;gap:2px;margin:0;padding:0 8px 8px;list-style:none;display:flex}.tool-activity-item{border-radius:8px}.tool-activity-item.pending{background:var(--accent-tint)}.tool-activity-item.error{background:#ef44440f}.tool-activity-item-row{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.tool-activity-item-row:disabled{cursor:default}.tool-activity-item-icon{text-align:center;opacity:.85;flex-shrink:0;width:16px}.tool-activity-item-label{min-width:0;color:var(--text-primary);flex:1}.tool-activity-item-hint{max-width:45%;color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;font-size:11px;overflow:hidden}.tool-activity-item-more{color:var(--text-tertiary);flex-shrink:0;font-size:10px}.tool-activity-detail{padding:0 8px 8px 32px}.tool-activity-detail-summary{color:var(--text-secondary);margin:0 0 6px;font-size:11px;line-height:1.4}.tool-activity-detail-json{background:var(--bg-primary);border:1px solid var(--border-subtle);max-height:160px;color:var(--text-secondary);border-radius:6px;margin:0;padding:8px;font-size:10px;line-height:1.35;overflow:auto}.chat-stream-column{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.chat-stream-cursor--inline{color:var(--accent-primary);padding:4px 0 0 4px}.working-notes{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:12px;flex:1;min-width:0;max-width:min(100%,560px);overflow:hidden}.working-notes--live{border-color:var(--accent-border-strong);box-shadow:0 0 0 1px var(--accent-tint)}.working-notes-header{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.working-notes-header:hover{background:#ffffff08}.working-notes-icon{text-align:center;flex-shrink:0;width:18px;font-size:12px}.working-notes-spinner{border:2px solid var(--accent-border);border-top-color:var(--accent-primary);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite agentSpin;display:inline-block}.working-notes-title{color:var(--text-secondary);flex-shrink:0;font-size:12px;font-weight:600}.working-notes-preview{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.working-notes-chevron{color:var(--text-tertiary);flex-shrink:0;font-size:11px}.working-notes-body{padding:0 12px 12px}.working-notes-text{background:var(--bg-primary);border:1px solid var(--border-subtle);white-space:pre-wrap;word-break:break-word;color:var(--text-secondary);border-radius:8px;max-height:280px;margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.45;overflow:auto}.plan-artifact{border:1px solid var(--accent-border);background:linear-gradient(180deg, var(--accent-tint) 0%, var(--bg-surface) 120px);border-radius:14px;flex:1;min-width:0;max-width:min(100%,580px);overflow:hidden}.plan-artifact--active{box-shadow:0 4px 24px var(--accent-glow)}.plan-artifact-hero{padding:16px 18px 12px}.plan-artifact-hero-top{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.plan-artifact-badge{background:var(--accent-tint-strong);color:var(--accent-muted);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.draft-review-verdict{border-radius:999px;align-self:center;padding:3px 8px;font-size:11px;font-weight:700}.draft-review-verdict--passed{color:#86efac;background:#22c55e1f;border:1px solid #22c55e4d}.draft-review-verdict--failed{color:#fca5a5;background:#ef44441a;border:1px solid #ef444447}.draft-review-verdict--stale{border:1px solid var(--border-subtle);color:var(--text-tertiary);text-transform:capitalize;background:#94a3b81f}.plan-artifact-platforms{color:var(--text-tertiary);align-self:center;font-size:11px}.plan-artifact-heading{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 6px;font-size:16px;font-weight:700}.plan-artifact-lead{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.55}.plan-artifact-tabs{border-top:1px solid var(--border-subtle);gap:4px;padding:0 18px;display:flex}.plan-artifact-tab{color:var(--text-tertiary);letter-spacing:.02em;cursor:pointer;background:0 0;border:none;margin:0;padding:10px 12px 12px;font-size:12px;font-weight:700;position:relative}.plan-artifact-tab--active{color:var(--text-primary)}.plan-artifact-tab--active:after{content:"";background:var(--accent-primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:12px;right:12px}.plan-artifact-tabpanel{min-width:0}.plan-artifact-tabs+.plan-artifact-tabpanel .plan-artifact-timeline,.plan-artifact-tabs+.plan-artifact-tabpanel .plan-validation-panel{border-top:none}.plan-validation-panel{border-top:1px solid var(--border-subtle);padding:12px 18px 14px}.plan-validation-summary{color:var(--text-secondary);margin:0 0 8px;font-size:13px;line-height:1.5}.plan-validation-note{color:var(--text-tertiary);margin:0 0 12px;font-size:12px;line-height:1.45}.plan-validation-scenarios{flex-direction:column;gap:8px;display:flex}.plan-validation-scenario{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:10px;overflow:hidden}.plan-validation-scenario-row{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;align-items:flex-start;gap:10px;padding:12px;display:flex}.plan-validation-scenario-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.plan-validation-scenario-title{color:var(--text-primary);font-size:13px;font-weight:700}.plan-validation-scenario-goal{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.plan-validation-scenario-meta{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;font-size:11px;display:flex}.plan-validation-badge{color:var(--accent-muted);background:#5b6fed1f;border-radius:999px;align-items:center;padding:2px 7px;font-weight:700;display:inline-flex}.plan-validation-badge--optional{background:var(--surface-raised);color:var(--text-tertiary)}.plan-validation-badge--query{color:#1f6b52;background:#2280601f}.plan-validation-mode{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 10px;display:flex}.plan-validation-mode-copy{color:var(--text-secondary);font-size:12px;line-height:1.45}.plan-validation-scenario-detail{border-top:1px solid var(--border-subtle);padding:0 12px 12px}.plan-validation-block{padding-top:10px}.plan-validation-block-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 6px;font-size:11px;font-weight:700}.plan-validation-input-list,.plan-validation-guide-list{color:var(--text-secondary);margin:0;padding-left:18px;font-size:12px;line-height:1.45}.plan-validation-input-list{padding-left:0;list-style:none}.plan-validation-input+.plan-validation-input{border-top:1px solid var(--border-subtle);margin-top:10px;padding-top:10px}.plan-validation-input-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.plan-validation-input-label{color:var(--text-primary);font-weight:600}.plan-validation-input-flag{text-transform:uppercase;letter-spacing:.04em;color:#34d399;flex-shrink:0;font-size:10px;font-weight:700}.plan-validation-input-flag--optional{color:var(--text-tertiary)}.plan-validation-input-meta,.plan-validation-input-desc,.plan-validation-input-example,.plan-validation-input-hint,.plan-validation-outcome{margin:4px 0 0}.plan-validation-outcome{font-size:12px;line-height:1.45}.plan-validation-input-meta,.plan-validation-input-example,.plan-validation-input-hint{color:var(--text-tertiary)}.plan-validation-guide-list li+li{margin-top:4px}.plan-artifact-timeline{border-top:1px solid var(--border-subtle);padding:0 12px 12px 18px}.plan-artifact-step{padding-left:28px;position:relative}.plan-artifact-step:before{content:"";background:var(--border-subtle);width:2px;position:absolute;top:0;bottom:0;left:9px}.plan-artifact-step:last-child:before{bottom:50%}.plan-artifact-step-row{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;align-items:flex-start;gap:10px;padding:10px 0 6px;display:flex}.plan-artifact-step-dot{background:var(--bg-surface);border:2px solid var(--accent-primary);border-radius:50%;width:12px;height:12px;position:absolute;top:14px;left:0}.plan-artifact-step-type{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.plan-artifact-step-type--tool{color:var(--accent-muted);background:#5b6fed26}.plan-artifact-step-type--code{color:#c4a8f0;background:#9b5de526}.plan-artifact-step-type--condition{color:#fcd34d;background:#f59e0b26}.plan-artifact-step-icon{background:var(--bg-surface);width:20px;height:20px;color:var(--accent-muted);border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;left:0}.plan-artifact-step-icon--fetch,.plan-artifact-step-icon--tool{color:var(--accent-muted);border-color:#5b6fed8c}.plan-artifact-step-icon--create,.plan-artifact-step-icon--update{color:#34d399;border-color:#34d3998c}.plan-artifact-step-icon--send{color:#38bdf8;border-color:#38bdf88c}.plan-artifact-step-icon--delete{color:#f87171;border-color:#f871718c}.plan-artifact-step-icon--code{color:#c4a8f0;border-color:#9b5de58c}.plan-artifact-step-icon--condition{color:#fcd34d;border-color:#f59e0b8c}.plan-artifact-step-icon--loop{color:#67e8f9;border-color:#22d3ee8c}.plan-artifact-step-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.plan-artifact-step-text{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.plan-artifact-step-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.35;overflow:hidden}.plan-artifact-step-chevron{color:var(--text-tertiary);flex-shrink:0;margin-top:4px;font-size:10px}.plan-artifact-step-detail{color:var(--text-secondary);padding:0 0 8px;font-size:12px}.plan-artifact-step-slug{color:var(--text-tertiary);word-break:break-all;margin:0 0 4px;font-family:ui-monospace,monospace;font-size:11px}.plan-artifact-step-reason,.plan-artifact-step-branch{margin:0;line-height:1.45}.plan-artifact-loop-meta{flex-direction:column;gap:8px;margin-top:6px;display:flex}.plan-artifact-loop-inners{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.plan-artifact-loop-inner{align-items:baseline;gap:8px;min-width:0;display:flex}.plan-artifact-loop-inner-type{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);flex-shrink:0;font-size:10px;font-weight:600}.plan-artifact-loop-inner-text{color:var(--text-secondary);text-overflow:ellipsis;font-size:12px;line-height:1.4;overflow:hidden}.plan-artifact-show-more{width:100%;color:var(--accent-primary);cursor:pointer;background:0 0;border:none;margin:4px 0 8px;padding:8px;font-size:12px;font-weight:600;display:block}.plan-artifact-evidence{border-top:1px solid var(--border-subtle);padding:0 12px 8px 18px}.plan-artifact-evidence-toggle{text-align:left;justify-content:space-between;align-items:center;gap:8px;margin:4px 0;display:flex}.plan-artifact-evidence-chevron{color:var(--text-tertiary);flex-shrink:0;font-size:10px}.plan-artifact-evidence-panel{padding:0 8px 8px}.plan-artifact-evidence-group+.plan-artifact-evidence-group{margin-top:10px}.plan-artifact-evidence-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 4px;font-size:11px;font-weight:700}.plan-artifact-evidence-list{color:var(--text-secondary);margin:0;padding-left:18px;font-size:12px;line-height:1.45}.plan-artifact-evidence-list li+li{margin-top:4px}.plan-artifact-banner{border-radius:8px;margin:0 18px 12px;padding:10px 12px;font-size:12px;line-height:1.45}.plan-artifact-banner--warn{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b40}.plan-artifact-banner--sticky{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:12px;position:sticky;top:0;box-shadow:0 8px 20px #00000040}.plan-artifact-build-anyway{cursor:pointer;margin-top:8px;font-size:12px;display:block}.plan-artifact-questions{border-top:1px solid var(--border-subtle);background:#00000026;padding:12px 18px 16px}.plan-artifact-questions-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.plan-artifact-questions-head h4{color:var(--text-primary);margin:0;font-size:13px;font-weight:700}.plan-artifact-questions-progress{color:var(--text-tertiary);font-size:11px}.plan-artifact-q{margin-bottom:14px}.plan-artifact-q-label{color:var(--text-primary);cursor:pointer;align-items:flex-start;gap:8px;margin-bottom:4px;font-size:13px;font-weight:600;display:flex}.plan-artifact-q-num{background:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.plan-artifact-q-hint{color:var(--text-tertiary);margin:0 0 6px 28px;font-size:11px}.plan-artifact-q-input{border:1px solid var(--border-subtle);background:var(--bg-primary);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;min-height:52px;margin-left:0;padding:10px 12px;font-family:inherit;font-size:13px}.plan-artifact-q-input:focus{border-color:var(--accent-primary);outline:none}.plan-artifact-footer{border-top:1px solid var(--border-subtle);flex-direction:column;gap:8px;padding:14px 18px 18px;display:flex}.plan-artifact-footer-actions{flex-wrap:wrap;gap:8px;display:flex}.plan-artifact-footer-review{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.plan-artifact-footer-jump{color:var(--accent-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:12px;font-weight:700}.plan-artifact-footer-hint{color:var(--text-tertiary);margin:0;font-size:12px;line-height:1.45}.plan-artifact-footer-hint--status{color:var(--text-secondary)}.plan-artifact-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600}.plan-artifact-btn--primary{background:var(--user-bubble-bg);color:var(--on-accent);box-shadow:0 1px 8px var(--accent-glow)}.plan-artifact-btn--primary:disabled{opacity:.45;cursor:not-allowed}.plan-artifact-btn--secondary{border:1px solid var(--border-subtle);color:var(--text-secondary);background:0 0}.plan-artifact-btn--secondary:disabled{opacity:.45;cursor:not-allowed}.chat-alert{border-radius:8px;padding:10px 12px;font-size:12px}.chat-alert--error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;justify-content:space-between;align-items:center;gap:12px;display:flex}.chat-alert-retry{flex-shrink:0;padding:4px 12px;font-size:12px}.chat-btn-primary{background:var(--user-bubble-bg);color:var(--on-accent);cursor:pointer;box-shadow:0 1px 8px var(--accent-glow);border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.chat-btn-primary:disabled{opacity:.45;cursor:not-allowed}.chat-btn-secondary{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px;font-size:13px}.agent-chat-composer{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0;padding:12px 16px 16px}.agent-chat-composer-inner{max-width:720px;margin:0 auto}.agent-chat--sidebar .agent-chat-composer-inner{max-width:none}.agent-chat-input-wrap{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;align-items:flex-end;gap:8px;padding:8px 8px 8px 14px;display:flex}.agent-chat-input-wrap:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-tint-strong)}.agent-chat-textarea{color:var(--text-primary);resize:none;box-sizing:border-box;word-break:break-word;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:120px;font-family:inherit;font-size:14px;line-height:1.45;overflow:hidden}.agent-chat-send{background:var(--user-bubble-bg);width:36px;height:36px;color:var(--on-accent);cursor:pointer;box-shadow:0 1px 8px var(--accent-glow);border:none;border-radius:8px;flex-shrink:0;place-items:center;font-size:16px;display:grid}.agent-chat-send:disabled{opacity:.4;cursor:not-allowed}.agent-chat-stop{border:1px solid var(--border-subtle);background:var(--bg-surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;line-height:1;display:grid}.agent-chat-stop:hover{color:#ef4444;background:#ef444414;border-color:#ef4444}.agent-chat-composer-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.agent-chat-hint{color:var(--text-tertiary);font-size:11px}.agent-chat-session-id{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:55%;color:var(--text-tertiary);text-align:right;-webkit-user-select:all;user-select:all;flex-shrink:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;overflow:hidden}.agent-chat-build-progress{background:#ffffff0f;border-radius:999px;max-width:280px;height:6px;margin-top:8px;position:relative;overflow:hidden}.agent-chat-build-progress-fill{background:var(--user-bubble-bg);border-radius:999px;height:100%;transition:width .35s}.agent-chat-build-progress-label{color:var(--text-tertiary);margin-top:4px;font-size:11px;display:block}.agent-chat-sidebar{z-index:44;background:var(--bg-secondary);border-left:1px solid var(--border-default);flex-direction:column;width:min(440px,42vw);animation:.25s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #0003}@keyframes agentSpin{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.canvas-viewport.with-chat-sidebar{margin-right:min(440px,42vw)}.execution-drawer.with-chat-sidebar{right:min(440px,42vw)}.agent-chat-dock{z-index:43;border:1px solid var(--border-default);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-right:none;border-radius:10px 0 0 10px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.agent-chat-dock:hover{background:var(--bg-elevated);color:var(--text-primary)}.agent-landing{text-align:center;max-width:720px;margin:0 auto;padding:48px 24px 80px}.agent-landing-title{letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800}.agent-landing-sub{color:var(--text-secondary);margin:0 0 32px;font-size:15px}.composio-exec-approval{border:1px solid color-mix(in srgb, var(--accent-primary) 35%, var(--border-subtle));background:color-mix(in srgb, var(--accent-primary) 6%, var(--surface-elevated));border-radius:12px;margin:8px 0 12px;padding:12px 14px}.composio-exec-approval-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.composio-exec-approval-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent-primary);font-size:11px;font-weight:700}.composio-exec-approval-queue{color:var(--text-secondary);font-size:11px;font-weight:600}.composio-exec-approval-slug{font-family:var(--font-mono,ui-monospace, monospace);color:var(--text-secondary);word-break:break-all;font-size:12px}.composio-exec-approval-reason{color:var(--text-primary);margin:0 0 10px;font-size:13px;line-height:1.45}.composio-exec-approval-args{margin-bottom:10px;font-size:12px}.composio-exec-approval-args pre{background:var(--surface-base);border-radius:8px;margin:6px 0 0;padding:8px;font-size:11px;overflow-x:auto}.composio-exec-approval-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.composio-exec-approval-running{color:var(--text-secondary);font-size:12px;font-style:italic}.composio-exec-approval-btn{cursor:pointer;border:1px solid var(--border-subtle);background:var(--surface-base);color:var(--text-primary);border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600}.composio-exec-approval-btn:disabled{opacity:.55;cursor:not-allowed}.composio-exec-approval-btn--accept{background:var(--accent-primary);color:#fff;border-color:#0000}.composio-exec-approval-btn--reject:hover:not(:disabled){border-color:color-mix(in srgb, var(--danger,#c53030) 40%, var(--border-subtle))}.user-question-card{border:1px solid color-mix(in srgb, var(--accent-primary) 35%, var(--border-subtle));background:color-mix(in srgb, var(--accent-primary) 6%, var(--surface-elevated));border-radius:12px;flex:1;min-width:0;max-width:min(100%,580px);margin:8px 0 12px;padding:14px 16px}.user-question-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.user-question-card-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-primary);font-size:11px;font-weight:700}.user-question-card-nav{flex-shrink:0;align-items:center;gap:8px;display:flex}.user-question-card-nav-status{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:500}.user-question-card-nav-btn{border:1px solid var(--border-default);background:var(--surface-base);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500}.user-question-card-nav-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent-primary) 40%, var(--border-subtle));background:color-mix(in srgb, var(--accent-primary) 8%, var(--surface-base))}.user-question-card-nav-btn:disabled{opacity:.45;cursor:not-allowed}.user-question-card-question{color:var(--text-primary);margin:0 0 8px;font-weight:600;line-height:1.45}.user-question-card-group{margin-bottom:0}.user-question-card-hint{color:var(--text-secondary);margin:0 0 8px;font-size:12px;font-weight:500}.user-question-card-context{color:var(--text-secondary);margin:0 0 12px;font-size:13px;line-height:1.45}.user-question-card-options{border:none;flex-direction:column;gap:8px;margin:0 0 14px;padding:0;display:flex}.user-question-card-option{border:1px solid var(--border-default);cursor:pointer;color:var(--text-primary);background:var(--surface-base);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.user-question-card-option span{color:var(--text-primary);line-height:1.4}:is(.user-question-card-option--selected,.user-question-card-option:has(input[type=radio]:checked),.user-question-card-option:has(input[type=checkbox]:checked)){border-color:color-mix(in srgb, var(--accent-primary) 50%, var(--border-subtle));background:color-mix(in srgb, var(--accent-primary) 10%, var(--surface-base))}.user-question-card-option input[type=radio],.user-question-card-option input[type=checkbox]{accent-color:var(--accent-primary);flex-shrink:0;margin-top:3px}.user-question-card-option--custom{cursor:default;align-items:flex-start}.user-question-card-custom-field{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.user-question-card-custom-label{color:var(--text-primary);font-size:13px;font-weight:500}.user-question-card-custom-input{border:1px solid var(--border-default);width:100%;font:inherit;color:var(--text-primary);background:var(--bg-surface-3);border-radius:6px;padding:8px 10px}.user-question-card-custom-input::placeholder{color:var(--text-tertiary)}.user-question-card-custom-input:focus{outline:2px solid color-mix(in srgb, var(--accent-primary) 35%, transparent);border-color:var(--accent-primary)}.user-question-card-actions{justify-content:flex-end;display:flex}.user-question-card-submit{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-weight:600}.user-question-card-submit:hover:not(:disabled){filter:brightness(1.08)}.user-question-card-submit:disabled{opacity:.5;cursor:not-allowed}
