.task-plan-inline{background:var(--bg-base-secondary);border:1px solid var(--border-neutral-l1);border-radius:8px;overflow:hidden;flex-shrink:0;animation:task-plan-inline-in .24s var(--ease-out) both}@keyframes task-plan-inline-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.task-plan-inline__head{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:0;cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:background .15s var(--ease-out)}.task-plan-inline__head:hover{background:var(--bg-overlay-l1)}.task-plan-inline__head-icon{width:18px;height:18px;border-radius:5px;background:color-mix(in oklch,var(--brand-purple-500) 12%,transparent);color:var(--brand-purple-500);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.task-plan-inline.is-done .task-plan-inline__head-icon{background:color-mix(in oklch,var(--bg-brand) 12%,transparent);color:var(--bg-brand)}.task-plan-inline__head-title{font-size:12px;font-weight:500;color:var(--text-default);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-plan-inline__head-count{font-size:10.5px;font-family:var(--font-family-mono, monospace);color:var(--text-tertiary);padding:1px 6px;background:var(--bg-overlay-l1);border-radius:999px;border:1px solid var(--border-neutral-l1);flex-shrink:0}.task-plan-inline__head-chevron{color:var(--text-tertiary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.task-plan-inline__progress{height:2px;background:var(--bg-overlay-l1);position:relative;overflow:hidden}.task-plan-inline__progress-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--brand-purple-500),#8E80FF);border-radius:0 999px 999px 0;transition:width .4s var(--ease-out)}.task-plan-inline.is-done .task-plan-inline__progress-fill{background:var(--bg-brand)}.task-plan-inline__goal{padding:8px 12px 6px;font-size:11.5px;line-height:1.5;color:var(--text-secondary)}.task-plan-inline__list{list-style:none;margin:0;padding:0 0 4px;display:flex;flex-direction:column}.task-plan-inline__item{display:flex;align-items:center;gap:8px;padding:4px 12px;font-size:12px;color:var(--text-secondary);transition:background .1s var(--ease-out)}.task-plan-inline__item:hover{background:var(--bg-overlay-l1)}.task-plan-inline__item-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:var(--text-tertiary)}.task-plan-inline__item.is-done .task-plan-inline__item-icon{color:var(--bg-brand)}.task-plan-inline__item.is-failed .task-plan-inline__item-icon{color:var(--status-error-default, #ef4444)}.task-plan-inline__item.is-in-progress .task-plan-inline__item-icon{color:var(--brand-purple-500)}.task-plan-inline__item.is-in-progress .task-plan-inline__item-icon svg{animation:task-plan-inline-spin 1s linear infinite}@keyframes task-plan-inline-spin{to{transform:rotate(360deg)}}.task-plan-inline__item.is-skipped .task-plan-inline__item-icon{color:var(--text-tertiary)}.task-plan-inline__item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.task-plan-inline__item-title{font-size:12px;line-height:1.4;color:var(--text-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-plan-inline__item.is-done .task-plan-inline__item-title{color:var(--text-tertiary);text-decoration:line-through;text-decoration-color:var(--text-quaternary, var(--text-tertiary))}.task-plan-inline__item.is-skipped .task-plan-inline__item-title{color:var(--text-tertiary)}.task-plan-inline__item.is-in-progress .task-plan-inline__item-title{font-weight:500}.task-plan-inline__item.is-failed .task-plan-inline__item-title{color:var(--status-error-default, #ef4444)}.task-plan-inline__item-note{font-size:10.5px;color:var(--text-tertiary);line-height:1.3}.task-plan-inline__item-delegate{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:500;padding:1px 5px;border-radius:999px;background:var(--bg-overlay-l1);color:var(--text-tertiary);border:1px solid var(--border-neutral-l1);flex-shrink:0;white-space:nowrap}.task-plan-inline__item-delegate.is-subagent{color:var(--brand-purple-500);background:color-mix(in oklch,var(--brand-purple-500) 8%,var(--bg-base-default));border-color:color-mix(in oklch,var(--brand-purple-500) 22%,transparent)}.task-plan-inline__item-delegate.is-workflow{color:var(--bg-brand);background:color-mix(in oklch,var(--bg-brand) 8%,var(--bg-base-default));border-color:color-mix(in oklch,var(--bg-brand) 22%,transparent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base-default: #FFFFFF;--bg-base-secondary: #F5F6F8;--bg-base-tertiary: #EBEDF0;--bg-tooltip: #1A1B1D;--bg-menu: #FFFFFF;--bg-invert-active: #404A4F;--bg-invert: #1A1B1D;--bg-invert-hover: #2A2D31;--bg-invert-disabled: rgba(26, 27, 29, .12);--bg-overlay-l1: rgba(0, 0, 0, .03);--bg-overlay-l2: rgba(0, 0, 0, .05);--bg-overlay-l3: rgba(0, 0, 0, .07);--bg-overlay-l4: rgba(0, 0, 0, .1);--bg-brand: #32D74B;--bg-brand-hover: #28BF3C;--bg-brand-disabled: rgba(50, 215, 75, .2);--bg-brand-popup: rgba(50, 215, 75, .12);--bg-brand-surface: rgba(50, 215, 75, .08);--text-default: #1A1B1D;--text-default-hover: #0C0C0D;--text-default-active: #0C0C0D;--text-onaccent: #FFFFFF;--text-onbrand: #0C0C0D;--text-brand: #1A8A30;--text-brand-hover: #137024;--icon-default: #1A1B1D;--icon-default-hover: #0C0C0D;--icon-default-active: #0C0C0D;--icon-secondary: #6B7080;--icon-secondary-hover: #1A1B1D;--icon-secondary-active: #1A1B1D;--icon-tertiary: #9599A6;--icon-disabled: #B0B5BA;--icon-onaccent: #FFFFFF;--icon-onbrand: #0C0C0D;--icon-brand: #32D74B;--icon-brand-hover: #28BF3C;--border-neutral-l1: rgba(0, 0, 0, .08);--border-neutral-l2: rgba(0, 0, 0, .12);--border-neutral-l3: rgba(0, 0, 0, .16);--border-contrast: #1A1B1D;--border-brand: #32D74B;--status-error-default: #E5484D;--status-error-hover: #D1343F;--status-error-active: #B32428;--status-error-surface-l1: rgba(229, 72, 77, .12);--status-error-surface-l2: rgba(229, 72, 77, .2);--status-error-surface-l3: rgba(229, 72, 77, .28);--status-warning-default: #B5890A;--status-warning-hover: #A17A08;--status-warning-active: #876A06;--status-warning-surface-l1: rgba(181, 137, 10, .12);--status-warning-surface-l2: rgba(181, 137, 10, .2);--status-success-default: #1D9B62;--status-success-hover: #1A8A57;--status-success-active: #157A4A;--status-success-surface-l1: rgba(29, 155, 98, .12);--status-success-surface-l2: rgba(29, 155, 98, .2);--status-primary-default: #2563EB;--status-primary-hover: #1D5BD9;--status-primary-active: #1759DD;--status-primary-surface-l1: rgba(37, 99, 235, .12);--status-primary-surface-l2: rgba(37, 99, 235, .2);--brand-red-500: #FF6464;--brand-red-700: #E63737;--brand-yellow-500: #FFD080;--brand-yellow-700: #E6A637;--brand-green-500: #32D74B;--brand-green-600: #28BF3C;--brand-green-700: #1F9A30;--brand-blue-500: #80C1FF;--brand-blue-600: #64B4FF;--brand-blue-700: #3792E6;--brand-purple-500: #8E80FF;--brand-purple-600: #7864FF;--brand-purple-700: #4C37E6;--accent-coral: #FF9392;--accent-amber: #DCB364;--accent-lime: #8ACB3A;--accent-teal: #2DD288;--accent-cyan: #04CBE5;--accent-blue: #7BB8FF;--accent-slate: #AFB9CF;--accent-violet: #BFA5FF;--accent-magenta: #EC93FF;--font-family-default: "SF Pro Text", system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-family-heading: "SF Pro", system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Consolas", monospace;--body-xs-font-size: 10px;--body-xs-line-height: 14px;--body-sm-font-size: 11px;--body-sm-line-height: 16px;--body-md-font-size: 12px;--body-md-line-height: 18px;--body-base-font-size: 13px;--body-base-line-height: 20px;--heading-3xs-font-size: 11px;--heading-3xs-line-height: 16px;--heading-2xs-font-size: 12px;--heading-2xs-line-height: 18px;--heading-xs-font-size: 13px;--heading-xs-line-height: 20px;--heading-sm-font-size: 16px;--heading-sm-line-height: 24px;--heading-md-font-size: 20px;--heading-md-line-height: 28px;--heading-lg-font-size: 22px;--heading-lg-line-height: 30px;--heading-xl-font-size: 24px;--heading-xl-line-height: 32px;--radius-2: 2px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-10: 10px;--spacer-0: 0px;--spacer-4: 4px;--spacer-6: 6px;--spacer-8: 8px;--spacer-12: 12px;--spacer-16: 16px;--spacer-24: 24px;--spacer-32: 32px;--spacer-40: 40px;--font-weight-default: 400;--font-weight-code: 450;--font-weight-medium: 500;--font-weight-strong: 600;--code-tag: #E5484D;--code-function: #CF8E6E;--code-attribute: #C4A64E;--code-parameter: #5FB88C;--code-constant: #5B9BD5;--code-link: #3B82F6;--code-action: #A371DB;--surface-0: var(--bg-base-default);--surface-50: var(--bg-base-secondary);--surface-100: var(--bg-base-tertiary);--surface-200: var(--bg-overlay-l3);--surface-300: var(--bg-overlay-l4);--surface-400: oklch(76% .01 145);--surface-500: oklch(64% .012 145);--surface-600: oklch(52% .01 145);--neutral-950: oklch(16% .01 145);--neutral-900: oklch(22% .012 145);--neutral-800: oklch(30% .012 145);--neutral-700: oklch(36% .011 145);--neutral-600: oklch(46% .012 145);--neutral-500: oklch(54% .012 145);--neutral-400: oklch(68% .01 145);--neutral-300: oklch(80% .008 145);--neutral-200: oklch(88% .006 145);--neutral-100: oklch(94% .004 145);--neutral-50: oklch(97% .002 145);--brand-50: oklch(97% .04 138);--brand-100: oklch(94% .08 138);--brand-200: oklch(88% .13 138);--brand-300: oklch(80% .18 138);--brand-400: oklch(74% .22 138);--brand-500: oklch(68% .24 138);--brand-600: oklch(58% .24 138);--brand-700: oklch(46% .2 138);--brand-800: oklch(34% .14 138);--brand-900: oklch(22% .08 138);--bar-light: oklch(78% .24 132);--bar-mid: oklch(55% .2 140);--bar-dark: oklch(36% .14 145);--bar-light-2: oklch(64% .22 134);--bar-mid-2: oklch(45% .18 142);--bar-dark-2: oklch(28% .12 145);--gradient-bars: linear-gradient( 90deg, var(--bar-light) 0%, var(--bar-light-2) 33.33%, var(--bar-mid) 33.33%, var(--bar-mid-2) 66.66%, var(--bar-dark) 66.66%, var(--bar-dark-2) 100% );--gradient-bars-soft: linear-gradient( 90deg, var(--bar-light) 0%, var(--bar-mid) 50%, var(--bar-dark) 100% );--gradient-bar-light: linear-gradient(135deg, var(--bar-light), var(--bar-light-2));--gradient-bar-mid: linear-gradient(135deg, var(--bar-mid), var(--bar-mid-2));--gradient-bar-dark: linear-gradient(135deg, var(--bar-dark), var(--bar-dark-2));--blue-50: oklch(96% .03 252);--blue-100: oklch(92% .05 252);--blue-200: oklch(86% .06 252);--blue-300: oklch(78% .08 252);--blue-400: oklch(68% .12 252);--blue-500: oklch(58% .15 252);--blue-600: oklch(50% .17 252);--blue-700: oklch(42% .16 252);--blue-800: oklch(34% .13 252);--blue-900: oklch(26% .1 252);--cyan-50: oklch(96% .03 220);--cyan-100: oklch(92% .05 220);--cyan-200: oklch(86% .06 220);--cyan-300: oklch(78% .08 220);--cyan-400: oklch(68% .1 220);--cyan-500: oklch(60% .13 220);--cyan-600: oklch(50% .15 220);--cyan-700: oklch(42% .14 220);--green-50: oklch(96% .03 156);--green-100: oklch(92% .04 156);--green-200: oklch(86% .06 156);--green-300: oklch(78% .08 156);--green-400: oklch(68% .1 156);--green-500: oklch(62% .14 156);--green-600: oklch(52% .16 156);--green-700: oklch(42% .14 156);--green-800: oklch(34% .12 156);--red-50: oklch(96% .03 28);--red-100: oklch(92% .05 28);--red-200: oklch(86% .06 28);--red-300: oklch(78% .08 28);--red-400: oklch(68% .12 28);--red-500: oklch(60% .18 28);--red-600: oklch(52% .2 28);--red-700: oklch(42% .18 28);--red-800: oklch(34% .14 28);--yellow-50: oklch(96% .04 80);--yellow-100: oklch(92% .05 80);--yellow-200: oklch(88% .08 80);--yellow-300: oklch(82% .1 80);--yellow-400: oklch(76% .12 80);--yellow-500: oklch(72% .15 80);--yellow-600: oklch(60% .16 80);--yellow-700: oklch(50% .14 80);--teal-50: oklch(96% .03 180);--teal-100: oklch(92% .05 180);--teal-200: oklch(86% .06 180);--teal-300: oklch(78% .08 180);--teal-400: oklch(68% .12 180);--teal-500: oklch(60% .13 180);--teal-600: oklch(50% .14 180);--teal-700: oklch(42% .12 180);--orange-50: oklch(96% .04 48);--orange-100: oklch(92% .05 48);--orange-200: oklch(86% .08 48);--orange-300: oklch(78% .1 48);--orange-400: oklch(70% .14 48);--orange-500: oklch(68% .16 48);--orange-600: oklch(58% .16 48);--orange-700: oklch(48% .14 48);--purple-50: oklch(96% .04 290);--purple-100: oklch(92% .06 290);--purple-200: oklch(86% .08 290);--purple-300: oklch(78% .1 290);--purple-400: oklch(68% .16 290);--purple-500: oklch(60% .16 290);--purple-600: oklch(52% .16 290);--purple-700: oklch(44% .14 290);--purple-800: oklch(36% .12 290);--pink-50: oklch(96% .04 340);--pink-100: oklch(92% .06 340);--pink-200: oklch(86% .08 340);--pink-300: oklch(78% .12 340);--pink-400: oklch(70% .16 340);--pink-500: oklch(62% .18 340);--pink-600: oklch(52% .18 340);--pink-700: oklch(44% .16 340);--slate-50: oklch(96% .01 250);--slate-100: oklch(92% .015 250);--slate-200: oklch(86% .02 250);--slate-300: oklch(78% .025 250);--slate-400: oklch(68% .03 250);--slate-500: oklch(58% .035 250);--slate-600: oklch(48% .035 250);--slate-700: oklch(40% .035 250);--slate-800: oklch(32% .03 250);--color-primary: var(--bg-brand);--color-primary-hover: var(--bg-brand-hover);--color-primary-press: var(--brand-green-700);--color-primary-soft: var(--bg-brand-surface);--color-primary-glow: oklch(68% .24 138 / .3);--color-success: var(--status-success-default);--color-success-soft: var(--status-success-surface-l1);--color-danger: var(--status-error-default);--color-danger-hover: var(--status-error-hover);--color-danger-soft: var(--status-error-surface-l1);--color-warn: var(--status-warning-default);--color-warning: var(--status-warning-default);--color-warning-soft: var(--status-warning-surface-l1);--color-info: var(--cyan-500);--color-info-soft: var(--cyan-50);--color-llm: var(--teal-500);--color-violet: var(--purple-500);--color-pink: var(--pink-500);--color-blue: var(--blue-500);--color-orange: var(--orange-500);--shadow-xs: 0 1px 2px oklch(22% .012 145 / .04);--shadow-sm: 0 1px 2px oklch(22% .012 145 / .04), 0 1px 3px oklch(22% .012 145 / .05);--shadow-md: 0 2px 4px oklch(22% .012 145 / .04), 0 8px 16px oklch(22% .012 145 / .06);--shadow-lg: 0 4px 8px oklch(22% .012 145 / .05), 0 16px 32px oklch(22% .012 145 / .08);--shadow-xl: 0 8px 16px oklch(22% .012 145 / .06), 0 24px 48px oklch(22% .012 145 / .1);--shadow-2xl: 0 12px 24px oklch(22% .012 145 / .08), 0 32px 64px oklch(22% .012 145 / .12);--shadow-focus: 0 0 0 3px var(--color-primary-glow);--shadow-focus-danger: 0 0 0 3px oklch(60% .18 28 / .22);--shadow-card: 0 1px 3px oklch(22% .012 145 / .05), 0 1px 2px oklch(22% .012 145 / .03);--shadow-elevated: 0 1px 2px oklch(22% .012 145 / .06), 0 4px 16px oklch(22% .012 145 / .08);--shadow-panel-left: -12px 0 32px -16px oklch(22% .012 145 / .12);--shadow-panel-right: 12px 0 32px -16px oklch(22% .012 145 / .12);--shadow-dialog: 0 20px 40px oklch(22% .012 145 / .2);--shadow-modal: 0 30px 60px oklch(22% .012 145 / .25);--shadow-backdrop: oklch(22% .012 145 / .5);--shadow-backdrop-soft: oklch(22% .012 145 / .6);--shadow-toggle-active: 0 2px 4px oklch(22% .012 145 / .2);--shadow-avatar: 0 2px 8px oklch(22% .012 145 / .15);--shadow-message: 0 1px 3px oklch(22% .012 145 / .05);--shadow-menu: 0 8px 24px oklch(22% .012 145 / .15);--code-surface: oklch(18% .012 250);--code-text: oklch(86% .008 250);--code-surface-header: oklch(22% .012 250);--code-surface-hover: oklch(28% .012 250);--code-text-muted: oklch(60% .008 250);--code-text-hover: oklch(80% .008 250);--radius-xs: var(--radius-2);--radius-sm: var(--radius-4);--radius-md: var(--radius-6);--radius-lg: var(--radius-8);--radius-xl: var(--radius-10);--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--text-3xs: 9px;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--text-4xl: 36px;--text-5xl: 44px;--text-6xl: 56px;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .04em;--tracking-widest: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--duration-fast: .1s;--duration-normal: .16s;--duration-slow: .24s;--duration-slower: .36s;--duration-animation: .6s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-spring-soft: cubic-bezier(.25, .46, .45, .94);--ease-standard: cubic-bezier(.2, 0, 0, 1);--sidebar-width: 248px;--panel-width: 480px;--toolbar-height: 52px;--ai-sidebar-width: 520px;--html-panel-width: 480px;--bg-primary: var(--bg-base-default);--bg-secondary: var(--bg-base-secondary);--bg-tertiary: var(--bg-base-tertiary);--border-color: var(--border-neutral-l1);--border-color-strong: var(--border-neutral-l2);--text-primary: var(--text-default);--text-secondary: #6B7080;--text-muted: #6B7080;--text-tertiary: #9599A6;--text-disabled: #B0B5BA;--accent: var(--status-primary-default);--font-mono: ui-monospace, "SF Mono", "Fira Code", "Monaco", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--surface-2: var(--surface-100);--scrim-bg: oklch(20% .01 250 / .4);--ring-blue: 0 0 0 3px color-mix(in oklch, var(--color-primary) 25%, transparent);--ring-violet: 0 0 0 3px color-mix(in oklch, var(--color-llm) 25%, transparent);--ring-green: 0 0 0 3px color-mix(in oklch, var(--color-success) 25%, transparent);--ring-amber: 0 0 0 3px color-mix(in oklch, var(--color-warning) 25%, transparent);--ring-red: 0 0 0 3px color-mix(in oklch, var(--color-danger) 25%, transparent);--sp-0: 2px;--sp-1: 4px;--sp-1-5: 6px;--sp-2: 8px;--sp-2-5: 10px;--sp-3: 12px;--sp-3-5: 14px;--sp-4: 16px;--sp-4-5: 18px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--surface-1: var(--surface-0);--surface-25: var(--surface-50);--surface-800: var(--neutral-800);--surface-900: var(--neutral-900);--surface-primary: var(--color-primary);--bar-soft: var(--bar-mid);--border: var(--border-color);--card-color: var(--surface-0);--text-link: var(--color-primary);--shadow-inset-1: inset 0 0 0 1px oklch(20% .01 250 / .08);--shadow-neutral-1: 0 1px 2px oklch(20% .01 250 / .06);--node-accent: var(--bar-mid);--green-900: var(--green-800);--teal-800: var(--teal-700);--orange-800: oklch(38% .12 48);--orange-900: var(--orange-800);--amber-100: oklch(95% .05 80);--amber-200: oklch(88% .1 80);--amber-500: oklch(76% .16 80);--amber-600: oklch(64% .18 80);--amber-700: oklch(50% .16 80);--amber-800: oklch(40% .14 80);--amber-900: oklch(28% .1 80);--indigo-50: oklch(96% .04 270);--indigo-500: oklch(58% .18 270);--ai-surface: var(--bg-base-secondary);--ai-surface-2: var(--bg-base-tertiary);--ai-line: var(--border-neutral-l2);--ai-text: var(--text-default);--ai-text-soft: var(--text-secondary);--ai-text-muted: var(--text-tertiary);--ai-accent: var(--brand-purple-500);--ai-accent-strong: var(--brand-purple-700);--ai-err: var(--status-error-default)}[data-theme=dark]{--bg-base-default: #1A1B1D;--bg-base-secondary: #222427;--bg-base-tertiary: #2A2D31;--bg-tooltip: #1A1B1D;--bg-menu: #202123;--bg-invert-active: #979AA4;--bg-invert: #DADDE5;--bg-invert-hover: #EDEFF2;--bg-invert-disabled: rgba(224, 226, 242, .12);--bg-overlay-l1: rgba(224, 226, 242, .04);--bg-overlay-l2: rgba(224, 226, 242, .06);--bg-overlay-l3: rgba(224, 226, 242, .08);--bg-overlay-l4: rgba(224, 226, 242, .12);--bg-brand: #32D74B;--bg-brand-hover: #28BF3C;--bg-brand-disabled: rgba(50, 215, 75, .2);--bg-brand-popup: rgba(50, 215, 75, .12);--bg-brand-surface: rgba(50, 215, 75, .08);--text-default: #D1D3DB;--text-default-hover: #F5F9FE;--text-default-active: #F5F9FE;--text-secondary-hover: #D1D3DB;--text-secondary-active: #D1D3DB;--text-onaccent: #0C0C0D;--text-onbrand: #0C0C0D;--text-brand: #32D74B;--text-brand-hover: #28BF3C;--icon-default: #D1D3DB;--icon-default-hover: #F5F9FE;--icon-default-active: #F5F9FE;--icon-secondary: #9599A6;--icon-secondary-hover: #D1D3DB;--icon-secondary-active: #D1D3DB;--icon-tertiary: #666B75;--icon-disabled: #666B75;--icon-onaccent: #0C0C0D;--icon-onbrand: #0C0C0D;--icon-brand: #32D74B;--icon-brand-hover: #28BF3C;--border-neutral-l1: rgba(224, 226, 242, .1);--border-neutral-l2: rgba(224, 226, 242, .16);--border-neutral-l3: rgba(224, 226, 242, .2);--border-contrast: #FFFFFF;--border-brand: #32D74B;--status-error-default: #F65A5A;--status-error-hover: #F86262;--status-error-active: #B33636;--status-error-surface-l1: rgba(246, 70, 70, .18);--status-error-surface-l2: rgba(246, 70, 70, .28);--status-warning-default: #E8A052;--status-warning-hover: #D78B28;--status-warning-active: #B46510;--status-warning-surface-l1: rgba(210, 126, 36, .16);--status-warning-surface-l2: rgba(210, 126, 36, .28);--status-success-default: #5ED4AD;--status-success-hover: #7BE0BC;--status-success-active: #3FBE92;--status-success-surface-l1: rgba(94, 212, 173, .18);--status-success-surface-l2: rgba(94, 212, 173, .28);--status-primary-default: #5C8DFF;--status-primary-hover: #7AA1FF;--status-primary-active: #387BFF;--status-primary-surface-l1: rgba(92, 141, 255, .18);--status-primary-surface-l2: rgba(92, 141, 255, .28);--code-tag: #F2858C;--code-function: #F29D79;--code-attribute: #DED47E;--code-parameter: #82D99F;--code-constant: #80BBFF;--code-link: #3C7EFF;--code-text: #E0E3EE;--code-action: #B38CFF;--surface-0: var(--bg-base-default);--surface-50: var(--bg-base-secondary);--surface-100: var(--bg-base-tertiary);--surface-200: var(--bg-overlay-l3);--surface-300: var(--bg-overlay-l4);--surface-400: oklch(46% .014 145);--surface-500: oklch(56% .012 145);--surface-600: oklch(64% .01 145);--text-primary: var(--text-default);--text-secondary: #9599A6;--text-muted: #9599A6;--text-tertiary: #666B75;--text-disabled: #666B75;--bg-primary: var(--bg-base-default);--bg-secondary: var(--bg-base-secondary);--bg-tertiary: var(--bg-base-tertiary);--border-color: var(--border-neutral-l1);--border-color-strong: var(--border-neutral-l2);--accent: var(--status-primary-default);--color-primary: var(--bg-brand);--color-success: var(--status-success-default);--color-danger: var(--status-error-default);--color-warning: var(--status-warning-default);--neutral-950: oklch(98% .005 145);--neutral-900: oklch(95% .008 145);--neutral-800: oklch(86% .01 145);--neutral-700: oklch(78% .01 145);--neutral-600: oklch(66% .012 145);--neutral-500: oklch(62% .012 145);--neutral-400: oklch(50% .012 145);--neutral-300: oklch(38% .012 145);--neutral-200: oklch(30% .01 145);--neutral-100: oklch(22% .008 145);--neutral-50: oklch(16% .006 145);--blue-50: oklch(30% .06 252);--blue-100: oklch(38% .08 252);--blue-200: oklch(46% .1 252);--blue-300: oklch(54% .12 252);--blue-400: oklch(64% .14 252);--blue-500: oklch(72% .15 252);--blue-600: oklch(80% .15 252);--blue-700: oklch(86% .14 252);--blue-800: oklch(92% .12 252);--blue-900: oklch(96% .1 252);--cyan-50: oklch(28% .05 220);--cyan-100: oklch(36% .07 220);--cyan-200: oklch(44% .08 220);--cyan-300: oklch(52% .1 220);--cyan-400: oklch(62% .12 220);--cyan-500: oklch(74% .13 220);--cyan-600: oklch(82% .13 220);--cyan-700: oklch(88% .12 220);--green-50: oklch(28% .06 156);--green-100: oklch(34% .08 156);--green-200: oklch(40% .1 156);--green-300: oklch(48% .12 156);--green-400: oklch(58% .14 156);--green-500: oklch(72% .16 156);--green-600: oklch(80% .16 156);--green-700: oklch(86% .14 156);--green-800: oklch(90% .12 156);--red-50: oklch(30% .08 28);--red-100: oklch(36% .1 28);--red-200: oklch(44% .12 28);--red-300: oklch(52% .14 28);--red-400: oklch(62% .18 28);--red-500: oklch(72% .2 28);--red-600: oklch(80% .2 28);--red-700: oklch(86% .18 28);--red-800: oklch(90% .14 28);--yellow-50: oklch(30% .07 80);--yellow-100: oklch(36% .09 80);--yellow-200: oklch(46% .12 80);--yellow-300: oklch(54% .14 80);--yellow-400: oklch(64% .15 80);--yellow-500: oklch(78% .16 80);--yellow-600: oklch(86% .16 80);--yellow-700: oklch(90% .14 80);--teal-50: oklch(26% .05 180);--teal-100: oklch(32% .07 180);--teal-200: oklch(40% .09 180);--teal-300: oklch(48% .1 180);--teal-400: oklch(76% .12 180);--teal-500: oklch(70% .13 180);--teal-600: oklch(78% .12 180);--teal-700: oklch(84% .1 180);--orange-50: oklch(30% .07 48);--orange-100: oklch(36% .1 48);--orange-200: oklch(46% .12 48);--orange-300: oklch(54% .14 48);--orange-400: oklch(64% .16 48);--orange-500: oklch(76% .16 48);--orange-600: oklch(84% .16 48);--orange-700: oklch(88% .14 48);--purple-50: oklch(30% .07 290);--purple-100: oklch(36% .1 290);--purple-200: oklch(44% .12 290);--purple-300: oklch(52% .14 290);--purple-400: oklch(78% .18 290);--purple-500: oklch(72% .18 290);--purple-600: oklch(80% .18 290);--purple-700: oklch(86% .16 290);--purple-800: oklch(90% .14 290);--pink-50: oklch(32% .07 340);--pink-100: oklch(40% .1 340);--pink-200: oklch(48% .12 340);--pink-300: oklch(56% .14 340);--pink-400: oklch(66% .16 340);--pink-500: oklch(74% .18 340);--pink-600: oklch(82% .18 340);--pink-700: oklch(86% .16 340);--slate-50: oklch(28% .015 250);--slate-100: oklch(34% .018 250);--slate-200: oklch(40% .02 250);--slate-300: oklch(50% .025 250);--slate-400: oklch(60% .028 250);--slate-500: oklch(70% .03 250);--slate-600: oklch(78% .03 250);--slate-700: oklch(86% .025 250);--slate-800: oklch(90% .02 250);--shadow-xs: 0 1px 2px oklch(0% 0 0 / .25);--shadow-sm: 0 1px 2px oklch(0% 0 0 / .3), 0 1px 3px oklch(0% 0 0 / .35);--shadow-md: 0 2px 4px oklch(0% 0 0 / .3), 0 8px 16px oklch(0% 0 0 / .4);--shadow-lg: 0 4px 8px oklch(0% 0 0 / .35), 0 16px 32px oklch(0% 0 0 / .5);--shadow-xl: 0 8px 16px oklch(0% 0 0 / .4), 0 24px 48px oklch(0% 0 0 / .6);--shadow-2xl: 0 12px 24px oklch(0% 0 0 / .45), 0 32px 64px oklch(0% 0 0 / .7);--shadow-card: 0 1px 3px oklch(0% 0 0 / .2), 0 1px 2px oklch(0% 0 0 / .15);--shadow-elevated: 0 1px 2px oklch(0% 0 0 / .25), 0 4px 16px oklch(0% 0 0 / .35);--brand-50: oklch(96% .05 138);--brand-100: oklch(88% .1 138);--brand-200: oklch(78% .15 138);--brand-300: oklch(82% .2 138);--brand-400: oklch(86% .22 138);--brand-500: oklch(82% .22 138);--brand-600: oklch(76% .22 138);--brand-700: oklch(68% .2 138);--brand-800: oklch(54% .16 138);--brand-900: oklch(36% .1 138);--color-primary-glow: oklch(82% .22 138 / .35);--scrim-bg: oklch(8% .01 145 / .65);color-scheme:dark}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-primary);background:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;text-rendering:optimizeLegibility}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}button,[role=button]{-webkit-tap-highlight-color:transparent}input,textarea,select,button{font-family:inherit}::-moz-selection{background:color-mix(in oklch,var(--color-primary) 20%,transparent);color:inherit}::selection{background:color-mix(in oklch,var(--color-primary) 20%,transparent);color:inherit}[data-theme=dark] ::-moz-selection{background:color-mix(in oklch,var(--color-primary) 25%,transparent)}[data-theme=dark] ::selection{background:color-mix(in oklch,var(--color-primary) 25%,transparent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-300);border:2px solid transparent;background-clip:content-box;border-radius:var(--radius-full);-webkit-transition:background var(--duration-normal) var(--ease-out);transition:background var(--duration-normal) var(--ease-out)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400);background-clip:content-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{position:fixed!important;top:10px!important;right:10px!important;bottom:10px!important;left:10px!important;display:flex;flex-direction:row;min-width:1260px;min-height:calc(100% - 20px);background:var(--surface-0);border-radius:14px!important;overflow:hidden;border:1px solid var(--border-color)}.app-main{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;height:100%;overflow:hidden;border-radius:14px}.app-with-ai{display:flex;flex:1;min-width:0;min-height:0;overflow:hidden}.app-with-ai>.view-content{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;position:relative}.page-shell{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-base-default);color:var(--text-primary);overflow:hidden;position:relative}.page-shell-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border-color);background:var(--surface-0);flex-shrink:0;position:relative;gap:var(--space-4)}.page-shell-title{display:flex;align-items:center;flex-wrap:nowrap;min-width:0;flex:1 1 auto;overflow:hidden}.page-shell-actions{display:flex;align-items:center;flex-shrink:0}.page-shell-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gradient-bars-soft);opacity:.5}.page-shell-body{flex:1;min-height:0;display:flex;overflow:hidden}.page-shell-body.is-scrollable{display:block;overflow:auto}.toolbar{display:flex;align-items:center;justify-content:flex-start;height:var(--toolbar-height);padding:0 var(--sp-4);border-bottom:1px solid var(--border-color);background:var(--surface-0);flex-shrink:0;position:relative;z-index:1000;gap:8px;-webkit-app-region:drag;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toolbar button,.toolbar a,.toolbar input,.toolbar select,.toolbar textarea,.toolbar [role=button],.toolbar [data-tauri-drag-region=false]{-webkit-app-region:no-drag}.toolbar-left{display:flex;align-items:center;gap:6px;flex-shrink:0}.toolbar-brand{display:inline-flex;align-items:center;justify-content:center;padding:4px 5px;border-radius:var(--radius-md);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-app-region:no-drag}.toolbar-brand-icon{display:block;border-radius:6px;box-shadow:0 1px 2px #0508052e,0 0 0 1px #76da4e2e}.toolbar-brand-text{display:none}[data-theme=dark] .toolbar-brand-text{color:var(--brand-400);background:var(--gradient-bars-soft);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.toolbar-right{display:flex;align-items:center;gap:0;margin-left:auto}.window-controls{display:inline-flex;align-items:center;gap:8px;-webkit-app-region:no-drag}.window-controls--mac{padding:0 4px 0 8px;gap:8px}.window-controls--mac .traffic-light{width:12px;height:12px;border-radius:50%;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:transparent;background-clip:padding-box;transition:filter .12s ease,color .12s ease,box-shadow .12s ease}.window-controls--mac .traffic-light:hover{color:#0009;filter:brightness(.92)}.window-controls--mac .traffic-light--close{background:#ff5f57}.window-controls--mac .traffic-light--minimize{background:#febc2e}.window-controls--mac .traffic-light--maximize{background:#28c840}.window-controls--mac .traffic-light-max-icon{transform:translateY(.5px) scaleX(1.05)}.window-controls--win{gap:0;height:100%}.window-controls--win .win-ctrl-btn{width:36px;height:var(--toolbar-height);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--text-secondary);cursor:pointer;transition:background .12s ease,color .12s ease;-webkit-app-region:no-drag}.window-controls--win .win-ctrl-btn:hover{background:var(--surface-100);color:var(--text-primary)}.window-controls--win .win-ctrl-btn--close:hover{background:#e81123;color:#fff}.window-controls--linux{gap:0}.window-controls--linux .win-ctrl-btn--close{width:36px;height:var(--toolbar-height);background:transparent;border:0;color:var(--text-secondary);cursor:pointer;-webkit-app-region:no-drag}.window-controls--linux .win-ctrl-btn--close:hover{background:#e81123;color:#fff}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-divider{width:1px;height:18px;background:var(--border-color);margin:0 6px;flex-shrink:0;opacity:.6}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;min-width:30px;padding:0 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease;white-space:nowrap;-webkit-app-region:no-drag}.toolbar-btn:hover{background:var(--surface-100);color:var(--text-primary)}.toolbar-btn:active{background:var(--surface-200);transform:scale(.97)}.toolbar-btn--active{background:var(--text-primary);color:var(--bg-base-default);border-color:transparent;font-weight:600;box-shadow:0 1px 2px #0000001a}.toolbar-btn--active:hover{background:var(--text-primary);color:var(--bg-base-default);opacity:.88}.toolbar-btn--active:active{opacity:.8}[data-theme=dark] .toolbar-btn--active{box-shadow:0 1px 2px #0000004d}[data-theme=dark] .toolbar-btn--active:hover{background:var(--text-primary);color:var(--bg-base-default)}.toolbar-more-wrapper{position:relative;flex-shrink:0}.toolbar-more-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;padding:4px;background:var(--surface-0);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 6px 20px #0000001a,0 1px 2px #0000000a;z-index:1100;display:flex;flex-direction:column;gap:1px;animation:toolbar-dropdown-fade-in .14s ease}@keyframes toolbar-dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.toolbar-more-section{display:flex;flex-direction:column;gap:1px}.toolbar-dropdown-item{display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;text-align:left;white-space:nowrap;transition:background .12s ease,color .12s ease;-webkit-app-region:no-drag}.toolbar-dropdown-item:hover{background:var(--surface-100)}.toolbar-dropdown-item:active{background:var(--surface-200)}.toolbar-more-arrow{margin-left:2px;transition:transform .18s ease;opacity:.7}.toolbar-more-arrow--open{transform:rotate(180deg);opacity:1}.toolbar-btn--primary{background:var(--bar-mid);color:#fff;border-color:transparent;font-weight:700;padding:0 var(--sp-3);box-shadow:0 1px 2px #171c171f;letter-spacing:-.005em}.toolbar-btn--primary:hover{background:var(--bar-dark);border-color:transparent}.user-menu{position:relative;flex-shrink:0}.user-menu-login{gap:4px;font-weight:600}.user-menu-trigger{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 8px 0 4px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-0);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.user-menu-trigger:hover,.user-menu-trigger--active{background:var(--surface-100);border-color:var(--surface-300)}.user-menu-avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--bar-light),var(--bar-mid));color:#fff;font-size:11px;font-weight:700;flex-shrink:0;text-transform:uppercase}.user-menu-avatar--lg{width:36px;height:36px;font-size:15px}.user-menu-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.user-menu-admin{color:var(--bar-mid);flex-shrink:0}.user-menu-chev{color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.user-menu-chev.is-open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--surface-0);border:1px solid var(--border-color);border-radius:var(--radius-md, 8px);box-shadow:0 12px 32px #0000001f,0 4px 8px #0000000f;padding:6px;z-index:300;animation:user-menu-in .18s cubic-bezier(.16,1,.3,1)}@keyframes user-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{display:flex;align-items:center;gap:10px;padding:8px 8px 10px}.user-menu-info{min-width:0}.user-menu-info-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.user-menu-info-sub{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.user-menu-badge{display:inline-flex;align-items:center;gap:4px;margin:0 8px 6px;padding:3px 8px;background:color-mix(in oklch,var(--bar-mid) 14%,transparent);color:var(--bar-dark);border-radius:4px;font-size:10px;font-weight:600}.user-menu-divider{height:1px;background:var(--border-color);margin:4px 0}.user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease-out);text-align:left}.user-menu-item:hover{background:var(--surface-100);color:var(--text-primary)}.user-menu-item--danger:hover{background:color-mix(in oklch,var(--red-500) 10%,transparent);color:var(--red-500)}.toolbar-btn--primary:hover{box-shadow:0 2px 4px #171c1733}.toolbar-btn--primary:active{background:var(--bar-dark-2)}.toolbar-btn--primary:disabled{background:var(--surface-300);color:var(--text-muted);cursor:not-allowed;box-shadow:none}[data-theme=dark] .toolbar-btn--primary:disabled{background:#252b25;color:#5f655f}.toolbar-view-switch{display:inline-flex;align-items:center;gap:1px;padding:2px;border-radius:9px;background:var(--surface-100);border:1px solid var(--border-color);flex-shrink:0}.toolbar-home-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;font-size:12.5px;font-weight:550;letter-spacing:-.005em;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--text-secondary);position:relative;transition:background .16s ease,color .16s ease,transform .16s ease;white-space:nowrap;flex-shrink:0}.toolbar-home-btn:hover{background:var(--surface-100);color:var(--text-primary)}.toolbar-home-btn--active{background:var(--text-primary);color:var(--bg-base-default);font-weight:600;box-shadow:0 1px 2px #0000001a}.toolbar-home-btn--active:after{display:none}.toolbar-home-btn--active:hover{background:var(--text-primary);color:var(--bg-base-default);opacity:.88}[data-theme=dark] .toolbar-view-switch{background:var(--surface-100, oklch(24% .012 270));border-color:var(--border-color)}[data-theme=dark] .toolbar-home-btn--active{box-shadow:0 1px 2px #0000004d}.toolbar-btn-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;color:var(--color-primary, var(--color-primary));background:var(--blue-100, oklch(92% .04 252));border-radius:8px;margin-left:2px;line-height:1}[data-theme=dark] .toolbar-btn-badge{background:#152f4b;color:#98c8ff;color:oklch(82% .14 252)}.toolbar-file-fold{display:inline-flex}.toolbar--minimal .toolbar-save-status{padding:0;gap:0}.toolbar--minimal .toolbar-save-status .toolbar-save-dot{margin:0 4px}.toolbar--minimal,.toolbar--narrow{padding:0 var(--sp-3)}.toolbar--full .toolbar-home-btn span{display:inline}.toolbar--compact .toolbar-home-btn span,.toolbar--narrow .toolbar-home-btn span,.toolbar--minimal .toolbar-home-btn span{display:none}.toolbar--compact .toolbar-home-btn,.toolbar--narrow .toolbar-home-btn,.toolbar--minimal .toolbar-home-btn{padding:4px 7px}.toolbar-view-switch,.toolbar-home-btn,.toolbar-btn,.toolbar-divider,.toolbar-group,.user-menu-trigger,.user-menu-avatar,.user-menu-name,.user-menu-chev,.user-menu-admin{transition:padding .18s ease,background .16s ease,color .16s ease,transform .16s ease,height .18s ease,min-width .18s ease,gap .18s ease,width .18s ease,font-size .18s ease}.toolbar--panel-open .toolbar-view-switch{padding:1px;border-radius:7px;gap:0}.toolbar--panel-open .toolbar-home-btn{padding:4px 6px;gap:0}.toolbar--panel-open .toolbar-home-btn span{display:none}.toolbar--panel-open .toolbar-home-btn svg{width:13px;height:13px}.toolbar--panel-open .toolbar-btn{height:24px;min-width:24px;padding:0 5px;border-radius:5px;gap:3px;font-size:12px}.toolbar--panel-open .toolbar-btn svg{width:14px;height:14px}.toolbar--panel-open .toolbar-btn-badge{font-size:9px;min-width:12px;height:12px;padding:0 3px}.toolbar--panel-open .toolbar-btn>span[style*="position: absolute"]{min-width:12px;height:12px;font-size:9px;top:0;right:0}.toolbar--panel-open .toolbar-divider{height:14px;margin:0 1px}.toolbar--panel-open .toolbar-group,.toolbar--panel-open .toolbar-right{gap:1px}.toolbar--panel-open .toolbar-left{gap:4px}.toolbar--panel-open .user-menu-trigger{height:26px;padding:0 5px 0 2px;gap:3px;font-size:12px}.toolbar--panel-open .user-menu-avatar{width:20px;height:20px;font-size:10px}.toolbar--panel-open .user-menu-name,.toolbar--panel-open .user-menu-admin,.toolbar--panel-open .user-menu-chev{display:none}.toolbar--panel-open .user-menu-login{padding:0 6px;gap:0}.toolbar--panel-open .user-menu-login span{display:none}.toolbar{overflow:visible}.toolbar-left,.toolbar-right{min-width:0;flex-shrink:1}.toolbar-right{flex-shrink:0}.load-dropdown-item{display:flex;align-items:center;gap:8px}.toolbar-node-count{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.toolbar-save-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-tertiary);white-space:nowrap;padding:2px 8px;border-radius:10px;background:var(--surface-100)}.toolbar-save-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.toolbar-save-dot--saved{background:var(--green-500)}.toolbar-save-dot--dirty{background:var(--yellow-500);animation:save-dot-pulse 1.5s ease-in-out infinite}@keyframes save-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.toolbar-publish{position:relative;transition:color .2s,background .2s;gap:6px}.toolbar-publish-label{font-size:13px;font-weight:500;letter-spacing:.1px}.toolbar-publish-ver{font-size:10.5px;font-weight:600;letter-spacing:.2px;padding:1px 5px;border-radius:var(--radius-xs);background:var(--green-50);color:var(--green-600)}[data-theme=dark] .toolbar-publish-ver{background:var(--green-50);color:var(--green-500)}.toolbar-publish svg{transition:transform .2s}.toolbar-publish:hover svg{transform:none}.toolbar-publish--active{color:var(--green-600)!important;background:var(--green-50)}.toolbar-publish--active:hover{background:var(--green-50);filter:brightness(.97)}.toolbar-publish-badge{display:inline-flex;align-items:center;font-size:11px;color:var(--green-600);background:var(--green-50);border:1px solid var(--green-50);padding:2px 8px;border-radius:10px;font-weight:500;white-space:nowrap}.toolbar-save-status--unsaved{color:var(--yellow-500);background:var(--yellow-50);animation:save-pulse 2s ease-in-out infinite}@keyframes save-pulse{0%,to{opacity:1}50%{opacity:.6}}.toolbar-btn:hover{background:var(--surface-100);border-color:var(--surface-300)}.toolbar-btn:active{transform:scale(.97);transition-duration:60ms}.toolbar-btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-0);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0}.btn-icon:hover{background:var(--surface-100);color:var(--text-primary);border-color:var(--surface-300)}.btn-icon:active{transform:scale(.95);transition-duration:60ms}.btn-icon:focus-visible{box-shadow:var(--shadow-focus);outline:none}.app-body{display:flex;flex:1;overflow:hidden;position:relative}.brand-bars--horizontal{display:inline-flex;flex-direction:column;gap:3px;align-items:flex-start;flex-shrink:0}.brand-bars--horizontal>i{display:block;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--bar-light) 0%,var(--bar-mid) 50%,var(--bar-dark) 100%)}.brand-bars--horizontal>i:nth-child(1){width:100%}.brand-bars--horizontal>i:nth-child(2){width:78%;opacity:.85}.brand-bars--horizontal>i:nth-child(3){width:56%;opacity:.7}.brand-bars--vertical{display:inline-flex;align-items:flex-end;gap:1.5px;flex-shrink:0}.brand-bars--vertical>i{display:block;border-radius:1px;transform:skew(-14deg);transform-origin:bottom center}.brand-bars--vertical>i:nth-child(1){background:var(--bar-light);height:100%}.brand-bars--vertical>i:nth-child(2){background:var(--bar-mid);height:70%}.brand-bars--vertical>i:nth-child(3){background:var(--bar-dark);height:42%}.brand-bars--horizontal.brand-bars--sm>i{width:11px}.brand-bars--horizontal.brand-bars--sm>i:nth-child(1){width:14px}.brand-bars--horizontal.brand-bars--sm>i:nth-child(2){width:11px}.brand-bars--horizontal.brand-bars--sm>i:nth-child(3){width:8px}.brand-bars--horizontal.brand-bars--sm{gap:2.5px}.brand-bars--horizontal.brand-bars--md>i:nth-child(1){width:16px}.brand-bars--horizontal.brand-bars--md>i:nth-child(2){width:12px}.brand-bars--horizontal.brand-bars--md>i:nth-child(3){width:8px}.brand-bars--horizontal.brand-bars--lg>i:nth-child(1){width:22px}.brand-bars--horizontal.brand-bars--lg>i:nth-child(2){width:17px}.brand-bars--horizontal.brand-bars--lg>i:nth-child(3){width:12px}.brand-bars--horizontal.brand-bars--lg{gap:4px}.brand-bars--horizontal.brand-bars--lg>i{height:2.5px}.brand-bars--vertical.brand-bars--sm{width:8px;height:10px}.brand-bars--vertical.brand-bars--md{width:10px;height:12px}.brand-bars--vertical.brand-bars--lg{width:14px;height:16px}.brand-bars--vertical>i{width:2.5px}.brand-bars--vertical.brand-bars--lg>i{width:3.5px}.node-palette{width:var(--sidebar-width);min-width:var(--sidebar-width);border-right:1px solid var(--border-color);background:var(--surface-50);display:flex;flex-direction:column;overflow:hidden;transition:width var(--duration-normal) var(--ease-out),min-width var(--duration-normal) var(--ease-out)}.node-palette--collapsed{width:28px;min-width:28px}.palette-header{padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);position:relative;background:linear-gradient(90deg,oklch(96% .04 142) 0%,transparent 100%)}[data-theme=dark] .palette-header{background:linear-gradient(90deg,oklch(20% .04 142 / .4) 0%,transparent 100%)}.palette-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--bar-mid);opacity:.4}.palette-header-brand{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-xs);font-weight:700;color:var(--brand-600);text-transform:uppercase;letter-spacing:.8px}[data-theme=dark] .palette-header-brand{color:var(--brand-400)}.palette-collapse-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.palette-collapse-btn:hover{background:var(--surface-100);color:var(--text-secondary)}[data-theme=dark] .palette-collapse-btn:hover{background:var(--surface-200)}.palette-rail{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--sp-3) 0;gap:10px;background:transparent;border:none;cursor:pointer;color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease-out)}.palette-rail:hover{color:var(--brand-600)}[data-theme=dark] .palette-rail:hover{color:var(--brand-400)}.palette-rail-text{writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.palette-search-wrap{display:flex;align-items:center;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-color);gap:var(--sp-2)}.palette-search-wrap .search-input{flex:1;width:100%;height:30px}.palette-filters{display:flex;flex-wrap:wrap;gap:4px;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-color)}.palette-filter-chip{font-size:10px;font-weight:500;padding:2px 8px;border-radius:10px;border:1px solid var(--surface-300);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.palette-filter-chip:hover{border-color:var(--surface-400);color:var(--text-secondary)}.palette-filter-chip--active{background:var(--color-primary);color:#fafcfe;border-color:var(--color-primary)}.palette-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8) var(--sp-4);color:var(--text-tertiary);gap:var(--sp-2)}.palette-empty p{font-size:var(--text-sm);margin:0}.palette-list{flex:1;overflow-y:auto;padding:var(--sp-2)}.palette-category{margin-bottom:var(--sp-3)}.category-label{font-size:var(--text-xs);font-weight:700;color:var(--brand-600);text-transform:uppercase;letter-spacing:.6px;padding:var(--sp-1) var(--sp-2) var(--sp-1) 8px;margin-bottom:var(--sp-1);position:relative}[data-theme=dark] .category-label{color:var(--brand-400)}.category-label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) skew(-12deg);width:2px;height:10px;background:var(--bar-mid);border-radius:1px;opacity:.55}.category-label--collapsible{display:flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out)}.category-label--collapsible:hover{background:var(--surface-100)}.category-chevron,.category-dot{display:none}.category-count{font-size:9px;font-weight:500;color:var(--text-tertiary);margin-left:auto;background:var(--surface-100);padding:0 5px;border-radius:8px;line-height:16px}.palette-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);cursor:grab;transition:all var(--duration-fast) var(--ease-out);margin-bottom:1px;border:1px solid transparent;min-height:36px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-item:hover{background:var(--surface-0);border-color:var(--border-color);box-shadow:var(--shadow-xs)}.palette-item:active{cursor:grabbing;transform:scale(.98);transition-duration:60ms}.palette-item-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0;box-shadow:var(--shadow-inset-1)}.palette-item-info{display:flex;flex-direction:column;min-width:0;flex:1}.palette-item-label{font-size:var(--text-base);font-weight:500;color:var(--neutral-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-item-desc{font-size:10px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.palette-highlight{background:var(--yellow-50);color:inherit;padding:0 1px;border-radius:2px;box-shadow:inset 0 -1px 0 var(--yellow-500)}.canvas-wrapper{flex:1;height:100%;position:relative;transition:margin-right var(--duration-normal) var(--ease-out)}.canvas-search{position:relative;display:flex;align-items:center;gap:4px;background:var(--surface-0);border-radius:0;padding:4px 8px;min-width:320px}.canvas-search-icon{color:var(--text-tertiary);flex-shrink:0}.canvas-search-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary);padding:4px;min-width:0}.canvas-search-input::-moz-placeholder{color:var(--text-muted)}.canvas-search-input::placeholder{color:var(--text-muted)}.canvas-search-count{font-size:10px;color:var(--text-tertiary);white-space:nowrap;padding:0 4px}.canvas-search-nav{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.canvas-search-nav:hover{background:var(--surface-100);color:var(--text-secondary)}.canvas-search-close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.canvas-search-close:hover{background:var(--surface-100);color:var(--text-secondary)}.canvas-search-wrapper{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:30;width:360px;max-width:calc(100vw - 40px);box-shadow:0 8px 24px var(--shadow-neutral-1);border-radius:var(--radius-md);background:var(--surface-primary, var(--surface-0, #fff));border:1px solid var(--border-color, var(--border-color, #e5e7eb));overflow:hidden}.canvas-search-results{max-height:280px;overflow-y:auto;border-top:1px solid var(--border-color, var(--border-color, #e5e7eb))}.canvas-search-result{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--surface-100, var(--surface-100, #f3f4f6));transition:background .1s}.canvas-search-result:last-child{border-bottom:none}.canvas-search-result--active,.canvas-search-result:hover{background:var(--surface-100, var(--surface-100, #f3f4f6))}.canvas-search-result-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.canvas-search-result-info{flex:1;min-width:0}.canvas-search-result-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary, #111);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-search-result-type{font-size:var(--text-xs, 11px);color:var(--text-muted);margin-top:2px}.canvas-search-empty{padding:14px 12px;text-align:center;color:var(--text-muted);font-size:var(--text-sm);border-top:1px solid var(--border-color, var(--border-color, #e5e7eb))}.drag-preview-indicator{position:absolute;pointer-events:none;z-index:5;transform:translate(-50%,-50%)}.test-step-view{padding:16px;display:flex;flex-direction:column;gap:14px}.test-step-hint{font-size:var(--text-sm);color:var(--text-muted);background:var(--surface-50, var(--surface-50, #f9fafb));border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 12px}.test-step-hint p{margin:0}.test-step-hint p+p{margin-top:4px}.test-step-warning{color:var(--color-warning, var(--amber-500, #f59e0b))}.test-step-section{display:flex;flex-direction:column;gap:6px}.test-step-section-header{display:flex;align-items:center;justify-content:space-between}.test-step-section-header h4{font-size:var(--text-sm);font-weight:600;margin:0;color:var(--text-primary)}.test-step-link{background:transparent;border:none;color:var(--text-link, var(--blue-500, #3b82f6));font-size:var(--text-xs);cursor:pointer;padding:2px 4px}.test-step-link:hover{text-decoration:underline}.test-step-input{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 10px;font-family:var(--font-mono, ui-monospace);font-size:12px;background:var(--surface-0);color:var(--text-primary);resize:vertical;min-height:100px;line-height:1.5;outline:none}.test-step-input:focus{border-color:var(--color-primary, var(--blue-500, #3b82f6));box-shadow:0 0 0 2px var(--blue-100)}.test-step-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.test-step-run{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-primary, var(--blue-500, #3b82f6));color:var(--surface-0);border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background .15s}.test-step-run:hover:not(:disabled){background:var(--color-primary-hover, #2563eb)}.test-step-run:disabled{opacity:.6;cursor:not-allowed}.test-step-pin-warning{font-size:var(--text-xs);color:var(--text-muted)}.test-step-result{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.test-step-result-header{padding:8px 12px;font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;justify-content:space-between}.test-step-result-header--ok{background:#22c55e1a;color:var(--color-success);border-bottom:1px solid rgba(34,197,94,.2)}.test-step-result-header--err{background:#dc26261a;color:var(--color-danger);border-bottom:1px solid rgba(220,38,38,.2)}.test-step-duration{font-weight:400;font-size:var(--text-xs);opacity:.8}.test-step-output{margin:0;padding:10px 12px;font-family:var(--font-mono, ui-monospace);font-size:12px;line-height:1.5;background:var(--surface-0);color:var(--text-primary);max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-all}.test-step-output--error{color:var(--color-danger);background:#dc26260a}.test-step-pin-apply{margin:0;width:100%;padding:8px 12px;background:var(--surface-100);color:var(--text-primary);border:none;border-top:1px solid var(--border-color);font-size:var(--text-sm);cursor:pointer;text-align:center}.test-step-pin-apply:hover{background:var(--surface-200, var(--border-color, #e5e7eb))}.test-step-prev h4{font-size:var(--text-sm);font-weight:600;margin:0 0 6px;color:var(--text-secondary)}.node-schema-view{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.node-schema-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--surface-100);border-bottom:1px solid var(--border-color);font-size:var(--text-xs);color:var(--text-secondary)}.node-schema-root{font-weight:600;color:var(--text-primary)}.node-schema-list{max-height:360px;overflow:auto}.node-schema-row{display:grid;grid-template-columns:minmax(120px,1.2fr) auto 1fr;gap:8px;align-items:center;padding:4px 10px;font-size:12px;border-bottom:1px solid var(--border-color);font-family:var(--font-mono, ui-monospace)}.node-schema-row:hover{background:var(--surface-50, var(--surface-50, #f9fafb))}.node-schema-row:last-child{border-bottom:none}.node-schema-path{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-schema-type{font-size:10px;padding:1px 6px;border-radius:8px;background:var(--surface-100);color:var(--text-secondary);white-space:nowrap}.node-schema-type--string{background:color-mix(in oklch,var(--green-500) 12%,transparent);color:var(--color-success)}.node-schema-type--number{background:color-mix(in oklch,var(--blue-500) 12%,transparent);color:var(--blue-700)}.node-schema-type--boolean{background:color-mix(in oklch,var(--amber-500) 12%,transparent);color:var(--amber-700)}.node-schema-type--object{background:color-mix(in oklch,var(--purple-500) 12%,transparent);color:var(--purple-600)}.node-schema-type--array{background:color-mix(in oklch,var(--teal-500) 12%,transparent);color:var(--teal-600)}.node-schema-type--null{background:var(--surface-200, var(--border-color, #e5e7eb));color:var(--text-muted)}.node-schema-sample{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.execution-progress{display:flex;align-items:center;gap:12px;padding:6px 16px;background:var(--surface-0);border-bottom:1px solid var(--border-color);font-size:var(--text-xs);position:relative;z-index:5;animation:execution-progress-in .2s var(--ease-out)}.execution-progress--running{background:linear-gradient(180deg,rgba(59,130,246,.05),transparent)}.execution-progress--success{background:linear-gradient(180deg,rgba(34,197,94,.06),transparent)}.execution-progress--failed{background:linear-gradient(180deg,rgba(220,38,38,.06),transparent)}.execution-progress-info{display:flex;align-items:center;gap:8px;flex-shrink:0;font-weight:500}.execution-progress-icon{flex-shrink:0}.execution-progress--running .execution-progress-icon{color:var(--color-primary)}.execution-progress--success .execution-progress-icon{color:var(--green-600)}.execution-progress--failed .execution-progress-icon{color:var(--color-danger)}.execution-progress-icon--spin{animation:spin 1s linear infinite}.execution-progress-status{color:var(--text-primary)}.execution-progress-time{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-variant-numeric:tabular-nums}.execution-progress-bar{flex:1;height:4px;background:var(--surface-100);border-radius:2px;overflow:hidden;position:relative}.execution-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue-500, #3b82f6),#6366f1);border-radius:2px;transition:width .25s var(--ease-out)}.execution-progress--success .execution-progress-bar-fill{background:linear-gradient(90deg,var(--green-500, #22c55e),var(--green-600, #16a34a))}.execution-progress--failed .execution-progress-bar-fill{background:linear-gradient(90deg,#dc2626,#b91c1c)}.execution-progress--running .execution-progress-bar-fill{background:linear-gradient(90deg,var(--blue-500, #3b82f6) 0%,var(--blue-500, #3b82f6) 40%,#6366f1 50%,var(--blue-500, #3b82f6) 60%,var(--blue-500, #3b82f6) 100%);background-size:200% 100%;animation:execution-progress-stripes 1.5s linear infinite}@keyframes execution-progress-stripes{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes execution-progress-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.drag-preview-dot{width:12px;height:12px;border-radius:50%;background:var(--color-primary);opacity:.6;animation:drag-pulse 1s ease-in-out infinite;box-shadow:0 0 0 4px var(--blue-100),0 0 0 8px var(--blue-50)}@keyframes drag-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:.9}}.edge-label-input{font-size:10px;font-weight:500;color:var(--neutral-700);background:var(--surface-0, var(--surface-0, #fff));border:1px solid var(--color-primary);border-radius:4px;padding:1px 6px;outline:none;width:80px;box-shadow:0 0 0 2px var(--blue-100)}.edge-label-input::-moz-placeholder{color:var(--text-tertiary);font-weight:400}.edge-label-input::placeholder{color:var(--text-tertiary);font-weight:400}.edge-label-hover-zone:hover{border-color:var(--surface-300)!important;color:var(--text-muted)!important}.edge-label-with-remove .edge-remove-btn{margin-left:4px;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border:none;background:#ef4444;color:#fff;border-radius:50%;font-size:12px;line-height:1;cursor:pointer;padding:0;font-weight:700;box-shadow:0 1px 3px #0003;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.edge-label-with-remove:hover .edge-remove-btn,.edge-label-with-remove .edge-remove-btn:focus-visible{opacity:1;transform:scale(1);pointer-events:auto}.edge-remove-btn:hover{background:#dc2626!important}.canvas-title{position:absolute;top:16px;left:16px;z-index:4;display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 12px;background:color-mix(in oklch,var(--surface-0) 78%,transparent);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-sm);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);max-width:60%;min-width:180px;cursor:text;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all var(--duration-fast) var(--ease-out)}.canvas-title:hover{border-color:color-mix(in oklch,var(--color-primary) 28%,var(--border-color));box-shadow:var(--shadow-md)}.canvas-title--editing{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 18%,transparent),var(--shadow-md);background:var(--surface-0);cursor:text}.canvas-title-text{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.canvas-title-input{font-size:14px;font-weight:600;color:var(--text-primary);background:transparent;border:none;outline:none;flex:1;min-width:0;padding:0;font-family:inherit;letter-spacing:.2px}.canvas-title-input::-moz-placeholder{color:var(--text-tertiary);font-weight:500}.canvas-title-input::placeholder{color:var(--text-tertiary);font-weight:500}.canvas-title--snapshot{border-color:color-mix(in oklch,var(--color-primary) 40%,var(--border-color));background:color-mix(in oklch,var(--color-primary) 6%,var(--surface-0) 78%);cursor:default}.canvas-title--snapshot:hover{border-color:color-mix(in oklch,var(--color-primary) 40%,var(--border-color));box-shadow:var(--shadow-sm)}.snapshot-mode-banner{position:absolute;top:16px;right:16px;z-index:4;display:flex;align-items:center;gap:12px;padding:10px 14px;background:color-mix(in oklch,var(--color-primary) 8%,var(--surface-0) 88%);border:1px solid color-mix(in oklch,var(--color-primary) 35%,var(--border-color));border-radius:12px;box-shadow:var(--shadow-md);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);min-width:240px}.snapshot-mode-banner-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--color-primary) 18%,transparent);color:var(--color-primary);flex-shrink:0}.snapshot-mode-banner-text{flex:1;min-width:0}.snapshot-mode-banner-title{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:.2px}.snapshot-mode-banner-desc{font-size:11px;color:var(--text-tertiary);margin-top:2px}.snapshot-mode-banner-exit{height:28px;padding:0 12px;font-size:12px;font-weight:500;color:var(--color-primary);background:color-mix(in oklch,var(--color-primary) 12%,transparent);border:1px solid color-mix(in oklch,var(--color-primary) 30%,transparent);border-radius:8px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.snapshot-mode-banner-exit:hover{background:color-mix(in oklch,var(--color-primary) 20%,transparent);border-color:color-mix(in oklch,var(--color-primary) 50%,transparent)}.canvas-wrapper:has(.snapshot-mode-banner){background:color-mix(in oklch,var(--color-primary) 2%,var(--surface-50))}.canvas-controls{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:4px;background:var(--surface-0);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px 6px;box-shadow:var(--shadow-md);z-index:4;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.canvas-control-group{display:flex;align-items:center;gap:2px;padding:0 2px}.canvas-control-group--brand .brand-bars--vertical{margin:0 4px 0 0}.canvas-control-stats{display:flex;align-items:center;gap:6px;padding:0 4px}.canvas-control-stat{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:500;color:var(--text-tertiary);line-height:1}.canvas-control-stat-num{font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.canvas-control-stat-label{font-size:10px;color:var(--text-tertiary);margin-left:1px}.canvas-control-stat-sep{color:var(--text-tertiary);opacity:.5;font-size:10px}.canvas-control-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);position:relative}.canvas-control-btn:hover{background:var(--surface-100);color:var(--text-primary)}.canvas-control-btn--primary{background:color-mix(in oklch,var(--bar-mid) 8%,transparent);color:var(--bar-dark)}.canvas-control-btn--primary:hover{background:color-mix(in oklch,var(--bar-mid) 16%,transparent);color:var(--bar-dark)}.canvas-control-btn--active{background:color-mix(in oklch,var(--bar-mid) 14%,transparent);color:var(--bar-dark);box-shadow:inset 0 0 0 1.5px color-mix(in oklch,var(--bar-mid) 40%,transparent)}.canvas-control-zoom{display:inline-flex;align-items:center;gap:0;background:var(--surface-50);border-radius:var(--radius-sm);padding:0;overflow:hidden}.canvas-control-btn--zoom{width:22px;height:24px;border-radius:0}.canvas-control-btn--zoom:hover{background:var(--surface-100)}.canvas-control-zoom-level{font-size:10.5px;font-weight:600;color:var(--text-secondary);min-width:36px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-variant-numeric:tabular-nums;padding:0 4px}.canvas-control-divider{width:1px;height:18px;background:var(--border-color);margin:0 2px;flex-shrink:0}.react-flow__node-custom{padding:0;border-radius:var(--radius-md);overflow:visible;min-width:160px;font-size:var(--text-sm)}.react-flow.compact-mode .react-flow__node-custom{min-width:0;font-size:11px}.canvas-action-bar{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:2px;background:var(--surface-0);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px 6px;box-shadow:var(--shadow-md);z-index:4;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.canvas-action-btn{display:flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 8px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-size:12px;font-weight:500;white-space:nowrap}.canvas-action-btn:hover:not(:disabled){background:var(--surface-100);color:var(--text-primary)}.canvas-action-btn:disabled{opacity:.35;cursor:not-allowed}.canvas-action-btn--execute{background:var(--color-llm, #0d9488);color:#fff;padding:0 12px;font-weight:600;border-radius:var(--radius-sm)}.canvas-action-btn--execute:hover:not(:disabled){background:color-mix(in oklch,var(--color-llm, #0d9488) 85%,#000);color:#fff}.canvas-action-btn--execute:disabled{opacity:.6}.canvas-action-btn-label{font-size:12px;line-height:1}.canvas-action-divider{width:1px;height:18px;background:var(--border-color);margin:0 3px;flex-shrink:0}.react-flow.compact-mode .react-flow__node-sticky_note{min-width:0}.custom-node{background:linear-gradient(180deg,color-mix(in oklch,var(--surface-0) 96%,var(--bar-light) 1.5%) 0%,var(--surface-0) 100%);border:1px solid color-mix(in oklch,var(--border-color) 65%,transparent);border-radius:16px;box-shadow:inset 0 1px #ffffff8c,0 .5px 1px #171c170a,0 1.5px 4px -1px #171c170a,0 4px 14px -4px #171c170f;transition:box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out);cursor:grab;position:relative;width:240px;overflow:hidden;font-variant-numeric:tabular-nums;isolation:isolate}.custom-node:hover{box-shadow:inset 0 1px #ffffff8c,0 1px 2px #171c170d,0 4px 10px -2px #171c170f,0 12px 28px -6px #171c171a;border-color:color-mix(in oklch,var(--node-accent, var(--bar-mid)) 35%,var(--border-color));transform:translateY(-1.5px)}.custom-node:active{cursor:grabbing;transform:translateY(0)}.custom-node.selected{border-color:color-mix(in oklch,var(--node-accent, var(--bar-mid)) 55%,transparent);box-shadow:inset 0 1px #ffffff8c,0 0 0 1.5px color-mix(in oklch,var(--node-accent, var(--bar-mid)) 60%,transparent),0 0 0 4px color-mix(in oklch,var(--node-accent, var(--bar-mid)) 12%,transparent),0 4px 14px -2px #171c1714,0 12px 28px -4px color-mix(in oklch,var(--node-accent, var(--bar-mid)) 22%,transparent)}.custom-node--disabled{opacity:.5;pointer-events:none}.custom-node-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-3);background:var(--text-primary);color:var(--surface-0);font-size:var(--text-xs);font-weight:400;border-radius:var(--radius-sm);white-space:nowrap;max-width:280px;line-height:1.4;z-index:1000;pointer-events:none;animation:tooltip-in var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-lg)}.custom-node-tooltip:before{content:"";position:absolute;top:0;left:6px;right:6px;height:2px;background:linear-gradient(90deg,var(--bar-light) 0 33.33%,var(--bar-mid) 33.33% 66.66%,var(--bar-dark) 66.66% 100%);border-radius:1px 1px 0 0;opacity:.85}.custom-node-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--text-primary)}.custom-node-tooltip--error{background:var(--color-danger);color:var(--surface-0);white-space:normal;max-width:260px;font-weight:500}.custom-node-tooltip--error:after{border-top-color:var(--color-danger)}.custom-node-tooltip-title{display:flex;align-items:center;gap:6px;font-weight:600;font-size:var(--text-sm);margin-bottom:4px}.custom-node-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.custom-node-tooltip-category{font-size:10px;padding:1px 6px;border-radius:8px;background:#ffffff2e;text-transform:capitalize;font-weight:500;margin-left:auto}.custom-node-tooltip-body{font-weight:400;opacity:.9;white-space:normal;max-width:260px;line-height:1.45}.custom-node-tooltip-meta{display:flex;gap:12px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.15);font-size:10px;opacity:.7;font-weight:400}@keyframes tooltip-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.custom-node.sub-node{min-width:130px;width:200px;background:color-mix(in oklch,var(--surface-0) 88%,var(--bar-light) 3%);opacity:.95;box-shadow:inset 0 1px #fff6,0 .5px 1px #171c170a,0 2px 6px -1px #171c170a}.custom-node.sub-node:hover{opacity:1;transform:translateY(-1px)}.custom-node.sub-node .custom-node-header{padding:6px 10px 6px 11px;font-size:var(--text-xs);background:transparent;border-bottom:none;min-height:32px}.custom-node.sub-node .custom-node-title{font-size:var(--text-xs);font-weight:600;letter-spacing:0}.custom-node-header{padding:9px 10px 9px 8px;color:var(--text-primary);font-weight:600;font-size:var(--text-sm);display:flex;align-items:center;gap:7px;min-height:38px;background:linear-gradient(180deg,color-mix(in oklch,var(--surface-50) 70%,var(--surface-0)) 0%,var(--surface-50) 100%);border-bottom:1px solid color-mix(in oklch,var(--border-color) 60%,transparent);position:relative;letter-spacing:-.1px}.custom-node-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:var(--surface-0);flex-shrink:0;position:relative;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0000001f,0 1.5px 3px #171c1726,0 .5px 1px #171c171a;transition:transform var(--duration-fast) var(--ease-out)}.custom-node:hover .custom-node-icon{transform:scale(1.05)}.custom-node-icon svg{position:relative;z-index:1}.custom-node-type-meta{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-left:2px;padding:1px 6px;border-radius:4px;background:color-mix(in oklch,var(--surface-200) 70%,transparent);flex-shrink:0;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-node-group-count{margin-left:auto;font-size:10px;font-weight:700;color:var(--text-secondary);background:color-mix(in oklch,var(--surface-200) 60%,transparent);padding:1px 7px;border-radius:999px;min-width:18px;text-align:center;font-variant-numeric:tabular-nums;border:1px solid color-mix(in oklch,var(--border-color) 50%,transparent)}.custom-node-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;flex:1;min-width:0;letter-spacing:.05px;color:var(--text-primary)}.custom-node-label-input{font-size:inherit;font-weight:inherit;color:var(--text-primary);background:var(--surface-100);border:1px solid var(--color-primary);border-radius:3px;padding:0 4px;outline:none;width:100%;min-width:40px}.custom-node-pin-badge{display:flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:linear-gradient(180deg,#fff4e1,color-mix(in oklch,#f59e0b 20%,transparent));background:linear-gradient(180deg,oklch(97% .05 80),color-mix(in oklch,#f59e0b 20%,transparent));color:var(--color-warning, #f59e0b);flex-shrink:0;border:1px solid color-mix(in oklch,#f59e0b 30%,transparent);box-shadow:inset 0 1px #ffffff4d}.custom-node-tag{display:inline-block;padding:1px 6px;margin-left:4px;font-size:10px;font-weight:600;color:var(--surface-0);border-radius:8px;line-height:1.4;flex-shrink:0;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes pin-pulse{0%,to{opacity:.7}50%{opacity:1}}.custom-node-status-badge{display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 5px;margin-left:auto;border-radius:9px;font-size:10px;font-weight:600;letter-spacing:.2px;flex-shrink:0;line-height:1}.custom-node-status-badge--running{background:#f59e0b1f;color:var(--amber-600);border:1px solid rgba(245,158,11,.3)}.custom-node-status-badge--success{background:#22c55e1f;color:var(--green-700);border:1px solid rgba(34,197,94,.3)}.custom-node-status-badge--error{background:#ef44441f;color:var(--red-700);border:1px solid rgba(239,68,68,.3)}.custom-node-status-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:auto;border-radius:50%;flex-shrink:0;box-shadow:inset 0 1px #ffffff40}.custom-node-status-icon--running{color:var(--color-warning);background:linear-gradient(180deg,#ffeccd,#f59e0b2e);background:linear-gradient(180deg,color(xyz 0.831 0.853 0.54),#f59e0b2e);border:1px solid color-mix(in oklch,var(--amber-500, #f59e0b) 35%,transparent)}.custom-node-status-icon--success{color:var(--color-success);background:linear-gradient(180deg,#cffbde,#22c55e2e);border:1px solid color-mix(in oklch,var(--green-500, #22c55e) 35%,transparent)}.custom-node-status-icon--error{color:var(--color-danger);background:linear-gradient(180deg,#ffe9e5,#ef44442e);background:linear-gradient(180deg,color(xyz 0.876 0.843 0.794),#ef44442e);border:1px solid color-mix(in oklch,var(--red-500, #ef4444) 35%,transparent)}.custom-node--compact{width:46px!important;height:46px!important;min-width:46px;min-height:46px;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;position:relative;transition:transform .2s var(--ease-out)}.custom-node--compact .custom-handle{z-index:10;opacity:0;transition:opacity .18s var(--ease-out)}.custom-node--compact:hover .custom-handle,.custom-node--compact.selected .custom-handle{opacity:1}.custom-node--compact:hover{transform:translateY(-1px)}.custom-node-compact-disc{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;position:absolute;top:0;left:0;box-shadow:0 8px 16px -4px #1018102e,0 4px 8px -2px #1018101f,0 1px 2px #10181014,inset 0 1px 1px #ffffff40,inset 0 -1px 1px #0000000f;transition:all .2s var(--ease-out);flex-shrink:0;z-index:1;overflow:hidden}.custom-node-compact-disc:before{content:"";position:absolute;top:1px;left:4px;right:4px;height:50%;border-radius:50% 50% 60% 60%/100% 100% 40% 40%;background:linear-gradient(180deg,#ffffff38,#fff0);pointer-events:none;z-index:0}.custom-node-compact-disc>svg,.custom-node-compact-disc>.custom-node-compact-spinner{position:relative;z-index:2}.custom-node--compact:hover .custom-node-compact-disc{transform:translateY(-1px);box-shadow:0 12px 22px -4px #1018103d,0 6px 10px -2px #10181024,0 2px 4px #1018101a,inset 0 1px 1px #ffffff4d,inset 0 -1px 1px #00000014}.custom-node--compact.selected .custom-node-compact-disc{box-shadow:0 0 0 3px color-mix(in oklch,var(--node-accent) 45%,transparent),0 8px 18px -4px #10181038,0 4px 8px -2px #10181024,inset 0 1px 1px #ffffff4d,inset 0 -1px 1px #00000014}.custom-node--compact.custom-node--disabled .custom-node-compact-disc{filter:grayscale(.6);opacity:.7}.custom-node-compact-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:3;pointer-events:none;animation:compact-mask-pop .28s var(--ease-out)}.custom-node-compact-mask--running{background:#ffffff80;color:#fff}.custom-node-compact-mask--success{background:#ffffff73;color:#16a34a}.custom-node-compact-mask--error{background:#ffffff73;color:#dc2626}[data-theme=dark] .custom-node-compact-mask--running{background:#0000008c;color:#fff}[data-theme=dark] .custom-node-compact-mask--success{background:#00000080;color:#4ade80}[data-theme=dark] .custom-node-compact-mask--error{background:#00000080;color:#f87171}@keyframes compact-mask-pop{0%{transform:scale(.55);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}.custom-node-compact-label{position:absolute;top:48px;left:50%;transform:translate(-50%);font-size:11px;font-weight:500;line-height:1.25;max-width:100px;text-align:center;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px;pointer-events:none;text-shadow:0 1px 2px oklch(100% 0 0 / .5)}.custom-node--compact.custom-node--dimmed .custom-node-compact-label{opacity:.35}.custom-node-compact-status{display:none}.custom-node--compact.custom-node--running .custom-node-compact-disc{animation:compact-pulse 1.5s ease-in-out infinite;overflow:visible}.custom-node--compact.custom-node--running:after{display:none}.custom-node-compact-spinner{animation:compact-icon-spin 1.1s linear infinite;transform-origin:50% 50%;filter:drop-shadow(0 0 2px oklch(100% 0 0 / .45))}@keyframes compact-icon-spin{to{transform:rotate(360deg)}}@keyframes compact-pulse{0%,to{box-shadow:0 3px 8px #171c171f,0 1px 2px #171c170f,inset 0 1px #ffffff2e,0 0 color-mix(in oklch,var(--node-accent) 50%,transparent)}50%{box-shadow:0 3px 8px #171c171f,0 1px 2px #171c170f,inset 0 1px #ffffff2e,0 0 0 10px color-mix(in oklch,var(--node-accent) 0%,transparent)}}.custom-node--compact.custom-node--error .custom-node-compact-disc{box-shadow:0 0 0 2px color-mix(in oklch,#ef4444 50%,transparent),0 3px 8px #171c171f,inset 0 1px #ffffff2e}.custom-node--running{animation:node-pulse 1.5s ease-in-out infinite;box-shadow:0 0 0 2px color-mix(in oklch,var(--node-accent, var(--bar-mid)) 70%,transparent),0 0 22px -2px color-mix(in oklch,var(--node-accent, var(--bar-mid)) 50%,transparent),0 4px 14px -2px #171c1714}.custom-node--running:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(100deg,transparent 0%,color-mix(in oklch,var(--node-accent, var(--bar-light)) 18%,transparent) 45%,color-mix(in oklch,var(--node-accent, var(--bar-mid)) 22%,transparent) 55%,transparent 100%);background-size:220% 100%;animation:node-scan 1.8s ease-in-out infinite;pointer-events:none;z-index:10;mix-blend-mode:multiply}.custom-node--running .custom-node-header{background-image:linear-gradient(100deg,transparent 0%,color-mix(in oklch,var(--node-accent, var(--bar-light)) 25%,transparent) 50%,transparent 100%);background-size:220% 100%;animation:node-scan 1.8s ease-in-out infinite}@keyframes node-pulse{0%,to{box-shadow:0 0 0 2px color-mix(in oklch,var(--node-accent, var(--bar-mid)) 70%,transparent),0 0 14px -2px color-mix(in oklch,var(--node-accent, var(--bar-mid)) 50%,transparent),0 4px 14px -2px #171c1714}50%{box-shadow:0 0 0 3px var(--node-accent, var(--bar-mid)),0 0 32px -2px color-mix(in oklch,var(--node-accent, var(--bar-light)) 60%,transparent),0 4px 14px -2px #171c171a}}@keyframes node-scan{0%{background-position:220% 0}to{background-position:-220% 0}}.custom-node--running .custom-node-status{animation:status-pulse .8s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.5}}.custom-node-status--error{background:#ffffff4d;color:var(--red-200)}.custom-node-duration{margin-left:2px;font-size:10px;font-variant-numeric:tabular-nums;opacity:.85;font-weight:500}.custom-node-spinner{width:12px;height:12px;border:2px solid oklch(90% .06 140);border-top-color:var(--bar-mid);border-radius:50%;animation:node-spin .6s linear infinite;display:inline-block}@keyframes node-spin{to{transform:rotate(360deg)}}.custom-node-body{padding:9px 11px 10px;display:flex;flex-direction:column;gap:5px;font-size:12px;line-height:1.4;background:var(--surface-0)}.custom-node-body-row{display:flex;align-items:baseline;gap:8px;min-width:0}.custom-node-body-label{font-size:9px;font-weight:700;letter-spacing:.5px;color:var(--bar-mid);text-transform:uppercase;flex-shrink:0;min-width:36px;font-variant-numeric:tabular-nums}.custom-node-body-value{color:var(--text-primary);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px}.custom-node-body-value--muted{color:var(--text-secondary);font-weight:400;font-size:11px;font-family:SF Mono,Fira Code,Monaco,monospace;letter-spacing:-.1px}.custom-node-description{padding:0 11px 9px;font-size:10.5px;line-height:1.45;color:var(--text-tertiary);background:var(--surface-0);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;font-weight:400}.custom-node-divider{height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in oklch,var(--border-color) 70%,transparent) 50%,transparent 100%);margin:0 11px;opacity:.7}.custom-handle{width:12px!important;height:12px!important;background:var(--surface-0)!important;border:2.5px solid var(--surface-400)!important;border-radius:var(--radius-full)!important;transition:all var(--duration-fast) var(--ease-out)}.custom-handle--multi{width:10px!important;height:10px!important;border-width:2px!important;background:var(--surface-50)!important}.custom-node:hover .custom-handle--multi{background:var(--surface-0)!important;border-color:var(--surface-500)!important}.custom-handle:hover{width:16px!important;height:16px!important;border-color:var(--bar-mid)!important;box-shadow:0 4px #abdea0}.react-flow__edge-path,.custom-edge{stroke:#9ba6b1;stroke-width:1.6;stroke-linecap:round;fill:none;transition:stroke var(--duration-fast) var(--ease-out),stroke-width var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out);opacity:.85}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:hover .react-flow__edge-path,.custom-edge--selected,.custom-edge:hover{stroke:var(--bar-mid);stroke-width:2.2;opacity:1;filter:drop-shadow(0 0 4px color-mix(in oklch,var(--bar-mid) 50%,transparent))}.custom-edge--error,.react-flow__edge--error .react-flow__edge-path{stroke:var(--color-danger);stroke-width:2.2;opacity:1;filter:drop-shadow(0 0 4px color-mix(in oklch,var(--color-danger) 40%,transparent))}.custom-edge--branch-taken{stroke:#64bf01!important;stroke-width:2.4!important;opacity:1!important;filter:drop-shadow(0 0 5px oklch(72% .21 135 / .45))}.custom-edge--branch-not-taken{stroke:#bfc5ca!important;stroke-width:1.4!important;opacity:.35;filter:none}.custom-edge--dimmed{opacity:.16!important;filter:none}.react-flow__edge-interaction{pointer-events:none}.react-flow__edge-textbg{fill:var(--surface-0)}.react-flow__edge-text{font-size:11px;font-weight:500;fill:var(--text-secondary);cursor:pointer}.react-flow__edge:hover .react-flow__edge-text{fill:var(--text-primary)}.react-flow__edgeupdater{stroke:var(--bar-mid);stroke-width:2;opacity:0;pointer-events:none}.react-flow__connection-line{stroke:var(--bar-mid);stroke-width:2;stroke-dasharray:5 5;animation:connection-dash .6s linear infinite;opacity:.9;filter:drop-shadow(0 0 4px color-mix(in oklch,var(--bar-mid) 40%,transparent))}@keyframes connection-dash{to{stroke-dashoffset:-10}}.config-panel{width:var(--panel-width);min-width:var(--panel-width);border-left:1px solid var(--border-color);background:var(--surface-0);display:flex;flex-direction:column;overflow:hidden;animation:config-panel-in .2s var(--ease-out)}@keyframes config-panel-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.config-panel-header{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);min-height:48px;background:var(--surface-50)}.config-panel-header span:nth-child(2){flex:1}.config-panel-header .brand-bars--vertical{margin-right:2px;opacity:.7}.config-panel-title{flex:1;display:flex;flex-direction:column;min-width:0;line-height:1.25}.config-panel-title-main{font-size:13px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.config-panel-title-sub{font-size:11px;font-weight:400;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.config-panel-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0}.config-panel-close:hover{background:var(--surface-200);color:var(--text-primary)}.config-panel-close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.config-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--text-muted);font-size:var(--text-base)}.config-panel-empty-icon{color:var(--text-tertiary);margin-bottom:var(--sp-4);opacity:.5}.config-panel-empty-text{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin:0 0 var(--sp-1)}.config-panel-empty-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.config-panel-body{flex:1;overflow-y:auto;padding:14px 16px 24px}.config-panel-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 var(--sp-3);background:var(--surface-50);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.config-panel-tab{flex:1;padding:8px 0;border:none;background:transparent;font-size:12px;font-weight:600;color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--duration-fast) var(--ease-out);text-transform:uppercase;letter-spacing:.4px}.config-panel-tab:hover{color:var(--text-secondary)}.config-panel-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bar-soft, color-mix(in oklch, var(--bar-mid) 6%, transparent))}.node-output-view{flex:1;overflow-y:auto;padding:var(--sp-3)}.node-output-tabs{display:flex;gap:2px;margin-bottom:var(--sp-3);background:var(--surface-100);border-radius:var(--radius-sm);padding:2px}.node-output-tab{flex:1;padding:4px 8px;border:none;background:transparent;font-size:11px;font-weight:500;color:var(--text-tertiary);cursor:pointer;border-radius:3px;transition:all var(--duration-fast) var(--ease-out)}.node-output-tab--active{background:var(--surface-0);color:var(--text-primary);box-shadow:0 1px 2px var(--shadow-neutral-1)}.node-output-status{display:flex;align-items:center;gap:8px;padding:12px;border-radius:var(--radius-sm);margin-bottom:var(--sp-3)}.node-output-status--running{background:var(--blue-50);color:var(--color-primary)}.node-output-status--error{background:var(--red-50);color:var(--color-danger);flex-direction:column;align-items:flex-start}.node-output-error-text{font-size:var(--text-sm);word-break:break-all}.node-output-content{display:flex;flex-direction:column;gap:4px}.node-output-toolbar{display:flex;align-items:center;justify-content:space-between;padding:2px 0}.node-output-size{font-size:10px;color:var(--text-tertiary)}.node-output-copy{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.node-output-copy:hover{background:var(--surface-100);color:var(--text-secondary)}.node-output-json{background:var(--surface-50);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--sp-2);font-size:11px;line-height:1.5;color:var(--text-primary);overflow-x:auto;max-height:400px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;margin:0;font-family:SF Mono,Monaco,Menlo,Consolas,monospace}.node-output-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-tertiary);text-align:center}.node-output-empty p{margin:0;font-size:var(--text-sm)}.node-output-empty-hint{font-size:11px!important;margin-top:4px!important;color:var(--text-muted)}.config-field{margin-bottom:var(--sp-3)}.config-field label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.config-field input[type=text],.config-field input[type=number],.config-field input[type=password]{width:100%;height:32px;padding:0 10px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-primary);background:var(--surface-0);outline:none;transition:border-color var(--duration-fast) var(--ease-out)}.config-field input[type=text]:hover,.config-field input[type=number]:hover,.config-field input[type=password]:hover{border-color:var(--surface-300)}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{border-color:var(--bar-mid);box-shadow:0 0 0 3px color-mix(in oklch,var(--bar-mid) 18%,transparent)}.config-field select{width:100%;height:32px;padding:0 10px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-primary);background:var(--surface-0);outline:none;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.config-field select:hover{border-color:var(--surface-300)}.node-config-hint{font-size:12px;color:var(--text-muted);background:var(--bg-secondary, rgba(0,0,0,.03));padding:6px 10px;border-radius:6px;border-left:3px solid var(--bar-mid);margin-top:4px;line-height:1.5}.config-field textarea{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-primary);background:var(--surface-0);outline:none;resize:vertical;transition:border-color var(--duration-fast) var(--ease-out);line-height:1.5;font-family:inherit;min-height:60px;max-height:240px}.config-field textarea:hover{border-color:var(--surface-300)}.config-field input[type=range]{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-200);border-radius:var(--radius-full);outline:none;cursor:pointer}.config-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-primary);border-radius:var(--radius-full);border:2px solid var(--surface-0);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-transition:transform var(--duration-fast) var(--ease-out);transition:transform var(--duration-fast) var(--ease-out)}.config-field input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.config-field-hint{padding:8px 10px;background:var(--surface-50);border:1px solid var(--border-color);border-radius:6px;font-size:12px;color:var(--text-muted);text-align:center;line-height:1.5}.config-panel-dot{width:18px;height:18px;border-radius:5px;flex-shrink:0;box-shadow:var(--shadow-inset-1)}.config-field input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.config-panel-actions{margin-top:auto;padding:10px 16px 12px;border-top:1px solid var(--border-color);background:var(--surface-0);position:sticky;bottom:0;z-index:5;box-shadow:0 -2px 6px var(--shadow-neutral-1);position:relative}.config-panel-actions:before{content:"";position:absolute;top:0;left:16px;right:16px;height:2px;background:linear-gradient(90deg,var(--bar-light) 0 33.33%,var(--bar-mid) 33.33% 66.66%,var(--bar-dark) 66.66% 100%);border-radius:0 0 1px 1px;opacity:.6}.config-panel-hint{display:block;font-size:11px;color:var(--text-tertiary, #94a3b8);text-align:center;letter-spacing:.2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.config-section-divider{border-top:1px solid var(--border-color);margin:var(--sp-3) 0}.config-section-title{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--sp-2);text-transform:uppercase;letter-spacing:.5px}.config-section-title:before{content:"";display:inline-block;width:2px;height:11px;background:var(--bar-mid);border-radius:1px;flex-shrink:0;opacity:.7}.config-segmented{display:inline-flex;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;background:var(--surface-50)}.config-segmented-item{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;font-size:11.5px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .12s;border-right:1px solid var(--border-color)}.config-segmented-item:last-child{border-right:none}.config-segmented-item:hover{background:var(--surface-100);color:var(--text-primary)}.config-segmented-item.is-active{background:var(--color-primary, #6366f1);color:var(--surface-0)}.config-segmented-item.is-active:hover{background:var(--color-primary, #6366f1)}.config-toggle-row{padding:4px 0;border-bottom:1px dashed var(--surface-100, var(--surface-100, #f3f4f6))}.config-toggle-row:last-child{border-bottom:none}.config-toggle{display:flex!important;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px;color:var(--text-primary)}.config-toggle input[type=checkbox]{margin:0;width:14px;height:14px;cursor:pointer;accent-color:var(--color-primary, #6366f1)}.config-toggle-hint{margin-left:auto;font-size:10.5px;color:var(--text-muted);font-weight:400}.agent-flow{display:flex;align-items:center;gap:4px;padding:8px 6px;background:var(--surface-50, var(--surface-25, #fafbfc));border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:6px;margin-bottom:4px;overflow-x:auto}.agent-flow-step{display:flex;align-items:center;gap:4px;flex:1;min-width:0;padding:4px 6px;border-radius:4px;background:var(--surface-0, var(--surface-0, #fff));border:1px solid var(--border-color, var(--border-color, #e5e7eb))}.agent-flow-step--final{background:linear-gradient(135deg,var(--purple-100, #f3e8ff) 0%,#ede9fe 100%);border-color:var(--purple-300);color:var(--purple-800);font-weight:600}.agent-flow-num{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#7c3aed);color:var(--surface-0);font-size:10px;font-weight:700;flex-shrink:0}.agent-flow-label{font-size:11px;font-weight:500;color:var(--text-primary, var(--text-primary, #111827));white-space:nowrap}.agent-flow-step--final .agent-flow-label{color:var(--purple-800)}.agent-flow-arrow{color:var(--purple-500);font-size:12px;flex-shrink:0;font-weight:600}.agent-behavior{display:flex;flex-direction:column;gap:1px;background:var(--border-color, var(--border-color, #e5e7eb));border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:8px;padding:1px;overflow:hidden}.agent-behavior-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--surface-0, var(--surface-0, #fff));transition:background .12s;min-width:0}.agent-behavior-row:hover{background:var(--purple-50)}.agent-behavior-row+.agent-behavior-row{border-top:1px solid var(--border-color, var(--border-color, #e5e7eb))}.agent-behavior-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-primary, #374151);font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-behavior-label>svg{color:var(--purple-500);flex-shrink:0;width:13px;height:13px}.agent-behavior-input{width:80px;flex-shrink:0;padding:4px 8px;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;font-size:11.5px;font-family:var(--font-mono, ui-monospace, monospace);background:var(--surface-0, var(--surface-0, #fff));color:var(--text-primary, var(--text-primary, #111827));text-align:right}.agent-behavior-input[type=number],.agent-behavior-input:not([type=number]){min-width:70px}.agent-behavior-input:hover{border-color:var(--purple-300)}.agent-behavior-input:focus{outline:none;border-color:var(--purple-500);box-shadow:0 0 0 2px var(--purple-100)}.agent-behavior-input[type=number]::-webkit-inner-inner-spin-button,.agent-behavior-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.agent-behavior-input[as=select],.agent-behavior-row>select.agent-behavior-input{width:110px;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:10px;padding-right:22px}.agent-behavior-check{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:11px;color:var(--text-secondary, #6b7280)}.agent-behavior-check input[type=checkbox]{width:13px;height:13px;margin:0;cursor:pointer;accent-color:#6366f1}.agent-tools{display:flex;flex-direction:column;gap:10px}.agent-tools-count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 5px;margin-left:auto;background:linear-gradient(135deg,#a855f7,#7c3aed);color:var(--surface-0);border-radius:99px;font-size:10px;font-weight:700;letter-spacing:.3px}.agent-tools-section{display:flex;flex-direction:column;gap:6px}.agent-tools-section-title{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:var(--purple-600);text-transform:uppercase;letter-spacing:.5px}.agent-tools-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:14px;padding:0 4px;background:var(--purple-100);color:var(--purple-700);border-radius:99px;font-size:9.5px;font-weight:700;text-transform:none;letter-spacing:0}.agent-builtin-pill-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-tools-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:var(--surface-50, var(--surface-25, #fafbfc));border:1.5px dashed var(--border-color, var(--border-color, #e5e7eb));border-radius:8px;color:var(--text-muted, var(--text-muted, #9ca3af));font-size:12px;text-align:center}.agent-tools-empty>svg{color:var(--purple-300)}.agent-tools-hint{font-size:10.5px;color:var(--text-muted, #d1d5db);font-style:italic}.agent-tools-list{display:flex;flex-direction:column;gap:6px}.agent-tools-item{border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:6px;background:var(--surface-0, var(--surface-0, #fff));padding:6px 8px;font-size:11.5px;display:flex;flex-direction:column;gap:2px}.agent-tools-item-head{display:flex;align-items:center;gap:5px;font-weight:600;color:var(--text-primary, var(--text-primary, #111827))}.agent-tools-item-head>svg{color:var(--purple-500);flex-shrink:0}.agent-tools-item-type-chip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;color:var(--surface-0);flex-shrink:0;box-shadow:0 1px 2px var(--shadow-neutral-1)}.agent-tools-item-type-label{font-size:9.5px;color:var(--text-muted, var(--text-muted, #9ca3af));text-transform:uppercase;letter-spacing:.3px;font-weight:600;flex-shrink:0}.agent-tools-item-name{font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;background:color-mix(in oklch,var(--purple-500) 12%,transparent);color:var(--purple-800);padding:1px 5px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.agent-tools-item-desc{font-size:11px;color:var(--text-secondary, var(--text-tertiary, #6b7280));line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-tools-item-params{font-size:10.5px;color:var(--purple-600);font-style:italic}.agent-tools-add-btn{display:flex;align-items:center;gap:6px;width:100%;padding:9px 12px;background:color-mix(in oklch,var(--purple-500) 8%,var(--surface-50));border:1.5px dashed #c4b5fd;border-radius:8px;color:var(--purple-600);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;overflow:hidden}.agent-tools-add-btn>svg{flex-shrink:0}.agent-tools-add-btn>span:not(.agent-tools-add-hint){flex-shrink:0}.agent-tools-add-btn:hover{background:color-mix(in oklch,var(--purple-500) 14%,var(--surface-50));border-color:var(--purple-400);border-style:solid;box-shadow:0 4px 10px -2px var(--purple-200)}.agent-tools-add-btn:active{transform:translateY(0)}.agent-tools-add-hint{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;background:#ffffffb3;border-radius:99px;font-size:10.5px;font-weight:500;color:var(--purple-600);white-space:nowrap;flex-shrink:0}.agent-builtin{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-top:8px;border-top:1px dashed #e9d5ff}.agent-builtin-label{font-size:11px;color:var(--purple-600);font-weight:600;display:flex;align-items:center;gap:4px}.agent-builtin-list{display:flex;flex-wrap:wrap;gap:5px}.agent-builtin-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px 3px 7px;background:var(--surface-50);border:1px solid var(--border-color, #e5e7eb);border-radius:99px;color:var(--text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:all .12s ease;white-space:nowrap;max-width:100%}.agent-builtin-pill>svg,.agent-builtin-pill>span{flex-shrink:0}.agent-builtin-pill:hover{background:var(--purple-50);border-color:var(--purple-300);color:var(--purple-600)}.agent-builtin-pill--on{background:linear-gradient(135deg,var(--purple-100, #f3e8ff) 0%,#ede9fe 100%);border-color:var(--purple-400);color:var(--purple-700)}.agent-builtin-pill--on:hover{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:var(--purple-500)}.agent-builtin-dot{width:6px;height:6px;border-radius:50%;background:var(--surface-200);transition:background .12s ease}.agent-builtin-dot--on{background:var(--color-success);box-shadow:0 0 0 2px var(--green-100)}.agent-tools-item-pill{margin-left:auto;padding:1px 6px;background:var(--purple-100);color:var(--purple-700);border-radius:4px;font-size:9.5px;font-weight:600;white-space:nowrap;flex-shrink:0}.agent-tools-item-head{min-width:0;flex-wrap:nowrap}.agent-tools-item-head>.agent-tools-item-type-chip,.agent-tools-item-head>.agent-tools-item-type-label,.agent-tools-item-head>.agent-tools-item-pill{flex-shrink:0}.agent-tools-item-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.aat-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000052;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:aat-fade-in var(--duration-fast) var(--ease-out)}@keyframes aat-fade-in{0%{opacity:0}to{opacity:1}}.aat-modal{width:820px;max-width:100%;max-height:84vh;background:var(--surface-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:aat-pop var(--duration-normal) var(--ease-spring);border:1px solid var(--border-color)}@keyframes aat-pop{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.aat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-color);background:var(--surface-50)}.aat-header-left{display:flex;align-items:center;gap:10px;min-width:0}.aat-header-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--teal-50);color:var(--color-llm);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--teal-100)}.aat-header-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary);line-height:1.2;letter-spacing:-.005em}.aat-header-subtitle{font-size:var(--text-2xs);color:var(--text-muted);margin-top:2px;line-height:1.3;font-weight:500}.aat-close{width:28px;height:28px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.aat-close:hover{background:var(--surface-100);border-color:var(--border-color);color:var(--text-primary)}.aat-toolbar{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;background:var(--surface-0)}.aat-search-wrap{flex:1;min-width:200px;display:flex;align-items:center;position:relative}.aat-search-wrap .search-input{flex:1;width:100%}.aat-categories{display:flex;gap:4px;flex-wrap:wrap}.aat-category-btn,.aat-cat-chip{padding:4px 10px;background:var(--surface-0);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-2xs);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:inline-flex;align-items:center;gap:5px}.aat-category-btn:hover,.aat-cat-chip:hover{background:var(--surface-100);border-color:var(--surface-300);color:var(--text-primary)}.aat-category-btn--active,.aat-cat-chip--active{background:var(--blue-50);color:var(--color-primary);border-color:var(--color-primary);font-weight:600}.aat-category-btn--active:hover,.aat-cat-chip--active:hover{background:var(--blue-100)}.aat-body{flex:1;overflow-y:auto;padding:16px 18px;background:var(--surface-0)}.aat-group{margin-bottom:20px}.aat-group:last-child{margin-bottom:0}.aat-group-header{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;padding:0 2px}.aat-group-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);letter-spacing:-.005em;display:inline-flex;align-items:center;gap:6px}.aat-group-title:before{content:"";width:3px;height:12px;background:var(--color-llm);border-radius:2px;flex-shrink:0}.aat-group-desc{font-size:var(--text-2xs);color:var(--text-muted);font-weight:400;flex:1;min-width:0}.aat-group-count{padding:1px 7px;background:var(--surface-100);color:var(--text-secondary);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:600}.aat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:10px}.aat-card{display:flex;flex-direction:column;gap:0;padding:0;background:var(--surface-0);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden;min-width:0}.aat-card:hover{border-color:var(--card-color, var(--color-llm));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.aat-card:active{transform:translateY(0)}.aat-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:10px 12px 9px}.aat-card-head{display:flex;align-items:center;gap:8px;width:100%;min-width:0}.aat-card-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:color-mix(in oklch,var(--card-color, var(--color-llm)) 12%,var(--surface-0));color:var(--card-color, var(--color-llm));display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid color-mix(in oklch,var(--card-color, var(--color-llm)) 18%,transparent)}.aat-card-title-row{display:flex;align-items:center;gap:5px;flex:1;min-width:0}.aat-card-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);line-height:1.3;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.aat-card-badge{padding:1.5px 6px;background:var(--yellow-50);color:var(--yellow-500);border-radius:var(--radius-xs);font-size:var(--text-2xs);font-weight:600;letter-spacing:.2px;white-space:nowrap;flex-shrink:0;border:1px solid color-mix(in oklch,var(--yellow-500) 30%,transparent)}.aat-card-attached{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;background:var(--green-50);color:var(--color-success);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:600;white-space:nowrap;flex-shrink:0}.aat-card-desc{font-size:var(--text-2xs);color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.aat-card-action{display:flex;justify-content:flex-end;align-items:center;margin-top:4px;width:100%;gap:4px}.aat-card-kind{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-2xs);color:var(--text-muted);font-weight:500;margin-right:auto;white-space:nowrap}.aat-card-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;flex-shrink:0}.aat-card-btn--primary{background:var(--card-color, var(--color-llm));color:var(--surface-0);border-color:var(--card-color, var(--color-llm))}.aat-card-btn--primary:hover{filter:brightness(.92)}.aat-card-btn--primary:active{transform:translateY(0)}.aat-card-btn--disabled{background:var(--green-50);color:var(--color-success);border-color:color-mix(in oklch,var(--color-success) 30%,transparent);cursor:default}.aat-card-btn--on{background:var(--teal-50);color:var(--color-llm);border-color:var(--teal-100)}.aat-card-btn--on:hover{background:var(--teal-100)}.aat-card-btn--off{background:var(--surface-100);color:var(--text-secondary);border-color:var(--border-color)}.aat-card-btn--off:hover{background:var(--surface-200);color:var(--text-primary)}.aat-card--attached{border-color:var(--color-success);background:var(--green-50);cursor:default}.aat-card--attached:hover{transform:none;box-shadow:none}.aat-card--attached .aat-card-icon{background:color-mix(in oklch,var(--color-success) 12%,transparent);color:var(--color-success);border-color:color-mix(in oklch,var(--color-success) 30%,transparent)}.aat-card--builtin-on{border-color:var(--teal-100);background:var(--teal-50)}.aat-card--builtin-off{opacity:.95}.aat-card-status{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.aat-card-status--on{background:var(--color-success);color:var(--surface-0)}.aat-card-status--off{background:var(--surface-200);color:var(--text-muted)}.aat-builtin-led{width:6px;height:6px;border-radius:50%;background:var(--surface-300);flex-shrink:0;transition:all var(--duration-fast) var(--ease-out)}.aat-builtin-led--on{background:var(--color-success);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-success) 25%,transparent)}.aat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:var(--text-muted);font-size:var(--text-sm)}.aat-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-top:1px solid var(--border-color);background:var(--surface-50);font-size:var(--text-2xs);color:var(--text-secondary);gap:12px}.aat-footer-tip{display:inline-flex;align-items:center;gap:4px;color:var(--color-llm);font-weight:500}.aat-footer-esc{padding:2px 6px;background:var(--surface-100);border:1px solid var(--border-color);border-radius:var(--radius-xs);font-size:var(--text-2xs);font-weight:500;color:var(--text-secondary);font-family:monospace}.aat-cat-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:var(--surface-100);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:600;color:inherit}.aat-cat-chip--active .aat-cat-count,.aat-category-btn--active .aat-cat-count{background:var(--blue-100);color:var(--color-primary)}.aat-footer-hint{flex:1;font-size:var(--text-2xs);color:var(--text-muted);line-height:1.5;min-width:0}.aat-footer-close{padding:5px 14px;background:var(--surface-0);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;flex-shrink:0}.aat-footer-close:hover{background:var(--blue-50);border-color:var(--color-primary);color:var(--color-primary)}.doc-examples{display:flex;flex-direction:column;gap:6px}.doc-example{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:var(--surface-50, var(--surface-25, #fafbfc));border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:6px}.doc-example--tip{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:var(--blue-300)}.doc-example-title{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--text-primary, var(--text-primary, #111827))}.doc-example-num{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--blue-500, #3b82f6) 0%,#2563eb 100%);color:var(--surface-0);font-size:10px;font-weight:700}.doc-example--tip .doc-example-title{color:var(--blue-800)}.doc-example-graph{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:6px 4px;background:var(--surface-0, var(--surface-0, #fff));border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;font-size:10.5px;color:var(--text-secondary, var(--text-secondary, #4b5563))}.de-node{padding:4px 8px;border-radius:4px;background:var(--surface-50, var(--surface-50, #f9fafb));border:1px solid var(--border-color, var(--border-color, #e5e7eb));text-align:center;font-family:var(--font-mono, ui-monospace, monospace);font-size:10.5px;font-weight:500}.de-node--trigger{background:linear-gradient(135deg,var(--amber-100, #fef3c7) 0%,var(--amber-200, #fde68a) 100%);border-color:var(--yellow-400);color:var(--amber-800)}.de-node--llm{background:linear-gradient(135deg,var(--purple-100, #f3e8ff) 0%,#e9d5ff 100%);border-color:var(--purple-400);color:var(--purple-800)}.de-node--doc{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:var(--blue-400);color:var(--blue-800);font-weight:600}.de-node--answer{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:var(--green-400);color:var(--green-800)}.de-node--external{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:var(--red-400);color:var(--red-800)}.de-arrow{text-align:center;color:var(--text-muted, var(--text-muted, #9ca3af));font-size:9px;padding:1px 0;font-family:var(--font-mono, ui-monospace, monospace)}.doc-example-desc{font-size:11px;line-height:1.5;color:var(--text-secondary, var(--text-secondary, #4b5563))}.doc-example-desc b{color:var(--blue-800);background:#3b82f61a;padding:0 3px;border-radius:3px;font-weight:600}.doc-example-desc code{font-family:var(--font-mono, ui-monospace, monospace);font-size:10.5px;background:#3b82f614;color:var(--blue-800);padding:1px 4px;border-radius:3px}.doc-example-formats{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.doc-example-format-chip{display:inline-flex;align-items:center;padding:2px 6px;background:#3b82f61f;color:var(--blue-800);border-radius:3px;font-size:10px;font-weight:600;font-family:var(--font-mono, ui-monospace, monospace)}.setvar-empty{display:flex;align-items:center;gap:6px;width:100%;padding:14px 12px;background:var(--surface-50, var(--surface-25, #fafbfc));border:1.5px dashed var(--border-color, #d1d5db);border-radius:6px;color:var(--text-muted, var(--text-muted, #9ca3af));font-size:12px;cursor:pointer;transition:all .12s;font-family:inherit;justify-content:center}.setvar-empty:hover{border-color:var(--color-success);color:var(--color-success);background:var(--green-50)}.setvar-list{display:flex;flex-direction:column;gap:6px}.setvar-item{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:var(--surface-50, var(--surface-25, #fafbfc));border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:6px;transition:border-color .12s}.setvar-item:focus-within{border-color:var(--color-success);box-shadow:0 0 0 2px var(--green-100)}.setvar-item-head{display:flex;align-items:center;gap:4px}.setvar-item-name{flex:1;min-width:0;padding:4px 8px;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;font-size:12px;font-weight:600;font-family:var(--font-mono, ui-monospace, monospace);background:var(--surface-0, var(--surface-0, #fff));color:var(--green-800)}.setvar-item-name:focus{outline:none;border-color:var(--color-success);box-shadow:0 0 0 2px var(--green-100)}.setvar-item-type{padding:3px 6px;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;font-size:10.5px;background:var(--surface-0, var(--surface-0, #fff));color:var(--text-secondary, var(--text-secondary, #4b5563));cursor:pointer}.setvar-item-type:focus{outline:none;border-color:var(--color-success)}.setvar-item-actions{display:flex;gap:2px;flex-shrink:0}.setvar-item-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;background:var(--surface-0, var(--surface-0, #fff));color:var(--text-muted, var(--text-tertiary, #6b7280));cursor:pointer;transition:all .12s;font-family:inherit}.setvar-item-btn:hover:not(:disabled){background:var(--green-50);border-color:var(--color-success);color:var(--color-success)}.setvar-item-btn:disabled{opacity:.4;cursor:not-allowed}.setvar-item-btn--del:hover:not(:disabled){background:var(--red-50);border-color:var(--color-danger);color:var(--color-danger)}.setvar-item-value{width:100%;padding:4px 8px;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;font-size:11.5px;font-family:var(--font-mono, ui-monospace, monospace);background:var(--surface-0, var(--surface-0, #fff));resize:vertical}.setvar-item-value:focus{outline:none;border-color:var(--color-success);box-shadow:0 0 0 2px var(--green-100)}.setvar-item-value--json{font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;line-height:1.5;resize:vertical}.setvar-item-desc{width:100%;padding:3px 8px;border:1px solid transparent;border-radius:4px;font-size:10.5px;background:transparent;color:var(--text-muted, var(--text-tertiary, #6b7280));font-style:italic}.setvar-item-desc:focus{outline:none;background:var(--surface-0, var(--surface-0, #fff));border-color:var(--border-color, var(--border-color, #e5e7eb));font-style:normal}.setvar-item-desc::-moz-placeholder{color:var(--text-muted, var(--text-muted, #9ca3af))}.setvar-item-desc::placeholder{color:var(--text-muted, var(--text-muted, #9ca3af))}.setvar-add{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:4px 8px;background:transparent;border:1px dashed var(--border-color, #d1d5db);border-radius:4px;color:var(--text-muted, var(--text-tertiary, #6b7280));font-size:11px;cursor:pointer;transition:all .12s;font-family:inherit}.setvar-add:hover{border-color:var(--color-success);color:var(--color-success);background:var(--green-50)}.setvar-output-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.setvar-examples{display:flex;flex-direction:column;gap:6px}.setvar-example{padding:8px 10px;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #6ee7b7;border-radius:6px}.setvar-example-title{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--green-800);margin-bottom:4px}.setvar-example-num{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:var(--surface-0);font-size:10px;font-weight:700}.setvar-example-desc{font-size:11px;line-height:1.5;color:var(--green-700)}.setvar-example-desc code{font-family:var(--font-mono, ui-monospace, monospace);font-size:10.5px;background:#10b9811a;color:var(--green-900);padding:1px 4px;border-radius:3px}.vagg-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.vagg-key-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.vagg-key-chip{display:flex;flex-direction:column;gap:1px;padding:6px 8px;border:1.5px solid var(--border-color, var(--border-color, #e5e7eb));background:var(--surface-0, var(--surface-0, #fff));border-radius:5px;cursor:pointer;transition:all .12s;font-family:inherit;text-align:left}.vagg-key-chip:hover{border-color:var(--yellow-300);background:var(--yellow-50)}.vagg-key-chip--active{border-color:var(--color-warning);background:linear-gradient(135deg,var(--yellow-100, #fef9c3) 0%,var(--amber-100, #fef3c7) 100%)}.vagg-key-chip-label{font-size:11.5px;font-weight:600;color:var(--text-primary, var(--text-primary, #111827))}.vagg-key-chip--active .vagg-key-chip-label{color:var(--amber-800)}.vagg-key-chip-desc{font-size:10px;color:var(--text-muted, var(--text-tertiary, #6b7280));line-height:1.3}.vagg-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;background:var(--surface-50, var(--surface-25, #fafbfc));border:1.5px dashed var(--border-color, #d1d5db);border-radius:6px;color:var(--text-muted, var(--text-muted, #9ca3af));font-size:11.5px}.vagg-empty-hint{font-size:10.5px;color:var(--text-muted, var(--text-muted, #9ca3af));text-align:center;line-height:1.4}.vagg-branches{display:flex;flex-direction:column;gap:4px}.vagg-branch{padding:6px 10px;background:var(--surface-50, var(--surface-25, #fafbfc));border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px}.vagg-branch-head{display:flex;align-items:center;gap:6px;margin-bottom:2px}.vagg-branch-label{font-size:11.5px;font-weight:600;color:var(--text-primary, var(--text-primary, #111827));flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vagg-branch-type{font-size:9.5px;font-family:var(--font-mono, ui-monospace, monospace);background:#eab3081f;color:var(--amber-800);padding:1px 4px;border-radius:3px;font-weight:600;text-transform:uppercase;flex-shrink:0}.vagg-branch-preview{font-size:10.5px;color:var(--text-secondary, var(--text-secondary, #4b5563));font-family:var(--font-mono, ui-monospace, monospace);margin-bottom:2px}.vagg-branch-key{font-size:10px;color:var(--text-muted, var(--text-tertiary, #6b7280))}.vagg-branch-key code{font-family:var(--font-mono, ui-monospace, monospace);font-size:10.5px;background:#eab3081f;color:var(--amber-800);padding:0 3px;border-radius:2px}.vagg-advanced{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--surface-50, var(--surface-25, #fafbfc));border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:5px}.vagg-advanced-label{font-size:11px;color:var(--text-secondary, var(--text-tertiary, #6b7280))}.vagg-examples{display:flex;flex-direction:column;gap:6px}.vagg-example{padding:8px 10px;background:linear-gradient(135deg,var(--yellow-100, #fef9c3) 0%,var(--amber-100, #fef3c7) 100%);border:1px solid var(--yellow-300, #fde047);border-radius:6px}.vagg-example-title{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--amber-800);margin-bottom:4px}.vagg-example-num{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#eab308,#ca8a04);color:var(--surface-0);font-size:10px;font-weight:700}.vagg-example-graph{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;background:var(--surface-0, var(--surface-0, #fff));border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;font-size:10.5px;margin-bottom:4px}.vagg-example-graph .vae-branch{display:flex;flex-direction:column;align-items:center;width:100%}.vae-node{padding:3px 10px;border-radius:4px;background:var(--surface-50, var(--surface-50, #f9fafb));border:1px solid var(--border-color, var(--border-color, #e5e7eb));text-align:center;font-family:var(--font-mono, ui-monospace, monospace);font-size:10.5px;font-weight:500;width:100%;max-width:200px}.vae-node--llm{background:linear-gradient(135deg,var(--purple-100, #f3e8ff) 0%,#e9d5ff 100%);border-color:var(--purple-400);color:var(--purple-800)}.vae-node--branch{background:linear-gradient(135deg,var(--amber-100, #fef3c7) 0%,var(--amber-200, #fde68a) 100%);border-color:var(--yellow-400);color:var(--amber-800)}.vae-node--vagg{background:linear-gradient(135deg,var(--yellow-100, #fef9c3) 0%,var(--yellow-300, #fde047) 100%);border-color:var(--color-warning);color:var(--amber-800);font-weight:700}.vae-node--answer{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:var(--green-400);color:var(--green-800)}.vae-arrow{text-align:center;color:var(--text-muted, var(--text-muted, #9ca3af));font-size:9px;font-family:var(--font-mono, ui-monospace, monospace);width:100%}.vagg-example-desc{font-size:11px;line-height:1.5;color:var(--amber-900)}.vagg-example-desc code{font-family:var(--font-mono, ui-monospace, monospace);font-size:10.5px;background:#eab3081f;color:var(--orange-900);padding:1px 4px;border-radius:3px}.doc-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.doc-format-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:1.5px solid var(--border-color, var(--border-color, #e5e7eb));background:var(--surface-0, var(--surface-0, #fff));border-radius:6px;cursor:pointer;transition:all .12s;font-family:inherit}.doc-format-card:hover{border-color:var(--blue-300);background:var(--blue-50)}.doc-format-card--active{border-color:var(--color-primary);background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 0 0 2px var(--blue-100)}.doc-format-card-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary)}.doc-format-card-label{font-size:12px;font-weight:600;color:var(--text-primary, var(--text-primary, #111827))}.doc-format-card--active .doc-format-card-label{color:var(--blue-800)}.doc-format-card-desc{font-size:10px;color:var(--text-muted, var(--text-tertiary, #6b7280));text-align:center;line-height:1.3}.doc-advanced{display:flex;flex-direction:column;gap:6px;background:var(--surface-50, var(--surface-25, #fafbfc));border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:6px;padding:8px 10px}.doc-advanced-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.doc-advanced-label{font-size:11.5px;color:var(--text-secondary, var(--text-tertiary, #6b7280));flex:1}.doc-advanced-input{width:100px;padding:4px 8px;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;font-size:11.5px;font-family:var(--font-mono, ui-monospace, monospace);background:var(--surface-0, var(--surface-0, #fff));text-align:right}.doc-advanced-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--blue-100)}.doc-advanced-input::-webkit-inner-spin-button,.doc-advanced-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.doc-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.doc-toggle input{display:none}.doc-toggle-track{display:inline-block;width:28px;height:16px;background:var(--surface-200);border-radius:8px;position:relative;transition:background .15s}.doc-toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--surface-0);border-radius:50%;box-shadow:0 1px 2px var(--shadow-neutral-1);transition:transform .15s}.doc-toggle input:checked+.doc-toggle-track{background:var(--color-primary)}.doc-toggle input:checked+.doc-toggle-track .doc-toggle-thumb{transform:translate(12px)}.doc-toggle-text{font-size:11px;color:var(--text-secondary, var(--text-tertiary, #6b7280));min-width:28px}.agent-sub-attachment-area{background:linear-gradient(180deg,#faf5ff 0%,var(--purple-100, #f3e8ff) 100%);border-top:1px dashed #d8b4fe}.agent-sub-attachment-area:hover{background:linear-gradient(180deg,var(--purple-100, #f3e8ff) 0%,#ede9fe 100%)}.agent-sub-attachment-area .llm-sub-item{background:#ffffffb3;border:1px solid #e9d5ff}.agent-sub-attachment-area .llm-sub-item:hover{background:var(--surface-0);border-color:var(--purple-300);box-shadow:0 1px 2px var(--purple-100)}.agent-sub-attachment-area .llm-sub-hint{color:var(--purple-500);opacity:.7}.qc-category-list{display:flex;flex-direction:column;gap:8px}.qc-category-empty{display:flex;align-items:center;gap:8px;padding:14px;background:var(--surface-50, var(--surface-25, #fafbfc));border:1px dashed var(--border-color, var(--border-color, #e5e7eb));border-radius:8px;color:var(--text-muted, var(--text-muted, #9ca3af));font-size:12px}.qc-category-item{border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:8px;background:var(--surface-0, var(--surface-0, #fff));padding:8px;display:flex;flex-direction:column;gap:6px;transition:all .15s}.qc-category-item:focus-within{border-color:var(--bar-mid);box-shadow:0 0 0 3px #def2d9}.qc-category-item-head{display:flex;align-items:center;gap:6px}.qc-category-num{display:inline-flex;align-items:center;gap:3px;min-width:26px;height:20px;padding:0 6px;border-radius:10px;background:linear-gradient(135deg,var(--teal-500) 0%,var(--teal-500) 100%);color:var(--surface-0);font-size:10.5px;font-weight:700;flex-shrink:0}.qc-category-num>svg{flex-shrink:0}.qc-category-id{width:90px;flex-shrink:0;padding:4px 8px;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;font-size:11.5px;font-family:var(--font-mono, ui-monospace, monospace);background:var(--surface-50, var(--surface-25, #fafbfc));color:var(--color-llm)}.qc-category-id:focus{outline:none;border-color:var(--teal-500);background:var(--surface-0, var(--surface-0, #fff))}.qc-category-label{flex:1;min-width:0;padding:4px 8px;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;font-size:12px;background:var(--surface-50, var(--surface-25, #fafbfc))}.qc-category-label:focus{outline:none;border-color:var(--blue-400, #60a5fa);background:var(--surface-0, var(--surface-0, #fff))}.qc-category-actions{display:flex;gap:2px;margin-left:auto;flex-shrink:0}.qc-category-desc{width:100%;padding:6px 8px;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;font-size:11.5px;font-family:inherit;background:var(--surface-50, var(--surface-25, #fafbfc));resize:vertical;min-height:32px;line-height:1.5}.qc-category-desc:focus{outline:none;border-color:var(--blue-400, #60a5fa);background:var(--surface-0, var(--surface-0, #fff))}.qc-category-add{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px dashed var(--border-color, var(--border-color, #e5e7eb));border-radius:6px;background:var(--surface-50, var(--surface-25, #fafbfc));color:var(--text-secondary, var(--text-tertiary, #6b7280));font-size:12px;cursor:pointer;transition:all .15s;align-self:flex-start}.qc-category-add:hover{background:color-mix(in oklch,var(--teal-500) 8%,transparent);border-color:var(--color-llm);color:var(--color-llm)}.qc-route-preview{border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:8px;background:linear-gradient(180deg,var(--surface-25, #fafbfc) 0%,#f5f3ff 100%);padding:10px 12px}.qc-route-preview-title{font-size:12px;font-weight:600;color:var(--text-primary, var(--text-primary, #111827));margin-bottom:8px;display:flex;align-items:center;gap:6px}.qc-route-preview-title:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--teal-500) 0%,var(--teal-500) 100%)}.qc-route-preview-edges{display:flex;flex-direction:column;gap:4px;padding-left:14px;border-left:1.5px dashed #d8b4fe}.qc-route-preview-empty{font-size:11px;color:var(--text-muted, var(--text-muted, #9ca3af));font-style:italic}.qc-route-edge{display:flex;align-items:center;gap:8px;padding:4px 8px;background:var(--surface-0, var(--surface-0, #fff));border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;font-size:11.5px;position:relative;margin-left:-8px}.qc-route-edge-dot{position:absolute;left:-13px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--color-llm);box-shadow:0 0 0 2px #f5f3ff}.qc-route-edge-info{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.qc-route-edge-handle{font-family:var(--font-mono, ui-monospace, monospace);font-size:10.5px;color:var(--teal-800, var(--color-llm));background:var(--teal-50);padding:1px 5px;border-radius:3px;flex-shrink:0}.qc-route-edge-label{color:var(--text-secondary, var(--text-tertiary, #6b7280));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.param-extractor-list{display:flex;flex-direction:column;gap:8px}.param-extractor-empty{display:flex;align-items:center;gap:8px;padding:14px;background:var(--surface-50, var(--surface-25, #fafbfc));border:1px dashed var(--border-color, var(--border-color, #e5e7eb));border-radius:8px;color:var(--text-muted, var(--text-muted, #9ca3af));font-size:12px}.param-extractor-item{border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:8px;background:var(--surface-0, var(--surface-0, #fff));padding:8px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s}.param-extractor-item:focus-within{border-color:var(--blue-400, #60a5fa);box-shadow:0 0 0 3px var(--blue-100)}.param-extractor-item-head{display:flex;align-items:center;gap:6px}.param-extractor-item-num{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:linear-gradient(135deg,var(--teal-500) 0%,var(--teal-500) 100%);color:var(--surface-0);font-size:10.5px;font-weight:700;flex-shrink:0}.param-extractor-name{flex:1;min-width:0;padding:4px 8px;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;font-size:12px;font-family:var(--font-mono, ui-monospace, monospace);background:var(--surface-50, var(--surface-25, #fafbfc))}.param-extractor-name:focus{outline:none;border-color:var(--blue-400, #60a5fa);background:var(--surface-0, var(--surface-0, #fff))}.param-extractor-type{padding:4px 6px;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;font-size:11.5px;background:var(--surface-50, var(--surface-25, #fafbfc));cursor:pointer;min-width:86px}.param-extractor-required{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary, var(--text-tertiary, #6b7280));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;padding:0 4px}.param-extractor-required input{cursor:pointer;width:12px;height:12px;margin:0}.param-extractor-actions{display:flex;gap:2px;margin-left:auto;flex-shrink:0}.param-extractor-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;background:var(--surface-0, var(--surface-0, #fff));color:var(--text-muted, var(--text-tertiary, #6b7280));cursor:pointer;transition:all .15s;padding:0}.param-extractor-icon-btn:hover:not(:disabled){background:var(--surface-100, var(--surface-100, #f3f4f6));color:var(--text-primary, var(--text-primary, #111827));border-color:var(--text-muted, var(--text-muted, #9ca3af))}.param-extractor-icon-btn:disabled{opacity:.4;cursor:not-allowed}.param-extractor-icon-btn--danger:hover{background:var(--red-100);color:var(--color-danger);border-color:var(--red-300)}.param-extractor-desc{width:100%;padding:6px 8px;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;font-size:11.5px;font-family:inherit;background:var(--surface-50, var(--surface-25, #fafbfc));resize:vertical;min-height:32px;line-height:1.5}.param-extractor-desc:focus{outline:none;border-color:var(--blue-400, #60a5fa);background:var(--surface-0, var(--surface-0, #fff))}.param-extractor-enum{width:100%;padding:5px 8px;border:1px dashed var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;font-size:11.5px;font-family:var(--font-mono, ui-monospace, monospace);background:var(--yellow-50);color:var(--amber-800)}.param-extractor-enum:focus{outline:none;border-color:var(--yellow-300);background:var(--yellow-50)}.param-extractor-enum::-moz-placeholder{color:var(--amber-600);opacity:.6}.param-extractor-enum::placeholder{color:var(--amber-600);opacity:.6}.param-extractor-add{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px dashed var(--border-color, var(--border-color, #e5e7eb));border-radius:6px;background:var(--surface-50, var(--surface-25, #fafbfc));color:var(--text-secondary, var(--text-tertiary, #6b7280));font-size:12px;cursor:pointer;transition:all .15s;align-self:flex-start}.param-extractor-add:hover{background:color-mix(in oklch,var(--teal-500) 8%,transparent);border-color:var(--color-llm);color:var(--color-llm)}.param-extractor-schema{margin:0;padding:10px 12px;background:var(--surface-900);color:var(--surface-200);border-radius:6px;font-size:11px;line-height:1.5;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);max-height:200px;overflow:auto;border:1px solid #334155}.answer-preview-card{border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:8px;overflow:hidden;background:var(--surface-0, var(--surface-0, #fff));font-size:12px}.answer-preview-card-head{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bar-mid);color:var(--surface-0);font-weight:600;font-size:11.5px;position:relative}.answer-preview-card-head:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--bar-dark)}.answer-preview-badges{margin-left:auto;display:inline-flex;gap:4px}.answer-preview-badge{display:inline-block;padding:1px 6px;border-radius:3px;background:color-mix(in oklch,var(--surface-0) 25%,transparent);font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.answer-preview-badge--ok{background:var(--surface-0);color:var(--bar-dark)}.answer-preview-badge--hidden{background:color-mix(in oklch,var(--bar-mid) 60%,var(--surface-0));color:var(--surface-0)}.answer-preview-card-body{padding:10px 12px;min-height:40px;background:color-mix(in oklch,var(--bar-light) 18%,var(--surface-0));color:var(--text-primary);white-space:pre-wrap;word-break:break-word;line-height:1.5;font-family:inherit}.answer-preview-placeholder{color:var(--text-muted);font-style:italic;opacity:.7}.answer-examples{display:flex;flex-direction:column;gap:10px;margin-top:2px}.answer-example{border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:8px;padding:10px 12px;background:var(--surface-50, var(--surface-25, #fafbfc));font-size:12px}.answer-example-title{display:flex;align-items:center;gap:6px;font-weight:600;font-size:12px;color:var(--text-primary, var(--text-primary, #111827));margin-bottom:8px}.answer-example-title>svg{color:var(--color-success)}.answer-example-num{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;background:var(--bar-mid);color:var(--surface-0);font-size:10px;font-weight:700;flex-shrink:0;-webkit-clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);clip-path:polygon(15% 0,100% 0,85% 100%,0 100%)}.answer-example-graph{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:var(--surface-0, var(--surface-0, #fff));border-radius:6px;border:1px dashed var(--border-color, var(--border-color, #e5e7eb));font-size:11.5px;margin-bottom:6px}.ae-node{padding:3px 10px;border-radius:4px;font-weight:500;text-align:center;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.ae-node--trigger{background:color-mix(in oklch,var(--bar-light) 30%,var(--surface-0));color:var(--bar-dark);border:1px solid color-mix(in oklch,var(--bar-mid) 40%,transparent)}.ae-node--llm{background:color-mix(in oklch,var(--teal-50, #f0fdfa) 70%,var(--surface-0));color:var(--teal-800, var(--color-llm));border:1px solid color-mix(in oklch,var(--teal-500) 30%,transparent)}.ae-node--action{background:color-mix(in oklch,var(--bar-light) 25%,var(--surface-0));color:var(--bar-dark);border:1px solid color-mix(in oklch,var(--bar-mid) 35%,transparent)}.ae-node--answer{background:var(--bar-mid);color:var(--surface-0);border:1px solid var(--bar-dark)}.ae-node--answer.ae-node--stream{background:var(--bar-mid);border-color:var(--bar-dark);color:var(--surface-0);position:relative}.ae-node--external{background:var(--surface-100);color:var(--text-secondary);border:1px dashed var(--border-color, #e5e7eb);font-style:italic}.ae-arrow{color:var(--text-muted, var(--text-muted, #9ca3af));font-size:12px;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ae-branch{display:flex;gap:16px;align-items:flex-start;width:100%;justify-content:center}.ae-branch-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0}.ae-branch-col .ae-node{font-size:10.5px;padding:3px 6px}.answer-example-desc{font-size:11.5px;color:var(--text-secondary, var(--text-tertiary, #6b7280));line-height:1.5}.answer-example-desc code{background:var(--surface-100, #f4f5f7);padding:1px 5px;border-radius:3px;font-size:11px;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);color:var(--teal-500)}.answer-example--tip{background:color-mix(in oklch,var(--bar-light) 18%,var(--surface-0));border-color:color-mix(in oklch,var(--bar-mid) 35%,transparent)}.answer-example--tip .answer-example-title>svg{color:var(--bar-dark)}.answer-example--tip .answer-example-desc{color:var(--bar-dark)}.config-checkbox-row{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;padding:4px 0}.config-checkbox-row input{cursor:pointer;width:14px;height:14px}.config-textarea{width:100%;padding:8px 10px;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:6px;font-family:inherit;font-size:13px;resize:vertical;background:var(--surface-0);color:var(--text-primary);line-height:1.5;outline:none;transition:border-color var(--duration-fast) var(--ease-out);min-height:60px;max-height:240px}.config-textarea:focus{border-color:var(--indigo-500)}.config-tag-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.config-tag-empty{font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.config-tag-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:var(--text-xs, 11px);font-weight:600;color:var(--surface-0);border-radius:10px;line-height:1.3}.config-tag-clear{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;font-size:12px;font-weight:700;color:var(--surface-0);background:color-mix(in oklch,var(--neutral-900, #111) 25%,transparent);border:none;border-radius:50%;cursor:pointer;line-height:1}.config-tag-clear:hover{background:color-mix(in oklch,var(--neutral-900, #111) 45%,transparent)}.config-tag-suggestions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.config-tag-chip{padding:3px 8px;font-size:var(--text-xs, 11px);font-weight:500;background:var(--surface-50, #fafafa);border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:10px;cursor:pointer;transition:all .15s}.config-tag-chip:hover{background:var(--surface-100, var(--surface-100, #f3f4f6))}.config-input-with-picker{position:relative}.config-input-row{display:flex;align-items:stretch;gap:4px}.config-input-row input,.config-input-row textarea{flex:1;min-width:0}.config-input-picker-btn{display:flex;align-items:center;justify-content:center;width:32px;flex-shrink:0;padding:0;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:var(--radius-sm);background:var(--surface-50, #fafafa);color:var(--text-secondary);cursor:pointer;transition:all .15s}.config-input-picker-btn:hover{background:var(--indigo-50);border-color:var(--indigo-500);color:var(--indigo-500)}.config-input-picker-popup{position:absolute;top:calc(100% + 4px);right:0;z-index:100;width:320px;max-height:360px;background:var(--surface-primary, var(--surface-0, #fff));border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:var(--radius-md);box-shadow:0 4px 16px var(--shadow-neutral-1);overflow:hidden;display:flex;flex-direction:column}.expr-picker{display:flex;flex-direction:column;max-height:360px}.expr-picker-header{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--surface-100, var(--surface-100, #f3f4f6));font-size:var(--text-xs, 12px);font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color, var(--border-color, #e5e7eb))}.expr-picker-header-tag{display:inline-flex;align-items:center;padding:1px 6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--surface-0);background:var(--accent, #f97316);border-radius:9999px;margin-left:auto}.expr-picker-syntax-hint{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:11px;color:var(--text-secondary, #475569);background:linear-gradient(180deg,#f973160d,#f9731605);border-bottom:1px solid var(--border-color, var(--border-color, #e5e7eb))}.expr-picker-syntax-hint code{padding:1px 5px;background:#0f172a0f;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10.5px;color:var(--orange-700)}.expr-picker-search{position:relative;display:flex;align-items:center}.expr-picker-search-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.expr-picker-search input{width:100%;padding:6px 10px 6px 28px;border:none;border-bottom:1px solid var(--border-color, var(--border-color, #e5e7eb));font-size:var(--text-sm);outline:none;background:transparent;color:var(--text-primary, #111);box-sizing:border-box}.expr-picker-type-filter{display:flex;gap:4px;padding:6px 10px;border-bottom:1px solid var(--border-color, var(--border-color, #e5e7eb));background:var(--surface-50, #fafafa);flex-wrap:wrap}.expr-picker-type-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:10px;background:var(--surface-0, var(--surface-0, #fff));font-size:10px;font-weight:600;color:var(--text-secondary, #475569);cursor:pointer;transition:all .12s;text-transform:uppercase;letter-spacing:.2px}.expr-picker-type-chip:hover{background:var(--surface-100, var(--surface-100, #f3f4f6))}.expr-picker-type-chip--active{background:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1);color:var(--surface-0)}.expr-picker-type-chip--active .expr-picker-type-dot{background:var(--surface-0)!important}.expr-picker-type-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.expr-picker-recent{padding:6px 10px 8px;border-bottom:1px solid var(--surface-100, var(--surface-100, #f3f4f6));background:var(--surface-0, var(--surface-0, #fff))}.expr-picker-recent-list{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.expr-picker-recent-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;background:var(--surface-50, #fafafa);font-size:10.5px;color:var(--text-secondary, #475569);cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;transition:all .12s;max-width:220px}.expr-picker-recent-chip:hover{background:var(--surface-100, var(--surface-100, #f3f4f6));border-color:var(--color-primary, #6366f1);color:var(--color-primary, #6366f1)}.expr-picker-recent-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.expr-picker-list{flex:1;overflow-y:auto;padding:4px 0}.expr-picker-empty{display:flex;align-items:flex-start;gap:6px;padding:12px;text-align:left;color:var(--text-muted, #64748b);font-size:12px;line-height:1.5}.expr-picker-node{border-bottom:1px solid var(--surface-100, var(--surface-100, #f3f4f6))}.expr-picker-node:last-child{border-bottom:none}.expr-picker-node-header{display:flex;align-items:center;gap:6px;padding:6px 10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:var(--text-sm);color:var(--text-primary, #111);transition:background .1s}.expr-picker-node-header:hover{background:var(--surface-100, var(--surface-100, #f3f4f6))}.expr-picker-node-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.expr-picker-node-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expr-picker-node-hint{font-size:var(--text-xs, 11px);color:var(--text-muted)}.expr-picker-source-tag{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:600;padding:1px 5px;border-radius:9999px;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}.expr-picker-source-tag--exec{background:#22c55e1f;color:var(--color-success)}.expr-picker-source-tag--pin{background:#f9731624;color:var(--orange-600)}.expr-picker-field--more{font-size:10px;color:var(--text-muted, #94a3b8);font-style:italic;cursor:default;padding:4px 0}.expr-picker-field--root{background:#ebf5e9;padding-left:6px;font-weight:500}.expr-picker-roots{margin:4px 0 2px;padding:6px 8px;background:#f973160a;border:1px dashed rgba(249,115,22,.3);border-radius:4px}.expr-picker-roots-label{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.03em;margin:6px 0 3px}.expr-picker-roots-count{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-muted, #94a3b8)}.expr-picker-roots-row{display:flex;flex-wrap:wrap;gap:4px}.expr-picker-root-chip{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:var(--surface-0);border:1px solid #f97316;color:var(--orange-700);border-radius:12px;cursor:pointer;transition:background .12s,color .12s}.expr-picker-root-chip:hover{background:var(--color-warning);color:var(--surface-0)}.expr-picker-tree-toggle{display:flex;align-items:center;gap:4px;width:100%;margin-top:6px;padding:4px 6px;font-size:11px;background:transparent;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:4px;color:var(--text-secondary, #475569);cursor:pointer;text-align:left}.expr-picker-tree-toggle:hover{background:var(--surface-100, var(--surface-100, #f3f4f6))}.expr-picker-tree{margin-top:4px;padding:4px 6px;background:var(--surface-800);color:var(--surface-200);border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;max-height:280px;overflow:auto}.expr-picker-tree-row{display:flex;align-items:center;gap:6px;padding:2px 4px;border-radius:3px;cursor:pointer;white-space:nowrap}.expr-picker-tree-row:hover{background:#ffffff14}.expr-picker-tree-toggle-icon{display:inline-flex;width:12px;cursor:pointer;color:var(--neutral-400)}.expr-picker-tree-leaf{display:inline-flex;width:12px;justify-content:center;color:var(--text-muted)}.expr-picker-tree-key{color:var(--blue-300)}.expr-picker-tree-type{color:var(--yellow-400);font-size:10px;text-transform:lowercase}.expr-picker-tree-preview{color:var(--neutral-400);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;max-width:220px}.expr-picker-upstream-empty{margin-top:8px;padding:8px 10px;background:var(--surface-2, #f8fafc);border:1px dashed var(--border, #e2e8f0);border-radius:6px}.expr-picker-upstream-empty-title{font-size:11px;color:var(--text-muted, #64748b);margin-bottom:6px}.expr-picker-upstream-empty-row{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:12px;opacity:.7}.expr-picker-fields{padding:0 0 4px 24px}.expr-picker-field{display:flex;align-items:center;gap:6px;padding:3px 10px;cursor:pointer;font-size:var(--text-xs, 12px);color:var(--text-primary, #111);border-radius:3px;margin:1px 4px;transition:background .1s}.expr-picker-field:hover{background:var(--surface-100, var(--surface-100, #f3f4f6));color:var(--indigo-500)}.expr-picker-field--child{font-family:ui-monospace,SF Mono,Monaco,Consolas,monospace;display:flex;align-items:center;gap:6px}.expr-picker-field-type-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1.5px var(--surface-0, var(--surface-0, #fff))}.expr-picker-field-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expr-picker-field-type{font-size:10px;color:var(--text-muted);text-transform:uppercase}.expr-picker-field svg{color:var(--text-muted);flex-shrink:0}.expr-highlight-wrapper{position:relative;width:100%}.expr-highlight-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:8px 10px;font-family:inherit;font-size:var(--text-sm);line-height:1.5;color:var(--text-primary, #111);pointer-events:none;white-space:pre-wrap;word-break:break-word;overflow:hidden;background:var(--surface-50, #fafafa);border:1px solid transparent;border-radius:var(--radius-sm);z-index:0}.expr-highlight-input{position:relative;z-index:1;width:100%;padding:8px 10px;font-family:inherit;font-size:var(--text-sm);line-height:1.5;color:transparent;background:transparent;border:1px solid var(--border-color, var(--border-color, #e5e7eb));border-radius:var(--radius-sm);outline:none;transition:border-color .15s;caret-color:var(--text-primary, #111);resize:none;white-space:pre-wrap;word-break:break-word}.expr-highlight-input:focus{border-color:var(--indigo-500)}.expr-highlight-input--multi{min-height:60px}.expr-highlight-placeholder{color:var(--text-muted);opacity:.6}.expr-hl--expr-bracket-open,.expr-hl--expr-bracket-close{color:var(--neutral-400);font-weight:500}.expr-hl--expr-var{color:var(--purple-500);font-weight:600}.expr-hl--expr-dot{color:var(--surface-300)}.expr-hl--expr-node{color:var(--color-llm);font-weight:600}.expr-hl--expr-field{color:var(--cyan-500)}.expr-hl--expr-generic{color:var(--color-warning);font-style:italic}.custom-node--disabled{filter:grayscale(.5);pointer-events:auto}.custom-node--disabled .custom-node-header{background:var(--neutral-400)!important}.config-pin-banner{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--yellow-50);border:1px solid #fcd34d;border-radius:var(--radius-sm);margin-bottom:var(--sp-2);font-size:var(--text-sm);color:var(--amber-800)}.config-pin-unpin{margin-left:auto;font-size:11px;color:var(--amber-800);background:transparent;border:1px solid #fcd34d;border-radius:var(--radius-sm);padding:1px 8px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.config-pin-unpin:hover{background:var(--yellow-200)}.config-pin-action{margin-bottom:var(--sp-2)}.config-pin-btn{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;background:var(--surface-50);border:1px dashed var(--surface-300);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.config-pin-btn:hover{background:var(--surface-100);border-color:var(--color-primary);color:var(--color-primary)}.config-expr-helper{margin-bottom:var(--sp-2)}.config-expr-toggle{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.config-expr-toggle:hover{background:var(--surface-2);color:var(--text-primary)}.config-expr-list{margin-top:var(--sp-1);padding:var(--sp-2);background:var(--surface-0);border:1px solid var(--border-color);border-radius:var(--radius-sm);max-height:200px;overflow-y:auto}.config-expr-hint{font-size:var(--text-xs);color:var(--text-tertiary);padding:0 var(--sp-1) var(--sp-2)}.config-expr-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0}.config-expr-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.config-expr-label{flex:1;font-size:var(--text-xs);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-expr-copy{padding:2px var(--sp-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-xs);font-family:SF Mono,monospace;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.config-expr-copy:hover{background:var(--blue-50);border-color:var(--blue-300);color:var(--blue-600)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);width:100%;height:36px;border:1.5px solid var(--color-danger);border-radius:var(--radius-sm);background:transparent;color:var(--color-danger);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-danger:hover{background:var(--color-danger);color:var(--surface-0)}.btn-danger:focus-visible{box-shadow:0 0 0 3px var(--red-100);outline:none}