:root{--background: #1e1e1e;--foreground: #dedede;--card: #1e1e1e;--modal-border: #3f3f3f;--card-foreground: #e8e8ea;--surface: #292929;--surface-elevated: #2e2e33;--primary: #ccff00;--primary-foreground: #1e1e1e;--primary-light: var(--input);--primary-hover: #b8e600;--primary-muted: rgba(204,255,0,0.08);--secondary: #242428;--secondary-foreground: #e8e8ea;--muted: #2e2e33;--muted-foreground: #8b8b92;--accent: #2e2e33;--accent-foreground: #e8e8ea;--destructive: #ef4444;--destructive-light: rgba(239,68,68,0.15);--success: #22c55e;--success-light: rgba(34,197,94,0.15);--warning: #f59e0b;--warning-light: rgba(245,158,11,0.15);--info: #e0e0e0;--border: rgba(255, 255, 255, 0.08);--border-light: rgba(255,255,255,0.14);--input: #181818;--ring: rgba(255,255,255,0.5);--radius: 8px;--radius-sm: 6px;--radius-lg: 12px;--radius-pill: 20px;--sidebar-width: 680px;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--transition-fast: 150ms ease;--transition-normal: 200ms ease;--transition-slow: 300ms ease;--text-primary: #e8e8ea;--text-secondary: #b0b0b6;--text-muted: #8b8b92;--surface-default: #1c1c1f;--surface-hover: #2e2e33;--border-default: rgba(255,255,255,0.08);--border-hover: rgba(255,255,255,0.14);--border-subtle: rgba(255,255,255,0.05)}#flow-auto-sidebar-root.theme-light,.theme-light{--background: #ffffff;--foreground: #0f172a;--card: #ffffff;--card-foreground: #0f172a;--surface: #f1f5f9;--surface-elevated: #e2e8f0;--secondary: #f1f5f9;--secondary-foreground: #0f172a;--muted: #f1f5f9;--muted-foreground: #64748b;--accent: #e2e8f0;--accent-foreground: #0f172a;--border: rgba(0,0,0,0.08);--border-light: rgba(0,0,0,0.14);--input: #f1f5f9;--primary: #335AF5;--primary-foreground: #ffffff;--primary-light: rgba(51,90,245,0.08);--primary-hover: #2548d4;--primary-muted: rgba(51,90,245,0.06);--info: #64748b;--ring: rgba(51,90,245,0.5);--destructive: #dc2626;--destructive-light: rgba(220,38,38,0.1);--success: #16a34a;--success-light: rgba(22,163,74,0.1);--warning: #d97706;--warning-light: rgba(217,119,6,0.1);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--surface-default: #ffffff;--surface-hover: #f1f5f9;--border-default: rgba(0,0,0,0.1);--border-hover: rgba(0,0,0,0.15);--border-subtle: rgba(0,0,0,0.06)}#flow-auto-sidebar-root.theme-light{box-shadow:-4px 0 24px rgba(0,0,0,0.08)}#flow-auto-sidebar-root.theme-light .toggle-thumb{background:var(--primary-foreground)}#flow-auto-sidebar-root.theme-light .empty-state{color:var(--muted-foreground)}#flow-auto-sidebar-root.theme-light .addon-status-box{background:hsla(142,71%,45%,0.06);border-color:hsla(142,71%,45%,0.12)}#flow-auto-sidebar-root.theme-light .loading::after{background:hsla(0,0%,100%,0.7)}#flow-auto-sidebar-root.theme-light .skeleton{background:linear-gradient(90deg,var(--muted) 25%,var(--border) 50%,var(--muted) 75%);background-size:200% 100%}#flow-auto-sidebar-root.theme-light .task-menu-dropdown{background:var(--background);border-color:var(--border);box-shadow:0 4px 16px rgba(0,0,0,0.1)}#flow-auto-sidebar-root.theme-light .task-menu-item:hover{background:var(--surface)}#flow-auto-sidebar-root.theme-light~#flow-auto-sidebar-toggle{background:var(--background);border-color:var(--border)}#flow-auto-sidebar-root.theme-light ::-webkit-scrollbar-thumb{background:var(--border-light)}#flow-auto-sidebar-root.theme-light ::-webkit-scrollbar-thumb:hover{background:hsl(0 0% 70%)}#flow-auto-sidebar-root.theme-light .project-indicator{border-bottom-color:var(--border)}#flow-auto-sidebar-root.theme-light .project-indicator-btn{background:var(--surface);border-color:var(--border);color:var(--foreground)}#flow-auto-sidebar-root.theme-light .project-indicator-btn:hover{background:var(--surface-elevated);color:var(--foreground)}#flow-auto-sidebar-root.theme-light .project-create-btn{background:var(--surface);border-color:var(--border);color:var(--muted-foreground)}#flow-auto-sidebar-root.theme-light .project-create-btn:hover{background:var(--surface-elevated);color:var(--foreground)}#flow-auto-sidebar-root.theme-light .project-indicator-dropdown{background:var(--background);border-color:var(--border);box-shadow:0 8px 24px rgba(0,0,0,0.12)}#flow-auto-sidebar-root.theme-light .project-indicator-item{color:var(--foreground)}#flow-auto-sidebar-root.theme-light .project-indicator-item:hover{background:var(--surface)}#flow-auto-sidebar-root.theme-light .project-indicator-item.active{background:var(--primary-light);color:var(--primary)}#flow-auto-sidebar-root.theme-light .project-indicator-item-date{color:var(--muted-foreground)}#flow-auto-sidebar-root.theme-light .project-indicator-item-delete{color:var(--muted-foreground)}#flow-auto-sidebar-root.theme-light .project-indicator-item-delete:hover{color:#dc2626;background:rgba(220,38,38,0.1)}#flow-auto-sidebar-root.theme-light .project-select-item-delete{color:var(--muted-foreground)}#flow-auto-sidebar-root.theme-light .project-select-item-delete:hover{color:#dc2626;background:rgba(220,38,38,0.1)}#flow-auto-sidebar-root.theme-light .project-select-overlay{background:rgba(0,0,0,0.4)}#flow-auto-sidebar-root.theme-light .project-select-title{color:var(--foreground)}#flow-auto-sidebar-root.theme-light .project-select-desc{color:var(--muted-foreground)}#flow-auto-sidebar-root.theme-light .project-select-search{background:var(--surface);border-color:var(--border);color:var(--foreground)}#flow-auto-sidebar-root.theme-light .project-select-search::placeholder{color:var(--muted-foreground)}#flow-auto-sidebar-root.theme-light .project-select-search-count{color:var(--muted-foreground);background:var(--surface)}#flow-auto-sidebar-root.theme-light .project-select-search-icon{color:var(--muted-foreground)}#flow-auto-sidebar-root.theme-light .project-select-item{color:var(--foreground)}#flow-auto-sidebar-root.theme-light .project-select-item:hover{background:var(--surface)}#flow-auto-sidebar-root.theme-light .project-select-date{color:var(--muted-foreground)}#flow-auto-sidebar-root.theme-light .project-select-item-delete{color:var(--muted-foreground)}#flow-auto-sidebar-root.theme-light .project-select-actions{border-top-color:var(--border)}#flow-auto-sidebar-root.theme-light .project-select-create-btn{background:linear-gradient(90deg,rgb(204,255,0) 0%,rgb(234,255,152) 100%);border-color:transparent;color:#0a0a0a}#flow-auto-sidebar-root.theme-light .project-select-create-btn:hover{background:linear-gradient(90deg,#b8e600 0%,#deff70 100%);color:#0a0a0a}#flow-auto-sidebar-root.theme-light .project-select-open-btn{background:var(--foreground);color:var(--background)}#flow-auto-sidebar-root.theme-light .project-select-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.12)}#flow-auto-sidebar-root.theme-light .project-select-list::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.2)}#flow-auto-sidebar-root.theme-light .project-select-empty{color:var(--muted-foreground)}#flow-auto-sidebar-root.theme-light .project-navigating .project-indicator-btn,#flow-auto-sidebar-root.theme-light .project-navigating .project-create-btn,#flow-auto-sidebar-root.theme-light .project-navigating .project-select-item,#flow-auto-sidebar-root.theme-light .project-navigating .project-select-create-btn,#flow-auto-sidebar-root.theme-light .project-navigating .project-select-open-btn,#flow-auto-sidebar-root.theme-light .project-navigating .project-select-search{pointer-events:none;opacity:0.45}#flow-auto-sidebar-root.theme-light .settings-checkbox-row label{color:var(--foreground)}#flow-auto-sidebar-root.theme-light .settings-radio span{color:var(--foreground)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:var(--background);color:var(--foreground);font-family:var(--font-sans);overflow:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(217,249,157,0.04) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 50% 80%,rgba(253,164,175,0.04) 0%,transparent 60%)}.flow-app,#flow-auto-sidebar-root{position:relative;z-index:1}#flow-auto-sidebar-root{width:100%;height:100vh;display:flex;font-family:var(--font-sans);font-size:13px;color:var(--foreground);background:var(--background);overflow-y:auto;overflow-x:hidden}#flow-auto-sidebar-root *{box-sizing:border-box}#flow-sidebar-resizer{width:5px;height:100%;background-color:transparent;cursor:col-resize;flex-shrink:0;transition:background-color var(--transition-fast)}#flow-sidebar-resizer:hover,#flow-sidebar-resizer.resizing{background-color:rgba(255,255,255,0.3)}.flow-app{flex:1;background:var(--background);display:flex;flex-direction:column;color:var(--foreground);height:100vh;overflow:hidden}#flow-auto-sidebar-toggle{position:fixed;top:50%;right:380px;transform:translateY(-50%);z-index:1000000;width:24px;height:56px;background:var(--background);border:1px solid var(--border);border-right:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg);color:var(--foreground);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:right var(--transition-slow),background var(--transition-fast);box-shadow:-2px 0 8px rgba(0,0,0,0.15)}#flow-auto-sidebar-toggle:hover{background:var(--surface)}#flow-auto-sidebar-toggle.collapsed{right:0}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}.header{display:flex;justify-content:space-between;align-items:center;padding:6px var(--space-3);background:var(--background);border-bottom:1px solid var(--border);height:40px;flex-shrink:0}.header-brand{display:flex;align-items:center;gap:var(--space-2)}.logo{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:var(--radius-sm)}.logo svg{width:18px;height:18px;color:#ffffff}.header h1{font-size:13px;font-weight:500;letter-spacing:-0.1px;color:var(--foreground)}.subtitle{display:none}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.header-icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast)}.header-icon-btn:hover{color:var(--foreground);background:var(--surface)}.connection-status{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted-foreground);padding:2px 10px;background:var(--surface);border-radius:9999px;border:none}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted-foreground);transition:background var(--transition-normal),box-shadow var(--transition-normal)}.status-dot.connected{background:var(--success);box-shadow:0 0 8px hsla(142,71%,45%,0.5)}.status-dot.disconnected{background:var(--destructive)}.status-dot.running{background:var(--warning);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.3)}}.tabs-header{display:flex;gap:var(--space-1);background:var(--background);border-bottom:1px solid var(--border);padding:var(--space-2) var(--space-3)}.tab-btn{flex:1;background:none;border:1px solid transparent;color:var(--muted-foreground);padding:6px var(--space-2);font-size:12px;font-family:inherit;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-pill);position:relative}.tab-btn:hover{color:var(--foreground);background:var(--surface);border-color:var(--border)}.tab-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring)}.tab-btn.active{color:#ffffff;background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15)}.tabs-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.tab-pane{display:none;flex-direction:column;gap:var(--space-1);position:relative}.tab-pane.active{display:flex;flex:1;min-height:0}#tab-gen.active{display:flex;flex-direction:column;overflow:hidden}#tab-tasks.active,#tab-workflow.active{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}#tab-tasks>.section,#tab-workflow>.section,#workflowListSection{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:0}.task-list{display:flex;flex-direction:column;flex:1;overflow-y:auto;min-height:0;gap:var(--space-2)}#tab-gen .tab-gen-scroll{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-1);padding-top:4px}#tab-gen .section.actions{flex-shrink:0;position:sticky;bottom:0;background:var(--background);padding:var(--space-2) var(--space-3);border-top:none;z-index:5}.auth-gate-overlay{position:absolute;inset:0;background:rgba(28,28,31,0.88);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center}.auth-gate-overlay.hidden{display:none!important}.auth-gate-content{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:24px;margin-top:120px}.auth-gate-content svg{color:#c2c2c2;opacity:0.7}.auth-gate-content p{font-size:13px;color:#c2c2c2;margin:0;line-height:1.4}.auth-gate-content .btn-primary{margin-top:4px;padding:8px 20px;font-size:13px;font-weight:600;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius-pill, 20px);cursor:pointer;transition:all 150ms;box-shadow:0 0 12px var(--primary-light)}.auth-gate-content .btn-primary:hover{background:var(--primary-hover);box-shadow:0 0 18px var(--primary-light)}.prompts-subtabs{display:flex;gap:4px;padding:6px 12px;background:var(--background);border-bottom:1px solid var(--border)}.prompts-subtab{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;color:var(--muted-foreground);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all 0.15s ease}.prompts-subtab:hover{color:var(--foreground);background:rgba(255,255,255,0.05)}.prompts-subtab.active{color:var(--foreground);background:rgba(255,255,255,0.1)}.prompts-subtab svg{flex-shrink:0;opacity:0.6}.prompts-subtab.active svg{opacity:1}.prompts-subtab-pane{flex:1;overflow-y:auto;position:relative}.prompts-subtab-pane:not(.active){display:none!important}.subtab-blocked-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(10,10,14,0.85);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;border-radius:inherit}.subtab-blocked-content{text-align:center;padding:32px 24px;max-width:300px}.subtab-blocked-icon{color:var(--muted-foreground);margin-bottom:16px}.subtab-blocked-icon svg{opacity:0.6}.subtab-blocked-title{font-size:16px;font-weight:600;color:var(--foreground);margin-bottom:8px}.subtab-blocked-desc{font-size:12px;color:var(--muted-foreground);line-height:1.6;margin-bottom:20px}.subtab-blocked-desc strong{color:var(--foreground)}.subtab-blocked-btn{background:#fff;color:#1a1a1e;border:none;padding:8px 20px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity 0.2s;min-width:120px}.subtab-blocked-btn:hover{opacity:0.9}.subtab-blocked-btn-upgrade{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.myprompts-container{display:flex;flex-direction:column;height:100%}.myprompts-toolbar{display:flex;align-items:center;gap:8px;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.myprompts-toolbar-left{flex:1;min-width:0}.myprompts-toolbar-right{flex-shrink:0}.tobyflow-myprompts-search-box{width:100%;border-radius:var(--radius-sm)!important}.tobyflow-myprompts-search-box svg{flex-shrink:0;margin-left:10px;color:var(--muted-foreground)}.tobyflow-myprompts-search-box input{padding:6px 10px!important;font-size:12px!important}.myprompts-filter-row{display:flex;gap:6px;padding:var(--space-2) var(--space-3) 0}.myprompts-list{display:flex;flex-direction:column;gap:8px;padding:var(--space-2) var(--space-3);background:radial-gradient(60.68% 60.68%,rgb(53,53,52) 0%,rgb(24,24,24) 100%);height:100%}.myprompts-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;color:var(--muted-foreground);text-align:center;font-size:12px}.myprompt-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;cursor:pointer;transition:border-color 0.2s}.myprompt-card:hover{border-color:var(--foreground)}.myprompt-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.myprompt-card-title{font-size:12px;font-weight:600;color:var(--foreground)}.myprompt-card-category{font-size:10px;color:var(--muted-foreground);background:rgba(255,255,255,0.06);padding:1px 6px;border-radius:8px}.myprompt-card-content{font-size:11px;color:var(--muted-foreground);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.myprompt-card-top{display:flex;align-items:center;gap:8px}.myprompt-card-info{flex:1;min-width:0}.myprompt-card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.myprompt-card-use{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;border-radius:6px;white-space:nowrap}.myprompt-card-use svg{width:12px;height:12px}.myprompt-menu-wrapper{position:relative}.myprompt-menu-btn{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center}.myprompt-menu-dropdown{position:absolute;right:0;top:100%;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.3);min-width:140px;z-index:100;padding:var(--space-1) 0}.myprompt-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:var(--space-2) var(--space-3);font-size:12px;color:var(--foreground);background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.myprompt-menu-item:hover{background:var(--accent)}.myprompt-menu-item svg{flex-shrink:0;color:var(--muted-foreground)}.myprompt-menu-item--danger{color:hsl(0 90% 70%)}.myprompt-menu-item--danger svg{color:hsl(0 90% 70%)}@keyframes skeletonShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.myprompt-card.skeleton{pointer-events:none}.myprompt-card.skeleton .skeleton-title{height:12px;width:60%;background:linear-gradient(90deg,var(--muted) 25%,var(--surface) 50%,var(--muted) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:4px}.myprompt-card.skeleton .skeleton-category{height:10px;width:50px;background:linear-gradient(90deg,var(--muted) 25%,var(--surface) 50%,var(--muted) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:8px}.myprompt-card.skeleton .skeleton-content{height:11px;width:90%;margin-top:6px;background:linear-gradient(90deg,var(--muted) 25%,var(--surface) 50%,var(--muted) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:4px}.myprompt-card.skeleton .skeleton-content-2{height:11px;width:70%;margin-top:4px;background:linear-gradient(90deg,var(--muted) 25%,var(--surface) 50%,var(--muted) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:4px}.myprompt-card.skeleton .skeleton-btn{width:60px;height:24px;background:linear-gradient(90deg,var(--muted) 25%,var(--surface) 50%,var(--muted) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:6px}.trial-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(10,10,14,0.85);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;border-radius:inherit}.trial-overlay-content{text-align:center;padding:32px 24px;max-width:300px}.trial-overlay-icon{color:var(--muted-foreground);margin-bottom:16px}.trial-overlay-title{font-size:16px;font-weight:600;color:var(--foreground);margin-bottom:8px}.trial-overlay-info{font-size:12px;color:var(--muted-foreground);line-height:1.6;margin-bottom:20px}.trial-overlay-info .trial-stat{display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 0}.trial-overlay-info .trial-stat-used{color:var(--warning, #f59e0b)}.trial-overlay-info .trial-stat-ok{color:var(--foreground)}.trial-overlay-btn{background:#fff;color:#1a1a1e;border:none;padding:8px 20px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity 0.2s}.trial-overlay-btn:hover{opacity:0.9}.section{padding:var(--space-1) var(--space-3)}.section+.section{border-top:none;padding-top:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.section-header label{font-size:11px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--muted-foreground);display:flex;align-items:center;gap:var(--space-2)}.btn-icon-header{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:var(--primary-muted);border:1.5px solid var(--primary);border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;transition:all var(--transition-fast)}.btn-icon-header:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary-hover);box-shadow:0 0 8px rgba(205,255,1,0.3)}.btn-icon-header:active{background:var(--primary-light);transform:scale(0.95)}.btn-icon-header svg{flex-shrink:0}.hint{font-size:11px;color:var(--muted-foreground);font-style:italic;font-weight:400}textarea{width:100%;height:220px;padding:var(--space-3);background:var(--input)!important;border:1px solid var(--border)!important;border-radius:var(--radius);color:var(--foreground)!important;font-family:var(--font-sans)!important;font-size:13px!important;line-height:1.6;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}textarea:hover{border-color:var(--border-light)!important}textarea:focus{border-color:var(--border-light)!important}textarea::placeholder{color:var(--muted-foreground)}.prompt-count-row{display:flex;justify-content:flex-end;margin-top:var(--space-1);margin-bottom:var(--space-1)}.prompt-count{font-size:11px;color:var(--muted-foreground);background:var(--background);padding:2px 8px;border-radius:10px;white-space:nowrap}.gen-count-num{font-weight:600;color:var(--primary)}.prompt-editor-wrapper{position:relative;border:1.5px solid #292929;border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--input)}.prompt-editor-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,255,255,0.08)}#tab-gen:has(#genBtnRow.is-running) .prompt-editor-wrapper,body:has(#confirmRunOverlay:not(.hidden)) #tab-gen .prompt-editor-wrapper{border:2px solid transparent!important;background:linear-gradient(var(--input),var(--input)) padding-box,conic-gradient(from var(--df-run-angle),#292929 0deg,#292929 215deg,#FF5FA8 250deg,#C26DC4 278deg,#9178D9 300deg,#6682ED 320deg,#3E8BFF 338deg,#292929 360deg) border-box!important;box-shadow:0 0 14px 1px hsla(220,90%,65%,0.30);animation:dfRunBorderSpin 3s linear infinite!important}@media (prefers-reduced-motion: reduce){#tab-gen:has(#genBtnRow.is-running) .prompt-editor-wrapper,body:has(#confirmRunOverlay:not(.hidden)) #tab-gen .prompt-editor-wrapper{animation:dfRunBorderSpin 6s linear infinite!important}}.prompt-editor-wrapper textarea{border:none!important;border-radius:0;resize:vertical;min-height:180px;max-height:600px;padding:var(--space-3) var(--space-2) var(--space-3) var(--space-3);font-size:14px;line-height:1.6;background:transparent;color:var(--foreground)}#tab-gen #promptsArea{resize:none;overflow-y:auto}#tab-gen .gen-prompt-resizer{display:flex;align-items:center;justify-content:center;height:12px;cursor:ns-resize;touch-action:none;user-select:none}#tab-gen .gen-prompt-resizer::after{content:"";width:48px;height:3px;border-radius:999px;background:var(--muted-foreground);opacity:.35;transition:opacity .15s,background .15s}#tab-gen .gen-prompt-resizer:hover::after,#tab-gen .gen-prompt-resizer:focus-visible::after{opacity:1;background:var(--primary)}.prompt-editor-wrapper textarea::placeholder{color:var(--muted-foreground);opacity:0.5}.prompt-editor-wrapper textarea:focus{box-shadow:none!important;outline:none}.prompt-editor-toolbar{display:flex;align-items:center;gap:4px;padding:var(--space-1) var(--space-2);background:transparent;border-top:none}.prompt-editor-toolbar .btn{margin-left:0px;font-size:11px;padding:2px 10px 2px 8px;border-radius:var(--radius-pill);height:22px;display:inline-flex;gap:5px;line-height:14px;min-width:0;max-width:138px;overflow:hidden;white-space:nowrap}.prompt-editor-toolbar .btn svg{width:14px;height:14px;flex:0 0 auto}.prompt-editor-toolbar .prompt-toolbar-btn-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-editor-toolbar .prompt-header-save-btn{margin-left:auto}.prompt-batch-count,.prompt-char-count{margin-left:auto;flex-shrink:0;white-space:nowrap;font-size:11px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.prompt-batch-count.is-over-limit{color:#ef4444}.prompt-editor-toolbar .prompt-batch-count:not(.hidden)~.prompt-header-save-btn,.prompt-editor-toolbar .prompt-char-count:not(.hidden)+.prompt-header-save-btn{margin-left:0}.prompt-toolbar-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:none;color:var(--foreground);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.prompt-toolbar-icon-btn svg{width:18px;height:18px;color:var(--foreground)}.prompt-toolbar-icon-btn:hover{background:var(--surface-elevated);color:var(--primary)}.prompt-toolbar-icon-btn:hover svg{color:var(--primary)}.multi-prompt-hint{display:flex;align-items:center;gap:6px;padding:4px var(--space-3) 6px;font-size:11px;color:var(--primary)}.multi-prompt-hint svg{flex-shrink:0;opacity:0.6}.multi-prompt-hint.hidden{display:none}.prompt-header-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted-foreground);cursor:pointer;transition:all 0.15s}.prompt-header-icon-btn:hover{background:var(--surface-elevated);color:var(--foreground)}.prompt-header-save-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:2px;border:none;border-radius:var(--radius-sm);background:none;color:var(--muted-foreground);cursor:pointer;transition:all 0.15s}.prompt-header-save-btn:hover{background:var(--surface-elevated);color:var(--foreground)}.prompt-search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(4px);z-index:10000001;display:flex;align-items:center;justify-content:center;animation:psm-fadeIn 0.15s ease}@keyframes psm-fadeIn{from{opacity:0}to{opacity:1}}.prompt-search-modal{width:85%;max-width:calc(100vw - 32px);max-height:70vh;background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 16px 48px rgba(0,0,0,0.4);display:flex;flex-direction:column;overflow:hidden;animation:psm-slideUp 0.15s ease}.prompt-search-modal input.psm-search-input{padding:8px 28px!important}.prompt-search-modal .psm-search-icon{top:55%}@keyframes psm-slideUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.psm-header{display:flex;align-items:center;gap:0;padding:4px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.psm-tab{padding:8px 14px;font-size:12px;font-weight:500;color:var(--muted-foreground);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color 0.15s,border-color 0.15s;white-space:nowrap}.psm-tab:hover{color:var(--foreground)}.psm-tab.active{color:#fff;border-bottom-color:#fff}.psm-close{margin-left:auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--muted-foreground);border-radius:6px;cursor:pointer;transition:background 0.15s,color 0.15s}.psm-close:hover{background:var(--surface-elevated);color:var(--foreground)}.psm-search-wrap{padding:10px 12px 6px;flex-shrink:0}input.psm-search-input{width:100%;height:32px;padding:8px 28px;background:var(--input);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--foreground);font-size:12px;outline:none;transition:border-color 0.2s}input.psm-search-input:focus{border-color:rgba(255,255,255,0.3)}input.psm-search-input::placeholder{color:var(--muted-foreground);opacity:0.7}.psm-search-wrap{position:relative}.psm-search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--muted-foreground);opacity:0.5;pointer-events:none}.psm-list{flex:1;overflow-y:auto;padding:4px 8px 8px;min-height:120px}.psm-list::-webkit-scrollbar{width:4px}.psm-list::-webkit-scrollbar-track{background:transparent}.psm-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:2px}.psm-item{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;transition:background 0.12s}.psm-item:hover{background:var(--surface-elevated)}.psm-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.psm-item-use{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted-foreground);cursor:pointer;transition:all 0.15s;opacity:0}.psm-item:hover .psm-item-use{opacity:1}.psm-item-use:hover{background:#fff;color:var(--background);border-color:var(--foreground)}.psm-item-title{font-size:12px;font-weight:600;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psm-item-content{font-size:11px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.psm-item-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.psm-item-badge{font-size:10px;padding:1px 6px;border-radius:10px;background:var(--surface);color:var(--muted-foreground);white-space:nowrap}.psm-loading,.psm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:var(--muted-foreground);font-size:12px;gap:8px}.psm-loading svg{animation:psm-spin 1s linear infinite}@keyframes psm-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.psm-load-more{text-align:center;padding:6px 0 4px}.psm-load-more-text{font-size:11px;color:var(--muted-foreground);opacity:0.6}.toolbar-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:var(--muted-foreground);user-select:none}.setting-item .toolbar-toggle{display:flex;font-size:12px;color:var(--muted-foreground);margin-bottom:0}.toolbar-toggle input{display:none}.toggle-track{position:relative;width:32px;height:18px;background:var(--border-light);border-radius:9px;transition:background var(--transition-fast)}.toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--foreground);border-radius:50%;transition:transform var(--transition-fast)}.toolbar-toggle input:checked~.toggle-track{background:var(--primary)}.toolbar-toggle input:checked~.toggle-track .toggle-thumb{transform:translateX(14px);background:var(--primary-foreground)}.toggle-label{font-size:11px;font-weight:500}.feature-disabled{opacity:0.5;cursor:not-allowed!important;pointer-events:none}.feature-disabled input{cursor:not-allowed}.form-group.feature-disabled{opacity:0.5}.form-group.feature-disabled label{cursor:not-allowed}.premium-crown{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:11px;font-weight:500;color:#eab308;cursor:pointer;pointer-events:auto;vertical-align:middle}.premium-crown svg{flex-shrink:0}.field-hint{display:block;font-size:11px;color:var(--muted-foreground);margin-top:4px;opacity:0.7}.gen-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.gen-config-item{display:flex;flex-direction:column;gap:4px}.gen-config-item label{font-size:11px;color:var(--muted-foreground);font-weight:500}.gen-compact-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.gen-compact-item{flex-shrink:0}.gen-compact-bar[data-provider=grok] .compact-select{width:fit-content}.gen-compact-bar[data-provider=grok] .compact-select select{width:auto}.gen-compact-bar[data-provider=grok][data-gen-mode=video]>.gen-compact-item{order:6}.gen-compact-bar[data-provider=grok][data-gen-mode=video]>.gen-compact-break{display:none}.gen-compact-bar[data-provider=grok][data-gen-mode=video]>.gen-compact-break--video{display:block;order:2}.gen-compact-bar[data-provider=grok][data-gen-mode=video] :is(#genTypeTabs,#taskMediaTypeGroup,#grokModeGroup,#grokModelContainer,#taskGrokModelGroup,#grokModelGroup,#grokVideoInputTypeContainer,#taskGrokVideoInputTypeGroup,#grokVideoOnlyRow){order:1}.gen-compact-bar[data-provider=grok][data-gen-mode=video] :is(#grokDurationContainer,#taskGrokDurationGroup,#grokDurationGroup){order:3}.gen-compact-bar[data-provider=grok][data-gen-mode=video] :is(#grokResolutionContainer,#taskGrokResolutionGroup,#grokResolutionGroup){order:4}.gen-compact-bar[data-provider=grok][data-gen-mode=video] :is(#ratioSection,#taskRatioGroup,#grokRatioGroup){order:5}.gen-compact-break{flex-basis:100%;height:0;margin:0;display:none}.gen-compact-bar[data-gen-mode=video] .gen-compact-break--video{display:block}.gen-compact-break--always{display:block}.gen-compact-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--input);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:11px;color:var(--muted-foreground);transition:background 0.15s ease,border-color 0.15s ease,color 0.15s ease;user-select:none}.gen-compact-toggle:hover{background:var(--accent);border-color:var(--border-light)}.gen-compact-toggle input{display:none}.gen-compact-toggle input:checked+.gen-compact-toggle-icon{color:var(--destructive)}.gen-compact-toggle input:checked~.gen-compact-toggle-label{color:var(--destructive)}.gen-compact-toggle-icon{flex-shrink:0;opacity:0.7}.gen-compact-toggle-label{white-space:nowrap}.provider-tabs{display:inline-flex;align-items:center;gap:5px;padding:4px;background:var(--input);border:1px solid rgba(255,255,255,0.08);border-radius:6px;width:fit-content;max-width:100%;min-width:0;box-sizing:border-box;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none}.provider-tabs::-webkit-scrollbar{display:none}.gen-api-setting-btn{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;line-height:18px;padding:2px 10px;border:1px solid var(--border, rgba(255, 255, 255, 0.12));border-radius:6px;background:var(--input, #0c0c0e);color:var(--fg, #ffffff);cursor:pointer;position:relative;transition:background 0.15s ease,transform 0.15s ease}.gen-api-setting-btn:hover{background:var(--border, rgba(255, 255, 255, 0.14))}.flow-api-control-group{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.flow-api-refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;flex:0 0 24px;border:1px solid var(--border, rgba(255, 255, 255, 0.12));border-radius:50%;background:var(--input, #0c0c0e);color:var(--fg, #ffffff);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.flow-api-refresh-btn:hover{background:var(--border, rgba(255, 255, 255, 0.14));border-color:var(--fg, #ffffff)}.flow-api-refresh-btn:active{transform:scale(.92)}.flow-api-refresh-btn.is-busy{cursor:wait}.flow-api-refresh-btn.is-busy svg{animation:flow-api-refresh-spin .8s linear infinite}@keyframes flow-api-refresh-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.flow-api-refresh-btn.is-busy svg{animation:none}}.smart-tooltip.smart-tooltip--flow-api-invite{animation:gen-api-tooltip-nudge 1.15s ease-in-out 3}@keyframes gen-api-tooltip-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.smart-tooltip.smart-tooltip--flow-api-invite{animation:none}}.gen-api-setting-btn::after{content:"";position:absolute;inset:0;border-radius:6px;pointer-events:none;box-shadow:0 0 0 6px color-mix(in srgb,var(--primary, #ccff00) 40%,transparent);opacity:0;transition:box-shadow 0.5s ease,opacity 0.55s ease}.gen-api-setting-btn:active{transform:scale(0.94)}.gen-api-setting-btn:active::after{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary, #ccff00) 55%,transparent);opacity:0.55;transition:none}.gen-api-setting-badge{font-size:10px;font-weight:700;letter-spacing:0.4px;opacity:0.9}.gen-api-version{font-size:9px;line-height:1.3;padding:1px 4px;border:1px solid currentColor;border-radius:5px;white-space:nowrap}.gen-api-version[data-driver=v2]{color:#22c987;background:rgba(34,201,135,.08);border-radius:3px;margin-inline:2px;transform:skew(-12deg);flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:16px;padding:0 5px;font-size:9px;font-weight:800;line-height:16px;display:inline-flex;border:1px solid #ffffff14;text-transform:lowercase;letter-spacing:0}.gen-api-version[data-driver=v1]{color:#3b82f6;background:rgba(59,130,246,.08)}.gen-api-version.hidden{display:none}.bridge-update-badge{position:absolute;top:-8px;right:-4px;pointer-events:none}.gen-api-setting-btn.is-bridge-outdated .gen-api-setting-badge{color:var(--fg, #ffffff);opacity:1}.flow-api-entitled-flash{flex:0 0 auto;color:#facc15;filter:drop-shadow(0 0 2px rgba(250,204,21,0.35))}.gen-api-toggle{flex-shrink:0;position:relative;display:inline-block;margin-right:2px;width:17px;height:9.5px;border-radius:5px;background:var(--border, rgba(255, 255, 255, 0.14));transition:background .18s ease}.gen-api-toggle-thumb{position:absolute;top:1.5px;left:1.5px;width:6.5px;height:6.5px;border-radius:50%;background:var(--muted-foreground, #8b8b92);transition:transform .18s ease,background .18s ease}.gen-api-setting-btn.is-on .gen-api-toggle{background:var(--primary, #ccff00)}.gen-api-setting-btn.is-on .gen-api-toggle-thumb{transform:translateX(7.5px);background:var(--primary-foreground, #1e1e1e)}.gen-api-setting-btn .settings-tab-crown{color:#eab308;flex-shrink:0}.provider-tab{appearance:none;border:none;background:transparent;color:var(--muted-foreground);padding:4px 10px;font-size:11px;font-weight:500;border-radius:5px;cursor:pointer;position:relative;transition:background 0.15s ease,color 0.15s ease,transform 0.15s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.provider-tab-bridge-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-left:2px;background:var(--dot-off, #64748b);box-shadow:0 0 0 2px color-mix(in srgb,currentColor 0%,transparent);transition:background 0.2s ease}.provider-tab-bridge-dot.dot-ready{background:var(--dot-ready, #22c55e)}.provider-tab-bridge-dot.dot-warn{background:var(--dot-warn, #f59e0b)}.provider-tab-bridge-dot.dot-off{background:var(--dot-off, #64748b)}.provider-tab::after{content:"";position:absolute;inset:0;border-radius:5px;pointer-events:none;box-shadow:0 0 0 6px color-mix(in srgb,var(--primary, #ccff00) 40%,transparent);opacity:0;transition:box-shadow 0.5s ease,opacity 0.55s ease}.provider-tab:active{transform:scale(0.94)}.provider-tab:active::after{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary, #ccff00) 55%,transparent);opacity:0.55;transition:none}.provider-tab-icon{flex-shrink:0;opacity:0.8}.provider-tab--active .provider-tab-icon{opacity:1}.provider-tab[data-provider=muse].provider-tab--active{color:#fff;background:linear-gradient(135deg,#2a32d2 0%,#8094ff 50%,#1a34da 100%)!important;box-shadow:0 5px 14px rgba(24,119,242,0.36),inset 0 1px 0 rgba(255,255,255,0.2)}.provider-tab[data-provider=muse].provider-tab--active::after{background:linear-gradient(102deg,rgba(255,255,255,.12),rgba(255,255,255,0))}.provider-tab-icon--muse{width:14px;height:14px}.provider-tab[data-provider=muse].provider-tab--active .provider-tab-icon--muse{filter:brightness(0) invert(1)}.provider-tab:hover:not(.provider-tab--active){color:var(--foreground);background:rgba(255,255,255,0.04)}.provider-tab--active{background:linear-gradient(90deg,#f26494 0%,#f5c29d 100%);color:var(--primary-foreground)}.provider-tab--active[data-provider=flow]{background:linear-gradient(90deg,#0d0f1c 0%,#6f6586 100%)!important;color:#fff}.provider-tab--active[data-provider=chatgpt]{background:linear-gradient(135deg,#7e6ffe 0%,#c3a2ff 50%,#3d4ae3 100%)!important;color:#fff}.provider-tab--active[data-provider=grok]{background:linear-gradient(90deg,#07090ac7 0%,#8591a0 100%)!important;color:#fff}.provider-tab.provider-tab-locked{color:rgba(255,255,255,0.45);background:rgba(255,255,255,0.04);cursor:not-allowed}.provider-tab.provider-tab-locked:hover{background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.55)}.theme-light .provider-tabs{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.08)}.theme-light .provider-tab:hover:not(.provider-tab--active){background:rgba(0,0,0,0.05);color:var(--foreground)}.theme-light .provider-tab.provider-tab-locked{color:rgba(15,23,42,0.45);background:rgba(0,0,0,0.04)}.theme-light .provider-tab.provider-tab-locked:hover{background:rgba(0,0,0,0.06);color:rgba(15,23,42,0.55)}.provider-tab-lock{display:inline-flex;align-items:center;color:#f59e0b}.gen-type-toggle{display:inline-flex;background:var(--surface);border-radius:var(--radius-pill);padding:2px;gap:6px}.gen-type-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:calc(var(--radius-pill) - 2px);background:transparent;color:var(--muted-foreground);cursor:pointer;position:relative;transition:all 0.15s ease}.gen-type-btn::after{content:"";position:absolute;inset:0;border-radius:calc(var(--radius-pill) - 2px);pointer-events:none;box-shadow:0 0 0 5px color-mix(in srgb,var(--primary, #ccff00) 45%,transparent);opacity:0;transition:box-shadow 0.5s ease,opacity 0.55s ease}.gen-type-btn:active{transform:scale(0.9)}.gen-type-btn:active::after{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary, #ccff00) 60%,transparent);opacity:0.6;transition:none}.gen-type-btn:hover{color:var(--foreground);background:var(--surface-hover)}.gen-type-btn.active{background:var(--foreground);color:var(--background);box-shadow:0 1px 3px rgba(0,0,0,0.2)}.gen-type-btn svg{flex-shrink:0}@media (prefers-reduced-motion: reduce){.provider-tab::after,.gen-type-btn::after{display:none}.provider-tab:active,.gen-type-btn:active{transform:none}}.addon-prompt-dropdown{position:relative}.addon-prompt-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--surface);border:none;border-radius:var(--radius-pill);color:var(--foreground);font-size:12px;cursor:pointer;transition:background 0.15s;white-space:nowrap}.addon-prompt-trigger:hover{background:var(--surface-hover)}.addon-prompt-label{max-width:100px;overflow:hidden;text-overflow:ellipsis}.addon-prompt-arrow{opacity:0.5;transition:transform 0.2s}.addon-prompt-dropdown.open .addon-prompt-arrow{transform:rotate(180deg)}.addon-prompt-popup{position:absolute;top:calc(100% + 4px);left:0;right:auto;width:220px;max-height:280px;background:var(--surface-elevated, var(--surface));border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,0.5);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.addon-prompt-popup.hidden{display:none}.addon-prompt-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.addon-prompt-search svg{color:var(--muted-foreground);flex-shrink:0}.addon-prompt-search input{flex:1;background:transparent;border:none;outline:none;color:var(--foreground);font-size:13px}.addon-prompt-search input::placeholder{color:var(--muted-foreground)}.addon-prompt-list{flex:1;overflow-y:auto;padding:6px}.addon-prompt-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background 0.15s}.addon-prompt-item:hover{background:var(--surface-hover)}.addon-prompt-item.selected{background:rgba(255,255,255,0.1)}.addon-prompt-item.none-option{color:var(--muted-foreground);font-style:italic}.addon-prompt-thumb{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--background);object-fit:cover;flex-shrink:0}.addon-prompt-thumb-placeholder{width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary) 0%,#9333ea 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}.addon-prompt-thumb-placeholder svg{color:#fff;opacity:0.8}.addon-prompt-info{flex:1;min-width:0}.addon-prompt-name{font-size:13px;font-weight:500;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.addon-prompt-empty{padding:24px;text-align:center;color:var(--muted-foreground);font-size:13px}.compact-select{border-radius:var(--radius-pill)!important}.compact-select select{padding:5px 24px 5px 10px!important;font-size:12px!important}.compact-qty{display:flex;align-items:center;border-radius:var(--radius-pill)!important;padding:0!important;overflow:hidden}.compact-qty input{width:28px!important;text-align:center;padding:5px 0!important;font-size:12px!important;border:none!important;box-shadow:none!important;background:var(--input)!important;-moz-appearance:textfield}.compact-qty input::-webkit-inner-spin-button,.compact-qty input::-webkit-outer-spin-button{-webkit-appearance:none}.compact-qty-btn{display:flex;align-items:center;justify-content:center;width:26px;height:25px;background:transparent;border:none;color:var(--muted-foreground);font-size:14px;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);flex-shrink:0}.compact-qty-btn:hover{color:var(--foreground);background:rgba(255,255,255,0.06)}.select-group{position:relative}.select-group select{width:100%;padding:7px var(--space-3);padding-right:28px;background:transparent;color:var(--foreground);border:none;outline:none;font-size:12px;font-family:inherit;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:none;border-radius:0}.select-group select option{background:var(--surface-elevated);color:var(--foreground)}.select-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:0.5}.ref-image-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.ref-image-actions .btn{flex:1}.image-preview-grid{display:flex;gap:6px;margin-top:var(--space-2);flex-wrap:wrap;max-height:100px;overflow-y:auto}.addon-status-box{font-size:12px;color:var(--success);background:hsla(142,71%,45%,0.08);padding:8px var(--space-3);border-radius:var(--radius);border:1px solid hsla(142,71%,45%,0.15)}.template-preview{font-size:12px;color:var(--muted-foreground);background:var(--surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:var(--space-2);max-height:120px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;line-height:1.5}.template-actions{display:flex;gap:var(--space-2)}.template-actions .btn{flex:1}.frame-config{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.frame-slot{position:relative}.frame-slot-header{display:flex;align-items:center;gap:3px;margin-bottom:3px}.frame-slot-label{font-size:9px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.3px}.frame-slot-icon{width:13px;height:13px;color:var(--muted-foreground);flex-shrink:0}.frame-slot-body{width:auto;height:auto}.frame-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:60px;height:60px;cursor:pointer;border-radius:6px;border:2px dashed var(--border);transition:border-color 0.15s,background 0.15s;box-sizing:border-box}.frame-dropzone:hover{background:var(--surface-elevated);border-color:var(--muted-foreground)}.frame-dropzone-icon{width:18px;height:18px;color:var(--muted-foreground);opacity:0.5}.frame-dropzone-text{font-size:9px;color:var(--muted-foreground);opacity:0.7}.frame-thumb-wrap{position:relative;width:68px;height:68px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid var(--border);box-sizing:border-box;transition:border-color 0.15s}.frame-thumb-wrap:hover{border-color:var(--primary)}.frame-thumb-wrap img{width:100%;height:100%;object-fit:cover}.frame-thumb-wrap .ref-thumb-remove{position:absolute;top:2px;right:2px;width:16px;height:16px;background:rgba(0,0,0,0.65);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:2;opacity:0;transition:opacity 0.15s,background 0.15s}.frame-thumb-wrap:hover .ref-thumb-remove{opacity:1}.frame-thumb-wrap .ref-thumb-remove:hover{background:var(--destructive, #dc2626)}.frame-upload-status{position:absolute;left:3px;bottom:3px;z-index:2;max-width:calc(100% - 6px);padding:1px 4px;overflow:hidden;color:#000;background:linear-gradient(90deg,rgb(204,255,0),rgb(234,255,152));border-radius:3px;font-size:8px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.frame-thumb-wrap.uploading::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(204,255,0,0.50) 35%,rgba(255,255,255,0.45) 50%,rgba(204,255,0,0.50) 65%,transparent 100%);background-size:200% 100%;animation:uploadSweep 1.5s ease-in-out infinite;z-index:1;border-radius:inherit;pointer-events:none}.frame-thumb-wrap.uploading::before{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.3);border-top-color:var(--primary, #ccff00);border-radius:50%;animation:uploadSpin .8s linear infinite;z-index:2;pointer-events:none}.frame-thumb-wrap.uploading .ref-thumb-remove{display:none!important}.frame-thumb-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:9px;color:var(--muted-foreground);background:var(--surface)}#perPromptFramesContainer{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.frame-source-panel{grid-column:1 / -1;padding:0;border:0;background:transparent;margin-bottom:10px}.frame-source-dropzone{width:100%}.frame-source-dropzone.drag-over{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.frame-source-head,.frame-source-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.frame-source-label{display:inline-flex;align-items:center;gap:6px}.frame-source-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.frame-source-label-icon{display:inline-flex;flex-shrink:0}.frame-source-head{justify-content:space-between;margin:1px 0 7px;font-size:11px;font-weight:600;color:var(--muted-foreground)}.frame-source-actions button{border:1px solid var(--border);border-radius:6px;min-height:28px;padding:5px 7px;background:var(--input, #0c0c0e);color:var(--foreground);font-size:11px;cursor:pointer;display:flex;min-width:0;align-items:center;justify-content:center;gap:4px;line-height:1;transition:border-color .15s,background .15s,color .15s}.frame-source-actions button svg:not(.frame-slot-icon){width:14px;height:14px;flex:0 0 14px}.frame-source-actions button .frame-slot-icon{flex:0 0 13px}.frame-source-actions button span{min-width:0;overflow-wrap:anywhere;line-height:1.3}.frame-source-actions button:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary)}.frame-source-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.frame-source-sort-hint{width:fit-content;margin-top:8px}.frame-source-thumb{flex:0 0 68px;cursor:grab}.frame-source-thumb:active{cursor:grabbing}.frame-source-thumb.dragging{opacity:.5;transform:scale(.95)}.frame-source-thumb img{width:100%;height:100%;object-fit:cover}.frame-source-thumb-inner{width:100%;height:100%;border-radius:inherit;overflow:hidden}.frame-source-thumb-inner>span:not(.ref-thumb-badge){display:flex;align-items:center;justify-content:center;height:100%;font-size:8px;color:var(--muted-foreground)}.ref-thumb-badge.frame-source-flow-badge{background:rgba(0,0,0,.72);color:#fff}.frame-source-actions{margin-top:8px}.frame-slot.frame-drag-over,.frame-source-thumb.frame-drag-over{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.per-prompt-frame-pair.frame-pair-missing,.frame-slot.frame-pair-missing{border-color:var(--destructive, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb,var(--destructive, #dc2626) 35%,transparent)}.per-prompt-frame-pair{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-bottom:7px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}#videoFramesSection{padding-top:5px}.per-prompt-frame-header{display:flex;align-items:center;gap:6px}.per-prompt-frame-label{display:none}.per-prompt-frame-index{font-size:10px;font-weight:700;color:var(--foreground);background:var(--surface-elevated, rgba(255,255,255,0.06));border-radius:4px;padding:1px 5px;min-width:18px;text-align:center;flex-shrink:0}.per-prompt-frame-slots{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.per-prompt-frame-prompt-preview{font-size:9px;color:var(--muted-foreground);opacity:0.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.dl-res-select-wrap{flex-shrink:0;width:auto;min-width:72px}.dl-res-select-wrap.hidden{display:none}.gen-dl-line{flex-basis:100%;display:flex;align-items:center;gap:8px}.gen-dl-line-toggles .wm-toggle-inline{margin-left:auto;display:flex;align-items:center;gap:8px}.gen-dl-line-toggles{flex-wrap:wrap;row-gap:6px}.gen-dl-line-params{flex-wrap:wrap;row-gap:6px}.wm-res-warn{border-color:rgba(234,179,8,0.55)!important;color:#eab308!important}.dl-res-select-wrap select:disabled{opacity:.55;cursor:not-allowed}.wm-toggle{gap:5px;font-size:10.5px}.wm-toggle .toggle-track{width:26px;height:15px}.wm-toggle .toggle-thumb{width:11px;height:11px}.wm-toggle input:checked~.toggle-track .toggle-thumb{transform:translateX(11px)}.wm-toggle .toggle-label{white-space:nowrap}.wm-toggle.hidden{display:none}.wm-toggle.locked{opacity:.55;cursor:pointer}.wm-toggle.locked .wm-pill-lock{display:inline-block}.wm-toggle .wm-pill-lock{flex-shrink:0;color:#eab308}.wm-toggle .settings-tab-crown{flex-shrink:0;color:#eab308}.wm-toggle.locked .settings-tab-crown{opacity:1}.section-header--with-select{display:flex;align-items:center;justify-content:space-between;gap:6px}.section-header--with-select>.ref-quick-tabs{flex:1;min-width:0;justify-content:flex-end}.section-header--with-select>.ref-quick-tabs .ref-quick-pill{padding:3px 8px;font-size:11px;gap:3px}.section-header--with-select>.ref-quick-tabs .ref-quick-pill--icon-only{padding:6px 6px}.ref-thumb.gen-api-ref-invalid{outline:2px dashed var(--destructive);outline-offset:-2px}.gen-api-ref-status{position:absolute;bottom:3px;left:3px;right:3px;padding:2px 3px;border-radius:4px;font-size:9px;line-height:1.3;color:#fff;background:var(--destructive);text-align:center;pointer-events:none}.gen-api-ref-validation-note{margin-top:6px;color:var(--warning, #f59e0b);font-size:11px}.ref-mode-select{border-radius:var(--radius-pill)!important;border:1px solid var(--border)!important;flex-shrink:0;position:relative;min-width:140px}.ref-mode-select.ref-mode-locked{opacity:0.45;cursor:not-allowed}.ref-mode-select.ref-mode-locked select{cursor:not-allowed;pointer-events:none}.ref-mode-select .ref-mode-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1}.ref-mode-select select{padding:5px 22px 5px 32px!important;font-size:12px!important;min-width:100px}.ref-mode-select .select-arrow{right:10px}.ref-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ref-toolbar-actions{display:flex;gap:4px}.ref-toolbar-actions--full{flex:1}.ref-btn-capture,.ref-btn-album{width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0!important;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:#fff;cursor:pointer;transition:all 0.15s}.ref-btn-upload{height:34px;display:flex;align-items:center;justify-content:center;padding:0 12px;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--muted-foreground);cursor:pointer;transition:all 0.15s}.ref-btn-upload--wide{flex:1;justify-content:center}.ref-btn-upload>.ref-btn-icon{width:18px;height:18px;flex:0 0 18px}.ref-btn-upload .ref-btn-text{font-size:12px;font-weight:500;white-space:nowrap}.ref-btn-upload:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.ref-btn-upload.uploading{pointer-events:none;opacity:0.8}.ref-btn-upload.uploading .ref-btn-icon{display:none}.ref-btn-upload.uploading .ref-btn-spinner{display:block!important;animation:spin 1s linear infinite}.ref-btn-spinner{display:none}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.ref-btn-capture:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.ref-btn-album:hover{background:var(--surface-elevated);border-color:var(--primary);color:var(--primary)}.ref-btn-upload.drag-over{border:1px dashed var(--primary);background:var(--surface-elevated, rgba(99, 102, 241, 0.08));color:var(--primary)}.ref-btn-upload.drag-over .ref-btn-icon{animation:ref-upload-bounce 0.8s ease-in-out infinite}@keyframes ref-upload-bounce{0%{transform:translateY(0)}50%{transform:translateY(-4px)}100%{transform:translateY(0)}}.ref-mode-select.hidden-single{display:none}.ref-grid{display:flex;flex-wrap:wrap;gap:6px;min-height:0}.ref-grid:empty{display:none}.ref-thumb{position:relative;width:68px;height:68px;border-radius:8px;overflow:hidden;background:var(--surface);border:1px solid var(--border);cursor:grab;transition:transform 0.15s,border-color 0.15s,box-shadow 0.15s}.ref-thumb:hover{border-color:var(--primary)}.ref-thumb:active{cursor:grabbing}.ref-thumb.dragging{opacity:0.5;transform:scale(0.95)}.ref-thumb.drag-over{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary);transform:scale(1.05)}.ref-thumb img{width:100%;height:100%;object-fit:cover}.ref-thumb-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,0.55);color:#fff;pointer-events:none;z-index:1}.ref-thumb-video-play svg{display:block}.ref-thumb>.ref-thumb-inner{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden}.ref-thumb[data-index]::before{content:attr(data-index);position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--primary);color:var(--background);font-size:10px;font-weight:600;border-radius:6px;display:flex;align-items:center;justify-content:center;z-index:1}.ref-thumb-remove{position:absolute;top:2px;right:2px;width:16px;height:16px;background:red;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#fff;line-height:1;z-index:2;opacity:0;transition:opacity 0.15s,background 0.15s}.ref-thumb:hover .ref-thumb-remove{opacity:1}.ref-thumb-remove:hover{background:var(--destructive, #dc2626)}.ref-thumb-save{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:rgba(0,0,0,0.7);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;line-height:1;z-index:2;opacity:0;transition:opacity 0.15s,background 0.15s}.ref-thumb:hover .ref-thumb-save{opacity:1}.ref-thumb-save:hover{background:var(--success, #22c55e)}.ref-thumb-save svg{width:10px;height:10px}.album-save-list{display:flex;flex-direction:column;gap:2px}.album-save-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;cursor:pointer;color:var(--foreground);transition:background 0.15s;font-size:13px}.album-save-item:hover{background:var(--accent, rgba(255, 255, 255, 0.08))}.album-save-item svg{flex-shrink:0;opacity:0.6}.album-save-item span:first-of-type{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-save-item-count{font-size:11px;color:var(--muted-foreground);flex-shrink:0}.ref-thumb[data-name]::after{content:attr(data-name);position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);padding:2px 6px;font-size:9px;color:var(--foreground);background:var(--surface-elevated);border:1px solid var(--border);border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.15s;z-index:10}.ref-thumb[data-name]:hover::after{opacity:1}.ref-thumb.ref-thumb-pending{border-color:var(--primary)!important;border-style:dashed}.ref-thumb-exceeded{filter:grayscale(1);opacity:0.4;pointer-events:none;cursor:default}.ref-thumb-exceeded .ref-thumb-remove{pointer-events:all;cursor:pointer;filter:none;opacity:1}.ref-thumb-exceeded:hover{border-color:var(--border)}.ref-item:has(.ref-thumb-exceeded) .ref-item-name{opacity:0.4}.ref-count-exceeded{background:linear-gradient(to right,#F9E855 0%,#E99430 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ref-thumb-badge{position:absolute;bottom:2px;left:2px;padding:1px 4px;font-size:8px;font-weight:600;color:#000;background:linear-gradient(90deg,rgb(204,255,0) 0%,rgb(234,255,152) 100%);border-radius:3px;z-index:1}.ref-thumb-badge-warning{background:var(--destructive, #dc2626)}.ref-thumb-uploading,.ref-thumb-reuploading{position:relative}.ref-thumb-uploading>.ref-thumb-inner,.ref-thumb-reuploading>.ref-thumb-inner,.ref-thumb-uploading>div:first-child,.ref-thumb-reuploading>div:first-child{position:relative;overflow:hidden;width:100%;height:100%;border-radius:inherit}.ref-thumb-uploading>div:first-child::before,.ref-thumb-reuploading>div:first-child::before{content:""!important;position:absolute!important;inset:0!important;background-color:rgba(15,17,22,0.30)!important;background-image:linear-gradient(110deg,transparent 0%,rgba(204,255,0,0.50) 35%,rgba(255,255,255,0.45) 50%,rgba(204,255,0,0.50) 65%,transparent 100%)!important;background-size:200% 100%!important;background-repeat:no-repeat!important;animation:uploadSweep 1.5s ease-in-out infinite!important;z-index:2!important;border-radius:inherit!important;pointer-events:none!important}.ref-thumb-uploading>div:first-child::after,.ref-thumb-reuploading>div:first-child::after{content:""!important;position:absolute!important;top:50%!important;left:50%!important;width:18px!important;height:18px!important;transform:translate(-50%,-50%);border-radius:50%!important;border:2px solid rgba(255,255,255,0.3)!important;border-top-color:var(--primary, #ccff00)!important;background:transparent!important;animation:uploadSpin 0.8s linear infinite;z-index:3!important;pointer-events:none!important}@keyframes uploadSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes uploadSweep{0%{background-position:200% 0}100%{background-position:-200% 0}}.ref-thumb-uploading .ref-thumb-badge,.ref-thumb-reuploading .ref-thumb-badge{display:none!important}.ref-thumb-uploading.ref-thumb-provider-local .ref-thumb-badge{display:block!important;z-index:5}.ref-thumb-uploading .ref-thumb-remove,.ref-thumb-reuploading .ref-thumb-remove{display:none!important}.ref-thumb-reuploading .ref-thumb-save{display:none!important}.ref-upload-status{position:absolute;left:3px;right:3px;bottom:3px;z-index:4;overflow:hidden;padding:2px 3px;border-radius:4px;background:rgba(8,10,14,0.82);color:#fff;font-size:8px;font-weight:600;line-height:1.15;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.frame-source-remove{position:absolute!important;top:2px;right:2px;width:18px;height:18px;padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--destructive, #dc2626);color:#fff;font:600 13px/1 sans-serif;cursor:pointer;z-index:5;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.frame-source-thumb:hover>.frame-source-remove,.frame-source-thumb:focus-within>.frame-source-remove{opacity:1;visibility:visible;pointer-events:auto}.frame-source-remove:hover{transform:scale(1.08)}.ref-thumb-uploading[data-index]::before,.ref-thumb-reuploading[data-index]::before{display:none!important}.ref-thumb-cross-project{border-color:var(--destructive, #dc2626)!important;border-width:2px!important;overflow:hidden}.ref-thumb-cross-project img{display:none}.ref-thumb-cross-project::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(110deg,rgba(220,38,38,0.1) 0%,rgba(220,38,38,0.05) 40%,rgba(255,255,255,0.15) 50%,rgba(220,38,38,0.05) 60%,rgba(220,38,38,0.1) 100%);background-size:200% 100%;animation:crossProjectSweep 1.5s ease-in-out infinite;z-index:0}@keyframes crossProjectSweep{0%{background-position:200% 0}100%{background-position:-200% 0}}.ref-thumb-cross-project .cross-project-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--destructive, #dc2626);opacity:0.6;z-index:1}.task-ref-thumb-cross-project{border:2px solid var(--destructive, #dc2626);border-radius:4px;position:relative;overflow:hidden}.task-ref-thumb-cross-project::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(110deg,rgba(220,38,38,0.15) 0%,rgba(220,38,38,0.08) 40%,rgba(255,255,255,0.2) 50%,rgba(220,38,38,0.08) 60%,rgba(220,38,38,0.15) 100%);background-size:200% 100%;animation:crossProjectSweep 1.5s ease-in-out infinite}img.task-ref-thumb-cross-project{opacity:0}.ref-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:grab;transition:transform 0.15s,opacity 0.15s}.ref-item:active{cursor:grabbing}.ref-item.dragging{opacity:0.5;transform:scale(0.95)}.ref-item.drag-over{transform:scale(1.05)}.ref-item.drag-over .ref-thumb{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.ref-item-name{font-size:10px;color:#ffffff;background:rgba(255,255,255,0.1);padding:2px 8px;border-radius:4px;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:all 0.15s}.ref-item-name:hover{background:rgba(255,255,255,0.2)}.ref-mention-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;margin-top:8px;background:var(--surface);border-radius:6px}.ref-mention-bar.hidden{display:none}.ref-limit-hint{display:flex;align-items:center;gap:6px;padding:6px 10px;margin-top:6px;margin-bottom:5px;font-size:11px;color:var(--muted-foreground);background:rgba(59,130,246,0.08);border-radius:6px}.ref-limit-hint.hidden{display:none}.ref-limit-hint svg{flex-shrink:0;color:var(--primary)}.ref-mention-label{font-size:10px;color:var(--muted-foreground)}.ref-mention-tags{display:flex;flex-wrap:wrap;gap:4px}#mentionHelperTags,#taskMentionHelperTags{display:grid;grid-template-rows:repeat(2,22px);grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start;flex:1 1 100%;width:100%;min-width:0;max-height:48px;overflow-y:hidden;overflow-x:auto;touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-width:none;user-select:none}#mentionHelperTags::-webkit-scrollbar,#taskMentionHelperTags::-webkit-scrollbar{display:none}#mentionHelperTags.is-drag-scrolling,#mentionHelperTags.is-drag-scrolling *,#taskMentionHelperTags.is-drag-scrolling,#taskMentionHelperTags.is-drag-scrolling *{cursor:grabbing!important}#mentionHelperTags .mention-tag,#taskMentionHelperTags .ref-mention-tag{height:22px;box-sizing:border-box;max-width:100%;min-width:0;flex-shrink:0;white-space:nowrap}#mentionHelperTags .mention-tag>span,#taskMentionHelperTags .ref-mention-tag>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.mention-tag,.ref-mention-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 3px;font-size:11px;font-family:var(--font-mono);color:#ffffff;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:10px;cursor:pointer;transition:all 0.15s}.mention-tag:hover,.ref-mention-tag:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.4)}.mention-tag-thumb,.ref-mention-tag-thumb{width:16px;height:16px;border-radius:4px;object-fit:cover;flex-shrink:0;background:rgba(255,255,255,0.08)}#taskMentionHelper{margin-bottom:5px}.ref-status{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:10px;color:var(--muted-foreground)}.ref-status.hidden{display:none}.ref-status-text{color:var(--muted-foreground)}.ref-status-hint{opacity:0.6}.ref-sequential-toggle{margin:8px 0}.ref-sequential-toggle.hidden{display:none}.ref-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.ref-toggle input{display:none}.ref-toggle-track{position:relative;width:36px;height:20px;background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:all 0.2s}.ref-toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--muted-foreground);border-radius:50%;transition:all 0.2s}.ref-toggle input:checked+.ref-toggle-track{background:var(--primary);border-color:var(--primary)}.ref-toggle input:checked+.ref-toggle-track .ref-toggle-thumb{left:18px;background:var(--primary-foreground)}.ref-toggle-label{font-size:12px;color:var(--muted-foreground)}.ref-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding-top:4px}.ref-clear-all{flex:0 0 28px;width:28px;height:28px;margin-left:auto;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted-foreground);cursor:pointer}.ref-clear-all:hover:not(:disabled){color:#ef4444;background:rgba(239,68,68,.1)}.ref-clear-all:disabled{opacity:.4;cursor:not-allowed}.ref-clear-all.hidden{display:none}.ref-toolbar.hidden{display:none}.ref-drag-hint{display:flex;align-items:center;gap:6px;padding:5px 12px;font-size:12px;color:var(--muted-foreground);background:var(--surface);border-radius:var(--radius-pill);flex-shrink:0}.ref-drag-hint.hidden{display:none}.ref-quick-tabs{display:flex;align-items:center;gap:4px}.ref-quick-pill{display:flex;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;color:var(--muted-foreground);background:var(--surface);border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all 0.15s ease;white-space:nowrap}.ref-quick-pill:hover{color:var(--foreground);background:var(--surface-hover)}.ref-quick-pill svg{flex-shrink:0;opacity:0.7}.ref-quick-pill:hover svg{opacity:1}.ref-quick-pill--icon-only{padding:5px 10px}.ref-quick-pill--icon-only span{display:none}.ref-drag-hint svg{opacity:0.5}.ref-ratio-count{font-size:12px;font-weight:500;padding:2px 0px;border-radius:var(--radius-pill);background:#1a1a1e;color:var(--foreground);white-space:nowrap;flex-shrink:0}.ref-ratio-count:empty{display:none}.ref-ratio-count.match{color:var(--success, #22c55e)}.ref-ratio-count.match .count-images,.ref-ratio-count.match .count-prompts{color:var(--success, #22c55e)}.ref-ratio-count.excess-images,.ref-ratio-count.excess-prompts{font-size:10px;background:linear-gradient(to right,#F9E855 0%,#E99430 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ref-ratio-count.excess-images .count-images,.ref-ratio-count.excess-images .count-prompts,.ref-ratio-count.excess-images .count-excess,.ref-ratio-count.excess-prompts .count-images,.ref-ratio-count.excess-prompts .count-prompts,.ref-ratio-count.excess-prompts .count-shortage{color:var(--destructive, #ef4444)}.ref-mode-disabled #refToolbarActions,.ref-mode-disabled #refToolbar,.ref-mode-disabled #refImagesPreview,.ref-mode-disabled #mentionHelper,.ref-mode-disabled #refCountRow{display:none!important}.ref-count-row{display:flex;align-items:center;justify-content:flex-start;gap:6px;margin-top:6px}.ref-count-row .ref-count{margin-top:0}.ref-count-row .ref-btn-album{flex-shrink:0;width:24px;height:24px;padding:0;padding-top:3px!important;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--muted-foreground);cursor:pointer;transition:background 0.15s ease,color 0.15s ease}.ref-count-row .ref-btn-album:hover{background:rgba(255,255,255,0.06);color:var(--foreground)}.ref-count-row .ref-btn-album svg{width:22px;height:22px}.ref-count{font-size:11px;color:var(--muted-foreground);margin-top:6px}.ref-count.hidden{display:none}.ref-images-preview{display:flex;flex-wrap:wrap;gap:6px}.ref-images-count{font-size:11px;color:var(--muted-foreground)}.ref-images-count.hidden{display:none}.section-header--with-select>.ref-per-prompt-control{display:inline-flex;width:auto;flex:0 0 auto;min-width:0}.section-header--with-select>.ref-per-prompt-control input{width:28px!important;min-width:28px}.section-header--with-select>.ref-mode-select{display:flex}.section-header--with-select>.ref-per-prompt-control.hidden{display:none}.ref-action-row{display:none}.ref-images-drag-hint{display:none}.btn-ref-pick,.btn-ref-capture,.btn-ref-save-album{display:none}.mention-helper{display:none}.ref-status{display:none}.mention-autocomplete-dropdown{position:fixed;z-index:10000;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.3);max-height:200px;overflow-y:auto}.mention-autocomplete-item{display:flex;align-items:center;gap:6px;padding:3px 6px;font-size:12px;font-family:monospace;color:var(--foreground);cursor:pointer;transition:background var(--transition-fast)}.mention-autocomplete-item:hover,.mention-autocomplete-item.selected{background:var(--surface-hover)}.mention-autocomplete-item.selected{background:rgba(51,90,245,0.15);color:var(--primary)}.mention-autocomplete-dropdown .mention-autocomplete-thumb{width:24px;height:24px;border-radius:3px;object-fit:cover;flex-shrink:0;background:var(--surface);border:1px solid var(--border)}.mention-autocomplete-thumb-placeholder{display:inline-block;background:var(--surface);opacity:0.5}.mention-autocomplete-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-image-name-popup{position:fixed;z-index:9999;background:var(--surface-elevated, #1e1e24);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.5);padding:8px;min-width:180px}.ref-image-name-popup-title{font-size:11px;color:var(--muted-foreground);margin-bottom:6px}.ref-image-name-input-wrap{display:flex;align-items:center;gap:4px}.ref-image-name-input{flex:1;min-width:0;padding:6px 10px;font-size:13px;background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--foreground);outline:none;transition:border-color 0.15s}.ref-image-name-input:focus{border-color:var(--primary)}.ref-image-name-save{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--primary);border:none;border-radius:6px;color:var(--primary-foreground);cursor:pointer;flex-shrink:0;transition:background 0.15s}.ref-image-name-save:hover{background:var(--primary-hover)}.ref-image-name-popup-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998}.btn-ref-save-album{width:42px;height:42px;display:flex;align-items:center;justify-content:center;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--muted-foreground);cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.btn-ref-save-album:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.btn-ref-save-album:disabled{opacity:0.5;cursor:not-allowed}.gen-run-mode-row{display:flex;justify-content:center;margin-bottom:10px}.gen-run-mode-btn{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all 0.2s ease}.gen-run-mode-btn:hover{background:var(--surface-hover);color:var(--foreground)}.gen-run-mode-btn.active{background:var(--surface);border-color:var(--primary);color:var(--primary)}.gen-run-mode-btn svg{width:14px;height:14px}.gen-run-mode-label{font-weight:500}.btn-generate{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 24px;background:linear-gradient(90deg,rgb(204,255,0) 0%,rgb(234,255,152) 100%);color:#0a0a0a;border:0!important;outline:none;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);letter-spacing:0.1px;box-shadow:0 4px 18px rgba(190,242,100,0.35)}.btn-generate:hover:not(:disabled){background:linear-gradient(90deg,#b8e600 0%,#deff70 100%);box-shadow:0 6px 22px rgba(204,255,0,0.4)}.btn-generate:active{transform:scale(0.97);box-shadow:0 2px 10px rgba(190,242,100,0.3)}.btn-generate:disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.btn-generate svg{color:#0a0a0a}.gen-btn-row{width:100%}.gen-btn-row .btn-generate{width:100%}.gen-btn-row.is-running .btn-generate,.gen-btn-row.is-running .btn-generate:disabled,.gen-btn-row.is-running .btn-generate:hover{background:linear-gradient(90deg,#FF97C2 0%,#76ADFF 100%)!important;color:#e5e7eb!important;cursor:not-allowed!important;opacity:1!important;transform:none!important;position:relative!important;z-index:3!important;box-shadow:0 0 0 1px hsla(320,80%,70%,0.65),0 0 0 4px hsla(280,85%,65%,0.18),0 0 24px 6px hsla(220,90%,65%,0.38),0 8px 24px rgba(0,0,0,0.35);animation:gen-running-pulse 1.6s ease-in-out infinite!important;pointer-events:none!important}.gen-btn-row.is-running .btn-generate svg{color:#e5e7eb!important;animation:gen-running-spin 2s linear infinite!important}@keyframes gen-running-pulse{0%,100%{box-shadow:0 0 0 1px hsla(320,80%,70%,0.65),0 0 0 4px hsla(280,85%,65%,0.18),0 0 24px 6px hsla(220,90%,65%,0.38),0 8px 24px rgba(0,0,0,0.35);filter:brightness(1)}50%{box-shadow:0 0 0 1.5px hsla(320,90%,75%,0.85),0 0 0 6px hsla(280,90%,70%,0.32),0 0 40px 10px hsla(220,95%,65%,0.6),0 8px 24px rgba(0,0,0,0.35);filter:brightness(1.06)}}@keyframes gen-running-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.gen-running-controls{display:flex;gap:6px;flex:1}.gen-running-controls.hidden{display:none}.btn-control{flex:1;display:flex;align-items:center;justify-content:center;padding:0;height:42px;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast)}.btn-control svg{width:16px;height:16px}.btn-control.btn-pause{background:var(--surface-elevated);color:var(--foreground)}.btn-control.btn-pause:hover{background:var(--muted)}.btn-control.btn-pause.paused{background:var(--success-light);color:var(--success)}.btn-control.btn-pause.paused:hover{background:var(--success);color:white}.btn-control.btn-stop{background:var(--destructive-light);color:var(--destructive)}.btn-control.btn-stop:hover{background:var(--destructive);color:white}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.setting-item label{display:block;font-size:11px;color:var(--muted-foreground);margin-bottom:var(--space-1);text-transform:none;letter-spacing:0;font-weight:500}.input-group{display:flex;align-items:center;background:var(--input);border:1px solid var(--surface);border-radius:var(--radius-pill);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-group:hover{border-color:var(--border-light)}.input-group:focus-within{border-color:var(--border-light)}.input-group input{flex:1;padding:8px var(--space-3);background:transparent;border:none!important;box-shadow:none!important;color:var(--foreground);font-size:13px;font-family:inherit;outline:none;width:0;-moz-appearance:textfield}.input-group input::-webkit-inner-spin-button,.input-group input::-webkit-outer-spin-button{-webkit-appearance:none}.input-group input::placeholder{color:var(--muted-foreground)}.input-suffix{padding:0px var(--space-2);font-size:11px;color:var(--muted-foreground);border-left:1px solid var(--border);white-space:nowrap}.input-group select{width:100%;padding:8px var(--space-3);background:transparent;color:var(--foreground);border:none;border-radius:0;outline:none;font-size:13px;font-family:inherit;appearance:none;cursor:pointer;background-image:none}.input-group select option{background:var(--surface-elevated);color:var(--foreground)}input[type=checkbox]{width:16px;height:16px;accent-color:#ffffff;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;outline:none}.btn:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--ring)}.btn:active{transform:scale(0.97)}.btn-primary{width:100%;background:#ffffff;color:#1a1a1e;border:0}.btn-primary:hover{background:rgba(255,255,255,0.85)}.btn-success{background:var(--success, #22c55e);color:#ffffff;border:0}.btn-success:hover{background:var(--success, #16a34a);filter:brightness(1.05)}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading::after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-top:-8px;margin-left:-8px;border:2px solid rgba(26,26,30,0.3);border-top-color:#1a1a1e;border-radius:50%;animation:btn-spin 0.6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-stop{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px var(--space-4);font-size:13px;font-weight:500;background:var(--destructive-light);color:var(--destructive);border-radius:var(--radius-pill)}.btn-stop:hover{background:rgba(239,68,68,0.22)}.gen-running-controls{display:flex;gap:var(--space-2);width:100%}.gen-running-controls.hidden{display:none}.btn-pause{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px var(--space-3);font-size:13px;font-weight:500;background:var(--surface-elevated);color:var(--foreground);border:1px solid var(--border-light);border-radius:var(--radius-pill);transition:all var(--transition-fast)}.btn-pause:hover{background:var(--muted);border-color:var(--foreground)}.btn-pause.paused{background:var(--success);color:#1a1a1e;border-color:var(--success)}.btn-pause.paused:hover{background:hsl(142,71%,40%)}.btn-pause svg{flex-shrink:0}.btn-stop-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;background:var(--destructive-light);color:var(--destructive);border:1px solid transparent;border-radius:var(--radius-pill);flex-shrink:0;transition:all var(--transition-fast)}.btn-stop-icon:hover{background:rgba(239,68,68,0.25);border-color:var(--destructive)}.btn-secondary{background:none;color:var(--foreground);border-color:var(--border-light)}.btn-secondary:hover{background:var(--surface-elevated)}.btn-ghost{background:transparent;color:var(--muted-foreground)}.btn-ghost:hover{background:var(--surface);color:var(--foreground)}.btn-destructive{background:var(--destructive);color:white}.btn-destructive:hover{opacity:0.9}.btn-danger:hover{background:var(--destructive-light);border-color:rgba(239,68,68,0.3);color:var(--destructive)}.btn-sm{padding:4px 10px;font-size:12px}.btn-lg{padding:8px 20px;font-size:14px}.btn-icon{padding:6px;min-width:32px;min-height:32px}.tobyflow-refresh-btn{padding:var(--space-2);min-width:28px;display:flex;align-items:center;justify-content:center}.tobyflow-refresh-btn svg{flex-shrink:0}.btn-toolbar-icon{display:inline-flex;align-items:center;justify-content:center;padding:4px!important;min-width:26px!important;min-height:26px!important;width:26px;height:26px}.btn-toolbar-icon svg{flex-shrink:0}#createWorkflowBtn,#addTaskBtn,#addMyPromptBtn,#createFirstWorkflowBtn,#addFirstTaskBtn{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 12px;font-size:12px;font-weight:500;color:var(--background, #000);background:linear-gradient(90deg,rgb(204,255,0) 0%,rgb(234,255,152) 100%);border:none;border-radius:var(--radius);cursor:pointer;white-space:nowrap;max-width:300px;transition:filter 0.15s ease,transform 0.1s ease}#createWorkflowBtn:hover,#addTaskBtn:hover,#addMyPromptBtn:hover,#createFirstWorkflowBtn:hover,#addFirstTaskBtn:hover{filter:brightness(1.1);background:linear-gradient(90deg,rgb(204,255,0) 0%,rgb(234,255,152) 100%)}#createWorkflowBtn:active,#addTaskBtn:active,#addMyPromptBtn:active,#createFirstWorkflowBtn:active,#addFirstTaskBtn:active{transform:scale(0.98)}#createWorkflowBtn svg,#addTaskBtn svg,#addMyPromptBtn svg{flex-shrink:0}.preset-actions{display:flex;gap:var(--space-2)}.actions{padding-top:var(--space-2);padding-bottom:var(--space-2)}.progress-bar-container{width:100%;height:4px;background:var(--surface);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:#ffffff;border-radius:2px;transition:width 0.4s ease}.progress-info{display:flex;justify-content:space-between;font-size:11px;color:var(--muted-foreground);margin-top:var(--space-2)}.tab-btn-icon{flex:0 0 auto;padding:6px 10px;display:flex;align-items:center;justify-content:center}.tab-btn-icon svg{opacity:0.5;transition:opacity var(--transition-fast)}.tab-btn-icon:hover svg,.tab-btn-icon.active svg{opacity:1}.tab-btn.has-new{color:var(--warning)}.tab-btn.has-new::after{content:"";position:absolute;top:4px;right:4px;width:5px;height:5px;background:var(--warning);border-radius:50%}.tobyflow-input,input[type=text],input[type=number],input[type=email],input[type=password],textarea{background:var(--input);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;font-family:var(--font-sans);transition:border-color var(--transition-fast);outline:none;width:100%}select{background:var(--surface-elevated);color:var(--foreground);border:1px solid var(--border-light);border-radius:var(--radius-pill);padding:6px 28px 6px 12px;font-size:12px;font-family:var(--font-sans);transition:border-color var(--transition-fast);outline:none;width:auto;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b8b92' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}select option{background:var(--surface-elevated);color:var(--foreground);padding:6px 10px}.tobyflow-input:focus,input:focus,select:focus,textarea:focus{border-color:var(--border-light);box-shadow:none}.tobyflow-input::placeholder,input::placeholder,textarea::placeholder{color:var(--muted-foreground);opacity:0.7}.tobyflow-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.tobyflow-card:hover{border-color:var(--border-light)}.tobyflow-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:500}.tobyflow-badge-primary{background:rgba(255,255,255,0.10);color:#ffffff}.tobyflow-badge-success{background:var(--success-light);color:var(--success)}.tobyflow-badge-warning{background:var(--warning-light);color:var(--warning)}.tobyflow-badge-destructive{background:var(--destructive-light);color:var(--destructive)}.tobyflow-header{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;background:var(--background);flex-shrink:0;margin-top:5px;gap:8px}.tobyflow-header-brand{display:flex;align-items:center;gap:8px}.tobyflow-header .tobyflow-header-brand{min-width:0;flex:0 1 auto;overflow:visible}.tobyflow-header-logo{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#1a1a1e;border-radius:6px}.tobyflow-header .tobyflow-header-logo{flex-shrink:0}.tobyflow-header-logo img{width:24px;height:24px}.tobyflow-header-title{font-size:13px;font-weight:600;color:var(--foreground);white-space:nowrap}.tobyflow-header .tobyflow-header-title{min-width:0;overflow:hidden;text-overflow:ellipsis}.tobyflow-user-plan-badge{display:inline-flex;align-items:center;box-sizing:border-box;min-height:18px;line-height:14px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:600;text-transform:uppercase;border-radius:4px;letter-spacing:0.3px;cursor:pointer;transition:transform 0.15s,filter 0.15s}.tobyflow-user-plan-badge:hover{transform:scale(1.05)}.tobyflow-user-plan-badge[data-plan=free]{background:var(--muted-foreground);color:var(--foreground)}.tobyflow-user-plan-badge[data-plan=free]:hover{background:linear-gradient(90deg,#fbbf24 0%,#f97316 100%);color:var(--background)}.tobyflow-user-plan-badge[data-plan=pro],.tobyflow-user-plan-badge[data-plan=premium]{background:linear-gradient(135deg,#7e6ffe 0%,#c3a2ff 50%,#3d4ae3 100%)!important;color:#fff;gap:6px;padding:1px 4px;border:1px solid transparent;transition:all 0.2s ease}.tobyflow-user-plan-icon{display:block;width:12px;height:12px;flex-shrink:0;opacity:0.9}.tobyflow-user-plan-badge[data-plan=pro]:hover,.tobyflow-user-plan-badge[data-plan=premium]:hover{filter:brightness(1.1);transform:translateY(-1px)}.tobyflow-header-actions{display:flex;align-items:center;gap:2px;position:relative;z-index:50;flex:0 0 auto;margin-left:auto}.tobyflow-header-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;color:var(--muted-foreground);border:none;cursor:pointer;transition:all var(--transition-fast);position:relative;flex-shrink:0}.footer-wm-label-compact{display:none}.plan-label-compact{display:none;text-transform:none}.gen-ref-label-compact{display:none}@media (max-width: 420px){.gen-ref-label-full{display:none}.gen-ref-label-compact{display:inline}.footer-wm-label-full{display:none}.footer-wm-label-compact{display:inline}#userPlanBadge .plan-label-full,#footerProLabelText .plan-label-full{display:none}#userPlanBadge .plan-label-compact,#footerProLabelText .plan-label-compact{display:inline}.tobyflow-header .tobyflow-header-title{display:none}}@media (max-width: 380px){.tobyflow-header{padding:0 8px;gap:4px}.tobyflow-header-actions{gap:0}.tobyflow-header-actions .tobyflow-header-btn{width:28px}}.tobyflow-header-btn:hover{background:var(--surface);color:var(--foreground)}.tobyflow-settings-dropdown{position:relative;display:inline-flex}.tobyflow-settings-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,0.15);padding:6px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 0.15s ease,transform 0.15s ease,visibility 0.15s ease}.tobyflow-settings-dropdown.open .tobyflow-settings-menu{opacity:1;visibility:visible;transform:translateY(0)}.tobyflow-settings-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;font-weight:500;color:var(--foreground);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background 0.15s ease}.tobyflow-settings-menu-item:hover{background:var(--surface)}.tobyflow-settings-menu-item svg{flex-shrink:0;color:var(--muted-foreground)}.tobyflow-settings-menu-item:hover svg{color:var(--foreground)}.tobyflow-settings-menu-item.hidden{display:none}.tobyflow-settings-menu-item.tobyflow-settings-logout{color:#ef4444;border-top:1px solid var(--border, rgba(0, 0, 0, 0.08));margin-top:4px;padding-top:12px}.tobyflow-settings-menu-item.tobyflow-settings-logout:hover{background:rgba(239,68,68,0.1);color:#dc2626}.tobyflow-settings-menu-item.tobyflow-settings-logout svg{color:#ef4444}.tobyflow-settings-menu-item.tobyflow-settings-logout:hover svg{color:#dc2626}.tobyflow-settings-menu::before{content:"";position:absolute;top:-6px;right:12px;width:10px;height:10px;background:var(--background);border-left:1px solid var(--border);border-top:1px solid var(--border);transform:rotate(45deg)}.tobyflow-tabs{display:flex;align-items:center;gap:2px;padding:4px;background:var(--background);overflow-x:auto;flex-shrink:0;position:relative;z-index:1}.tobyflow-tabs::-webkit-scrollbar{display:none}.tobyflow-tabs,.prompts-subtabs,.photos-subtabs,.tobyflow-workflow-subtabs,.tobyflow-logs-subtabs{flex-wrap:nowrap;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none}.prompts-subtabs::-webkit-scrollbar,.photos-subtabs::-webkit-scrollbar,.tobyflow-workflow-subtabs::-webkit-scrollbar,.tobyflow-logs-subtabs::-webkit-scrollbar{display:none}.prompts-subtab,.photos-subtab,.tobyflow-workflow-subtab,.tobyflow-logs-subtab{flex:0 0 auto;min-width:0;max-width:min(200px,80vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompts-subtab>span,.photos-subtab>span,.tobyflow-workflow-subtab>span,.tobyflow-logs-subtab>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photos-subtab>svg,.tobyflow-logs-subtab>svg{flex-shrink:0}.tobyflow-tab{display:flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 10px;font-size:12px;font-weight:500;font-family:inherit;color:var(--muted-foreground);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);position:relative;flex-shrink:0;white-space:nowrap}.tobyflow-tab span{pointer-events:none}.tobyflow-tab:hover{color:var(--foreground);background:rgba(255,255,255,0.06)}.tobyflow-tab.active{color:var(--primary);background:var(--background)}.tobyflow-tab.active svg{color:var(--primary)}.tobyflow-tab svg{flex-shrink:0}.tobyflow-tab.has-new::after{content:"";width:5px;height:5px;background:var(--warning);border-radius:50%;position:absolute;top:3px;right:3px}.tobyflow-tab-divider{width:1px;height:16px;background:var(--border-light);margin:0 2px;flex-shrink:0}.tobyflow-tab--icon-only{padding:0 8px;min-width:30px}.tobyflow-header-capture{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;font-family:inherit;background:transparent;border:none;border-radius:6px;color:var(--primary);cursor:pointer;transition:all 0.15s;flex-shrink:0}.tobyflow-header-capture:hover{color:var(--foreground);transform:scale(1.05)}.tobyflow-header-capture:active{transform:scale(0.98)}.tobyflow-header-capture svg{width:18px;height:18px}.tobyflow-header-capture.btn-loading{background:var(--background);border-color:var(--primary)}.tobyflow-header-capture.btn-loading::after{width:14px;height:14px;margin-top:-7px;margin-left:-7px;border-color:rgba(var(--primary-raw, 51, 90, 245),0.3);border-top-color:var(--primary)}.capture-toast{position:fixed;top:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--card, #252529);border:1px solid var(--primary);border-radius:8px;color:var(--text-primary, #e8e8ec);font-size:12px;font-weight:500;z-index:10000;animation:captureToastIn 0.25s ease;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.capture-toast svg{color:var(--primary);flex-shrink:0}.capture-toast--hide{opacity:0;transform:translateX(-50%) translateY(-8px);transition:all 0.3s ease}@keyframes captureToastIn{from{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:var(--space-3)}.tools-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all 0.2s;color:var(--foreground)}.tools-item:hover{background:var(--surface-hover);border-color:var(--border-light);transform:translateY(-1px)}.tools-item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(168,85,247,0.15);color:#a855f7}.tools-item-icon--cyan{background:rgba(34,211,238,0.15);color:#22d3ee}.tools-item-icon--blue{background:rgba(34,158,217,0.15);color:#229ED9}.tools-item-icon--purple{background:rgba(168,85,247,0.15);color:#a855f7}.tools-item-label{font-size:12px;font-weight:600;color:var(--foreground);line-height:1}.tools-item-desc{font-size:10px;color:var(--muted-foreground);text-align:center;line-height:1.3}.log-tab-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--surface)}.log-tab-title{font-size:12px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.5px}.log-tab-container{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-3);background:hsla(0,0%,0%,0.15);font-family:var(--font-mono);font-size:11px;line-height:1.7}.log-container{max-height:150px;overflow-y:auto;margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:hsla(0,0%,0%,0.2);border-radius:var(--radius);font-family:var(--font-mono);font-size:11px;line-height:1.7;border:1px solid var(--border)}.log-entry{padding:var(--space-1) 0;border-bottom:1px solid hsla(240,5%,15%,0.3)}.log-entry:last-child{border-bottom:none}.log-entry.success{color:var(--success)}.log-entry.error{color:hsl(0 90% 70%)}.log-entry.info{color:var(--info)}.log-entry.warn{color:var(--warning)}.auto-download-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;row-gap:6px}.gen-chain-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.gen-chain-row .toolbar-toggle{min-width:0}.gen-chain-row .toggle-track{flex:0 0 26px;width:26px;height:15px}.gen-chain-row .toggle-thumb{width:11px;height:11px}.gen-chain-row .toggle-label{white-space:normal;line-height:1.3}.gen-chain-policy-select{flex:0 0 auto;width:46%;max-width:46%}#genChainSection .section-hint{margin-top:7px;color:var(--muted-foreground);font-size:11px;line-height:1.4}.auto-download-row .toolbar-toggle{flex-shrink:0}.gen-dl-subfolder-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:0}.gen-dl-subfolder-wrap.hidden{display:none}.gen-dl-subfolder-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted-foreground);pointer-events:none;z-index:1;stroke-width:1.8}.gen-dl-subfolder-input{flex:1;min-width:0;width:100%;height:24px;font-size:11px;padding:0 28px 0 32px!important;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--foreground);outline:none;transition:border-color 0.15s}.gen-dl-subfolder-input.hidden{display:none}.gen-dl-subfolder-input:focus{border-color:var(--foreground)}.gen-dl-settings-gear{position:absolute;right:4px;margin-left:10px!important;top:0;bottom:0;width:20px;height:auto;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;color:var(--muted-foreground);cursor:pointer;z-index:2;line-height:0;transition:color 0.15s ease}.gen-dl-settings-gear svg{display:block}.gen-dl-settings-gear:hover{color:var(--foreground)}.gen-dl-subfolder-input::placeholder{color:var(--muted-foreground)}.confirm-run-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000100}.confirm-run-modal{background:var(--card, #1e1e1e);border:1px solid var(--modal-border, #3f3f3f);border-radius:12px;width:390px;max-width:90%;padding:0;box-shadow:0 8px 32px rgba(0,0,0,0.4)}.confirm-run-title{font-size:13px;font-weight:600;color:var(--foreground, #e8e8ea)}.confirm-run-close{background:none;border:none;color:var(--muted-foreground, #999);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center}.confirm-run-close:hover{color:var(--foreground, #e8e8ea);background:var(--surface-hover, #2a2a2e)}.confirm-run-header{padding:14px 16px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border, #2a2a2e)}.confirm-run-body{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.confirm-run-stat{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted-foreground, #999)}.confirm-run-stat-value{color:var(--primary, #e8e8ea);font-weight:bold;font-size:18px;padding-right:5px}.confirm-run-stat-actions{display:inline-flex;align-items:center;gap:10px}.confirm-prompt-toggle{display:inline-flex;border:1px solid var(--border, #3f3f3f);border-radius:var(--radius-pill);padding:2px;gap:2px;background:transparent}.confirm-prompt-toggle-btn{border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted-foreground);cursor:pointer;font:inherit;font-size:11px;font-weight:600;padding:4px 7px}.confirm-prompt-toggle-btn:hover,.confirm-prompt-toggle-btn:focus-visible{color:var(--foreground);background:var(--surface-hover, #2a2a2e)}.confirm-prompt-toggle-btn.is-active{color:var(--primary-foreground, #fff);background:var(--primary)}.ref-upload-tile{width:68px;height:68px;flex:0 0 68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted-foreground);font:inherit;font-size:10px;font-weight:600;cursor:pointer;transition:all 0.15s}.ref-upload-tile:hover,.ref-upload-tile:focus-visible{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.ref-upload-tile:disabled{opacity:.55;cursor:wait}.confirm-run-info-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:6px 0;border-radius:6px}.confirm-run-info-label{color:var(--muted-foreground, #999);flex-shrink:0}.confirm-run-info-value{color:var(--foreground, #e8e8ea);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.confirm-run-provider-status{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;padding:9px 12px;border-radius:10px;background:var(--muted, rgba(255,255,255,0.05));border:1px solid var(--border, rgba(255,255,255,0.08))}.confirm-run-provider-status.hidden{display:none}.confirm-flow-tabs-warning{border:1px solid rgba(245,158,11,.38);border-radius:9px;background:rgba(245,158,11,.09);overflow:hidden}.confirm-flow-tabs-warning.hidden{display:none}.confirm-flow-tabs-heading{display:flex;align-items:center;gap:7px;padding:8px 10px;color:var(--foreground);font-size:11px;font-weight:600}.confirm-flow-tabs-heading svg{flex:0 0 auto;color:#d97706}.confirm-flow-tabs-list{display:flex;flex-direction:column;gap:4px;max-height:116px;overflow-y:auto;padding:0 6px 6px}.confirm-flow-tab-row{display:flex;min-width:0;align-items:center;gap:7px;padding:5px 6px;border-radius:5px;background:rgba(0,0,0,.08);font-size:11px}.confirm-flow-tab-id{min-width:0;flex:1;overflow:hidden;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap}.confirm-flow-tab-current{flex:0 0 auto;padding:2px 5px;border-radius:4px;background:rgba(34,197,94,.15);color:#22c55e;font-size:10px;font-weight:600}.confirm-flow-tab-close{display:inline-flex;flex:0 0 auto;align-items:center;gap:3px;border:0;border-radius:4px;padding:3px 5px;background:rgba(239,68,68,.13);color:#ef4444;font:inherit;font-size:10px;cursor:pointer}.confirm-flow-tab-close:hover{background:rgba(239,68,68,.24)}.confirm-flow-tab-close:focus-visible{outline:2px solid #ef4444;outline-offset:1px}.confirm-flow-tab-close:disabled{cursor:wait;opacity:.55}.confirm-run-provider-list{display:flex;flex-direction:column;gap:8px}.confirm-provider-info{display:flex;align-items:center;gap:8px;min-width:0}.confirm-provider-logo{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:var(--secondary, rgba(255,255,255,0.08));color:var(--foreground, #eee);flex-shrink:0}.confirm-provider-logo svg{width:14px;height:14px}.confirm-run-provider-label{color:var(--foreground, #eee);font-weight:600;white-space:nowrap}.confirm-gentype-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;background:rgba(99,102,241,0.15);color:#818cf8;white-space:nowrap}.confirm-gentype-chip.hidden{display:none}.confirm-gentype-chip .badge-icon{width:12px;height:12px;flex-shrink:0}.confirm-run-provider-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;padding:4px 10px;border-radius:999px;background:var(--muted, rgba(255,255,255,0.05));white-space:nowrap;flex-shrink:0}.confirm-run-provider-badge .badge-icon{width:14px;height:14px;flex-shrink:0}.confirm-run-provider-badge .badge-icon-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.confirm-run-provider-badge.is-checking{color:var(--muted-foreground, #888)}.confirm-run-provider-badge.is-ready{background:rgba(34,197,94,0.15);color:#22c55e}.confirm-run-provider-badge.is-warning{background:rgba(245,158,11,0.15);color:#f59e0b}.confirm-run-provider-badge .badge-provider{display:flex;align-items:center;gap:8px;font-weight:500}.confirm-run-provider-badge .badge-status{font-size:11px;opacity:0.8}.confirm-run-fields{display:flex;flex-direction:column;gap:8px;margin-top:10px}.confirm-run-field{display:flex;align-items:center;justify-content:space-between;gap:8px}.confirm-run-field label{font-size:12px;color:var(--muted-foreground, #999);white-space:nowrap}.confirm-run-field select{flex:1;max-width:140px}.confirm-run-footer{padding:10px 16px 14px;display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--border, #2a2a2e)}.confirm-run-footer button{flex:1;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;border:none;transition:background 0.15s,opacity 0.15s}.confirm-run-reload-row{margin-top:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--primary);border-radius:8px;display:flex;flex-direction:column;gap:4px}.confirm-run-reload-row.hidden{display:none}.confirm-run-reload-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--foreground, #e8e8ea);cursor:pointer;user-select:none}.confirm-run-reload-label input[type=checkbox]{cursor:pointer;accent-color:var(--primary)}.confirm-run-reload-hint{font-size:10px;color:var(--muted-foreground, #8b8b92);margin-left:22px}.confirm-run-submitmode-row{margin-top:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--border, #3a3a3e);border-radius:8px;display:flex;flex-direction:column;gap:6px}.confirm-run-submitmode-row.hidden{display:none}.confirm-run-submitmode-title{font-size:11px;font-weight:600;color:var(--muted-foreground, #8b8b92);text-transform:uppercase;letter-spacing:0.04em}.confirm-submitmode-switch{display:flex;gap:4px;padding:3px;background:var(--background, #16161a);border:1px solid var(--border, #3a3a3e);border-radius:10px}.confirm-submitmode-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:none;border-radius:7px;background:transparent;color:var(--muted-foreground, #8b8b92);font-size:12px;font-weight:600;cursor:pointer;user-select:none;transition:background 0.15s ease,color 0.15s ease,box-shadow 0.15s ease}.confirm-submitmode-btn svg{flex-shrink:0;opacity:0.85}.confirm-submitmode-btn:hover:not(.is-active){color:var(--foreground, #e8e8ea);background:var(--surface-hover, rgba(255,255,255,0.04))}.confirm-submitmode-btn.is-active{background:var(--primary);color:var(--background);box-shadow:0 2px 8px rgba(0,0,0,0.25)}.confirm-submitmode-btn.is-active svg{opacity:1}.confirm-run-submitmode-hint{font-size:10px;line-height:1.4;color:var(--muted-foreground, #8b8b92)}.confirm-run-submitmode-hint.is-manual{color:#eab308}.confirm-run-cancel{background:var(--surface-hover, #2a2a2e);color:var(--foreground, #e8e8ea)}.confirm-run-cancel:hover{background:var(--border, #3a3a3e)}.confirm-run-submit{background:#ffffff;color:#1a1a1e;font-weight:600}.confirm-run-submit:hover{opacity:0.9}.confirm-run-footer .confirm-run-submit,.confirm-run-footer .btn-primary{position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 1px 2px rgba(0,0,0,0.28);transition:transform 0.12s cubic-bezier(0.2,0.8,0.3,1),box-shadow 0.12s ease,background 0.15s ease,opacity 0.15s ease}.confirm-run-footer .confirm-run-submit:hover:not(:disabled),.confirm-run-footer .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,0.34)}.confirm-run-footer .confirm-run-submit:active:not(:disabled),.confirm-run-footer .btn-primary:active:not(:disabled){transform:translateY(0) scale(0.955);background:#e6e6e8;box-shadow:inset 0 2px 5px rgba(0,0,0,0.22),0 0 0 rgba(0,0,0,0);transition-duration:0.06s}.confirm-run-footer .confirm-run-submit::after,.confirm-run-footer .btn-primary::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at center,rgba(0,0,0,0.16),transparent 62%);opacity:0;transform:scale(0.35);pointer-events:none;transition:opacity 0.32s ease,transform 0.32s ease}.confirm-run-footer .confirm-run-submit:active:not(:disabled)::after,.confirm-run-footer .btn-primary:active:not(:disabled)::after{opacity:1;transform:scale(1);transition-duration:0.1s}.confirm-run-footer .confirm-run-submit:focus-visible,.confirm-run-footer .btn-primary:focus-visible{outline:none;box-shadow:0 0 0 2px var(--background, #1e1e1e),0 0 0 4px var(--primary, #ccff00)}.confirm-run-footer .confirm-run-submit:disabled,.confirm-run-footer .btn-primary:disabled{transform:none;box-shadow:none;cursor:not-allowed;opacity:0.55}@media (prefers-reduced-motion: reduce){.confirm-run-footer .confirm-run-submit,.confirm-run-footer .btn-primary,.confirm-run-footer .confirm-run-submit::after,.confirm-run-footer .btn-primary::after{transition:background 0.15s ease,opacity 0.15s ease}.confirm-run-footer .confirm-run-submit:hover:not(:disabled),.confirm-run-footer .btn-primary:hover:not(:disabled),.confirm-run-footer .confirm-run-submit:active:not(:disabled),.confirm-run-footer .btn-primary:active:not(:disabled){transform:none}}.tobyflow-exec-tracker{position:relative;overflow:hidden;flex-shrink:0;border-top:1px solid var(--border, rgba(255,255,255,0.08));transition:opacity 0.2s ease}.tobyflow-exec-tracker--hidden{display:none}.tobyflow-exec-tracker__bar{position:relative;height:32px;overflow:hidden}.tobyflow-exec-tracker__progress-fill{position:absolute;left:0;top:0;height:100%;width:0%;transition:width 0.4s ease;z-index:0}.tobyflow-exec-tracker[data-state=running] .tobyflow-exec-tracker__progress-fill{background:linear-gradient(90deg,rgba(34,197,94,0.15),rgba(34,197,94,0.25))}.tobyflow-exec-tracker[data-state=paused] .tobyflow-exec-tracker__progress-fill{background:linear-gradient(90deg,rgba(245,158,11,0.15),rgba(245,158,11,0.25))}.tobyflow-exec-tracker[data-state=done] .tobyflow-exec-tracker__progress-fill{background:rgba(34,197,94,0.12)}.tobyflow-exec-tracker[data-state=error] .tobyflow-exec-tracker__progress-fill{background:rgba(220,38,38,0.12)}.tobyflow-exec-tracker__content{position:relative;z-index:1;display:flex;align-items:center;gap:6px;height:32px;padding:0 var(--space-3, 10px);white-space:nowrap}.tobyflow-exec-tracker__icon{flex-shrink:0;display:flex;align-items:center;color:var(--success, #22c55e)}.tobyflow-exec-tracker[data-state=paused] .tobyflow-exec-tracker__icon{color:var(--warning, #f59e0b)}.tobyflow-exec-tracker[data-state=done] .tobyflow-exec-tracker__icon{color:var(--success, #22c55e)}.tobyflow-exec-tracker[data-state=error] .tobyflow-exec-tracker__icon{color:var(--destructive, #dc2626)}.tobyflow-exec-tracker__label{font-size:11px;font-weight:600;color:var(--foreground, #e8e8ea);overflow:hidden;text-overflow:ellipsis;max-width:120px}.tobyflow-exec-tracker__phase{font-size:10px;color:var(--muted-foreground, #8b8b92);overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.tobyflow-exec-tracker__counter{font-size:11px;font-weight:600;color:var(--foreground, #e8e8ea);font-variant-numeric:tabular-nums;flex-shrink:0}.tobyflow-exec-tracker__elapsed{font-size:10px;color:var(--muted-foreground, #8b8b92);font-variant-numeric:tabular-nums;flex-shrink:0}.tobyflow-exec-tracker__retry-status{font-size:10px;color:#f59e0b;font-weight:500;flex-shrink:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition:opacity 0.2s ease}.tobyflow-exec-tracker__retry-status--visible{opacity:1}.tobyflow-exec-tracker__error-badge{background:var(--destructive, #dc2626);color:#fff;font-size:9px;font-weight:600;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px;flex-shrink:0}.tobyflow-exec-tracker__error-badge--hidden{display:none}.tobyflow-exec-tracker__actions{display:flex;gap:3px;flex-shrink:0}.tobyflow-exec-tracker__btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;cursor:pointer;transition:background 0.15s,color 0.15s;padding:0}.tobyflow-exec-tracker__btn--pause{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.6)}.tobyflow-exec-tracker__btn--pause:hover{background:rgba(255,255,255,0.12);color:var(--foreground, #e8e8ea)}.tobyflow-exec-tracker__btn--stop{background:rgba(239,68,68,0.15);color:#ef4444}.tobyflow-exec-tracker__btn--stop:hover{background:rgba(239,68,68,0.25);color:#ef4444}.tobyflow-exec-tracker[data-state=done],.tobyflow-exec-tracker[data-state=error]{cursor:pointer}.tobyflow-pipeline-footer{position:relative;overflow:hidden;flex-shrink:0;border-top:1px solid var(--border, rgba(255,255,255,0.08));transition:opacity 0.2s ease}.tobyflow-pipeline-footer--hidden{display:none}.tobyflow-pipeline-footer__bar{position:relative;height:32px;overflow:hidden;cursor:pointer}.tobyflow-pipeline-footer__progress-fill{position:absolute;left:0;top:0;height:100%;width:0%;transition:width 0.4s ease;z-index:0}.tobyflow-pipeline-footer[data-state=running] .tobyflow-pipeline-footer__progress-fill{background:linear-gradient(90deg,rgba(59,130,246,0.15),rgba(59,130,246,0.25))}.tobyflow-pipeline-footer[data-state=paused] .tobyflow-pipeline-footer__progress-fill{background:linear-gradient(90deg,rgba(245,158,11,0.15),rgba(245,158,11,0.25))}.tobyflow-pipeline-footer[data-state=done] .tobyflow-pipeline-footer__progress-fill{background:rgba(34,197,94,0.12)}.tobyflow-pipeline-footer__content{position:relative;z-index:1;display:flex;align-items:center;gap:6px;height:32px;padding:0 var(--space-3, 10px);white-space:nowrap}.tobyflow-pipeline-footer__icon{flex-shrink:0;display:flex;align-items:center;color:#3b82f6}.tobyflow-pipeline-footer[data-state=paused] .tobyflow-pipeline-footer__icon{color:var(--warning, #f59e0b)}.tobyflow-pipeline-footer[data-state=done] .tobyflow-pipeline-footer__icon{color:var(--success, #22c55e)}.tobyflow-pipeline-footer__label{font-size:11px;font-weight:600;color:var(--foreground, #e8e8ea);overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.tobyflow-pipeline-footer__counter{font-size:11px;font-weight:600;color:var(--foreground, #e8e8ea);font-variant-numeric:tabular-nums;flex-shrink:0}.tobyflow-pipeline-footer__elapsed{font-size:10px;color:var(--muted-foreground, #8b8b92);font-variant-numeric:tabular-nums;flex-shrink:0}.tobyflow-pipeline-footer__retry-status{font-size:10px;color:#f59e0b;font-weight:500;flex-shrink:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition:opacity 0.2s ease}.tobyflow-pipeline-footer__retry-status--visible{opacity:1}.tobyflow-pipeline-footer__actions{display:flex;gap:3px;flex-shrink:0}.tobyflow-pipeline-footer__btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;cursor:pointer;transition:background 0.15s,color 0.15s;padding:0}.tobyflow-pipeline-footer__btn svg{width:14px;height:14px}.tobyflow-pipeline-footer__btn--stop-all{background:rgba(239,68,68,0.15);color:#ef4444}.tobyflow-pipeline-footer__btn--stop-all:hover{background:rgba(239,68,68,0.25)}.tobyflow-pipeline-footer__btn--pause-resume{background:rgba(234,179,8,0.15);color:#facc15}.tobyflow-pipeline-footer__btn--pause-resume:hover{background:rgba(234,179,8,0.28)}.tobyflow-pipeline-footer[data-state=paused] .tobyflow-pipeline-footer__btn--pause-resume{background:rgba(34,197,94,0.18);color:#4ade80}.tobyflow-pipeline-footer[data-state=paused] .tobyflow-pipeline-footer__btn--pause-resume:hover{background:rgba(34,197,94,0.28)}.tobyflow-pipeline-footer__jobs{display:none;max-height:0;overflow:hidden;transition:max-height 0.2s ease}.tobyflow-pipeline-footer__jobs--expanded{display:block;max-height:160px;overflow-y:auto;border-top:1px solid var(--border, rgba(255,255,255,0.06))}.tobyflow-pipeline-footer__job{display:flex;align-items:center;gap:6px;padding:4px var(--space-3, 10px);font-size:11px}.tobyflow-pipeline-footer__job-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.tobyflow-pipeline-footer__job-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foreground, #e8e8ea)}.tobyflow-pipeline-footer__job-pct{font-size:10px;color:var(--muted-foreground, #8b8b92);font-variant-numeric:tabular-nums;flex-shrink:0}.tobyflow-pipeline-footer__job-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;padding:0;flex-shrink:0}.tobyflow-pipeline-footer__job-btn--stop{background:rgba(239,68,68,0.15);color:#ef4444}.tobyflow-pipeline-footer__job-btn--stop:hover{background:rgba(239,68,68,0.25)}.tobyflow-pipeline-footer__job-btn--pause{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.6)}.tobyflow-pipeline-footer__job-btn--pause:hover{background:rgba(255,255,255,0.12);color:var(--foreground, #e8e8ea)}.tobyflow-pipeline-footer__job-btn--resume{background:rgba(34,197,94,0.2);color:#4ade80}.tobyflow-pipeline-footer__job-btn--resume:hover{background:rgba(34,197,94,0.3)}.tobyflow-pipeline-footer[data-state=done]{cursor:pointer}.footer{position:relative;z-index:10;padding:var(--space-2) var(--space-3);font-size:11px;color:var(--muted-foreground);border-top:none;background:var(--background)}.footer-guest{text-align:center}.footer-version{opacity:0.7}.footer-guest{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.footer-guest .footer-free-row{width:100%}.footer-guest .footer-usage-inline{margin-left:auto}.footer-register-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:1px solid rgba(255,215,0,0.3);border-radius:12px;color:#FFD700;font-size:11px;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;flex-shrink:0}.footer-register-btn:hover{background:rgba(255,215,0,0.1);border-color:rgba(255,215,0,0.5)}.footer-free{display:flex;flex-direction:column}.footer-free-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.footer-usage-inline{display:flex;align-items:center;gap:12px;margin-left:auto}.footer-free .footer-free-row,.footer-guest .footer-free-row{justify-content:flex-start}.footer-free .footer-usage-inline,.footer-guest .footer-usage-inline{margin-left:0;flex:0 1 auto;min-width:0}.footer-free .footer-usage-quotas,.footer-guest .footer-usage-quotas{margin-left:auto}.footer-free .footer-usage-quotas,.footer-guest .footer-usage-quotas{display:none}.footer-usage-features{display:flex;align-items:center;gap:8px}.footer-usage-quotas{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:background 0.15s}.footer-usage-quotas:hover{background:rgba(255,255,255,0.05)}.footer-usage-item{display:flex;align-items:center;gap:4px;cursor:help}.footer-usage-item svg{width:14px;height:14px;color:var(--muted-foreground);opacity:0.7}.footer-usage-label{font-size:11px;color:var(--muted-foreground)}.footer-usage-value{font-size:11px;font-weight:600;color:var(--foreground)}.footer-usage-sep{color:var(--border);font-size:10px}.footer-feature{display:flex;align-items:center;gap:3px;cursor:help}.footer-feature[data-enabled=false]{opacity:0.7}.footer-feature-status{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:3px}.footer-feature-status--on{background:rgba(34,197,94,0.2);color:#22c55e}.footer-feature-status--off{background:rgba(239,68,68,0.15);color:#ef4444}.footer-feature-text{font-size:10px;font-weight:500;color:var(--muted-foreground)}.footer-usage-unlimited{color:#FFD700;font-weight:700;padding-bottom:2px}.theme-light .footer-usage-quotas:hover{background:rgba(0,0,0,0.04)}.footer-upgrade-link{display:flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(90deg,#fbbf24 0%,#f97316 100%);border:none;border-radius:12px;color:var(--background);font-size:11px;font-weight:500;cursor:pointer;transition:all 0.2s ease}.footer-upgrade-link:hover{filter:brightness(1.1)}.footer-upgrade-link svg{flex-shrink:0}.footer-premium{display:flex;flex-direction:column}.footer-premium-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(90deg,#fbbf24 0%,#f97316 100%);border:0;border-radius:12px;color:var(--background);font-size:11px;font-weight:500;cursor:pointer;transition:all 0.2s ease}.footer-premium-badge:hover{filter:brightness(1.1)}.footer-premium-badge svg{flex-shrink:0}.footer-pro-label{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:14px;font-size:11px;font-weight:600;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent}.footer-pro-label:hover{filter:brightness(1.15);transform:translateY(-1px)}.footer-pro-label svg{flex-shrink:0;opacity:0.9}.footer-pro-label--free{background:linear-gradient(135deg,rgba(100,116,139,0.2) 0%,rgba(100,116,139,0.1) 100%);color:#94a3b8;border-color:rgba(100,116,139,0.3)}.footer-pro-label--guest{background:linear-gradient(135deg,rgba(100,116,139,0.15) 0%,rgba(100,116,139,0.08) 100%);color:#64748b;border-color:rgba(100,116,139,0.2)}.footer-pro-label--premium{background:linear-gradient(135deg,#7e6ffe 0%,#c3a2ff 50%,#3d4ae3 100%);color:#fff;border-color:transparent;padding:1px 4px;font-size:9px;font-weight:600;text-transform:uppercase;border-radius:4px;letter-spacing:0.3px}.footer-pro-label--premium:hover{filter:brightness(1.1)}.theme-light .footer-pro-label--free{background:linear-gradient(135deg,rgba(100,116,139,0.12) 0%,rgba(100,116,139,0.06) 100%);color:#64748b}.theme-light .footer-pro-label--guest{background:linear-gradient(135deg,rgba(100,116,139,0.1) 0%,rgba(100,116,139,0.05) 100%);color:#94a3b8}#adminExtractBtn{color:#a78bfa}#adminExtractBtn:hover{color:#c4b5fd;background:rgba(139,92,246,0.15)}#adminExtractBtn.extracting{opacity:0.6;animation:pulse 1s ease-in-out infinite}#adminExtractBtn:disabled{cursor:not-allowed}.premium-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn 0.15s ease}.premium-modal{width:80%;max-width:600px;background:var(--card);border:1px solid transparent;border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,0.4);overflow:hidden}.premium-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(216deg,#9262ff33,#000000);border-bottom:1px solid #8b5cf666}.premium-modal-header h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#FFD700;margin:0}.premium-modal-body{padding:16px}.premium-plan-content{font-size:13px;line-height:1.6;color:var(--foreground)}.premium-plan-content .plan-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.premium-plan-content .plan-benefits li{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:rgba(255,255,255,0.03);border-radius:var(--radius);font-size:12px;position:relative;padding-left:32px}.premium-plan-content .plan-benefits li::before{content:"";position:absolute;left:10px;top:12px;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.premium-plan-content .plan-benefits li strong{color:#FFD700;font-weight:600}.premium-benefits-list{display:flex;flex-direction:column;gap:10px}.premium-benefit-item{display:flex;align-items:flex-start;gap:10px;padding:10px;background:rgba(255,255,255,0.03);border-radius:var(--radius)}.premium-benefit-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,215,0,0.2) 0%,rgba(255,165,0,0.15) 100%);border-radius:6px;color:#FFD700;flex-shrink:0}.premium-benefit-content{flex:1}.premium-benefit-name{font-size:12px;font-weight:600;color:var(--foreground);margin-bottom:2px}.premium-benefit-value{font-size:11px;color:var(--muted-foreground)}.benefit-check{flex-shrink:0;width:20px;display:flex;align-items:center;justify-content:center}.benefit-check .benefit-value{font-size:12px;font-weight:600;color:#FFD700}.benefit-label{font-size:13px;color:var(--foreground);line-height:1.4}.tobyflow-premium-crown{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1a1a1e;box-shadow:0 1px 3px rgba(0,0,0,0.3)}.tobyflow-header-user{position:relative;display:flex;align-items:center}.tobyflow-user-avatar{position:relative}.language-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn 0.15s ease}.language-modal{width:280px;background:var(--card, #1e1e1e);border:1px solid var(--modal-border, #3f3f3f);border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,0.4);overflow:hidden}.language-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.language-modal-header h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--foreground);margin:0}.language-modal-body{padding:8px}.language-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:transparent;border:none;border-radius:var(--radius);color:var(--foreground);font-size:14px;cursor:pointer;transition:all 0.15s ease}.language-option:hover{background:var(--surface)}.language-option.active{background:var(--primary-muted)}.language-flag{width:24px;height:18px;border-radius:2px;object-fit:cover}.language-name{flex:1;text-align:left;font-weight:500}.language-check{color:var(--primary);opacity:0;transition:opacity 0.15s ease}.language-option.active .language-check{opacity:1}.flow-task-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:12px;margin-bottom:var(--space-1);background:var(--surface);gap:var(--space-2);border:1px solid var(--border);transition:background var(--transition-fast),border-color var(--transition-fast);cursor:pointer}.flow-task-item:hover{background:var(--surface-elevated);border-color:var(--border-light)}.flow-task-item .task-no{font-weight:700;color:#ffffff;min-width:28px;flex-shrink:0}.flow-task-item .task-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-task-item .task-status{font-size:10px;padding:var(--space-1) var(--space-2);border-radius:9999px;font-weight:600;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:0.3px}.flow-task-item .task-status.s-pending{background:var(--muted);color:var(--muted-foreground)}.flow-task-item .task-status.s-processing{background:rgba(255,255,255,0.10);color:#ffffff}.flow-task-item .task-status.s-done{background:hsla(142,71%,45%,0.15);color:var(--success)}.flow-task-item .task-status.s-error,.flow-task-item .task-status.s-fail{background:hsla(0,84%,60%,0.15);color:hsl(0 90% 70%)}.task-thumbnail{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm)}.task-menu-dropdown{position:absolute;right:0;top:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:140px;z-index:1000;box-shadow:0 4px 16px rgba(0,0,0,0.3);display:flex;flex-direction:column;padding:var(--space-1) 0}.task-menu-item{padding:var(--space-2) var(--space-3);cursor:pointer;color:var(--foreground);font-size:13px;transition:background var(--transition-fast)}.task-menu-item:hover{background:var(--accent)}details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}details[open] summary span:last-child{transform:rotate(180deg)}details summary span:last-child{transition:transform var(--transition-fast)}.hidden{display:none!important}.uploading .img-remove-btn{display:none!important}#activeAddonsList{font-size:12px;color:var(--success);background:hsla(142,71%,45%,0.1);padding:var(--space-2);border-radius:var(--radius);border:1px solid hsla(142,71%,45%,0.2)}#imagePreviewContainer,#flowImagePreviewContainer,#fileIdThumbnails{display:flex;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;max-height:100px;overflow-y:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.log-container::-webkit-scrollbar{width:4px}.log-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.task-list-container::-webkit-scrollbar,#flowTaskList::-webkit-scrollbar{width:4px}.task-list-container::-webkit-scrollbar-thumb,#flowTaskList::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:none;box-shadow:none}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-in{animation:slideIn var(--transition-normal)}.loading{position:relative;pointer-events:none}.loading::after{content:"";position:absolute;inset:0;background:hsla(240,5%,11%,0.7);border-radius:inherit;display:flex;align-items:center;justify-content:center}.skeleton{background:linear-gradient(90deg,var(--muted) 25%,var(--border) 50%,var(--muted) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.storage-options{display:flex;flex-direction:column;gap:var(--space-2)}.storage-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast)}.storage-option:hover{border-color:var(--border-light);background:var(--surface-elevated)}.storage-option input[type=radio]{margin-top:2px}.storage-option-content{display:flex;flex-direction:column;gap:2px}.storage-option-title{font-weight:600;color:var(--foreground)}.storage-option-desc{font-size:11px;color:var(--muted-foreground)}.connection-result.success{color:var(--success)}.connection-result.error{color:hsl(0 90% 70%)}.settings-checkbox-row{display:flex;align-items:center;gap:var(--space-2)}.settings-checkbox-row label{font-size:13px;cursor:pointer;margin:0;text-transform:none;letter-spacing:0;font-weight:400;color:var(--foreground)}.settings-stack{display:flex;flex-direction:column;gap:10px;margin-top:var(--space-2)}.settings-actions-row{display:flex;gap:var(--space-2)}.settings-actions-row .btn{flex:1}.settings-section-gap{margin-top:10px}.settings-select{width:100%;background:transparent;color:var(--foreground);border:none;outline:none;padding:7px var(--space-3);padding-right:28px;font-size:13px;font-family:inherit;appearance:none;-webkit-appearance:none;cursor:pointer}.settings-select option{background:var(--card);color:var(--foreground)}.settings-radio-group{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:4px}.settings-radio{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;color:var(--foreground)}.settings-radio input[type=radio]{margin:0;accent-color:#ffffff}.workflow-list{display:flex;flex-direction:column;gap:var(--space-2);flex:1;overflow-y:auto;min-height:0;padding:var(--space-3);z-index:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);text-align:center;color:var(--muted-foreground);gap:var(--space-3)}.empty-state svg{opacity:0.5}.empty-state p{font-size:13px}[class$=-empty-state],.empty-state{background-image:radial-gradient(70% 50% at 50% 50%,rgb(33 33 33 / 85%) 0%,var(--background) 100%),url(/icons/grid-bkg.png);background-size:auto,24px 24px;background-position:55% 55%}.wf-rate-limit-banner{display:none;background:linear-gradient(135deg,rgba(99,102,241,0.12) 0%,rgba(139,92,246,0.12) 100%);color:var(--text-primary, #374151);border:1px solid rgba(99,102,241,0.25);padding:10px 14px;border-radius:8px;margin:8px 12px;font-size:13px;font-weight:500;display:none;align-items:center;justify-content:center;gap:8px;animation:wf-rate-limit-fade-in 0.25s ease-out}.wf-rate-limit-banner .wf-rate-limit-icon{flex-shrink:0;color:#6366f1}.wf-rate-limit-banner .wf-rate-limit-text{line-height:1.4}.wf-rate-limit-banner .wf-rate-limit-countdown{font-weight:600;color:#6366f1}@keyframes wf-rate-limit-fade-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.workflow-card{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--secondary);border:1px solid var(--secondary);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast)}.workflow-card:hover{border-color:var(--border-light);background:var(--surface-elevated)}.workflow-card-info{display:flex;flex-direction:column;gap:2px}.workflow-card-name{font-weight:600;color:var(--foreground)}.workflow-card-name[role=button]{cursor:pointer;transition:color var(--transition-fast)}.workflow-card-name[role=button]:hover,.workflow-card-name[role=button]:focus-visible{color:var(--primary);outline:none}.workflow-card-meta{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted-foreground)}.workflow-card-node-icon{flex-shrink:0;opacity:0.6}.workflow-card-time-row{display:flex;align-items:center;gap:8px}.wf-share-avatars{display:flex;align-items:center}.wf-share-avatar{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--primary);color:#fff;font-size:9px;font-weight:600;margin-left:-6px;border:2px solid var(--background);cursor:default;transition:transform 0.15s ease}.wf-share-avatar:first-child{margin-left:0}.wf-share-avatar:hover{transform:scale(1.15);z-index:10}.wf-share-avatar-more{background:var(--muted);color:var(--muted-foreground);font-size:8px}.workflow-card-actions,.task-card-actions{display:flex;gap:var(--space-1)}.task-card-status,.workflow-card-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;flex-shrink:0!important;background:var(--muted)!important;border-radius:50%!important;color:var(--muted-foreground)!important;margin-right:15px!important;margin-left:5px}.task-card-status{margin-right:5px!important}.task-card-status svg,.workflow-card-status svg{width:14px!important;height:14px!important;display:block!important}.task-card-status.idle,.task-card-status.pending,.workflow-card-status.idle,.workflow-card-status.pending{color:var(--muted-foreground)!important;background:var(--muted)!important}.task-card-status.running,.workflow-card-status.running{color:#fff!important;background:linear-gradient(135deg,#ec4899,#8b5cf6)!important;animation:none!important}.task-card-status.completed,.workflow-card-status.completed{color:#fff!important;background:var(--success, #22c55e)!important}.task-card-status.error,.task-card-status.failed,.workflow-card-status.error,.workflow-card-status.failed{color:#fff!important;background:var(--destructive, #ef4444)!important}.status-icon-spin{animation:gen-running-spin 1.2s linear infinite!important;transform-origin:center!important}@property --df-run-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.workflow-card.running,.task-card.running{border:2px solid transparent!important;border-radius:calc(var(--radius) + 2px)!important;background:linear-gradient(var(--secondary),var(--secondary)) padding-box,conic-gradient(from var(--df-run-angle),var(--secondary) 0deg,var(--secondary) 215deg,#FF5FA8 250deg,#C26DC4 278deg,#9178D9 300deg,#6682ED 320deg,#3E8BFF 338deg,var(--secondary) 360deg) border-box!important;box-shadow:0 0 16px 1px hsla(220,90%,65%,0.34),0 4px 12px rgba(0,0,0,0.25);animation:dfRunBorderSpin 3s linear infinite!important;position:relative!important;z-index:2!important}.workflow-card.pending{border-color:var(--warning);border-width:2px;border-radius:calc(var(--radius) + 2px);background:hsla(38,92%,50%,0.05);box-shadow:0 0 0 1px rgba(245,158,11,0.1);opacity:0.85}.workflow-running-label{display:inline-block;font-size:11px;font-weight:600;color:#c084fc;margin-left:6px}@keyframes dfRunBorderSpin{to{--df-run-angle: 360deg}}@media (prefers-reduced-motion: reduce){.workflow-card.running,.task-card.running{animation:dfRunBorderSpin 6s linear infinite!important}}.workflow-card.opening{opacity:0.5;pointer-events:none}.workflow-card.editing{border-color:#3b82f6;border-width:2px;box-shadow:0 0 0 1px rgba(59,130,246,0.3),0 0 24px rgba(59,130,246,0.15)}.workflow-card.completed{border-color:var(--success);background:hsla(142,71%,45%,0.08)}.workflow-card.failed,.workflow-card.error{border-color:var(--destructive);background:hsla(0,84%,60%,0.08)}.workflow-card .delete-btn:disabled{opacity:0.3;cursor:not-allowed}.drag-handle{display:flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;cursor:grab;color:var(--muted-foreground);opacity:0.4;transition:opacity var(--transition-fast);margin-right:5px}.drag-handle:hover{opacity:1}.drag-handle:active{cursor:grabbing}.task-card{border-radius:var(--radius)}.workflow-card.dragging,.task-card.dragging{opacity:0.4}.workflow-card.drag-over,.task-card.drag-over{border-color:var(--primary);border-top-width:2px;background:var(--primary-muted)}.wf-toggle-btn{display:flex;align-items:center;padding:0;margin-right:4px;background:none;border:none;cursor:pointer;flex-shrink:0}.wf-toggle-track{position:relative;width:24px;height:12px;border-radius:6px;background:var(--muted-foreground);transition:background var(--transition-fast);pointer-events:none}.wf-toggle-btn.on .wf-toggle-track{background:var(--primary)}.wf-toggle-thumb{position:absolute;top:1px;left:1px;width:10px;height:10px;border-radius:50%;background:var(--background);transition:transform var(--transition-fast)}.wf-toggle-btn.on .wf-toggle-thumb{transform:translateX(12px)}.workflow-card.wf-disabled{opacity:0.5}.tobyflow-dot-menu{position:relative}.tobyflow-dot-menu-btn{border:0!important;min-width:24px!important;min-height:26px;padding:4px}.tobyflow-dot-menu-btn:hover{background:transparent!important;color:var(--primary)}.tobyflow-dropdown-menu{position:fixed;z-index:10000100;min-width:140px;max-width:calc(100vw - 8px);background:var(--surface-elevated, var(--card));border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,0.3);padding:var(--space-1) 0;animation:fadeIn 0.1s ease}.tobyflow-dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:6px 12px;background:none;border:none;color:var(--foreground);font-size:12px;cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}.tobyflow-dropdown-item:hover{background:rgba(255,255,255,0.06)}.tobyflow-dropdown-item.tobyflow-dropdown-danger{color:var(--destructive)}.tobyflow-dropdown-item.tobyflow-dropdown-danger:hover{background:rgba(239,68,68,0.1)}.tobyflow-dropdown-item:disabled{opacity:0.3;cursor:not-allowed}.tobyflow-dropdown-item svg{flex-shrink:0}.tobyflow-dropdown-item--locked{color:var(--muted-foreground, #888)}.wf-dropdown-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.wf-dropdown-lock-badge{position:absolute;bottom:-2px;right:-4px;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.3))}.tobyflow-notification{position:fixed;top:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-size:13px;font-weight:500;color:#fff;z-index:10000200;box-shadow:0 4px 12px rgba(0,0,0,0.3);pointer-events:auto;cursor:default;min-width:320px;max-width:calc(100vw - 24px);animation:tobyflow-notif-in 0.25s ease-out}.tobyflow-notification.tobyflow-notif-out{animation:tobyflow-notif-out 0.3s ease-in forwards}.tobyflow-notification.success{background:var(--success, #22c55e)}.tobyflow-notification.error{background:var(--destructive, #dc2626)}.tobyflow-notification.info{background:var(--success, #22c55e)}.tobyflow-notification.warning{background:var(--warning, #f59e0b);color:#1a1a1e}.tobyflow-notification svg{flex-shrink:0}.tobyflow-cloudflare-toast{position:fixed;top:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius);font-size:13px;color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);border:1px solid rgba(255,255,255,0.15);box-shadow:0 8px 28px rgba(245,158,11,0.4),0 2px 8px rgba(0,0,0,0.3);z-index:10000030;max-width:360px;min-width:280px;pointer-events:auto;animation:tobyflow-notif-in 0.3s ease-out}.tobyflow-cloudflare-toast.is-urgent{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);box-shadow:0 8px 28px rgba(220,38,38,0.55),0 2px 8px rgba(0,0,0,0.4);animation:tobyflow-cf-pulse 1.4s ease-in-out infinite,tobyflow-notif-in 0.3s ease-out}@keyframes tobyflow-cf-pulse{0%,100%{box-shadow:0 8px 28px rgba(220,38,38,0.55),0 2px 8px rgba(0,0,0,0.4)}50%{box-shadow:0 12px 40px rgba(220,38,38,0.85),0 2px 12px rgba(0,0,0,0.5)}}.tobyflow-cloudflare-toast.tobyflow-notif-out{animation:tobyflow-notif-out 0.3s ease-in forwards}.tobyflow-cf-toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,0.18)}.tobyflow-cf-toast-body{flex:1;min-width:0}.tobyflow-cf-toast-title{font-weight:600;font-size:13px;line-height:1.3;margin-bottom:2px}.tobyflow-cf-toast-subtitle{font-size:11.5px;line-height:1.35;opacity:0.92}.tobyflow-cf-toast-btn{flex-shrink:0;padding:6px 12px;border-radius:6px;background:rgba(255,255,255,0.22);color:#fff;border:1px solid rgba(255,255,255,0.35);font-size:12px;font-weight:600;cursor:pointer;transition:background 0.15s}.tobyflow-cf-toast-btn:hover{background:rgba(255,255,255,0.32)}.tobyflow-cf-toast-btn:active{background:rgba(255,255,255,0.4)}@keyframes tobyflow-notif-in{from{opacity:0;transform:translateX(-50%) translateY(-12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes tobyflow-notif-out{from{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-12px)}}.tobyflow-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(20px);z-index:9999;padding:var(--space-2) var(--space-4);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px rgba(0,0,0,0.4);font-size:12px;color:var(--foreground);opacity:0;pointer-events:none;transition:opacity 0.2s,transform 0.2s}.tobyflow-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#pauseBtn{margin-top:var(--space-2);width:100%;text-align:center}.failed-prompts-section{min-height:0;flex-shrink:0;margin-top:var(--space-3)}.failed-prompts-header{display:flex;align-items:center;gap:var(--space-2);font-size:12px;font-weight:600;color:var(--destructive);margin-bottom:var(--space-2)}.failed-prompts-actions{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.failed-prompts-actions .btn{display:flex;align-items:center;gap:4px}.failed-prompts-actions #retryFailedPromptsBtn{background:var(--destructive);color:white;border-color:var(--destructive)}.failed-prompts-actions #retryFailedPromptsBtn:hover{background:color-mix(in srgb,var(--destructive) 85%,black)}.failed-prompts-list{display:flex;flex-direction:column;gap:var(--space-2);min-height:0;max-height:min(200px,35vh);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}.failed-prompt-item{flex-shrink:0;min-width:0;overflow-wrap:anywhere;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2);background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2);border-radius:var(--radius-sm);font-size:11px}.failed-prompt-info{display:flex;align-items:center;gap:var(--space-1);width:100%}.failed-prompt-index{font-weight:600;color:var(--destructive)}.failed-prompt-error{color:var(--muted-foreground);font-size:10px}.failed-prompt-text{flex:1;min-width:0;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 36px)}.failed-prompt-copy{flex-shrink:0;padding:2px 6px!important}.login-overlay{position:fixed;inset:0;z-index:10000120;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.login-overlay.hidden{display:none!important}.login-modal{width:320px;background:var(--card, #1e1e1e);border:1px solid var(--modal-border, #3f3f3f);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,0.4);overflow:hidden;animation:fadeIn var(--transition-normal)}.login-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border)}.login-modal-header h3{font-size:15px;font-weight:600;color:var(--foreground)}.login-close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast)}.login-close-btn:hover{color:var(--foreground);background:var(--accent)}.login-modal-body{padding:var(--space-4)}.affiliate-overlay{position:absolute;inset:0;z-index:100;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.affiliate-overlay.hidden{display:none!important}.affiliate-modal{min-width:390px;width:390px;max-width:calc(100vw - 24px);max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--card, #1e1e1e);border:1px solid var(--modal-border, #3f3f3f);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,0.4);overflow:hidden;animation:fadeIn var(--transition-normal)}.affiliate-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0}.affiliate-modal-header h3{font-size:15px;font-weight:600;color:var(--foreground);display:flex;align-items:center;gap:8px;margin:0}.affiliate-modal-title-ic{color:var(--primary);flex-shrink:0}.tobyflow-aff-web-link{margin-top:12px;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1a1a1a;text-decoration:none;padding:9px 12px;border:1px solid transparent;border-radius:10px;background:#ffffff;box-shadow:0 1px 5px rgba(0,0,0,0.25);transition:transform 0.12s ease,box-shadow 0.12s ease,background 0.12s ease;outline:none}.tobyflow-aff-web-link:hover{background:#f3f3f3;box-shadow:0 3px 12px rgba(0,0,0,0.35);transform:translateY(-1px);color:#1a1a1a}.tobyflow-aff-web-link:active{transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,0.3)}.tobyflow-aff-web-link:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px rgba(204,255,0,0.35)}.affiliate-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast)}.affiliate-modal-close:hover{color:var(--foreground);background:var(--accent)}.affiliate-modal-body{padding:var(--space-4);overflow-y:auto}.affiliate-modal-footer{flex-shrink:0;padding:var(--space-4);border-top:1px solid var(--border);background:var(--card, #1e1e1e)}.tobyflow-aff-progress{margin-top:8px;display:flex;flex-direction:column;gap:4px}.tobyflow-aff-progress__bar{height:6px;background:rgba(255,255,255,0.06);border-radius:999px;overflow:hidden}.tobyflow-aff-progress__fill{height:100%;background:linear-gradient(90deg,#ccff00,#daff46);border-radius:999px;transition:width 0.3s ease}.tobyflow-aff-progress__fill--full{box-shadow:0 0 8px rgba(204,255,0,0.35)}.tobyflow-aff-progress__hint{font-size:11px;color:var(--muted-foreground, #9aa0a6)}#affiliateWithdrawBtn:disabled,#affiliateWithdrawBtn[disabled]{opacity:0.5;cursor:not-allowed;filter:grayscale(0.4)}#affiliateWithdrawBtn[data-loading="1"]{opacity:0.7;cursor:progress}.tobyflow-aff-wd-summary{background:rgba(204,255,0,0.06);border:1px solid rgba(204,255,0,0.18);border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:12px;line-height:1.55;color:var(--foreground, #e8e8e8)}.tobyflow-aff-wd-summary b{color:var(--primary, #ccff00)}.tobyflow-aff-wd-summary--warn{background:rgba(255,196,0,0.06);border-color:rgba(255,196,0,0.22)}.login-field{margin-bottom:var(--space-3)}.login-field label{display:block;font-size:12px;font-weight:500;color:var(--muted-foreground);margin-bottom:6px}.login-field input,.login-field select,.login-field textarea{width:100%;padding:9px var(--space-3);background:var(--input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);font-size:13px;font-family:inherit;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.login-field input:focus,.login-field select:focus,.login-field textarea:focus{border-color:rgba(255,255,255,0.35);box-shadow:0 0 0 2px rgba(255,255,255,0.08)}.login-field input::placeholder{color:var(--muted-foreground);opacity:0.6}.login-error{font-size:12px;color:var(--destructive);background:var(--destructive-light);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.login-switch{text-align:center;margin-top:var(--space-3);font-size:12px;color:var(--muted-foreground)}.login-switch a{color:var(--primary);font-weight:500}.login-forgot-password{text-align:right;margin-top:-4px;margin-bottom:var(--space-3)}.login-forgot-password a{font-size:11px;color:var(--muted-foreground);text-decoration:none;cursor:pointer;transition:color var(--transition-fast)}.login-forgot-password a:hover{color:var(--foreground);text-decoration:underline}.login-divider{display:flex;align-items:center;gap:10px;margin:var(--space-3) 0}.login-divider::before,.login-divider::after{content:"";flex:1;height:1px;background:var(--border)}.login-divider span{font-size:11px;color:var(--muted-foreground);white-space:nowrap}.btn-google{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px var(--space-3);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--foreground);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.btn-google:hover{background:var(--accent);border-color:rgba(255,255,255,0.25)}.btn-google svg{flex-shrink:0}.tobyflow-email-verify-banner{background:rgba(234,179,8,0.12);border-bottom:1px solid rgba(234,179,8,0.2);padding:6px 10px;flex-shrink:0}.tobyflow-email-verify-banner.hidden{display:none!important}.tobyflow-email-verify-content{display:flex;align-items:center;gap:6px}.tobyflow-email-verify-content>svg{flex-shrink:0;color:#eab308}.tobyflow-email-verify-text{flex:1;font-size:11px;color:var(--foreground);line-height:1.3}.tobyflow-email-verify-resend{flex-shrink:0;padding:3px 8px;background:rgba(234,179,8,0.2);border:1px solid rgba(234,179,8,0.3);border-radius:var(--radius-sm);color:#eab308;font-size:10px;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.tobyflow-email-verify-resend:hover{background:rgba(234,179,8,0.3)}.tobyflow-email-verify-resend:disabled{opacity:0.5;cursor:not-allowed}.tobyflow-email-verify-close{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast)}.tobyflow-email-verify-close:hover{color:var(--foreground);background:rgba(255,255,255,0.1)}.tobyflow-multitab-banner{background:rgba(249,115,22,0.12);border-bottom:1px solid rgba(249,115,22,0.2);padding:6px 10px;flex-shrink:0}.tobyflow-multitab-banner.hidden{display:none!important}.tobyflow-announcement-short-text{flex:1;min-width:0;padding:0;border:0;background:none;color:var(--foreground);font:inherit;font-size:11px;line-height:1.3;text-align:left;overflow-wrap:anywhere;cursor:pointer}.tobyflow-announcement-short-text:hover{text-decoration:underline}.tobyflow-announcement-short-text:disabled{cursor:default;opacity:1}.tobyflow-announcement-short-text:disabled:hover{text-decoration:none}.tobyflow-multitab-content{display:flex;align-items:center;gap:6px}.tobyflow-multitab-content>svg{flex-shrink:0;color:#f97316}.tobyflow-multitab-text{flex:1;font-size:11px;color:var(--foreground);line-height:1.3}.tobyflow-multitab-action{flex-shrink:0;padding:3px 8px;background:rgba(249,115,22,0.2);border:1px solid rgba(249,115,22,0.3);border-radius:var(--radius-sm);color:#f97316;font-size:10px;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.tobyflow-multitab-action:hover{background:rgba(249,115,22,0.3)}.tobyflow-multitab-dismiss{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast)}.tobyflow-multitab-dismiss:hover{color:var(--foreground);background:rgba(255,255,255,0.1)}.user-menu{display:inline-flex}.user-menu.hidden{display:none!important}.user-dropdown{position:absolute;top:40px;right:var(--space-3);z-index:50;min-width:180px;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:0 4px 16px rgba(0,0,0,0.3);animation:fadeIn var(--transition-fast)}.user-dropdown.hidden{display:none!important}.user-dropdown-header{padding:var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.user-dropdown-name{font-size:13px;font-weight:600;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-plan{font-size:10px;font-weight:600;padding:2px 8px;border-radius:9999px;background:rgba(255,255,255,0.10);color:#ffffff;text-transform:uppercase;letter-spacing:0.3px;flex-shrink:0}.user-dropdown-divider{height:1px;background:var(--border)}.user-dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;color:var(--foreground);font-size:13px;font-family:inherit;cursor:pointer;transition:background var(--transition-fast)}.user-dropdown-item:hover{background:var(--accent)}.user-dropdown-item svg{color:var(--muted-foreground);flex-shrink:0}.usage-dashboard{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface)}.usage-dashboard.hidden{display:none!important}.usage-dashboard-row{display:flex;gap:var(--space-3)}.usage-stat{flex:1;display:flex;flex-direction:column;gap:4px}.usage-stat-label{font-size:10px;font-weight:500;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.3px}.usage-stat-value{font-size:13px;font-weight:600;color:var(--foreground)}.usage-stat-bar{height:3px;background:var(--border-light);border-radius:2px;overflow:hidden;margin-top:2px}.usage-stat-bar-fill{height:100%;background:#ffffff;border-radius:2px;transition:width 0.3s ease}.usage-stat-bar-fill.warning{background:var(--warning)}.usage-stat-bar-fill.danger{background:var(--destructive)}.upgrade-overlay{position:fixed;inset:0;z-index:10000010;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.upgrade-overlay.hidden{display:none!important}.upgrade-modal{width:80%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;background:var(--card, #1e1e1e);border:1px solid var(--modal-border, #3f3f3f);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,0.4);overflow:hidden;animation:fadeIn var(--transition-normal)}.upgrade-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0}.upgrade-modal-footer{flex-shrink:0;padding:var(--space-4);border-top:1px solid var(--border);background:var(--card, #1e1e1e);animation:upgrade-footer-slide-up 0.35s cubic-bezier(0.16,1,0.3,1) 0.05s both}@keyframes upgrade-footer-slide-up{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.upgrade-modal-header h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--foreground);margin:0}.upgrade-modal-header h3 svg{color:#FFD700}.upgrade-modal-body{flex:1;overflow-y:auto;padding:var(--space-4)}.upgrade-loading{text-align:center;padding:var(--space-6);color:var(--muted-foreground);font-size:13px}.upgrade-icon{width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-right:5px;flex-shrink:0}.upgrade-icon-lg{width:16px;height:16px;vertical-align:-3px}.upgrade-icon-spin{animation:upgrade-spin 1s linear infinite}@keyframes upgrade-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.upgrade-current-plan-card{background:rgba(255,215,0,0.06);border:1px solid rgba(255,215,0,0.25);border-radius:var(--radius);padding:10px 14px;margin-bottom:var(--space-3);text-align:left}.upgrade-current-plan-label{font-size:11px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.4px;margin-bottom:2px}.upgrade-current-plan-name{font-size:14px;font-weight:600;color:#FFD700}.upgrade-current-plan-cycle{font-weight:400;color:var(--muted-foreground);font-size:12px}.upgrade-current-plan-expires{font-size:12px;color:var(--muted-foreground);margin-top:4px}.upgrade-current-plan-expires strong{color:var(--foreground)}.upgrade-breakdown-container{margin:var(--space-3) 0 var(--space-2) 0}.upgrade-breakdown-loading{text-align:center;padding:10px;color:var(--muted-foreground);font-size:12px;font-style:italic}.upgrade-breakdown-info{background:rgba(99,102,241,0.10);padding:10px 12px;border-radius:6px;font-size:12px;color:var(--foreground);line-height:1.5}.upgrade-breakdown-error{background:rgba(239,68,68,0.10);padding:10px 12px;border-radius:6px;font-size:12px;color:#ef4444}.upgrade-breakdown-card{background:rgba(34,197,94,0.06);border:1px solid rgba(34,197,94,0.25);border-radius:8px;padding:12px 14px;margin-bottom:8px}.upgrade-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px}.upgrade-breakdown-cycle-tag{font-size:10px;background:rgba(255,255,255,0.08);padding:1px 6px;border-radius:4px;margin-left:4px;color:var(--muted-foreground)}.upgrade-breakdown-original-price{color:var(--foreground)}.upgrade-breakdown-credit-row{color:#22c55e}.upgrade-breakdown-credit-amount{font-weight:600}.upgrade-breakdown-divider{height:1px;background:rgba(255,255,255,0.08);margin:6px 0}.upgrade-breakdown-total-row{font-weight:700;font-size:14px;padding-top:4px}.upgrade-breakdown-final-amount{color:#FFD700;font-size:16px}.upgrade-breakdown-savings{background:rgba(34,197,94,0.15);color:#22c55e;padding:6px 10px;border-radius:4px;text-align:center;margin-top:8px;font-size:12px;font-weight:600}.upgrade-warning-box{background:rgba(251,191,36,0.10);border-left:3px solid #fbbf24;padding:10px 12px;border-radius:6px;font-size:12px;color:var(--foreground);line-height:1.6;margin-bottom:var(--space-3)}.upgrade-plan-card{background:linear-gradient(216deg,#9262ff33,#000000);border:2px solid #ccff0091;border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4);text-align:center}.upgrade-plan-name{font-size:12px;font-weight:600;color:#FFD700;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2)}.upgrade-plan-name .current-plan-badge{display:inline-block;font-size:9px;font-weight:500;text-transform:none;letter-spacing:0;padding:2px 8px;margin-left:8px;background:var(--primary);color:var(--background);border-radius:10px;vertical-align:middle}.upgrade-price{font-size:28px;font-weight:700;color:#ffffff;line-height:1.2}.upgrade-price-note{font-size:12px;color:var(--muted-foreground);margin-top:4px;margin-bottom:var(--space-3)}.upgrade-feature-list{list-style:none;padding:0;margin:0;text-align:left}.upgrade-feature-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--foreground);padding:5px 0}.upgrade-feature-item svg{flex-shrink:0;color:var(--success)}.upgrade-plan-content{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);font-size:13px;color:var(--muted-foreground);line-height:1.5;text-align:left;position:relative;max-height:190px;overflow:hidden;transition:max-height 0.25s ease}.upgrade-plan-content.is-expanded{max-height:2000px}.upgrade-help-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:6px;padding:0;background:transparent;border:1px solid var(--border-light, rgba(255, 255, 255, 0.22));border-radius:50%;color:var(--muted-foreground);cursor:pointer;transition:color 0.15s ease,border-color 0.15s ease,background 0.15s ease}.upgrade-help-btn:hover{color:var(--primary);border-color:var(--primary);background:rgba(204,255,0,0.08)}.upgrade-content-toggle{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;margin-top:6px;padding:5px 0;background:transparent;border:none;border-radius:8px;color:var(--muted-foreground);font-size:11.5px;cursor:pointer;transition:color 0.15s ease,background 0.15s ease}.upgrade-content-toggle:hover{background:rgba(204,255,0,0.07)}.upgrade-content-toggle-label{color:var(--primary);font-weight:600}.upgrade-content-toggle svg{color:var(--primary);transition:transform 0.25s ease}.upgrade-content-toggle.is-expanded svg{transform:rotate(180deg)}.upgrade-content-toggle:not(.is-expanded) svg{animation:upgradeToggleNudge 1.8s ease-in-out infinite}.upgrade-content-toggle:hover svg{animation-play-state:paused}@keyframes upgradeToggleNudge{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(3px)}}@media (prefers-reduced-motion: reduce){.upgrade-content-toggle:not(.is-expanded) svg{animation:none}}.plan-feature-list,.announcement-feature-list{display:flex;flex-direction:column;gap:0.75rem}.plan-feature-group,.announcement-feature-group{display:flex;flex-direction:column;gap:0.375rem}.plan-feature-group-header,.announcement-feature-group-header{display:flex;align-items:center;gap:0.5rem}.plan-feature-icon,.announcement-feature-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--success)}.plan-feature-icon.plan-icon-crown,.announcement-feature-icon.announcement-icon-crown{color:#f59e0b}.plan-feature-icon.plan-icon-infinity,.announcement-feature-icon.announcement-icon-infinity{color:#3b82f6}.plan-feature-icon.plan-icon-zap,.announcement-feature-icon.announcement-icon-zap{color:#eab308}.plan-feature-icon.plan-icon-shield,.announcement-feature-icon.announcement-icon-shield{color:#22c55e}.plan-feature-icon.plan-icon-star,.announcement-feature-icon.announcement-icon-star{color:#a855f7}.plan-feature-title,.announcement-feature-title{font-weight:600;font-size:0.875rem;color:var(--foreground)}.plan-feature-badge,.announcement-feature-badge{font-size:0.625rem;font-weight:600;text-transform:uppercase;padding:4px 5px;border-radius:9999px;background:rgba(34,197,94,0.15);color:#22c55e}.plan-feature-items,.announcement-feature-items{list-style:none;margin:0;padding:0 0 0 1.5rem;display:flex;flex-direction:column;gap:0.25rem}.plan-feature-item,.announcement-feature-item{display:flex;align-items:flex-start;gap:0.5rem;font-size:0.8125rem;color:var(--muted-foreground)}.plan-item-check,.announcement-item-check{flex-shrink:0;margin-top:0.125rem;color:var(--success)}.plan-item-x,.announcement-item-x{flex-shrink:0;margin-top:0.125rem;color:var(--muted-foreground)}.plan-feature-item.plan-item-excluded,.announcement-feature-item.announcement-item-excluded{opacity:0.45;text-decoration:line-through}.plan-feature-item.plan-item-highlight span,.announcement-feature-item.announcement-item-highlight span{font-weight:600;color:var(--foreground)}.plan-feature-badge.badge-primary{background:rgba(59,130,246,0.15);color:#60a5fa}.plan-feature-badge.badge-success{background:rgba(34,197,94,0.15);color:#22c55e}.plan-feature-badge.badge-warning{background:rgba(245,158,11,0.15);color:#fbbf24}.plan-feature-badge.badge-info{background:rgba(59,130,246,0.15);color:#60a5fa}.announcement-feature-badge.badge-primary{background:rgba(59,130,246,0.15);color:#60a5fa}.announcement-feature-badge.badge-success{background:rgba(34,197,94,0.15);color:#22c55e}.announcement-feature-badge.badge-warning{background:rgba(245,158,11,0.15);color:#fbbf24}.announcement-feature-badge.badge-info{background:rgba(59,130,246,0.15);color:#60a5fa}.upgrade-plan-selector{display:flex;gap:2px;margin-bottom:var(--space-3);padding:2px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.upgrade-plan-tab{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;font-size:12.5px;font-weight:500;color:var(--muted-foreground);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.upgrade-plan-tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upgrade-plan-tab:hover:not(.active){color:var(--foreground);background:rgba(255,255,255,0.05)}.upgrade-plan-tab.active{background:#ffffff;color:#1a1a1e;font-weight:600}.upgrade-plan-tab .current-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:15px;height:15px;border-radius:50%;background:var(--primary);color:var(--background)}.upgrade-plan-tab.active .current-badge{background:var(--primary);border-color:transparent;color:var(--background)}.upgrade-cycle-pills{display:flex;gap:6px;justify-content:center;margin-bottom:var(--space-3)}.cycle-pill{padding:5px 14px;font-size:12px;font-weight:600;color:#c7cec1;background:rgba(255,255,255,0.045);border:1px solid rgba(255,255,255,0.13);border-radius:20px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.cycle-pill:hover{border-color:rgba(204,255,0,0.48);color:#f5faed;background:rgba(204,255,0,0.08)}.cycle-pill.active{background:linear-gradient(135deg,#d9ff35 0%,#b8ef00 100%);border-color:#e6ff7b;color:#142000;box-shadow:0 2px 10px rgba(184,239,0,0.22)}.upgrade-price-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:4px}.upgrade-currency-toggle{display:inline-flex;gap:4px;padding:3px;background:rgba(255,255,255,0.045);border:1px solid rgba(255,255,255,0.13);border-radius:16px}.currency-pill{padding:3px 10px;font-size:10px;font-weight:600;letter-spacing:0.3px;color:#c7cec1;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all var(--transition-fast)}.currency-pill:hover{color:#f5faed;background:rgba(204,255,0,0.08)}.currency-pill.active{background:linear-gradient(135deg,#d9ff35 0%,#b8ef00 100%);color:#142000;box-shadow:0 1px 7px rgba(184,239,0,0.22)}.upgrade-provider-select{display:flex;gap:8px;margin-bottom:var(--space-3)}.upgrade-provider-btn{flex:1;padding:8px 12px;font-size:13px;font-weight:500;color:var(--muted-foreground);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.upgrade-provider-btn:hover{border-color:var(--border-light);color:var(--foreground)}.upgrade-provider-btn.active{background:rgba(255,255,255,0.08);border-color:#ffffff;color:#ffffff}.upgrade-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;color:#1a1a1e;background:#ffffff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.upgrade-cta:hover{background:rgba(255,255,255,0.85)}.upgrade-cta:disabled{opacity:0.6;cursor:not-allowed}.upgrade-payment-methods{margin-top:0}.upgrade-payment-label{font-size:12px;color:var(--muted-foreground);margin-bottom:var(--space-2)}.upgrade-payment-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.upgrade-payment-buttons.single-provider{grid-template-columns:1fr}.upgrade-payment-buttons.two-providers{grid-template-columns:1fr 1fr}.upgrade-payment-buttons.four-providers{grid-template-columns:1fr 1fr}.upgrade-pay-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--foreground);cursor:pointer;transition:all var(--transition-fast)}.upgrade-pay-btn:hover{border-color:var(--border-light);background:var(--surface-elevated)}.upgrade-pay-btn:disabled{opacity:0.5;cursor:not-allowed}.upgrade-pay-btn svg{width:20px;height:20px;color:var(--muted-foreground)}.upgrade-payment-buttons.single-provider .upgrade-pay-btn,.upgrade-payment-buttons.two-providers .upgrade-pay-btn{flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;padding:12px 15px;text-align:left;border-color:color-mix(in srgb,var(--primary) 55%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--surface)),color-mix(in srgb,var(--primary) 4%,var(--surface)));box-shadow:0 1px 3px rgba(0,0,0,0.22)}.upgrade-payment-buttons.single-provider .upgrade-pay-btn svg,.upgrade-payment-buttons.two-providers .upgrade-pay-btn svg{color:var(--primary);flex-shrink:0}.upgrade-payment-buttons.single-provider .upgrade-pay-btn span,.upgrade-payment-buttons.two-providers .upgrade-pay-btn span{font-weight:600;white-space:nowrap}.upgrade-payment-buttons.single-provider .upgrade-pay-btn small,.upgrade-payment-buttons.two-providers .upgrade-pay-btn small{opacity:0.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upgrade-payment-buttons.single-provider .upgrade-pay-btn::after,.upgrade-payment-buttons.two-providers .upgrade-pay-btn::after{content:"";width:7px;height:7px;border-right:2px solid var(--primary);border-top:2px solid var(--primary);transform:rotate(45deg);margin-left:auto;opacity:0.75;flex-shrink:0;transition:transform var(--transition-fast),opacity var(--transition-fast)}.upgrade-payment-buttons.single-provider .upgrade-pay-btn:hover,.upgrade-payment-buttons.two-providers .upgrade-pay-btn:hover{transform:translateY(-1px);border-color:var(--primary);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 22%,var(--surface)),color-mix(in srgb,var(--primary) 8%,var(--surface)));box-shadow:0 5px 16px color-mix(in srgb,var(--primary) 26%,transparent)}.upgrade-payment-buttons.single-provider .upgrade-pay-btn:hover::after,.upgrade-payment-buttons.two-providers .upgrade-pay-btn:hover::after{transform:rotate(45deg) translate(2px,-2px);opacity:1}.upgrade-payment-buttons.single-provider .upgrade-pay-btn:hover svg,.upgrade-payment-buttons.two-providers .upgrade-pay-btn:hover svg{color:var(--primary)}.upgrade-pay-btn:hover svg{color:var(--foreground)}.upgrade-pay-paypal:hover{border-color:#0070ba;background:rgba(0,112,186,0.08)}.upgrade-pay-paypal:hover svg{color:#0070ba}.upgrade-pay-polar:hover{border-color:#8b5cf6;background:rgba(139,92,246,0.08)}.upgrade-pay-polar:hover svg{color:#8b5cf6}.upgrade-pay-lemonsqueezy:hover{border-color:#FFC233;background:rgba(255,194,51,0.1)}.upgrade-pay-lemonsqueezy:hover svg{color:#FFC233}.upgrade-pay-btn span{font-size:13px;font-weight:500}.upgrade-pay-btn small{font-size:11px;color:var(--muted-foreground)}.upgrade-payment-note{font-size:11px;color:var(--muted-foreground);margin-top:var(--space-2);text-align:center}.vietqr-payment-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,0.85);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);animation:fadeIn var(--transition-normal)}.vietqr-payment-modal{width:360px;max-height:90vh;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,0.5);overflow:hidden;animation:slideUp var(--transition-normal)}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vietqr-payment-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border)}.vietqr-payment-header h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--foreground);margin:0}.vietqr-payment-header h3 svg{color:var(--primary)}.vietqr-close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast)}.vietqr-close-btn:hover{background:var(--hover);color:var(--foreground)}.vietqr-payment-body{padding:var(--space-4);overflow-y:auto;max-height:calc(90vh - 60px)}.vietqr-qr-container{display:flex;justify-content:center;padding:var(--space-3);background:#ffffff;border-radius:var(--radius);margin-bottom:var(--space-4)}.vietqr-qr-image{width:220px;height:220px;object-fit:contain}.vietqr-info-section{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.vietqr-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--background);border-radius:var(--radius-sm)}.vietqr-info-label{font-size:12px;color:var(--muted-foreground)}.vietqr-info-value{font-size:13px;font-weight:500;color:var(--foreground);display:flex;align-items:center;gap:6px}.vietqr-copyable{cursor:pointer;transition:all var(--transition-fast)}.vietqr-copyable:hover{color:var(--primary)}.vietqr-copyable svg{opacity:0.5;transition:opacity var(--transition-fast)}.vietqr-copyable:hover svg{opacity:1}.vietqr-copyable.copied{color:var(--success)}.vietqr-copyable.copied::after{content:"Copied!";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:10px;color:var(--success);padding:2px 6px;background:var(--success-light);border-radius:var(--radius-sm)}.vietqr-amount-row{background:linear-gradient(135deg,rgba(255,215,0,0.1) 0%,rgba(255,165,0,0.05) 100%);border:1px solid rgba(255,215,0,0.25)}.vietqr-amount{font-size:16px;font-weight:700;color:#FFD700}.vietqr-transfer-content{font-family:monospace;font-size:12px;letter-spacing:0.5px}.vietqr-notice{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.2);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.vietqr-notice svg{flex-shrink:0;color:#3b82f6;margin-top:1px}.vietqr-notice span{font-size:11px;color:var(--muted-foreground);line-height:1.4}.vietqr-confirm-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;color:#1a1a1e;background:#ffffff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.vietqr-confirm-btn:hover{background:rgba(255,255,255,0.85)}.vietqr-confirm-btn svg{color:var(--success)}.vietqr-confirm-btn:disabled{pointer-events:none}.vietqr-spinner{animation:vietqrSpin 1s linear infinite}@keyframes vietqrSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.tobyflow-tip-coffee-btn{color:#FFD700!important}.tobyflow-tip-coffee-btn:hover{color:#FFC107!important;background:rgba(255,215,0,0.1)!important}.tobyflow-money-btn{color:#FFD700!important}.tobyflow-money-btn:hover{color:#FFC107!important;background:rgba(255,215,0,0.1)!important}.tobyflow-aff-gold svg{color:#FFD700;stroke:#FFD700}.tobyflow-upgrade-primary{color:var(--primary, #ccff00)}.tobyflow-upgrade-primary svg{color:var(--primary, #ccff00);stroke:var(--primary, #ccff00)}.affiliate-modal-info-link{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;color:var(--muted-foreground, #9aa0a6);transition:color 0.15s ease}.affiliate-modal-info-link:hover{color:#FFD700}.tip-overlay{position:absolute;inset:0;z-index:100;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.tip-overlay.hidden{display:none!important}.tip-modal{width:390px;background:var(--card, #1e1e1e);border:1px solid var(--modal-border, #3f3f3f);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,0.4);overflow:hidden;animation:fadeIn var(--transition-normal)}.tip-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border)}.tip-modal-header h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--foreground);margin:0}.tip-modal-header h3 svg{color:#FFD700}.tip-modal-body{padding:var(--space-4)}.tip-desc{font-size:13px;color:var(--muted-foreground);margin:0 0 var(--space-4) 0;text-align:center}.tip-amount-section{margin-bottom:var(--space-4)}.tip-amount-section label{display:block;font-size:12px;font-weight:500;color:var(--muted-foreground);margin-bottom:var(--space-2)}.tip-amount-input{width:100%;padding:12px 16px;font-size:18px;font-weight:600;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tip-amount-input:focus{outline:none;border-color:#FFD700;box-shadow:0 0 0 3px rgba(255,215,0,0.15)}.tip-amount-input::placeholder{color:var(--muted-foreground);font-weight:400}.tip-amount-display{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;font-size:14px;font-weight:600;color:var(--warning)}.tip-quick-amounts{display:flex;gap:6px;margin-top:var(--space-2)}.tip-quick-btn{flex:1;padding:6px 8px;font-size:11px;font-weight:500;color:var(--muted-foreground);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.tip-quick-btn:hover{border-color:#FFD700;color:#FFD700}.tip-quick-btn.active{background:rgba(255,215,0,0.15);border-color:#FFD700;color:#FFD700}.tip-qr-section{text-align:center;padding:var(--space-4);background:var(--background);border-radius:var(--radius);margin-top:var(--space-3);margin-bottom:var(--space-3)}.tip-qr-section.hidden{display:none}.tip-qr-container{margin-bottom:var(--space-3)}.tip-qr-container img{max-width:200px;border-radius:var(--radius-sm)}.tip-bank-info{display:none}.tip-bank-info strong{color:var(--foreground)}.tip-bank-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}.tip-bank-row:last-child{border-bottom:none}.tip-bank-label{font-size:11px;color:var(--muted-foreground)}.tip-bank-value{font-size:12px;font-weight:500;color:var(--foreground)}.tip-amount-highlight{font-size:14px;font-weight:700;color:#FFD700}.tip-note{font-size:11px;color:var(--muted-foreground);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.tip-error{margin-top:var(--space-3);padding:8px 12px;font-size:12px;color:var(--destructive);background:var(--destructive-light);border-radius:var(--radius-sm);text-align:center}.tip-error.hidden{display:none}.tip-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:var(--space-4);color:var(--muted-foreground);font-size:13px}.tip-loading.hidden{display:none}.tip-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:#FFD700;border-radius:50%;animation:tobyflow-init-spin 0.8s linear infinite}.tobyflow-contact-btn{color:var(--primary)}.tobyflow-contact-btn:hover{color:var(--primary);background:rgba(59,130,246,0.1)}.contact-overlay{position:absolute;inset:0;z-index:10000020;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center}.contact-overlay.hidden{display:none!important}.contact-modal{width:340px;background:var(--card, #1e1e1e);border:1px solid var(--modal-border, #3f3f3f);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,0.4);overflow:hidden}.contact-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border)}.contact-modal-header h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--foreground);margin:0}.contact-modal-header h3 svg{color:var(--primary)}.contact-modal-body{padding:var(--space-4)}.contact-desc{font-size:13px;color:var(--muted-foreground);margin:0 0 var(--space-4) 0}.contact-links{display:flex;flex-direction:column;gap:var(--space-2)}.contact-link-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:var(--foreground);transition:all 0.15s ease;cursor:pointer}.contact-link-item:hover{background:var(--surface-hover);border-color:var(--border-light)}.contact-link-item.hidden{display:none!important}.contact-link-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon-guide{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);color:#fff}.contact-icon-zalo{background:#0068ff;color:#fff}.contact-icon-telegram{background:#0088cc;color:#fff}.contact-icon-facebook{background:#1877f2;color:#fff}.contact-link-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.contact-link-name{font-size:14px;font-weight:500;color:var(--foreground)}.contact-link-url{font-size:12px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-link-arrow{color:var(--muted-foreground);flex-shrink:0}.contact-link-item:hover .contact-link-arrow{color:var(--foreground)}.contact-no-links{padding:var(--space-4);text-align:center;color:var(--muted-foreground);font-size:13px}.contact-no-links.hidden{display:none!important}.contact-no-links p{margin:0}.tobyflow-onboarding-overlay{position:absolute;inset:0;pointer-events:none}.tobyflow-onboarding-overlay.hidden{display:none}.tobyflow-onboarding-backdrop{position:absolute;inset:0;z-index:9999;background:rgba(0,0,0,0.6);pointer-events:auto}.tobyflow-onboarding-highlight{position:relative;z-index:10000;box-shadow:0 0 0 4px #ffffff,0 0 0 9999px rgba(0,0,0,0.55);border-radius:var(--radius-sm);pointer-events:none}.tobyflow-onboarding-tooltip{position:absolute;z-index:10002;width:320px;pointer-events:auto;background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius);padding:var(--space-4);box-shadow:0 8px 24px rgba(0,0,0,0.4);animation:tobyflow-onboarding-fadein 200ms ease}@keyframes tobyflow-onboarding-fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tobyflow-onboarding-warn{margin-top:10px;padding:9px 11px;font-size:12px;line-height:1.5;display:flex;gap:6px;align-items:flex-start;border:2px solid transparent;border-radius:8px;background:linear-gradient(var(--surface-elevated),var(--surface-elevated)) padding-box,conic-gradient(from var(--df-run-angle),var(--surface-elevated) 0deg,var(--surface-elevated) 215deg,#FF5FA8 250deg,#C26DC4 278deg,#9178D9 300deg,#6682ED 320deg,#3E8BFF 338deg,var(--surface-elevated) 360deg) border-box;animation:dfRunBorderSpin 3s linear infinite}.tobyflow-onboarding-tooltip__content h3{margin:0 0 var(--space-2) 0;font-size:14px;font-weight:600;color:var(--foreground)}.tobyflow-onboarding-tooltip__content p{margin:0;font-size:13px;line-height:1.5;color:var(--muted-foreground)}.tobyflow-onboarding-tooltip__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.tobyflow-onboarding-step-indicator{font-size:11px;color:var(--muted-foreground)}.tobyflow-onboarding-tooltip__actions{display:flex;gap:var(--space-2)}.tobyflow-onboarding-tooltip__actions .btn-sm{width:100px;max-width:80px}.tobyflow-sse-notif{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgba(251,146,60,0.12);border-bottom:1px solid rgba(251,146,60,0.25);font-size:12px;color:var(--warning);animation:tobyflow-sse-notif-fadein 200ms ease}.tobyflow-sse-notif.hidden{display:none}@keyframes tobyflow-sse-notif-fadein{from{opacity:0}to{opacity:1}}.tobyflow-sse-notif svg{flex-shrink:0}.tobyflow-sse-notif__text{flex:1;line-height:1.3}.tobyflow-sse-notif__close{flex-shrink:0;background:none;border:none;color:var(--warning);opacity:0.7;cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast)}.tobyflow-sse-notif__close:hover{opacity:1}.tobyflow-conversion-toast{position:absolute;bottom:48px;left:var(--space-3);right:var(--space-3);z-index:9000;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:1px solid var(--warning);border-radius:var(--radius);box-shadow:0 4px 16px rgba(0,0,0,0.3);animation:tobyflow-toast-slidein 250ms ease}.tobyflow-conversion-toast.hidden{display:none}@keyframes tobyflow-toast-slidein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tobyflow-conversion-toast__icon{flex-shrink:0;color:var(--warning)}.tobyflow-conversion-toast__message{flex:1 1 auto;min-width:150px;font-size:12px;line-height:1.4;color:var(--foreground)}.tobyflow-conversion-toast .btn{flex-shrink:0;white-space:nowrap}.tobyflow-conversion-toast__close{flex-shrink:0;background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.tobyflow-conversion-toast__close:hover{color:var(--foreground)}.tobyflow-conversion-inline-nudge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);margin:var(--space-2) 0;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-sm)}.tobyflow-conversion-inline-nudge__icon{flex-shrink:0;color:#ffffff}.tobyflow-conversion-inline-nudge__text{flex:1;font-size:12px;line-height:1.4;color:var(--foreground)}.tobyflow-conversion-inline-nudge .btn{flex-shrink:0}.tobyflow-queue-panel-wrapper{border-top:1px solid var(--border)}.tobyflow-queue-panel{display:flex;flex-direction:column;max-height:240px}.tobyflow-queue-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border)}.tobyflow-queue-header-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--foreground)}.tobyflow-queue-controls{display:flex;align-items:center;gap:4px}.tobyflow-queue-ctrl-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast)}.tobyflow-queue-ctrl-btn:hover{background:var(--surface);color:var(--foreground)}.tobyflow-queue-progress{display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(255,255,255,0.05)}.tobyflow-queue-progress.hidden{display:none}.tobyflow-queue-progress-text{font-size:11px;color:#ffffff;white-space:nowrap;font-weight:500}.tobyflow-queue-progress-bar{flex:1;height:4px;border-radius:2px;background:var(--surface);overflow:hidden}.tobyflow-queue-progress-bar-fill{height:100%;border-radius:2px;background:#ffffff;transition:width 300ms ease}.tobyflow-queue-list{overflow-y:auto;max-height:180px}.tobyflow-queue-list.hidden{display:none}.tobyflow-queue-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;font-size:12px;color:var(--muted-foreground);text-align:center}.tobyflow-queue-empty.hidden{display:none}.tobyflow-queue-item{display:flex;align-items:center;gap:6px;padding:6px 12px;border-bottom:1px solid var(--border);cursor:grab;transition:background var(--transition-fast)}.tobyflow-queue-item:hover{background:var(--surface)}.tobyflow-queue-item--running{background:rgba(255,255,255,0.05)}.tobyflow-queue-item--completed{opacity:0.6}.tobyflow-queue-item--failed{background:var(--destructive-light)}.tobyflow-queue-item--dragging{opacity:0.4}.tobyflow-queue-item--drag-over{border-top:2px solid #ffffff}.tobyflow-queue-item__drag{color:var(--muted-foreground);flex-shrink:0;cursor:grab}.tobyflow-queue-item__icon{flex-shrink:0;color:var(--muted-foreground);display:flex;align-items:center}.tobyflow-queue-item__info{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.tobyflow-queue-item__name{font-size:12px;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tobyflow-queue-item__priority{font-size:10px;font-weight:600;padding:1px 5px;border-radius:8px;background:var(--warning-light);color:var(--warning);flex-shrink:0}.tobyflow-queue-item__status{flex-shrink:0;display:flex;align-items:center}.tobyflow-queue-item__spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,0.15);border-top-color:#ffffff;border-radius:50%;animation:tobyflow-queue-spin 0.6s linear infinite}@keyframes tobyflow-queue-spin{to{transform:rotate(360deg)}}.tobyflow-queue-item__delete{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:4px;background:transparent;color:var(--muted-foreground);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.tobyflow-queue-item:hover .tobyflow-queue-item__delete{opacity:1}.tobyflow-queue-item__delete:hover{background:var(--destructive-light);color:var(--destructive)}.tobyflow-referral-section{padding:var(--space-1) var(--space-1) var(--space-3) var(--space-1)}.tobyflow-aff-hero{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin:2px auto 8px;border-radius:50%;background:radial-gradient(circle,rgba(204,255,0,0.18) 0%,rgba(204,255,0,0) 70%)}.tobyflow-aff-hero__icon{color:var(--primary);animation:tobyflow-aff-float 2.6s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(204,255,0,0.45))}.tobyflow-aff-hero__spark{position:absolute;font-size:9px;color:var(--primary);opacity:0;animation:tobyflow-aff-twinkle 2.6s ease-in-out infinite}.tobyflow-aff-hero__spark--1{top:2px;right:6px;animation-delay:0.3s}.tobyflow-aff-hero__spark--2{bottom:6px;left:4px;animation-delay:1.3s}@keyframes tobyflow-aff-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.06)}}@keyframes tobyflow-aff-twinkle{0%,100%{opacity:0;transform:scale(0.6)}50%{opacity:1;transform:scale(1.1)}}.tobyflow-referral-section__title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:var(--space-2)}.tobyflow-referral-section__title svg{color:#ffffff}.tobyflow-referral-code{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:6px 10px;margin-bottom:var(--space-2)}.tobyflow-referral-code__value{flex:1;font-size:13px;font-weight:700;font-family:var(--font-mono);color:#ffffff;letter-spacing:1px}.tobyflow-referral-code__copy{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast)}.tobyflow-referral-code__copy:hover{background:var(--accent);color:#ffffff}.tobyflow-referral-code__copy.copied,.tobyflow-referral-code__copy.copied:hover{color:#16a34a;background:rgba(34,197,94,0.15)}.tobyflow-referral-stats{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted-foreground)}.tobyflow-referral-stats__dot{width:3px;height:3px;border-radius:50%;background:var(--muted-foreground)}.tobyflow-announcement-badge-wrap{position:relative}.tobyflow-announcement-badge{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:var(--destructive);border:1.5px solid var(--background);pointer-events:none}.tobyflow-announcement-badge.hidden{display:none}.tobyflow-announcement-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn var(--transition-fast)}.tobyflow-announcement-overlay.hidden{display:none!important}.tobyflow-announcement-modal{background:var(--card, #1e1e1e);border:1px solid var(--modal-border, #3f3f3f);border-radius:var(--radius-lg);width:80%;max-width:500px;max-height:700px;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,0.3)}.tobyflow-announcement-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:linear-gradient(216deg,#9262ff33,#000000);border-bottom:1px solid #8b5cf666;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.tobyflow-announcement-modal__header h3{font-size:14px;font-weight:600;color:var(--foreground);margin:0}.tobyflow-announcement-modal__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast)}.tobyflow-announcement-modal__close:hover{background:var(--surface);color:var(--foreground)}.tobyflow-announcement-modal__body{overflow-y:auto;padding:var(--space-4);flex:1}.tobyflow-announcement-version{margin-bottom:var(--space-4)}.tobyflow-announcement-version:last-child{margin-bottom:0}.tobyflow-announcement-version__tag{display:inline-block;font-size:11px;font-weight:700;font-family:var(--font-mono);color:#ffffff;background:rgba(255,255,255,0.10);padding:2px 8px;border-radius:10px;margin-bottom:var(--space-2)}.tobyflow-announcement-version__date{font-size:10px;color:var(--muted-foreground);margin-left:6px}.tobyflow-announcement-version__list{list-style:none;padding:0;margin:0}.tobyflow-announcement-version__list li{position:relative;padding:3px 0 3px 14px;font-size:12px;line-height:1.5;color:var(--foreground)}.tobyflow-announcement-version__list li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:#ffffff}.tobyflow-announcement-content{color:var(--foreground);font-size:13px;line-height:1.6}.tobyflow-announcement-content ul,.tobyflow-announcement-content ol{margin:2px 0;padding-left:20px}.tobyflow-announcement-content li{margin:0}.tobyflow-announcement-content b,.tobyflow-announcement-content strong{color:var(--primary);font-weight:600}.tobyflow-announcement-content h4{font-size:14px;font-weight:600;margin:12px 0 6px;color:var(--foreground)}.tobyflow-announcement-loading{padding:24px;text-align:center;color:var(--muted-foreground);font-size:13px}.tobyflow-announcement-empty{padding:24px;text-align:center;color:var(--muted-foreground);font-size:13px;font-style:italic}.tobyflow-loading-overlay{position:fixed;inset:0;background:radial-gradient(60.68% 60.68%,rgb(53,53,52) 0%,rgb(24,24,24) 100%);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity 0.3s ease}.tobyflow-loading-overlay.tobyflow-loading-overlay--hidden{opacity:0;pointer-events:none}.flow-cookie-recovery-loading{background:rgba(24,24,24,0.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000010}.flow-cookie-recovery-loading .tobyflow-loading-content{max-width:360px;padding:24px;text-align:center}.flow-cookie-recovery-loading-title{margin:0;color:rgba(255,255,255,0.9);font-size:15px;font-weight:600}.flow-cookie-recovery-loading .tobyflow-loading-text{color:rgba(255,255,255,0.7)}.tobyflow-loading-content{display:flex;flex-direction:column;align-items:center;gap:12px}.tobyflow-loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,0.06);border-top-color:var(--primary);border-radius:50%;animation:tobyflow-spin 0.8s linear infinite}.tobyflow-loading-text{color:rgba(255,255,255,0.5);font-size:13px;font-family:system-ui,sans-serif;margin:0}@keyframes tobyflow-spin{to{transform:rotate(360deg)}}.tobyflow-loading-text{margin-top:12px;color:var(--muted-foreground, #9aa0a6);font-size:13px;text-align:center}.tobyflow-tab-loading{display:flex;align-items:center;justify-content:center;padding:40px 0}.tobyflow-connecting-overlay{position:fixed;inset:0;background:var(--background, #1c1c1f);display:flex;align-items:center;justify-content:center;z-index:9998;transition:opacity 0.3s ease}.tobyflow-connecting-overlay.hidden{opacity:0;pointer-events:none}.tobyflow-connecting-content{display:flex;flex-direction:column;align-items:center;gap:16px}.tobyflow-connecting-spinner{width:40px;height:40px;border:3px solid var(--border, rgba(255,255,255,0.06));border-top-color:var(--primary, #cdff01);border-radius:50%;animation:tobyflow-spin 0.8s linear infinite}.tobyflow-connecting-text{color:var(--muted-foreground, #9aa0a6);font-size:14px;text-align:center;margin:0}.tobyflow-skeleton-container{padding:12px}.tobyflow-skeleton{background:linear-gradient(90deg,var(--surface, #1e1f20) 25%,var(--surface-elevated, #282a2c) 50%,var(--surface, #1e1f20) 75%);background-size:200% 100%;animation:tobyflow-shimmer 1.5s infinite;border-radius:var(--radius-sm, 8px)}.tobyflow-skeleton-text{height:14px;margin-bottom:8px}.tobyflow-skeleton-card{height:64px;margin-bottom:8px}@keyframes tobyflow-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.tobyflow-offline-banner{background:var(--warning-light, rgba(253,214,99,0.15));color:var(--warning, #fdd663);padding:6px 12px;font-size:12px;text-align:center;display:none}.tobyflow-offline-banner--visible{display:block}.tobyflow-offline-overlay{position:fixed;inset:0;z-index:10000;background:rgba(10,10,14,0.95);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.tobyflow-offline-overlay.hidden{display:none}.tobyflow-offline-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px;max-width:320px}.tobyflow-offline-icon{width:80px;height:80px;border-radius:50%;background:rgba(239,68,68,0.15);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.tobyflow-offline-icon svg{color:#ef4444}.tobyflow-offline-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px 0}.tobyflow-offline-desc{font-size:14px;color:rgba(255,255,255,0.6);margin:0 0 24px 0;line-height:1.5}.tobyflow-offline-retry-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#1a1a1e;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity 0.2s}.tobyflow-offline-retry-btn:hover{opacity:0.9}.tobyflow-offline-retry-btn:active{opacity:0.8}.tobyflow-offline-retry-btn svg{color:#1a1a1e}.tobyflow-offline-retry-btn:disabled{opacity:0.7;cursor:not-allowed}.tobyflow-offline-retry-btn .tobyflow-spin{animation:tobyflow-spin 1s linear infinite}@keyframes tobyflow-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.flow-tab-overlay{position:fixed;inset:0;z-index:10000100;background:var(--background);display:flex;align-items:center;justify-content:center;text-align:center}.flow-tab-overlay-content{display:flex;flex-direction:column;align-items:center;padding:var(--space-6);color:var(--foreground)}.flow-tab-overlay-content p{margin:0;font-size:13px}.flow-tab-overlay-content .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.flow-tab-overlay-auth-actions{display:flex;gap:8px;width:min(260px,100%);margin-top:10px}.flow-tab-overlay-auth-actions .btn{flex:1}.execution-lock-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:8px;background:var(--warning, #f59e0b)1a;border:1px solid var(--warning, #f59e0b)40;border-radius:8px;font-size:12px;color:var(--warning, #f59e0b);line-height:1.4}.execution-lock-banner svg{flex-shrink:0;opacity:0.8}.tab-pane.module-pending>*:not(.module-blocked-overlay){visibility:hidden;pointer-events:none}.tab-overlay-base,.module-blocked-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(10,10,14,0.85);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;border-radius:inherit}.tab-overlay-content,.module-blocked-content{text-align:center;padding:32px 24px;max-width:300px}.tab-overlay-icon,.module-blocked-icon{color:var(--muted-foreground);margin-bottom:16px}.tab-overlay-icon svg,.module-blocked-icon svg{opacity:0.6}.tab-overlay-title,.module-blocked-title{font-size:16px;font-weight:600;color:var(--foreground);margin-bottom:8px}.tab-overlay-desc,.module-blocked-desc{font-size:12px;color:var(--muted-foreground);line-height:1.6;margin-bottom:20px}.tab-overlay-desc strong,.module-blocked-desc strong{color:var(--foreground)}.tab-overlay-btn,.module-blocked-btn{background:#fff;color:#1a1a1e;border:none;padding:8px 20px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity 0.2s;min-width:120px}.tab-overlay-btn:hover,.module-blocked-btn:hover{opacity:0.9}.module-blocked-btn-upgrade{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.module-blocked-overlay.hidden{display:none}.module-blocked-actions{display:flex;flex-direction:column;gap:8px;align-items:center}.module-blocked-features{margin-top:12px;margin-bottom:12px;max-height:280px;overflow-y:auto;text-align:left}.module-blocked-features .plan-feature-list{gap:0.625rem}.module-blocked-features .plan-feature-group-header{padding:0 4px}.module-blocked-features .plan-feature-items{padding-left:1.25rem}.album-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.album-list-title{font-size:14px;font-weight:600;color:var(--foreground);margin:0}.album-create-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;color:var(--foreground);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast)}.album-create-btn:hover{background:var(--surface-elevated);border-color:var(--border-light)}.album-create-btn svg{flex-shrink:0}.album-list-content{display:flex;flex-direction:column;gap:var(--space-2);padding:5px!important}.album-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);cursor:pointer;transition:all var(--transition-fast)}.album-item:hover{border-color:var(--border-light);background:var(--surface-elevated)}.album-item-header{display:flex;justify-content:space-between;align-items:center;padding:0px 5px}.album-item-info{display:flex;align-items:center;gap:8px}.album-icon{color:var(--muted-foreground);flex-shrink:0}.album-name{font-size:13px;font-weight:500;color:var(--foreground)}.album-menu-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast)}.album-menu-btn:hover{background:var(--hover, rgba(255,255,255,0.08));color:var(--foreground)}.album-item-meta{font-size:11px;color:var(--muted-foreground);margin-top:4px;padding-left:24px}.album-item-thumbnails{display:flex;gap:4px;margin-top:var(--space-2);margin-bottom:var(--space-2);padding-left:24px}.album-thumb{width:40px;height:40px;object-fit:cover;border-radius:4px;background:var(--surface-elevated)}.album-thumb-placeholder{font-size:10px;color:var(--muted-foreground)}.album-no-images{font-size:11px;color:var(--muted-foreground);font-style:italic}.album-context-menu{position:fixed;z-index:10000;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:0 4px 12px rgba(0,0,0,0.3);padding:4px;min-width:160px}.album-menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:var(--foreground);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.album-menu-item:hover{background:var(--hover, rgba(255,255,255,0.08))}.album-menu-item--danger{color:var(--destructive)}.album-menu-item--danger:hover{background:rgba(239,68,68,0.1)}.album-menu-item svg{flex-shrink:0}.album-menu-divider{height:1px;background:var(--border);margin:4px 0}.album-empty{text-align:center;padding:var(--space-6);color:var(--muted-foreground)}.album-empty svg{margin-bottom:var(--space-3);opacity:0.5}.album-empty p{margin:0;font-size:13px}.album-empty-hint{font-size:11px!important;margin-top:4px!important}.album-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:10000010;display:flex;align-items:center;justify-content:center;animation:cdialog-fade-in 150ms ease-out}.album-modal{background:var(--card, #1e1e1e);border:1px solid var(--modal-border, #3f3f3f);border-radius:12px;width:400px;max-width:90vw;box-shadow:0 16px 48px rgba(0,0,0,0.4);animation:cdialog-slide-in 200ms ease-out;overflow:hidden}.album-modal--large{width:540px;max-height:80vh;display:flex;flex-direction:column}.album-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.album-modal-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--foreground)}.album-modal-title svg{color:var(--muted-foreground)}.album-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast)}.album-modal-close:hover{background:var(--hover, rgba(255,255,255,0.08));color:var(--foreground)}.album-modal-body{padding:20px}.album-edit-body{overflow-y:auto;flex:1;max-height:calc(80vh - 140px)}.album-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border);background:var(--surface)}.album-form-group{margin-bottom:16px}.album-form-group:last-child{margin-bottom:0}.album-form-label{display:block;font-size:12px;font-weight:500;color:var(--foreground);margin-bottom:6px}.album-form-input{width:100%;padding:8px 12px;font-size:13px;color:var(--foreground);background:var(--input);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast)}.album-form-input:focus{border-color:var(--border-light)}.album-form-input.album-input-error{border-color:var(--destructive)}.album-form-hint{font-size:11px;color:var(--muted-foreground);margin-top:4px}.album-form-error{font-size:11px;color:var(--destructive);margin-top:4px}.album-images-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.album-images-actions{display:flex;gap:8px}.album-images-grid{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.album-images-empty{text-align:center;padding:var(--space-4);font-size:12px;color:var(--muted-foreground);font-style:italic}.album-image-item{display:flex;align-items:center;gap:10px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.album-image-item:hover{border-color:var(--border-light)}.album-image-item.selected{border-color:var(--primary);background:var(--primary-muted)}.album-image-checkbox{flex-shrink:0}.album-image-checkbox input{width:16px;height:16px;cursor:pointer}.album-image-thumb{width:48px;height:48px;border-radius:4px;background:var(--surface-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.album-image-thumb img{width:100%;height:100%;object-fit:cover}.album-thumb-loading{font-size:10px;color:var(--muted-foreground)}.album-image-info{flex:1;min-width:0}.album-image-name-input{width:100%;padding:6px 8px;font-size:12px;color:var(--foreground);background:var(--input);border:1px solid var(--border);border-radius:4px;outline:none;transition:border-color var(--transition-fast)}.album-image-name-input:focus{border-color:var(--border-light)}.album-image-delete-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--muted-foreground);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.album-image-delete-btn:hover{background:rgba(239,68,68,0.1);color:var(--destructive)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.btn-danger{background:var(--destructive);color:#fff;border:none}.btn-danger:hover{background:hsl(0,84%,50%);color:#fff}.btn-danger:hover svg{stroke:#fff;color:#fff}.album-tab-container{display:flex;flex-direction:column;height:100%}.album-tab-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-bottom:1px solid var(--border)}.album-tab-header h3{font-size:14px;font-weight:600;color:var(--foreground);margin:0}.album-list-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-2)}.album-list-container .album-view-grid{margin:0 calc(-1 * var(--space-2))}.album-list-container input{padding:8px 28px}.project-select-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:10000060;display:flex;align-items:center;justify-content:center;padding:16px}.project-select-content{width:68%;max-width:480px;max-height:80%;background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,0.4);display:flex;flex-direction:column;overflow:hidden}.project-select-content input{padding:8px 28px}.project-select-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.project-select-icon{color:var(--muted-foreground);flex-shrink:0}.project-select-header-text{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.project-select-title{font-size:14px;font-weight:600;color:var(--foreground);margin-bottom:0;line-height:1.3}.project-select-desc{display:none}.project-select-search-wrap{position:relative;padding:8px 12px;flex-shrink:0}.project-select-search{width:100%;padding:8px 28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:12px;outline:none;transition:border-color 0.15s}.project-select-search::placeholder{color:var(--muted-foreground)}.project-select-search:focus{border-color:var(--border-light)}.project-select-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--muted-foreground);pointer-events:none}.project-select-search-count{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--muted-foreground);pointer-events:none;background:var(--surface);padding:1px 6px;border-radius:10px}.project-select-list{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;max-height:280px;overflow-y:auto;padding:4px 8px;contain:layout}.project-select-list::-webkit-scrollbar{width:4px}.project-select-list::-webkit-scrollbar-track{background:transparent}.project-select-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.project-select-list::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.project-select-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:var(--radius);cursor:pointer;transition:background 0.12s;color:var(--foreground);font-size:13px;text-align:left;flex-shrink:0}.project-select-item:hover{background:var(--surface)}.project-select-item-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.project-select-name{font-weight:500;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.project-select-date{font-size:11px;color:var(--muted-foreground);white-space:nowrap;flex-shrink:0}.project-select-item-delete{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:var(--muted-foreground);cursor:pointer;border-radius:4px;padding:0;flex-shrink:0;opacity:0;transition:opacity 0.12s}.project-select-item:hover .project-select-item-delete{opacity:1}.project-select-item-delete:hover{color:#ef4444;background:rgba(239,68,68,0.15)}.project-select-item--stale{opacity:0.6}.project-select-item--stale .project-select-date{color:#fb923c}.project-select-empty{padding:24px 12px;color:var(--muted-foreground);font-size:12px;text-align:center}.project-select-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0;padding:12px;border-top:1px solid var(--border)}.project-select-account-actions{display:flex;gap:8px;width:100%}.project-select-auth-btn{flex:1;justify-content:center;font-size:12px}.project-select-create-btn{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;padding:8px 12px;background:linear-gradient(90deg,rgb(204,255,0) 0%,rgb(234,255,152) 100%);color:#0a0a0a;border:1px solid transparent;border-radius:var(--radius);font-size:12px;font-weight:500;cursor:pointer;transition:background 0.12s,box-shadow 0.12s,transform 0.12s;box-shadow:0 4px 18px rgba(190,242,100,0.35)}.project-select-create-btn:hover{background:linear-gradient(90deg,#b8e600 0%,#deff70 100%);color:#0a0a0a;box-shadow:0 6px 22px rgba(204,255,0,0.4)}.project-select-create-btn:active{transform:scale(0.97);box-shadow:0 2px 10px rgba(190,242,100,0.3)}.project-select-open-btn{flex:1;padding:8px 12px;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius);font-size:12px;font-weight:500;cursor:pointer;transition:opacity 0.12s;text-align:center}.project-select-open-btn:hover{background:var(--primary-hover)}.extension-device-limit-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:10000070}.extension-device-limit-content{width:78%;max-width:540px;max-height:80%;display:flex;flex-direction:column;overflow:hidden;background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,0.4)}.extension-device-limit-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.extension-device-limit-icon{color:var(--muted-foreground);flex-shrink:0}.extension-device-limit-header-text{display:block;flex:1;min-width:0}.extension-device-limit-title{font-size:14px;font-weight:600;color:var(--foreground);line-height:1.3}.extension-device-limit-desc{display:block;margin-top:3px;font-size:11px;color:var(--muted-foreground);line-height:1.4}.extension-device-limit-intro{padding:12px 16px 8px;font-size:12px;line-height:1.45;color:var(--muted-foreground)}.extension-device-limit-list{display:flex;flex:1;flex-direction:column;gap:2px;min-height:0;max-height:220px;overflow-y:auto;padding:4px 8px;padding-top:4px;padding-bottom:8px}.extension-device-limit-list::-webkit-scrollbar{width:4px}.extension-device-limit-list::-webkit-scrollbar-track{background:transparent}.extension-device-limit-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.extension-device-limit-list::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.extension-device-limit-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid transparent;border-radius:var(--radius);cursor:default;color:var(--foreground);font-size:13px;text-align:left;flex-shrink:0;transition:background 0.12s}.extension-device-limit-item:hover{background:var(--surface);border-color:var(--border)}.extension-device-limit-device-icon{display:flex;width:32px;height:32px;flex-shrink:0;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted-foreground)}.extension-device-limit-item-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0;overflow:hidden}.extension-device-limit-name{flex:1;min-width:0;overflow:hidden;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.extension-device-limit-date{max-width:100%;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;color:var(--muted-foreground);font-size:11px;white-space:nowrap}.extension-device-limit-note{display:flex;align-items:center;gap:6px;margin:2px 12px 10px;color:var(--muted-foreground);font-size:11px;line-height:1.4}.extension-device-limit-note::before{content:"\24d8";color:var(--muted-foreground);font-size:13px}.extension-device-limit-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;flex-shrink:0;border:none;border-radius:5px;background:transparent;color:var(--muted-foreground);cursor:pointer;opacity:0.72;transition:opacity 0.12s,background 0.12s,color 0.12s}.extension-device-limit-item:hover .extension-device-limit-remove{opacity:1}.extension-device-limit-remove:hover:not(:disabled){background:rgba(239,68,68,0.15);color:#ef4444}.extension-device-limit-remove:disabled{cursor:wait;opacity:0.5}.extension-device-limit-error{margin:0 12px 10px;padding:8px 10px;border:1px solid rgba(239,68,68,0.35);border-radius:8px;background:rgba(239,68,68,0.10);color:#fca5a5;font-size:11.5px;line-height:1.45}.extension-device-limit-empty{padding:24px 12px;color:var(--muted-foreground);font-size:12px;text-align:center}.extension-device-limit-success{color:#86efac}.extension-device-limit-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0;padding:12px;border-top:1px solid var(--border)}.extension-device-limit-actions:empty{display:none}.extension-device-limit-actions .btn{width:100%;justify-content:center;font-size:12px}.project-indicator{padding:var(--space-1) var(--space-3) var(--space-2);border-bottom:none;position:relative}.project-indicator-row{display:flex;align-items:center;gap:4px}.project-indicator-btn{display:flex;align-items:center;gap:6px;padding:7px 10px;background:var(--background);border:1px solid var(--border);border-radius:var(--space-2);color:rgba(255,255,255,0.7);font-size:11px;cursor:pointer;transition:background 0.15s;flex:1;min-width:0;text-align:left}.project-indicator-btn:hover{background:rgba(255,255,255,0.1);color:#ffffff}.project-create-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;background:var(--background);border:1px solid rgba(255,255,255,0.08);border-radius:var(--space-2);color:rgba(255,255,255,0.5);cursor:pointer;transition:background 0.15s,color 0.15s}.project-create-btn:hover{background:rgba(255,255,255,0.12);color:#ffffff}.project-navigating .project-indicator-btn,.project-navigating .project-create-btn{pointer-events:none;opacity:0.45}.project-navigating .project-select-item,.project-navigating .project-select-create-btn,.project-navigating .project-select-open-btn,.project-navigating .project-select-search{pointer-events:none;opacity:0.45}.project-indicator-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-indicator-dropdown{position:absolute;top:100%;left:12px;right:12px;background:#2a2a2e;border:1px solid rgba(255,255,255,0.12);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.4);z-index:100;max-height:200px;overflow-y:auto;padding:4px}.project-indicator-item{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:4px;cursor:pointer;font-size:12px;color:rgba(255,255,255,0.7);transition:background 0.1s}.project-indicator-item:hover{background:rgba(255,255,255,0.08);color:#ffffff}.project-indicator-item.active{background:rgba(255,255,255,0.12);color:#ffffff;font-weight:500}.project-indicator-item-info{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow:hidden}.project-indicator-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-indicator-item-date{font-size:10px;color:rgba(255,255,255,0.3);white-space:nowrap;flex-shrink:0}.project-indicator-item-delete{display:none;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:none;color:rgba(255,255,255,0.3);cursor:pointer;border-radius:3px;padding:0;flex-shrink:0;margin-left:4px}.project-indicator-item:hover .project-indicator-item-delete{display:flex}.project-indicator-item-delete:hover{color:#ef4444;background:rgba(239,68,68,0.15)}.project-indicator-item--stale{opacity:0.5}.sse-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--muted-foreground, #666);margin-left:6px;vertical-align:middle;transition:background 0.3s;position:relative;z-index:2}.sse-status-dot.connected{background:#22c55e;animation:none}.sse-status-dot.disconnected{background:#ef4444;animation:none}.sse-status-dot.connecting{background:#f59e0b;animation:sse-pulse 1s ease-in-out infinite}@keyframes sse-pulse{0%,100%{opacity:1}50%{opacity:0.3}}.project-filter-toolbar{display:flex;gap:6px;padding:6px 12px;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none;-ms-overflow-style:none}.project-filter-toolbar::-webkit-scrollbar{display:none}.project-filter-pill{padding:3px 10px;border-radius:20px;font-size:11px;white-space:nowrap;background:var(--surface);border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;transition:all 0.15s ease;flex-shrink:0}.project-filter-pill:hover{background:var(--input);color:var(--foreground)}.project-filter-pill.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.project-group-header{display:flex;align-items:center;gap:6px;padding:8px 12px 4px;font-size:11px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.5px}.project-group-header.current{color:var(--primary)}.project-group-header.current .project-group-name{color:var(--primary)}.project-group-count{font-weight:400;opacity:0.6}.project-group-badge{font-size:9px;font-weight:500;text-transform:none;letter-spacing:0;padding:1px 6px;border-radius:10px;background:var(--primary);color:var(--primary-foreground)}.item-project-label{font-size:10px;color:var(--muted-foreground);margin-top:2px;display:flex;align-items:center;gap:4px}.item-project-label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted-foreground);opacity:0.4;flex-shrink:0}.item-project-label.current::before{background:var(--primary);opacity:1}.task-card.cross-project,.workflow-card.cross-project{opacity:0.8}.cross-project-modal-project-name{font-weight:600;color:var(--primary);margin-top:4px}#flow-auto-sidebar-root.theme-light .project-filter-pill{background:var(--surface-light, #f1f1f1);border-color:var(--border)}#flow-auto-sidebar-root.theme-light .project-filter-pill:hover{background:#e4e4e4}#flow-auto-sidebar-root.theme-light .project-filter-pill.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}#flow-auto-sidebar-root.theme-light .project-group-header{color:#6b7280}#flow-auto-sidebar-root.theme-light .project-group-header.current{color:var(--primary)}#flow-auto-sidebar-root.theme-light .item-project-label{color:#6b7280}.tobyflow-logs-subtabs{display:flex;gap:4px;padding:8px 12px 4px;border-bottom:1px solid var(--border)}.tobyflow-logs-subtab{padding:4px 12px;border:none;border-radius:20px;background:transparent;color:var(--muted-foreground, #8b8b92);font-size:12px;font-weight:500;cursor:pointer;transition:background 0.15s,color 0.15s}.tobyflow-logs-subtab:hover{background:var(--surface, rgba(255,255,255,0.05));color:var(--foreground, #e8e8ea)}.tobyflow-logs-subtab.active{background:var(--foreground, #e8e8ea);color:var(--background, #1c1c1f)}.tobyflow-logs-subtab-content--hidden{display:none}.tobyflow-queue-monitor{padding:8px 12px;display:flex;flex-direction:column;gap:10px;height:auto;overflow-y:auto}.tobyflow-queue-status-cards{display:flex;gap:6px}.tobyflow-queue-status-card{flex:1;display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--surface, #252529);border:1px solid var(--border, rgba(255,255,255,0.08));border-radius:8px;min-width:0}.tobyflow-queue-status-card__icon{flex-shrink:0;display:flex;align-items:center;color:var(--muted-foreground, #8b8b92)}.tobyflow-queue-status-card__info{display:flex;flex-direction:column;min-width:0;overflow:hidden}.tobyflow-queue-status-card__label{font-size:10px;color:var(--muted-foreground, #8b8b92);font-weight:500;text-transform:uppercase;letter-spacing:0.5px}.tobyflow-queue-status-card__value{font-size:11px;color:var(--foreground, #e8e8ea);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.tobyflow-queue-jobs{display:flex;flex-direction:column;gap:6px}.tobyflow-queue-job{background:var(--surface, #252529);border:1px solid var(--border, rgba(255,255,255,0.08));border-radius:8px;overflow:hidden}.tobyflow-queue-job__header{display:flex;align-items:center;gap:6px;padding:6px 10px;cursor:pointer;user-select:none;transition:background 0.15s}.tobyflow-queue-job__header:hover{background:rgba(255,255,255,0.03)}.tobyflow-queue-job__owner-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tobyflow-queue-job__label{font-size:12px;font-weight:500;color:var(--foreground, #e8e8ea);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.tobyflow-queue-job__badge{font-size:10px;font-weight:500;padding:1px 6px;border-radius:10px;flex-shrink:0}.tobyflow-queue-job__badge--running{background:var(--warning-light, rgba(245,158,11,0.15));color:var(--warning, #f59e0b)}.tobyflow-queue-job__badge--paused{background:var(--warning-light, rgba(245,158,11,0.15));color:var(--warning, #f59e0b)}.tobyflow-queue-job__badge--completed{background:var(--success-light, rgba(34,197,94,0.15));color:var(--success, #22c55e)}.tobyflow-queue-job__badge--stopped{background:var(--destructive-light, rgba(239,68,68,0.15));color:var(--destructive, #ef4444)}.tobyflow-queue-job__badge--retrying{background:rgba(249,115,22,0.2);color:#fb923c}.tobyflow-queue-job__counter{font-size:11px;color:var(--muted-foreground, #8b8b92);font-variant-numeric:tabular-nums;flex-shrink:0}.tobyflow-queue-job__toggle{background:none;border:none;color:var(--muted-foreground, #8b8b92);cursor:pointer;padding:2px;display:flex;align-items:center;flex-shrink:0;transition:transform 0.2s,color 0.15s}.tobyflow-queue-job__toggle:hover{color:var(--foreground, #e8e8ea)}.tobyflow-queue-job--expanded .tobyflow-queue-job__toggle{transform:rotate(180deg)}.tobyflow-queue-job__progress{height:3px;background:var(--border, rgba(255,255,255,0.08));overflow:hidden}.tobyflow-queue-job__progress-fill{height:100%;border-radius:0 2px 2px 0;transition:width 0.3s ease}.tobyflow-queue-job__body{display:none;padding:6px 10px 8px;border-top:1px solid var(--border, rgba(255,255,255,0.05))}.tobyflow-queue-job--expanded .tobyflow-queue-job__body{display:block}.tobyflow-queue-items{display:flex;flex-direction:column;gap:2px}.tobyflow-queue-item{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:4px;font-size:11px;transition:background 0.15s}.tobyflow-queue-item--active{background:rgba(255,255,255,0.03);animation:queueItemPulse 2s ease-in-out infinite}@keyframes queueItemPulse{0%,100%{background:rgba(255,255,255,0.03)}50%{background:rgba(255,255,255,0.06)}}.tobyflow-queue-item__icon{flex-shrink:0;width:14px;text-align:center;font-size:12px}.tobyflow-queue-item__index{flex-shrink:0;color:var(--muted-foreground, #8b8b92);font-size:10px;width:24px;font-variant-numeric:tabular-nums}.tobyflow-queue-item__prompt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foreground, #e8e8ea)}.tobyflow-queue-item__state{flex-shrink:0;font-size:10px;font-weight:500}.tobyflow-queue-state--muted{color:var(--muted-foreground, #8b8b92)}.tobyflow-queue-state--blue{color:#3b82f6}.tobyflow-queue-state--blue-l{color:#60a5fa}.tobyflow-queue-state--yellow{color:var(--warning, #f59e0b)}.tobyflow-queue-state--orange{color:#f97316}.tobyflow-queue-state--green{color:var(--success, #22c55e)}.tobyflow-queue-state--red{color:var(--destructive, #ef4444)}.tobyflow-queue-state--purple{color:#a855f7}.tobyflow-queue-job__elapsed{font-size:10px;color:var(--muted-foreground, #8b8b92);font-variant-numeric:tabular-nums;flex-shrink:0;opacity:0.7}.tobyflow-queue-job__pause,.tobyflow-queue-job__stop{width:20px;height:20px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.15s,color 0.15s}.tobyflow-queue-job__pause{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.6)}.tobyflow-queue-job__pause:hover{background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.9)}.tobyflow-queue-job__pause--resume{background:rgba(34,197,94,0.2);color:#4ade80}.tobyflow-queue-job__pause--resume:hover{background:rgba(34,197,94,0.3);color:#4ade80}.tobyflow-queue-job__stop{background:rgba(239,68,68,0.15);color:#ef4444}.tobyflow-queue-job__stop:hover{background:rgba(239,68,68,0.25);color:#ef4444}.tobyflow-queue-item__retry{flex-shrink:0;font-size:9px;font-weight:600;padding:0 3px;border-radius:3px;background:rgba(249,115,22,0.15)}.tobyflow-queue-item__retry:empty{display:none}.tobyflow-queue-item__time{flex-shrink:0;font-size:10px;color:var(--muted-foreground, #8b8b92);font-variant-numeric:tabular-nums;opacity:0.6;min-width:30px;text-align:right}.tobyflow-queue-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:var(--muted-foreground, #8b8b92);font-size:12px}.maintenance-overlay{position:fixed;inset:0;background:rgba(10,10,14,0.95);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--foreground);text-align:center;padding:24px}.maintenance-overlay svg{color:var(--muted-foreground);margin-bottom:16px}.maintenance-overlay h2{font-size:1.25rem;font-weight:600;margin-bottom:12px}.maintenance-overlay p{color:var(--muted-foreground);max-width:300px;line-height:1.5}body.hide-upgrade-ui .upgrade-prompt,body.hide-upgrade-ui #upgradeBtn,body.hide-upgrade-ui .tobyflow-upgrade-cta,body.hide-upgrade-ui #footerUpgradeBtn,body.hide-upgrade-ui #wfUpgradeBtn,body.hide-upgrade-ui .wf-upgrade-btn,body.hide-upgrade-ui .upgrade-overlay,body.hide-upgrade-ui #premiumBenefitsOverlay,body.hide-upgrade-ui .module-blocked-btn-upgrade,body.hide-upgrade-ui .premium-crown,body.hide-upgrade-ui .tobyflow-premium-crown{display:none!important}.style-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000002;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.2s,visibility 0.2s}.style-modal-overlay.visible{opacity:1;visibility:visible}.style-modal-overlay.hidden{display:none}.style-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px)}.style-modal-content{position:relative;width:90%;max-width:480px;max-height:80vh;background:var(--surface-elevated, var(--surface));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 16px 48px rgba(0,0,0,0.5);display:flex;flex-direction:column;overflow:hidden;transform:scale(0.95);transition:transform 0.2s}.style-modal-overlay.visible .style-modal-content{transform:scale(1)}.style-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.style-modal-title{margin:0;font-size:15px;font-weight:600;color:var(--foreground)}.style-modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--muted-foreground);cursor:pointer;transition:background 0.15s,color 0.15s}.style-modal-close:hover{background:var(--surface-hover);color:var(--foreground)}.style-modal-add{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:6px;padding:0;background:rgba(204,255,0,0.12);border:1px solid rgba(204,255,0,0.3);border-radius:7px;color:#ccff00;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease,transform 0.15s ease}.style-modal-add:hover{background:rgba(204,255,0,0.24);border-color:rgba(204,255,0,0.6);transform:scale(1.08)}.style-modal-add:active{transform:scale(0.95)}.style-modal-item-edit{transition:background 0.12s ease,color 0.12s ease}.style-modal-item-edit:hover{background:rgba(255,255,255,0.12)!important;color:#fff!important}.style-modal-search{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border)}.style-modal-search svg{color:var(--muted-foreground);flex-shrink:0}.style-modal-search input{flex:1;background:transparent;border:none;outline:none;color:var(--foreground);font-size:14px}.style-modal-search input::placeholder{color:var(--muted-foreground)}.style-modal-list{flex:1;overflow-y:auto;padding:8px;max-height:50vh}.style-modal-category{padding:8px 12px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--muted-foreground)}.style-modal-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);cursor:pointer;transition:background 0.15s}.style-modal-item:hover{background:var(--surface-hover);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary, #ccff00) 40%,transparent)}.style-modal-item:hover .style-modal-item-thumb,.style-modal-item:hover .style-modal-item-icon{transform:scale(1.06)}.style-modal-item:hover .style-modal-item-name{color:var(--foreground)}.style-modal-item.selected{background:rgba(var(--primary-rgb, 51, 90, 245),0.15)}.style-modal-item.none-option{color:var(--muted-foreground)}.style-modal-item-crown{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;background:rgba(244,196,48,0.14);color:#f4c430}.style-modal-item--locked{cursor:not-allowed}.style-modal-item--locked .style-modal-item-name{color:var(--muted-foreground)}.style-modal-item--locked:hover{background:transparent;box-shadow:none}.style-modal-item--locked:hover .style-modal-item-thumb,.style-modal-item--locked:hover .style-modal-item-icon{transform:none}.style-modal-item-thumb{width:68px;height:68px;border-radius:var(--radius);background:var(--background);object-fit:cover;flex-shrink:0;transition:transform 0.15s ease}.style-modal-item-icon{width:68px;height:68px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(var(--primary-rgb, 51, 90, 245),0.2) 0%,rgba(147,51,234,0.2) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.15s ease}.style-modal-item-icon svg{color:var(--primary)}.style-modal-item-thumb-wrap{position:relative;width:68px;height:68px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.style-modal-item-thumb-wrap .style-modal-item-thumb{position:absolute;inset:0;width:68px;height:68px;display:block}.style-modal-item-view{position:relative;z-index:2;width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;border:none;border-radius:50%;background:rgba(0,0,0,0.6);color:#fff;cursor:pointer;opacity:0;transition:opacity 0.15s ease,background 0.15s ease,transform 0.15s ease}.style-modal-item:hover .style-modal-item-view{opacity:1}.style-modal-item-view:hover{background:rgba(0,0,0,0.85);transform:scale(1.08)}.style-modal-item-view svg{display:block}.style-thumb-preview-overlay{position:fixed;inset:0;z-index:2147483647;background:rgba(0,0,0,0.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.style-thumb-preview-inner{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:10px}.style-thumb-preview-img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 40px rgba(0,0,0,0.5)}.style-thumb-preview-name{color:#fff;font-size:14px;font-weight:500;text-align:center}.style-thumb-preview-close{position:absolute;top:-14px;right:-14px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:rgba(255,255,255,0.15);color:#fff;cursor:pointer;transition:background 0.15s ease}.style-thumb-preview-close:hover{background:rgba(255,255,255,0.3)}.style-modal-item-name{flex:1;font-size:14px;font-weight:500;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style-modal-item-check{color:var(--primary);flex-shrink:0}[data-tooltip]{position:relative}[data-tooltip]::after{content:attr(data-tooltip);position:fixed;padding:4px 8px;background:#0c0c0e;color:#ffffff;font-size:11px;font-weight:500;border-radius:6px;white-space:normal;max-width:220px;width:max-content;text-align:center;line-height:1.35;pointer-events:none;opacity:0;transition:opacity 0.15s ease;border:1px solid rgba(255,255,255,0.08);box-shadow:0 2px 8px rgba(0,0,0,0.4);z-index:2147483647!important;top:var(--tooltip-top, auto);left:var(--tooltip-left, auto);bottom:var(--tooltip-bottom, auto);transform:translateX(-50%)}[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{opacity:1}[data-tooltip]::before{content:"";position:fixed;top:var(--tooltip-caret-top, auto);bottom:var(--tooltip-caret-bottom, auto);left:var(--tooltip-left, 50%);transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #0c0c0e;pointer-events:none;opacity:0;transition:opacity 0.15s ease;z-index:2147483647}[data-tooltip][data-tooltip-align=start]::after{transform:translateX(-12px)}[data-tooltip][data-tooltip-align=end]::after{transform:translateX(calc(-100% + 12px))}[data-tooltip]:hover::before,[data-tooltip]:focus-visible::before{opacity:1}[data-tooltip][data-tooltip-pos=bottom]::before,[data-tooltip][data-tooltip-pos-effective=bottom]::before{border-top:none;border-bottom:5px solid #0c0c0e;border-left:5px solid transparent;border-right:5px solid transparent}[data-tooltip][data-tooltip-pos-effective=top]::before{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #0c0c0e;border-bottom:none}.theme-light [data-tooltip]::after{background:#0c0c0e;color:#ffffff;border:1px solid rgba(255,255,255,0.08);box-shadow:0 2px 8px rgba(0,0,0,0.4)}.theme-light [data-tooltip]::before{border-top-color:#0c0c0e}.theme-light [data-tooltip][data-tooltip-pos=bottom]::before,.theme-light [data-tooltip][data-tooltip-pos-effective=bottom]::before{border-top-color:transparent;border-bottom-color:#0c0c0e}[data-tooltip][data-tooltip-pos=left]::before,[data-tooltip][data-tooltip-pos=right]::before{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #0c0c0e;border-bottom:none}.tobyflow-load-more-row{display:flex;justify-content:center;padding:10px 0;margin-top:4px}.tobyflow-load-more-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:var(--secondary, #252529);border:1px solid var(--border, rgba(255,255,255,0.08));border-radius:16px;color:var(--foreground, #e8e8ea);font-size:12px;font-weight:500;cursor:pointer;transition:background-color 0.15s,border-color 0.15s}.tobyflow-load-more-btn:hover{background:var(--border, rgba(255,255,255,0.08));border-color:var(--border-light, rgba(255,255,255,0.14))}.tobyflow-load-more-btn svg{width:12px;height:12px;flex-shrink:0;opacity:0.7}.tobyflow-load-more-count{color:var(--muted-foreground, #8b8b92);font-size:11px;font-weight:400}.legacy-migrate-banner{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:0 5px 10px;background:linear-gradient(135deg,hsla(38,92%,55%,0.10),hsla(45,100%,65%,0.06));border:1px solid hsla(38,92%,55%,0.28);border-radius:8px}.legacy-migrate-banner-icon{flex-shrink:0;color:hsl(45,100%,65%)}.legacy-migrate-banner-text{flex:1;font-size:11.5px;color:var(--foreground);line-height:1.35}.legacy-migrate-btn{flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:500;border-radius:12px;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--muted-foreground);transition:background-color 0.15s,border-color 0.15s}.legacy-migrate-btn-skip:hover{background:var(--border);color:var(--foreground)}.legacy-migrate-btn-assign{background:hsla(45,100%,60%,0.18);border-color:hsla(45,100%,60%,0.45);color:hsl(45,100%,75%)}.legacy-migrate-btn-assign:hover{background:hsla(45,100%,60%,0.28);border-color:hsla(45,100%,60%,0.65)}.plan-activated-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn 0.3s ease}.plan-activated-modal{position:relative;background:var(--card, #1a1a1a);border:1px solid var(--border, #333);border-radius:16px;padding:32px 28px;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.5);animation:scaleIn 0.4s cubic-bezier(0.34,1.56,0.64,1);overflow:hidden}@keyframes scaleIn{from{transform:scale(0.8);opacity:0}to{transform:scale(1);opacity:1}}.plan-activated-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.plan-activated-confetti.active::before,.plan-activated-confetti.active::after{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,#10b981 2px,transparent 2px),radial-gradient(circle,#f59e0b 2px,transparent 2px),radial-gradient(circle,#3b82f6 2px,transparent 2px),radial-gradient(circle,#ec4899 2px,transparent 2px);background-size:40px 40px,50px 50px,45px 45px,55px 55px;animation:confetti 2s ease-out forwards}.plan-activated-confetti.active::after{animation-delay:0.15s}@keyframes confetti{0%{transform:translateY(0) scale(0);opacity:1}50%{opacity:0.8}100%{transform:translateY(-150%) scale(1.5);opacity:0}}.plan-activated-icon{width:72px;height:72px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsla(142,76%,46%,0.2),hsla(142,76%,46%,0.05));border-radius:50%;color:#10b981}.plan-activated-icon svg{animation:checkPop 0.5s ease 0.3s both}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.plan-activated-title{font-size:20px;font-weight:600;color:var(--foreground, #fff);margin:0 0 8px}.plan-activated-message{font-size:14px;color:var(--muted-foreground, #a0a0a0);margin:0 0 20px;line-height:1.5}.plan-activated-message strong{color:#10b981;font-weight:600}.plan-activated-details{background:var(--background, #0a0a0a);border:1px solid var(--border, #333);border-radius:10px;padding:14px 16px;margin-bottom:16px}.plan-activated-detail-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.plan-activated-detail-row:not(:last-child){border-bottom:1px solid var(--border, #333)}.plan-activated-detail-label{font-size:12px;color:var(--muted-foreground, #a0a0a0)}.plan-activated-detail-value{font-size:13px;font-weight:600;color:var(--foreground, #fff)}.plan-activated-order-no{font-family:monospace;font-size:11px;color:var(--muted-foreground, #a0a0a0)}.plan-activated-thanks{font-size:13px;color:var(--muted-foreground, #a0a0a0);margin:0 0 20px;line-height:1.5}.plan-activated-btn{width:100%;padding:12px 20px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;transition:transform 0.15s,box-shadow 0.15s}.plan-activated-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(16,185,129,0.3)}.plan-activated-btn:active{transform:translateY(0)}.max-speed-intro-overlay{position:fixed;inset:0;z-index:10003;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.6);box-sizing:border-box}.tobyflow-onboarding-tooltip.max-speed-intro-modal{position:relative;width:320px;max-width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;box-sizing:border-box}.max-speed-intro-benefits{margin-top:var(--space-3)}.max-speed-intro-heading{display:flex;align-items:flex-start;gap:var(--space-2)}.max-speed-intro-bolt{color:#facc15;flex-shrink:0;background:none}.max-speed-intro-benefits p+p{margin-top:var(--space-2)}.max-speed-intro-actions{gap:var(--space-2)}.max-speed-intro-actions .btn{flex:1;min-width:0;white-space:normal}.flow-api-limit-advice-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;margin-top:-6px;border-radius:9px;color:#f59e0b;background:rgba(245,158,11,.14)}.flow-api-limit-advice-modal .max-speed-intro-heading{padding-right:32px}.flow-api-limit-advice-close{position:absolute;top:9px;right:9px;width:30px;height:30px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted-foreground);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.flow-api-limit-advice-close:hover{color:var(--foreground);background:var(--surface-hover);border-color:var(--border-light)}.flow-api-limit-advice-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.flow-api-limit-advice-modal #flowApiLimitAdviceCopy{line-height:1.6}.flow-api-limit-advice-modal .max-speed-intro-actions{display:block}.flow-api-limit-advice-modal #flowApiLimitAdviceSwitch{width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.flow-api-limit-advice-modal #flowApiWebFallbackAdviceSwitch{display:flex;align-items:center;justify-content:center;gap:6px}@media (prefers-reduced-motion: reduce){.max-speed-intro-modal{animation:none}}.usage-stats-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(8px);animation:usageStatsFadeIn 0.2s ease}@keyframes usageStatsFadeIn{from{opacity:0}to{opacity:1}}.usage-stats-overlay.hidden{display:none}.usage-stats-modal{background:linear-gradient(180deg,#1e1e24 0%,#16161a 100%);border:1px solid rgba(255,255,255,0.08);border-radius:16px;width:90%;max-width:460px;box-shadow:0 25px 60px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.05) inset;animation:usageStatsSlideUp 0.3s cubic-bezier(0.16,1,0.3,1);overflow:hidden}@keyframes usageStatsSlideUp{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.usage-stats-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:linear-gradient(135deg,rgba(204,255,0,0.08) 0%,rgba(204,255,0,0.02) 100%);border-bottom:1px solid rgba(255,255,255,0.06)}.usage-stats-header-left{display:flex;align-items:center;gap:12px}.usage-stats-title-row{display:flex;align-items:center;gap:10px}.usage-stats-header-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary, #ccff00) 0%,#a8e000 100%);border-radius:10px;color:#000}.usage-stats-header-text{display:flex;flex-direction:column;gap:4px}.usage-stats-header-text h3{font-size:15px;font-weight:600;color:var(--foreground, #e8e8ea);margin:0;line-height:1.2}.usage-stats-plan-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap;background:rgba(204,255,0,0.15);color:var(--primary, #ccff00);border-radius:4px;width:fit-content}.usage-stats-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,0.05);border:none;border-radius:8px;color:var(--muted-foreground, #8b8b92);cursor:pointer;transition:all 0.15s}.usage-stats-close:hover{background:rgba(255,255,255,0.1);color:var(--foreground, #e8e8ea)}.usage-stats-body{padding:20px}.usage-stats-grid{display:flex;flex-direction:column;gap:14px}.usage-stats-item{background:rgba(255,255,255,0.03);border-radius:12px;padding:14px 16px;border:1px solid rgba(255,255,255,0.04);transition:all 0.2s}.usage-stats-item:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.08)}.usage-stats-item-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.usage-stats-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;flex-shrink:0}.usage-stats-icon--prompts{background:rgba(96,165,250,0.15);color:#60a5fa}.usage-stats-icon--tasks{background:rgba(52,211,153,0.15);color:#34d399}.usage-stats-icon--workflows{background:rgba(251,191,36,0.15);color:#fbbf24}.usage-stats-label{flex:1;font-size:13px;font-weight:500;color:var(--foreground, #e8e8ea)}.usage-stats-value{font-size:14px;font-weight:700;color:var(--foreground, #e8e8ea);font-variant-numeric:tabular-nums}.usage-stats-value.usage-stats-unlimited{color:#FFD700}.usage-stats-progress{height:6px;background:rgba(255,255,255,0.08);border-radius:3px;overflow:hidden}.usage-stats-progress-bar{height:100%;border-radius:3px;transition:width 0.5s cubic-bezier(0.16,1,0.3,1);position:relative}.usage-stats-progress--prompts{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.usage-stats-progress--tasks{background:linear-gradient(90deg,#10b981,#34d399)}.usage-stats-progress--workflows{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.usage-stats-item.warning .usage-stats-progress-bar{background:linear-gradient(90deg,#f97316,#fb923c)}.usage-stats-item.danger .usage-stats-progress-bar{background:linear-gradient(90deg,#ef4444,#f87171);animation:usageStatsPulse 1.5s ease-in-out infinite}@keyframes usageStatsPulse{0%,100%{opacity:1}50%{opacity:0.7}}.usage-stats-premium-teaser{margin-top:20px;background:linear-gradient(135deg,rgba(249,115,22,0.1) 0%,rgba(234,88,12,0.05) 100%);border:1px solid rgba(249,115,22,0.2);border-radius:12px;padding:16px}.usage-stats-premium-teaser.hidden{display:none}.usage-stats-premium-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#f97316;font-size:13px;font-weight:600}.usage-stats-premium-header svg{flex-shrink:0}.usage-stats-premium-features{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px 12px;margin-bottom:12px}.usage-stats-premium-feature{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted-foreground, #a1a1aa);white-space:nowrap}.usage-stats-premium-feature svg{color:#22c55e;flex-shrink:0;width:12px;height:12px}.usage-stats-upgrade{width:100%;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;color:#000;background:linear-gradient(90deg,#fbbf24 0%,#f97316 100%);border:none;border-radius:8px;cursor:pointer;transition:all 0.2s;box-shadow:0 4px 15px rgba(251,191,36,0.3)}.usage-stats-upgrade:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(251,191,36,0.4);filter:brightness(1.05)}.usage-stats-upgrade:active{transform:translateY(0)}.usage-stats-login-teaser{margin-top:20px;background:linear-gradient(135deg,rgba(59,130,246,0.1) 0%,rgba(37,99,235,0.05) 100%);border:1px solid rgba(59,130,246,0.2);border-radius:12px;padding:16px}.usage-stats-login-teaser.hidden{display:none}.usage-stats-login-teaser .usage-stats-premium-header{color:#3b82f6}.usage-stats-login-teaser .usage-stats-premium-header svg{color:#3b82f6}.usage-stats-login{width:100%;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;cursor:pointer;transition:all 0.2s;box-shadow:0 4px 15px rgba(59,130,246,0.3)}.usage-stats-login:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,0.4);filter:brightness(1.05)}.usage-stats-login:active{transform:translateY(0)}.usage-stats-plan-row{display:flex;align-items:center;gap:10px}.usage-stats-plan-upgrade{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;line-height:1.4;color:#000;background:linear-gradient(90deg,#fbbf24 0%,#f97316 100%);border:none;border-radius:999px;cursor:pointer;white-space:nowrap;transition:filter 0.15s ease,transform 0.15s ease}.usage-stats-plan-upgrade:hover{filter:brightness(1.08);transform:scale(1.04)}.usage-stats-plan-upgrade:active{transform:scale(0.97)}.usage-stats-plan-upgrade.hidden{display:none}.usage-stats-expiry{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--muted-foreground, #8b8b92);padding:2px 6px;background:rgba(255,255,255,0.05);border-radius:4px}.usage-stats-expiry.hidden{display:none}.usage-stats-expiry svg{opacity:0.7}.usage-stats-expiry.expiring-soon{color:#f59e0b;background:rgba(245,158,11,0.15)}.usage-stats-expiry.expired{color:#ef4444;background:rgba(239,68,68,0.15)}.usage-stats-section{margin-bottom:16px}.usage-stats-section:last-child{margin-bottom:0}.usage-stats-section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.8px;color:var(--muted-foreground, #8b8b92);margin-bottom:10px;padding-left:2px}.usage-stats-providers{display:flex;flex-direction:row;gap:8px}.usage-stats-provider{display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(255,255,255,0.03);border-radius:8px;border:1px solid rgba(255,255,255,0.08);transition:all 0.2s;flex:1;min-width:0;position:relative}.usage-stats-provider:hover{filter:brightness(1.1)}.usage-stats-provider[data-enabled=false]{opacity:0.5}.usage-stats-provider--flow{background:linear-gradient(135deg,#080a15 0%,#212e6c 50%,#0b142b 100%)}.usage-stats-provider--chatgpt{background:linear-gradient(135deg,rgba(16,163,127,0.15) 0%,rgba(16,163,127,0.05) 100%)}.usage-stats-provider--grok{background:linear-gradient(90deg,#0d0f1c 0%,#6f6586 100%)}.usage-stats-provider-logo{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.usage-stats-provider-logo svg{width:20px;height:20px}.usage-stats-provider-logo--flow,.usage-stats-provider-logo--chatgpt,.usage-stats-provider-logo--grok{background:transparent}.usage-stats-provider-logo--chatgpt{color:#10a37f}.usage-stats-provider-logo--grok{color:#fff}.theme-light .usage-stats-provider-logo--grok{color:#000}.usage-stats-provider-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.usage-stats-provider-name{font-size:14px;font-weight:600;letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.usage-stats-provider--flow .usage-stats-provider-name{background:linear-gradient(90deg,#4285F4 0%,#34A853 50%,#FBBC05 75%,#EA4335 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.usage-stats-provider--chatgpt .usage-stats-provider-name{color:#10a37f}.usage-stats-provider--grok .usage-stats-provider-name{color:#fff}.usage-stats-provider-quota{font-size:10px;font-weight:500;color:var(--muted-foreground, #888);white-space:nowrap;line-height:1.2;display:inline-flex;align-items:baseline;gap:3px}.usage-stats-provider-quota-value{font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-0.01em}.usage-stats-provider-quota-period{font-size:9px;font-weight:500;opacity:0.65;letter-spacing:0.02em;text-transform:lowercase}.usage-stats-provider--flow .usage-stats-provider-quota{color:rgba(66,133,244,0.8)}.usage-stats-provider--chatgpt .usage-stats-provider-quota{color:rgba(16,163,127,0.8)}.usage-stats-provider--grok .usage-stats-provider-quota{color:rgba(255,255,255,0.7)}.usage-stats-provider-quota.unlimited{color:#f59e0b}.usage-stats-provider-progress{width:100%;height:3px;background:rgba(255,255,255,0.08);border-radius:2px;overflow:hidden;margin-top:3px}.usage-stats-provider-progress-fill{height:100%;width:0%;background:var(--primary, #6366f1);border-radius:2px;transition:width 0.3s ease}.usage-stats-provider--flow .usage-stats-provider-progress-fill{background:linear-gradient(90deg,#4285F4,#34A853)}.usage-stats-provider--chatgpt .usage-stats-provider-progress-fill{background:#10a37f}.usage-stats-provider--grok .usage-stats-provider-progress-fill{background:#d4d4d8}.usage-stats-provider-progress[data-state=warning] .usage-stats-provider-progress-fill{background:#f59e0b}.usage-stats-provider-progress[data-state=danger] .usage-stats-provider-progress-fill{background:#ef4444}.usage-stats-provider-progress[data-state=unlimited] .usage-stats-provider-progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.usage-stats-provider-status{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#ef4444}.usage-stats-provider[data-enabled=true] .usage-stats-provider-status{background:#22c55e}.theme-light .usage-stats-provider--grok{background:linear-gradient(135deg,rgba(0,0,0,0.08) 0%,rgba(0,0,0,0.03) 100%)}.theme-light .usage-stats-provider--grok .usage-stats-provider-name{color:#000}.theme-light .usage-stats-provider--grok .usage-stats-provider-quota{color:rgba(0,0,0,0.6)}.usage-stats-features{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.usage-stats-feature{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(255,255,255,0.03);border-radius:8px;border:1px solid rgba(255,255,255,0.04);transition:all 0.2s;cursor:help;flex:1;min-width:120px}.usage-stats-feature:hover{background:rgba(255,255,255,0.05)}.usage-stats-feature[data-enabled=true]{border-color:rgba(34,197,94,0.2);background:rgba(34,197,94,0.05)}.usage-stats-feature-status{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;flex-shrink:0}.usage-stats-feature-status--on{background:rgba(34,197,94,0.2);color:#22c55e}.usage-stats-feature-status--on svg{display:none}.usage-stats-feature-status--on::after{content:"";width:10px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='3' stroke-linecap='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center}.usage-stats-feature-status--off{background:rgba(239,68,68,0.15);color:#ef4444}.usage-stats-feature-text{font-size:12px;font-weight:500;color:var(--foreground, #e8e8ea);flex-shrink:0}.usage-stats-feature-hint{display:none}.usage-stats-feature[data-enabled=true] .usage-stats-feature-text{color:#22c55e}.theme-light .usage-stats-modal{background:linear-gradient(180deg,#ffffff 0%,#f8f9fa 100%);border-color:rgba(0,0,0,0.08)}.theme-light .usage-stats-header{background:linear-gradient(135deg,rgba(59,130,246,0.08) 0%,rgba(59,130,246,0.02) 100%);border-bottom-color:rgba(0,0,0,0.06)}.theme-light .usage-stats-header-icon{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff}.theme-light .usage-stats-plan-badge{background:rgba(59,130,246,0.1);color:#2563eb}.theme-light .usage-stats-item{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.04)}.theme-light .usage-stats-item:hover{background:rgba(0,0,0,0.04)}.theme-light .usage-stats-progress{background:rgba(0,0,0,0.06)}.theme-light .usage-stats-premium-teaser{background:linear-gradient(135deg,rgba(249,115,22,0.08) 0%,rgba(234,88,12,0.03) 100%)}.theme-light .usage-stats-expiry{background:rgba(0,0,0,0.05);color:#64748b}.theme-light .usage-stats-section-title{color:#64748b}.theme-light .usage-stats-feature{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.04)}.theme-light .usage-stats-feature:hover{background:rgba(0,0,0,0.04)}.theme-light .usage-stats-feature[data-enabled=true]{background:rgba(34,197,94,0.08);border-color:rgba(34,197,94,0.2)}.theme-light .usage-stats-feature-text{color:#1e293b}.theme-light .usage-stats-feature-hint{color:#64748b}.theme-light .usage-stats-provider{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.06)}.theme-light .usage-stats-provider:hover{background:rgba(0,0,0,0.04)}.theme-light .usage-stats-provider[data-enabled=true]{background:rgba(34,197,94,0.08);border-color:rgba(34,197,94,0.2)}.theme-light .usage-stats-provider-name{color:#1e293b}.theme-light .usage-stats-provider-quota{color:#64748b}.footer-usage-quotas{cursor:pointer;transition:opacity 0.15s}.footer-usage-quotas:hover{opacity:0.8}.section-disabled{pointer-events:none;opacity:0.6;position:relative}.section-disabled>*:not(.config-loading-state){filter:blur(2px)}.config-loading-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background, #1e1e1e);z-index:10;border-radius:var(--radius, 8px)}.config-loading-state .spinner{width:32px;height:32px;border:3px solid var(--border, #3f3f3f);border-top-color:var(--primary, #ccff00);border-radius:50%;animation:spin 1s linear infinite}.config-loading-state p{margin-top:12px;color:var(--muted-foreground, #a1a1aa);font-size:14px}.config-loading-state .retry-btn{margin-top:12px;padding:6px 16px;background:var(--primary, #ccff00);color:var(--primary-foreground, #1e1e1e);border:none;border-radius:var(--radius, 6px);font-size:13px;cursor:pointer;transition:opacity 0.15s}.config-loading-state .retry-btn:hover{opacity:0.9}select:disabled option[disabled]{color:var(--muted-foreground, #a1a1aa);font-style:italic}.config-loading-inline{display:inline-flex;align-items:center;gap:6px;color:var(--muted-foreground, #a1a1aa);font-size:13px}.config-loading-inline .spinner-sm{width:14px;height:14px;border:2px solid var(--border, #3f3f3f);border-top-color:var(--primary, #ccff00);border-radius:50%;animation:spin 1s linear infinite}.feature-unavailable{opacity:0.5;pointer-events:none;position:relative}.feature-unavailable::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,0.03) 10px,rgba(0,0,0,0.03) 20px);pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.tobyflow-clone-detected-overlay{position:fixed;inset:0;z-index:10001;background:rgba(10,10,14,0.97);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.tobyflow-clone-detected-overlay.hidden{display:none}.tobyflow-clone-detected-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px;max-width:340px}.tobyflow-clone-detected-icon{width:80px;height:80px;border-radius:50%;background:rgba(239,68,68,0.15);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#ef4444}.tobyflow-clone-detected-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px 0}.tobyflow-clone-detected-desc{font-size:14px;color:rgba(255,255,255,0.65);margin:0 0 24px 0;line-height:1.55}.tobyflow-clone-detected-store-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#1a1a1e;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:opacity 0.2s}.tobyflow-clone-detected-store-btn:hover{opacity:0.9}.tobyflow-clone-detected-store-btn:active{opacity:0.8}.tobyflow-clone-detected-store-btn svg{color:#1a1a1e}.voice-picker-dropdown{position:relative;display:inline-block}.voice-picker-trigger{display:inline-flex;align-items:center;gap:6px;padding:4px;background:var(--surface);border:none;border-radius:var(--radius-pill);color:var(--foreground);font-size:12px;cursor:pointer;transition:background 0.15s;white-space:nowrap;max-width:180px}.voice-picker-trigger:hover{background:var(--surface-hover)}.voice-picker-trigger.has-value{background:var(--surface)}.voice-picker-trigger-thumb{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0}.voice-picker-trigger-thumb-placeholder{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#9333ea 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px}.voice-picker-label{max-width:100px;overflow:hidden;text-overflow:ellipsis}.voice-picker-arrow{opacity:0.5;transition:transform 0.2s}.voice-picker-dropdown.open .voice-picker-arrow{transform:rotate(180deg)}.voice-picker-popup{position:absolute;top:calc(100% + 4px);left:0;width:280px;max-height:340px;background:var(--surface-elevated, var(--surface));border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,0.5);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.voice-picker-popup.hidden{display:none}.voice-picker-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.voice-picker-search svg{color:var(--muted-foreground);flex-shrink:0}.voice-picker-search input{flex:1;background:transparent;border:none;outline:none;color:var(--foreground);font-size:13px}.voice-picker-search input::placeholder{color:var(--muted-foreground)}.voice-picker-list{flex:1;overflow-y:auto;padding:6px}.voice-picker-group-label{padding:6px 10px 4px;font-size:10px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.5px}.voice-picker-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background 0.15s;position:relative}.voice-picker-item:hover{background:var(--surface-hover)}.voice-picker-item.selected{background:rgba(255,255,255,0.1)}.voice-picker-item.none-option{color:var(--muted-foreground);font-style:italic}.voice-picker-thumb{width:36px;height:36px;border-radius:50%;background:var(--background);object-fit:cover;flex-shrink:0}.voice-picker-thumb-placeholder{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#9333ea 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.voice-picker-info{flex:1;min-width:0}.voice-picker-name{font-size:13px;font-weight:500;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-picker-desc{font-size:11px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.voice-picker-empty{padding:24px;text-align:center;color:var(--muted-foreground);font-size:13px}.voice-picker-badge-premium{position:absolute;top:4px;right:6px;padding:1px 6px;font-size:9px;font-weight:600;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white;border-radius:8px}.voice-picker-need-resync{padding:12px;text-align:center;font-size:12px;color:var(--muted-foreground)}.voice-picker-need-resync a{color:var(--primary);cursor:pointer;text-decoration:underline}.voice-modal-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.voice-modal-item-desc{font-size:11px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-modal-item-badge{padding:2px 6px;font-size:9px;font-weight:600;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white;border-radius:8px;margin-left:6px}.voice-modal-play-btn{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--background);color:var(--muted-foreground);border-radius:50%;cursor:pointer;margin-left:8px;padding:0;transition:all 0.15s ease}.voice-modal-play-btn:hover{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent);transform:scale(1.05)}.voice-modal-play-btn:active{transform:scale(0.95)}.voice-modal-play-btn.is-playing{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);animation:voice-modal-pulse 1.5s ease-in-out infinite}.voice-modal-play-btn .voice-modal-play-icon{display:block}@keyframes voice-modal-pulse{0%,100%{box-shadow:0 0 0 0 rgba(99,102,241,0.4)}50%{box-shadow:0 0 0 6px rgba(99,102,241,0)}}.voice-modal-empty{padding:32px 16px;text-align:center;color:var(--muted-foreground);font-size:13px}.voice-modal-empty p{margin:0 0 12px 0}.voice-modal-open-settings{padding:8px 16px;background:var(--primary);color:var(--background);border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:opacity 0.15s}.voice-modal-open-settings:hover{opacity:0.9}.voice-picker-trigger-thumb-svg{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--foreground);color:var(--surface);flex-shrink:0}.voice-picker-trigger-thumb-svg svg{width:11px;height:11px}.voice-modal-header-actions{display:flex;align-items:center;gap:6px}.voice-modal-sync-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted-foreground);cursor:pointer;transition:background 0.15s,color 0.15s,border-color 0.15s;font-size:11px}.voice-modal-sync-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--foreground);border-color:var(--primary)}.voice-modal-sync-btn:disabled{opacity:0.6;cursor:not-allowed}.voice-modal-sync-btn.voice-modal-sync-loading{color:var(--primary)}.voice-modal-sync-icon{display:inline-block;transition:transform 0.3s}.voice-modal-sync-spin{animation:voice-modal-sync-spin 0.8s linear infinite}@keyframes voice-modal-sync-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.voice-modal-sync-status{font-size:10px;font-weight:500;margin-left:2px;white-space:nowrap}#footerPremium .footer-usage-inline{display:none}.footer-support-btn{margin-left:auto;width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.55);border-radius:50%;background:var(--background);color:#fff;line-height:0;cursor:pointer;padding:0;transition:border-color 0.15s ease,background 0.15s ease}.footer-support-btn svg{width:14px;height:14px}.footer-support-btn:hover{border-color:#fff}.footer-support-btn:active{transform:scale(0.92)}.mention-menu{position:fixed;z-index:10000010;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,0.5);overflow:hidden;font-size:12px}.mention-menu-tabs{display:flex;gap:2px;padding:6px 6px 4px;border-bottom:1px solid #2e2e2e}.mention-menu-tab{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:none;border-radius:999px;background:transparent;color:#9a9a9a;font-size:11.5px;cursor:pointer;white-space:nowrap}.mention-menu-tab:hover{background:#2a2a2a;color:#cfcfcf}.mention-menu-tab.active{background:#333333;color:#ffffff}.mention-menu-list{max-height:220px;overflow-y:auto;padding:4px}.mention-menu-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;cursor:pointer;color:#e2e2e2}.mention-menu-item:hover,.mention-menu-item.active{background:#2f2f2f}.mention-menu-item-thumb{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.mention-menu-item-icon{width:22px;height:22px;border-radius:50%;background:#2a2a2a;display:inline-flex;align-items:center;justify-content:center;color:#b8b8b8;flex-shrink:0}.mention-menu-item-label{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-menu-item-sub{margin-left:auto;color:#7d7d7d;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.mention-menu-empty{padding:12px;text-align:center;color:#7d7d7d}.mention-chips-row{display:flex;flex-wrap:nowrap;gap:4px;padding:4px 10px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.16) transparent}.mention-chips-row::-webkit-scrollbar{height:4px}.mention-chips-row::-webkit-scrollbar-track{background:transparent}.mention-chips-row::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}.mention-chips-row:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.16)}.mention-chip-v2{display:inline-flex;align-items:center;gap:5px;padding:2px 5px 2px 4px;border-radius:999px;font-size:10px;line-height:18px;border:1px solid transparent;max-width:180px;flex-shrink:0}.mention-chip-v2-thumb{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0}.mention-chip-v2-icon{width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mention-chip-v2-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-chip-x{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;border-radius:50%;background:transparent;color:inherit;opacity:0.6;cursor:pointer;flex-shrink:0}.mention-chip-x:hover{opacity:1;background:rgba(255,255,255,0.12)}.mention-chip-v2--voice{background:rgba(255,95,168,0.14);border-color:rgba(255,95,168,0.35);color:#ff8fc2}.mention-chip-v2--char{background:rgba(145,120,217,0.16);border-color:rgba(145,120,217,0.4);color:#b3a1e8}.mention-chip-v2--ref,.mention-chip-v2--node{background:rgba(62,139,255,0.13);border-color:rgba(62,139,255,0.35);color:#7cb0ff}.mention-chip-v2--warn{background:rgba(255,176,32,0.12);border-color:rgba(255,176,32,0.45);color:#ffc45e}.picker-mention-locked{opacity:0.55;filter:grayscale(0.4);cursor:not-allowed}.picker-mention-at{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:700;font-size:12px;line-height:1}.picker-mention-at--voice{color:#ff8fc2}.picker-mention-at--char{color:#b3a1e8}.confirm-run-provider-status:has(.confirm-run-provider-badge.is-checking){border:2px solid transparent;background:linear-gradient(var(--muted, rgba(255, 255, 255, 0.05)),var(--muted, rgba(255, 255, 255, 0.05))) padding-box,conic-gradient(from var(--df-run-angle),var(--muted, rgba(255, 255, 255, 0.05)) 0deg,var(--muted, rgba(255, 255, 255, 0.05)) 215deg,#FF5FA8 250deg,#C26DC4 278deg,#9178D9 300deg,#6682ED 320deg,#3E8BFF 338deg,var(--muted, rgba(255, 255, 255, 0.05)) 360deg) border-box;box-shadow:0 0 12px 1px hsla(220,90%,65%,0.25);animation:dfRunBorderSpin 3s linear infinite}.ref-thumb-skel{width:100%;height:100%;min-height:56px;display:flex;align-items:center;justify-content:center;border-radius:inherit;color:var(--text-muted);background:linear-gradient(100deg,rgba(255,255,255,0.03) 30%,rgba(255,255,255,0.09) 50%,rgba(255,255,255,0.03) 70%);background-size:220% 100%;animation:refSkelShimmer 2.6s linear infinite}.ref-thumb-skel svg{width:22px;height:22px;display:block;opacity:0.85}.ref-thumb-skel.is-underlay{position:absolute;inset:0;z-index:0;min-height:0}.ref-thumb-skel.is-pending{color:rgba(204,255,0,0.55);background:linear-gradient(100deg,rgba(255,255,255,0.04) 30%,rgba(204,255,0,0.16) 50%,rgba(255,255,255,0.04) 70%);background-size:220% 100%;animation-duration:1.5s}@keyframes refSkelShimmer{0%{background-position:-140% 0}100%{background-position:140% 0}}@media (prefers-reduced-motion: reduce){.ref-thumb-skel{animation:none}}.footer-wm{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:11px}.footer-wm.hidden{display:none}.footer-wm.is-teaser .wm-toggle,.footer-wm.is-teaser .footer-wm-sep{display:none}.footer-wm.is-teaser #footerWmImageWrap{display:inline-flex}.footer-wm+.footer-support-btn{margin-left:0}.footer-flow-api{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;min-height:26px;padding:4px 7px;border:0;border-radius:7px;background:transparent;color:var(--muted-foreground);cursor:pointer;font:inherit;font-size:10px;font-weight:650}.footer-flow-api.hidden{display:none}.footer-flow-api-version{font-size:9px;line-height:1.3;padding:1px 4px;border:1px solid currentColor;border-radius:5px;white-space:nowrap}.footer-flow-api-version[data-driver=v2]{color:#22c987;background:rgba(34,201,135,.08);border-radius:3px;margin-inline:2px;transform:skew(-12deg);flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:16px;padding:0 5px;font-size:9px;font-weight:800;line-height:16px;display:inline-flex;border:1px solid #ffffff14;text-transform:lowercase;letter-spacing:0}.footer-flow-api-version[data-driver=v1]{color:#3b82f6;background:rgba(59,130,246,.08)}.footer-flow-api-version.hidden{display:none}.footer-flow-api:hover{color:var(--foreground);background:var(--surface)}.footer-flow-api-dot{width:6px;height:6px;border-radius:50%;background:var(--muted-foreground)}.footer-flow-api.is-reconnecting:not(.is-on) .footer-flow-api-dot{width:10px;height:10px;background:transparent;box-shadow:none;border:2px solid currentColor;border-right-color:transparent;animation:flow-api-refresh-spin .8s linear infinite}.gen-api-connecting{display:none}.gen-api-setting-btn.is-reconnecting .gen-api-connecting{display:inline-block;width:10px;height:10px;flex:0 0 auto;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:flow-api-refresh-spin .8s linear infinite}.gen-api-setting-btn.is-reconnecting .gen-api-toggle{display:none}@media (prefers-reduced-motion:reduce){.gen-api-setting-btn.is-reconnecting .gen-api-connecting,.footer-flow-api.is-reconnecting:not(.is-on) .footer-flow-api-dot{animation:none}}.footer-flow-api.is-on{color:var(--muted-foreground);background:transparent}.footer-flow-api.is-on .footer-flow-api-dot{width:6px;height:6px;border:none;background:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.15);animation:none;transform:none}.footer-flow-api-flash,.footer-flow-api-crown{color:#eab308;flex:0 0 auto}.footer-flow-api.is-locked{color:var(--muted-foreground)}.footer-flow-api+.footer-support-btn{margin-left:0}.footer-wm-open{display:flex;align-items:center;gap:5px;background:none;border:none;padding:2px 4px;margin:0;color:var(--muted-foreground);font-size:11px;font-weight:600;cursor:pointer;border-radius:5px;white-space:nowrap;transition:color 150ms ease,background 150ms ease}.footer-wm-open:hover{color:var(--foreground);background:var(--surface)}.footer-wm-open.hidden{display:none}.footer-wm-open:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.footer-wm-open svg{flex-shrink:0}.footer-wm-sep{color:var(--border-strong, rgba(255,255,255,0.18));font-size:11px}.wm-toggle--xs .toggle-track{width:20px;height:11px;border-radius:6px}.wm-toggle--xs .toggle-thumb{width:8px;height:8px;top:1.5px;left:1.5px}.wm-toggle--xs input:checked~.toggle-track .toggle-thumb{transform:translateX(9px)}.wm-toggle--xs{gap:5px;font-size:11px}.wm-toggle--xs .toggle-label{font-size:10px}.footer-wm .toolbar-toggle.locked{opacity:1;color:var(--muted-foreground);cursor:pointer}.footer-wm .toolbar-toggle.locked .toggle-track{opacity:.45}.footer-wm .toolbar-toggle.locked .wm-pill-lock{display:inline-block}.footer-wm .toolbar-toggle.locked .wm-pill-crown{color:#eab308}#footerFree .footer-usage-features,#footerGuest .footer-usage-features{display:none}.extension-update-badge,.bridge-update-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;min-width:16px;flex-shrink:0;padding:0;border:0;border-radius:50%;background:#facc15;color:#000}.extension-update-badge svg,.bridge-update-badge svg{width:10px;height:10px;stroke:#000;stroke-width:2.5;flex-shrink:0}.extension-update-badge[hidden]{display:none!important}button.extension-update-badge,.bridge-update-badge{cursor:pointer}.extension-update-title-wrap{display:contents}.extension-update-title-wrap.has-update{position:relative;display:inline-flex;min-width:0;padding-right:8px}.extension-update-badge-title{position:absolute;top:-8px;right:-4px}@media (max-width: 420px){.extension-update-title-wrap.has-update{width:16px;height:16px;flex-shrink:0;padding-right:0}.extension-update-title-wrap.has-update .extension-update-badge-title{position:static}}.extension-update-badge-menu{margin-left:auto;align-self:center;pointer-events:none}.extension-update-guide{white-space:normal;text-align:left}.extension-update-guide p{font-size:12px;color:var(--muted-foreground)}.extension-update-guide ol{padding-left:24px;margin:16px 0 0}.extension-update-guide li{margin-bottom:16px;line-height:1.6}.extension-update-guide a{display:inline-flex;align-items:center;gap:6px;color:var(--primary, #2563eb);text-decoration:underline}.extension-update-dialog .cdialog-icon svg{width:24px;height:24px;stroke:#fff}.extension-update-guide a svg{stroke:#fff}.extension-update-developer-step{display:inline-flex;align-items:flex-start;gap:8px}.extension-update-toggle{flex-shrink:0;margin-top:3px}.upload-controls-panel{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:2147483646;box-sizing:border-box;width:min(340px,calc(100vw - 24px));display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(255,255,255,0.2);border-radius:11px;background:#202322;color:#f5f7f1;box-shadow:0 10px 30px rgba(0,0,0,0.38),0 0 0 1px rgba(0,0,0,0.16);font:600 12px/1.25 system-ui,sans-serif;animation:upload-controls-enter 180ms ease-out}.upload-controls-icon{flex:0 0 18px;width:18px;height:18px;box-sizing:border-box;border:2px solid rgba(204,255,0,0.25);border-top-color:#ccff00;border-radius:50%;transform-origin:center;will-change:transform;animation:upload-controls-spin 850ms linear infinite}.upload-controls-content{flex:1;min-width:0}.upload-controls-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-controls-progress{position:relative;height:4px;margin-top:6px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,0.17)}.upload-controls-progress-fill{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#a8d700,#d9ff52);box-shadow:0 0 8px rgba(204,255,0,0.45);transition:width 220ms ease}.upload-controls-panel[data-state=uploading] .upload-controls-progress::after{content:"";position:absolute;inset:0 auto 0 0;width:32%;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(230,255,153,0.9),transparent);animation:upload-controls-sweep 1.6s ease-in-out infinite}.upload-controls-actions{display:flex;flex:0 0 auto;gap:4px}.upload-controls-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 7px;border:1px solid rgba(255,255,255,0.2);border-radius:6px;background:rgba(255,255,255,0.08);color:inherit;font:500 11px/1.2 system-ui,sans-serif;cursor:pointer}.upload-controls-button-icon{display:inline-flex;width:12px;height:12px;flex:0 0 12px}.upload-controls-button:hover:not(:disabled){background:rgba(255,255,255,0.17)}.upload-controls-button:focus-visible{outline:2px solid #ccff00;outline-offset:2px}.upload-controls-button:disabled{opacity:0.48;cursor:default}.upload-controls-panel[data-state=paused] .upload-controls-icon{animation-play-state:paused}.upload-controls-panel[data-state=cancelling] .upload-controls-icon{border-top-color:#ff8078}.upload-controls-panel[data-state=cancelling] .upload-controls-progress-fill{background:#ff8078;box-shadow:none}@keyframes upload-controls-spin{to{transform:rotate(360deg)}}@keyframes upload-controls-sweep{to{transform:translateX(320%)}}@keyframes upload-controls-enter{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%,0)}}@media (prefers-reduced-motion: reduce){.upload-controls-panel{animation:none}.upload-controls-icon{animation-duration:2s}.upload-controls-panel[data-state=uploading] .upload-controls-progress::after{animation:none;display:none}.upload-controls-progress-fill{transition:none}}#createWorkflowBtn{transition:filter 150ms ease,transform 150ms ease,box-shadow 150ms ease}#createWorkflowBtn:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 3px 10px rgba(204,255,0,.22)}#createWorkflowBtn:not(:disabled):active{filter:brightness(.96);transform:translateY(0) scale(.94);box-shadow:none}#createWorkflowBtn:focus-visible{outline:2px solid var(--primary);outline-offset:3px}#createWorkflowBtn:disabled{transform:none;box-shadow:none;filter:none}@media (prefers-reduced-motion: reduce){#createWorkflowBtn{transition:none}}