body:has(#flow-auto-sidebar-root.theme-light),#flow-auto-sidebar-root.theme-light{--background: #f6f7fb;--foreground: #1f2937;--fg: #1f2937;--text: #1f2937;--bg: #f6f7fb;--card: #ffffff;--card-foreground: #1f2937;--surface: #eef2f7;--surface-elevated: #ffffff;--surface-raised: #ffffff;--secondary: #eef2f7;--secondary-foreground: #334155;--muted: #eef2f7;--muted-foreground: #5f6b80;--accent: #e8edf5;--accent-foreground: #1f2937;--input: #f8fafc;--border: #d9e0eb;--border-light: #c6cfdd;--modal-border: #d9e0eb;--primary: #4f46e5;--primary-hover: #4338ca;--primary-foreground: #ffffff;--primary-light: #eeecff;--primary-muted: #f0efff;--primary-hsl: 243 75% 59%;--ring: rgba(79, 70, 229, 0.35);--success: #166534;--success-light: #e8f5ed;--destructive: #b91c1c;--destructive-light: #fef0f0;--warning: #d97706;--warning-light: #fff7ed;--info: #1d4ed8;--text-primary: #1f2937;--text-secondary: #475569;--text-muted: #5f6b80;--surface-default: #ffffff;--surface-hover: #eef2f7;--border-default: #d9e0eb;--border-hover: #c6cfdd;--border-subtle: #e8edf5;--source-accent: #7c3aed}body:has(#flow-auto-sidebar-root.theme-light) :is(.ref-btn-capture,.ref-btn-album,.task-card-arrow,.footer-support-btn,.upgrade-price,.tobyflow-queue-progress-text,.tobyflow-referral-section__title svg,.tobyflow-referral-code__value,.usage-stats-provider--grok .usage-stats-provider-name,.usage-stats-provider-logo--grok,.addon-prompt-thumb-placeholder svg,.df-node-zoom-toggle,.df-node-prompt-overlay,.tobyflow-node-picker-port-tag,.result-thumb-original-badge,.node-result-download-btn--original,.pa-title,.pa-pv,.pa-ar,.pa-tg,.pa-fmt,.pa-fmt-tab.sel,.pa-fmt-tabs-menu-item,.pa-adv-toggle,.mention-menu-item){color:var(--foreground)}body:has(#flow-auto-sidebar-root.theme-light) :is(.tab-btn.active,.psm-tab.active,.upgrade-provider-btn.active,.tobyflow-badge-primary,.user-dropdown-plan,.tobyflow-announcement-version__tag,.flow-task-item .task-status.s-processing,.mention-menu-tab.active){color:var(--primary);background:var(--primary-light);border-color:var(--primary)}body:has(#flow-auto-sidebar-root.theme-light) :is(.ref-item-name,.mention-tag,.ref-mention-tag){color:var(--muted-foreground);background:var(--surface);border-color:var(--muted-foreground)}body:has(#flow-auto-sidebar-root.theme-light) .ref-item-name:hover{background:var(--accent)}body:has(#flow-auto-sidebar-root.theme-light) :is(.ref-thumb:hover,.ref-item.drag-over .ref-thumb,.imgpicker-item.selected){border-color:var(--muted-foreground);box-shadow:0 0 0 1px var(--muted-foreground)}body:has(#flow-auto-sidebar-root.theme-light) .ref-thumb.ref-thumb-pending{border-color:var(--muted-foreground)!important}body:has(#flow-auto-sidebar-root.theme-light) .logo svg{color:var(--primary)}body:has(#flow-auto-sidebar-root.theme-light) .flow-task-item .task-no{color:var(--muted-foreground)}body:has(#flow-auto-sidebar-root.theme-light) :is(.project-indicator-btn:hover,.project-create-btn:hover,.project-indicator-item:hover,.project-indicator-item.active,.df-node-rename-btn:hover,.df-hover-btn:hover,.tobyflow-referral-code__copy:hover,.style-modal-item-edit:hover,.pa-close:hover,.pa-fmt-tabs-more:hover,.pa-fmt-tabs-menu-item:hover,.pa-fmt-tabs-menu-item.sel,.cycle-pill:hover,.currency-pill:hover){color:var(--foreground);background:var(--accent)}body:has(#flow-auto-sidebar-root.theme-light) .provider-tab--active{--primary-foreground: #1e1e1e}body:has(#flow-auto-sidebar-root.theme-light) :is(#createWorkflowBtn,#createFirstWorkflowBtn,#addTaskBtn,#addFirstTaskBtn,#addMyPromptBtn,.wf-create-template-btn){color:var(--foreground)}body:has(#flow-auto-sidebar-root.theme-light) :is(.wf-template-use-btn,.wf-detail-use-btn,.btn-save-template,.tobyflow-template-use-btn){background:linear-gradient(110deg,#4f46e5,#6350df);color:#ffffff;box-shadow:0 3px 10px rgba(79,70,229,0.16)}body:has(#flow-auto-sidebar-root.theme-light) :is(.wf-template-use-btn:hover,.wf-detail-use-btn:hover,.btn-save-template:hover,.tobyflow-template-use-btn:hover){background:#4338ca;filter:none;box-shadow:0 4px 14px rgba(79,70,229,0.22)}body:has(#flow-auto-sidebar-root.theme-light) .gen-api-setting-btn{color:var(--foreground)}body:has(#flow-auto-sidebar-root.theme-light) .gen-api-setting-btn.is-on{color:var(--primary);background:var(--primary-light);border-color:#c8c2f7}body:has(#flow-auto-sidebar-root.theme-light) .tobyflow-user-plan-badge[data-plan=free]{background:#8b8b92;color:#dedede}body:has(#flow-auto-sidebar-root.theme-light) .tobyflow-user-plan-badge[data-plan=free]:hover{background:linear-gradient(90deg,#fbbf24,#f97316);color:#1e1e1e}body:has(#flow-auto-sidebar-root.theme-light) .footer-pro-label--free{background:linear-gradient(135deg,rgba(100,116,139,0.2) 0%,rgba(100,116,139,0.1) 100%);color:#94a3b8}body:has(#flow-auto-sidebar-root.theme-light) .footer-pro-label--guest{background:linear-gradient(135deg,rgba(100,116,139,0.15) 0%,rgba(100,116,139,0.08) 100%);color:#64748b}body:has(#flow-auto-sidebar-root.theme-light) .wf-category-select{background-repeat:no-repeat!important;background-position:right 8px center!important;background-size:12px 12px}body:has(#flow-auto-sidebar-root.theme-light) .ratio-pills-container .ratio-pill:hover{color:var(--foreground);background:var(--surface);border-color:var(--border-hover)}body:has(#flow-auto-sidebar-root.theme-light) .ratio-pills-container :is(.chatgpt-ratio-pill,.gemini-ratio-pill,.grok-ratio-pill,.muse-ratio-pill).active{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}body:has(#flow-auto-sidebar-root.theme-light) :is(.workflow-editor-overlay .toolbar-toggle .toggle-label,.workflow-editor .toolbar-toggle .toggle-label,.node-form-body .toolbar-toggle .toggle-label,.node-form-body label.toolbar-toggle){color:var(--foreground)!important}body:has(#flow-auto-sidebar-root.theme-light) .node-brand-header[class*=--]{background:var(--card)!important;border-color:var(--border)}body:has(#flow-auto-sidebar-root.theme-light) .node-brand-header[class*=--] :is(.node-brand-name,.node-brand-logo){color:var(--foreground)!important}body:has(#flow-auto-sidebar-root.theme-light) .node-brand-header--chatgpt .node-brand-logo{color:#16624f!important}body:has(#flow-auto-sidebar-root.theme-light) .df-node-provider-pill.df-node-provider-gemini{color:var(--foreground)}body:has(#flow-auto-sidebar-root.theme-light) .node-result-download-btn--original{background:#f3edff;border-color:#c9b5ed;color:#6d28d9}body:has(#flow-auto-sidebar-root.theme-light) :is(.premium-modal-header h3,.premium-plan-content .plan-benefits li strong,.upgrade-current-plan-name,.upgrade-breakdown-final-amount,.upgrade-plan-name,.vietqr-amount,.tip-amount-highlight){color:var(--foreground)}body:has(#flow-auto-sidebar-root.theme-light) :is(.footer-usage-unlimited,.benefit-check .benefit-value,.usage-stats-value.usage-stats-unlimited,.usage-stats-provider-quota.unlimited,.wf-quota-unlimited){color:var(--success)}body:has(#flow-auto-sidebar-root.theme-light) .footer-register-btn{color:var(--primary)}body:has(#flow-auto-sidebar-root.theme-light) :is(.df-node-slug-badge,.df-node-slug-input,.slug-inline-display.slug-manual,.slug-inline-edit .slug-input-prefix,.prompt-source-badge){color:var(--source-accent);background-color:#f3edff}body:has(#flow-auto-sidebar-root.theme-light) :is(.mention-autocomplete .mention-autocomplete-thumb.text-icon,.mention-chip.text-type,.mention-preview-text){color:var(--primary);background-color:var(--primary-light)}body:has(#flow-auto-sidebar-root.theme-light) .pa-hint{color:var(--muted-foreground)}body:has(#flow-auto-sidebar-root.theme-light) .usage-stats-icon--workflows{color:var(--source-accent);background:#f3edff}body:has(#flow-auto-sidebar-root.theme-light) :is(.imgpicker-banner--warning,.prompt-source-inline-warning,.pa-sub,.wf-detail-premium-notice,.confirm-run-provider-badge.is-warning,.plan-feature-badge.badge-warning,.announcement-feature-badge.badge-warning,.wmtool-pill.warn,.wf-publish-toggle.unpublished,.tobyflow-template-guide__difficulty--medium,.wf-detail-node-pill--delay,.usage-stats-expiry.expiring-soon){color:var(--foreground);background:var(--warning-light);border-color:#f3d3a7}body:has(#flow-auto-sidebar-root.theme-light) :is(.task-card-status.running,.workflow-card-status.running){color:var(--primary)!important;background:var(--primary-light)!important}body:has(#flow-auto-sidebar-root.theme-light) :is(.tobyflow-exec-tracker__retry-status,.tobyflow-pipeline-footer__retry-status,.tobyflow-pipeline-footer__btn--pause-resume,.tobyflow-queue-job__badge--retrying){color:var(--primary);background-color:var(--primary-light)}body:has(#flow-auto-sidebar-root.theme-light) :is(.df-node-failure,.wf-media-error,.df-node-char-count.df-over-limit,.df-form-char-count.df-over-limit,.task-prompt-char-count.is-over-limit,.extension-device-limit-error,.tobyflow-template-guide__difficulty--advanced,.wf-preview-delete-btn,.df-hover-btn.danger:hover){color:var(--destructive);background-color:var(--destructive-light)}body:has(#flow-auto-sidebar-root.theme-light) :is(.task-card-status.completed,.workflow-card-status.completed){color:var(--success)!important;background:var(--success-light)!important;border-color:#b4d9c2}body:has(#flow-auto-sidebar-root.theme-light) :is(.task-card-status.error,.task-card-status.failed,.workflow-card-status.error,.workflow-card-status.failed){color:var(--destructive)!important;background:var(--destructive-light)!important;border-color:#efb6b6}body:has(#flow-auto-sidebar-root.theme-light) :is(.mention-chip-v2--voice,.mention-chips-preview-chip.voice-type,.mention-preview-voice,.picker-mention-at--voice){color:#9d174d;background-color:#fcecf3;border-color:#e5b2c9}body:has(#flow-auto-sidebar-root.theme-light) :is(.mention-chip-v2--warn,.tobyflow-queue-state--orange){color:var(--foreground);background-color:var(--warning-light)}body:has(#flow-auto-sidebar-root.theme-light) :is(.pa-generate,.pa-fill){color:#25304a!important}body:has(#flow-auto-sidebar-root.theme-light) :is(.pa-header,.pa-footer,.pa-fmt-tabs-menu){border-color:var(--border)}body:has(#flow-auto-sidebar-root.theme-light) :is(.pa-pv,.pa-fmt,.pa-fmt-tabs-more){border-color:var(--border-light)}body:has(#flow-auto-sidebar-root.theme-light) :is(.pa-f select option,.pa-result-item,.pa-fmt-tabs-menu,.upload-controls-panel,.wf-process-toast){background:var(--card);color:var(--foreground);border-color:var(--border)}body:has(#flow-auto-sidebar-root.theme-light) :is(.pa-lbl,.pa-close,.pa-fmt-tab){color:var(--muted-foreground)}body:has(#flow-auto-sidebar-root.theme-light) .pa-title-ic{color:var(--primary)}body:has(#flow-auto-sidebar-root.theme-light) :is(.pa-pv.sel,.pa-fmt-tab.sel){color:var(--primary);border-color:var(--primary);background:var(--primary-light)}body:has(#flow-auto-sidebar-root.theme-light) :is(.cdialog-box,.pa-modal,.node-form-popup){background:var(--card);color:var(--foreground);border-color:var(--modal-border);box-shadow:0 18px 48px rgba(30,41,59,0.16)}body:has(#flow-auto-sidebar-root.theme-light) :is(.cdialog-overlay,.pa-overlay){background:rgba(30,41,59,0.3)}body:has(#flow-auto-sidebar-root.theme-light) .imgpicker-overlay{background:rgba(30,41,59,0.3)}body:has(#flow-auto-sidebar-root.theme-light) .imgpicker-modal{background:var(--card);color:var(--foreground);border-color:var(--modal-border);box-shadow:0 18px 48px rgba(30,41,59,0.16)}body:has(#flow-auto-sidebar-root.theme-light) .imgpicker-footer .btn-primary,body:has(#flow-auto-sidebar-root.theme-light) .confirm-run-footer :is(.confirm-run-submit,.btn-primary){color:#ffffff;background:var(--primary);border-color:var(--primary);box-shadow:0 2px 6px rgba(79,70,229,0.16)}body:has(#flow-auto-sidebar-root.theme-light) .imgpicker-footer .btn-primary:hover:not(:disabled),body:has(#flow-auto-sidebar-root.theme-light) .confirm-run-footer :is(.confirm-run-submit,.btn-primary):hover:not(:disabled){color:#ffffff;background:var(--primary-hover);border-color:var(--primary-hover);opacity:1}body:has(#flow-auto-sidebar-root.theme-light) .confirm-run-footer :is(.confirm-run-submit,.btn-primary):active:not(:disabled){color:#ffffff;background:#3730a3;border-color:#3730a3}body:has(#flow-auto-sidebar-root.theme-light) .imgpicker-footer .btn-primary:disabled,body:has(#flow-auto-sidebar-root.theme-light) .confirm-run-footer :is(.confirm-run-submit,.btn-primary):disabled{color:var(--muted-foreground);background:var(--surface);border-color:var(--border);opacity:1;box-shadow:none;cursor:not-allowed}body:has(#flow-auto-sidebar-root.theme-light) .cdialog-close:hover{background:var(--accent)!important}body:has(#flow-auto-sidebar-root.theme-light) .flow-cookie-recovery-loading{background:rgba(238,242,247,0.78)}body:has(#flow-auto-sidebar-root.theme-light) :is(.flow-cookie-recovery-loading-title,.flow-cookie-recovery-loading .tobyflow-loading-text){color:var(--foreground)}body:has(#flow-auto-sidebar-root.theme-light) .tobyflow-loading-spinner{border-color:var(--border-light);border-top-color:var(--primary)}body:has(#flow-auto-sidebar-root.theme-light) :is(input,textarea,select):focus-visible{outline:2px solid var(--ring);outline-offset:2px}