.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:var(--space-lg)}[data-mode=futuristic] .auth-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 20%,rgba(56,189,248,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(94,234,212,.1) 0%,transparent 50%);pointer-events:none;animation:ambient-shift 15s ease-in-out infinite}.auth-card{width:100%;max-width:420px;padding:var(--space-xl)}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--ocean-light),var(--seafoam));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.auth-subtitle{color:var(--text-muted);font-size:var(--text-sm)}.auth-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);background:var(--bg-tertiary);padding:var(--space-xs);border-radius:var(--border-radius)}.auth-tabs .tab{flex:1;padding:var(--space-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);border-radius:6px;transition:all var(--transition-speed)}.auth-tabs .tab:hover{color:var(--text-primary)}.auth-tabs .tab.active{background:var(--bg-secondary);color:var(--text-primary)}[data-mode=futuristic] .auth-tabs .tab.active{box-shadow:0 0 10px #38bdf833}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-size:var(--text-sm);color:var(--text-secondary)}.form-group input{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:var(--text-base);transition:all var(--transition-speed)}.form-group input:focus{outline:none;border-color:var(--accent)}[data-mode=futuristic] .form-group input:focus{box-shadow:0 0 10px #38bdf833}.form-group input::placeholder{color:var(--text-muted)}.auth-error{padding:var(--space-sm);background:#fb71851a;border:1px solid var(--sunset-coral);border-radius:6px;color:var(--sunset-coral);font-size:var(--text-sm)}.auth-success{padding:var(--space-sm);background:#5eead41a;border:1px solid var(--seafoam);border-radius:6px;color:var(--seafoam);font-size:var(--text-sm)}.auth-submit{padding:var(--space-md);font-size:var(--text-base);font-weight:600;margin-top:var(--space-sm)}.auth-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{color:var(--text-muted);font-size:var(--text-sm)}.oauth-buttons{display:flex;gap:var(--space-sm)}.oauth-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);font-size:var(--text-sm);border-radius:6px;transition:all var(--transition-speed)}.oauth-btn:hover{background:var(--sand-light);transform:translateY(-1px)}.oauth-btn svg{flex-shrink:0}.auth-footer{margin-top:var(--space-lg);text-align:center;font-size:var(--text-xs);color:var(--text-muted)}.auth-notice{text-align:center;padding:var(--space-lg)}.auth-notice p{margin-bottom:var(--space-sm);color:var(--text-secondary)}.auth-notice code{display:block;padding:var(--space-md);background:var(--bg-tertiary);border-radius:6px;font-size:var(--text-sm);color:var(--ocean-light);text-align:left}.user-menu{position:relative}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--ocean-mid),var(--seafoam));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;cursor:pointer;transition:all var(--transition-speed)}.user-avatar:hover{transform:scale(1.05)}[data-mode=futuristic] .user-avatar{box-shadow:0 0 15px #38bdf84d}.user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-dropdown{position:absolute;top:calc(100% + var(--space-sm));right:0;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--space-sm);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-speed);z-index:1000}.user-menu:hover .user-dropdown,.user-dropdown:hover{opacity:1;visibility:visible;transform:translateY(0)}[data-mode=futuristic] .user-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 40px #0000004d}.user-info{padding:var(--space-sm);border-bottom:1px solid var(--border);margin-bottom:var(--space-sm)}.user-name{font-weight:600;color:var(--text-primary)}.user-email{font-size:var(--text-xs);color:var(--text-muted)}.dropdown-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);border-radius:4px;text-align:left;transition:all var(--transition-speed)}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-item.danger{color:var(--sunset-coral)}.dropdown-item.danger:hover{background:#fb71851a}.pending-content{text-align:center;padding:var(--space-xl) 0}.pending-icon{color:var(--ocean-light);margin-bottom:var(--space-lg);animation:pulse 2s ease-in-out infinite}.pending-content h2{font-size:1.5rem;margin-bottom:var(--space-md);color:var(--text-primary)}.pending-content p{color:var(--text-secondary);margin-bottom:var(--space-sm)}.pending-note{font-size:var(--text-sm);color:var(--text-muted)}.auth-submit.secondary{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.auth-submit.secondary:hover{background:var(--bg-secondary);color:var(--text-primary)}.admin-panel{margin-bottom:var(--space-md);padding:var(--space-md)}.admin-panel .panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.admin-panel .panel-header h3{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.admin-panel .badge{background:var(--sunset-coral);color:#fff;font-size:var(--text-xs);padding:2px 8px;border-radius:10px;font-weight:600}.admin-panel .empty-state{font-size:var(--text-sm);color:var(--text-muted);text-align:center;padding:var(--space-md)}.pending-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.pending-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm);background:var(--bg-tertiary);border-radius:6px}.pending-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.pending-email{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-name,.pending-date{font-size:var(--text-xs);color:var(--text-muted)}.pending-actions{display:flex;gap:var(--space-xs)}.btn-approve,.btn-reject{width:28px;height:28px;border-radius:4px;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed)}.btn-approve{background:#5eead433;color:var(--seafoam);border:1px solid var(--seafoam)}.btn-approve:hover{background:var(--seafoam);color:#fff}.btn-reject{background:#fb718533;color:var(--sunset-coral);border:1px solid var(--sunset-coral)}.btn-reject:hover{background:var(--sunset-coral);color:#fff}:root{--ocean-deep: #0c4a6e;--ocean-mid: #0369a1;--ocean-light: #38bdf8;--ocean-foam: #7dd3fc;--sand-dark: #1c1917;--sand-mid: #292524;--sand-light: #44403c;--sand-pale: #78716c;--sunset-coral: #fb7185;--sunset-orange: #fb923c;--sunset-gold: #fbbf24;--seafoam: #5eead4;--lagoon: #2dd4bf;--bg-primary: var(--sand-dark);--bg-secondary: var(--sand-mid);--bg-tertiary: var(--sand-light);--terminal-bg: #0a0a0a;--border: #3f3f46;--text-primary: #fafaf9;--text-secondary: #a8a29e;--text-muted: #78716c;--accent: var(--ocean-light);--accent-glow: var(--ocean-foam);--success: var(--seafoam);--warning: var(--sunset-gold);--error: var(--sunset-coral);--haiku: var(--seafoam);--sonnet: var(--ocean-light);--opus: var(--sunset-gold);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .625rem;--text-sm: .75rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--blur: 0px;--glow-intensity: 0;--transition-speed: .2s;--border-radius: 8px}[data-density=compact]{--space-xs: .125rem;--space-sm: .25rem;--space-md: .5rem;--space-lg: .75rem;--space-xl: 1rem;--text-xs: .5625rem;--text-sm: .6875rem;--text-base: .75rem}[data-density=spacious]{--space-xs: .5rem;--space-sm: .75rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem}[data-mode=futuristic]{--blur: 12px;--glow-intensity: 1;--border-radius: 16px;--bg-secondary: rgba(41, 37, 36, .7);--bg-tertiary: rgba(68, 64, 60, .5)}[data-mode=futuristic] .panel{backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid rgba(255,255,255,.1);box-shadow:0 0 calc(20px * var(--glow-intensity)) #38bdf81a,inset 0 1px #ffffff0d}[data-mode=futuristic] .accent-glow{text-shadow:0 0 calc(10px * var(--glow-intensity)) var(--accent-glow)}[data-mode=futuristic] button:not(:disabled):hover{box-shadow:0 0 20px var(--accent-glow);transform:translateY(-1px)}[data-mode=futuristic] .status-badge.running{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--accent)}50%{box-shadow:0 0 20px var(--accent),0 0 30px var(--accent-glow)}}[data-mode=futuristic] .progress-fill{background:linear-gradient(90deg,var(--ocean-deep),var(--ocean-light),var(--seafoam));background-size:200% 100%;animation:gradient-flow 3s ease infinite}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}[data-mode=futuristic]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 80%,rgba(56,189,248,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(251,113,133,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(94,234,212,.04) 0%,transparent 70%);pointer-events:none;z-index:-1;animation:ambient-shift 20s ease-in-out infinite}@keyframes ambient-shift{0%,to{opacity:1}50%{opacity:.7}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base);line-height:1.5;overflow-x:hidden}.app{display:grid;grid-template-rows:1fr 22px;height:100vh;overflow:hidden;position:relative}.app.resizing{-webkit-user-select:none;user-select:none}.app.resizing *{pointer-events:none}.app.resizing .resize-handle{pointer-events:auto}.resize-handle{position:absolute;z-index:100;background:transparent;transition:background .15s}.resize-handle:hover,.resize-handle:active{background:var(--accent)}.resize-handle-left{width:4px;height:100%;cursor:ew-resize;top:0}.resize-handle-right{width:4px;height:calc(100% - 22px);cursor:ew-resize;top:0;left:0}.resize-handle-terminal{width:100%;height:8px;cursor:ns-resize;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-top:1px solid var(--border)}.resize-handle-terminal:after{content:"";width:60px;height:3px;background:var(--text-muted);border-radius:2px;opacity:.4;transition:all .15s ease}.resize-handle-terminal:hover:after{opacity:1;background:var(--seafoam);height:4px}.activity-bar{grid-column:1;grid-row:1;background:var(--sand-dark);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-xs) 0;border-right:1px solid var(--border)}.activity-icons{display:flex;flex-direction:column;align-items:center;gap:2px}.activity-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;position:relative;transition:color var(--transition-speed)}.activity-icon:hover,.activity-icon.active{color:var(--text-primary)}.activity-icon.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:24px;background:var(--accent)}.activity-icon svg{width:24px;height:24px}.activity-bottom{display:flex;flex-direction:column;align-items:center;padding-bottom:var(--space-sm)}.sidebar{grid-column:2;grid-row:1;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative}.sidebar-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-title{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.sidebar-content{flex:1;overflow-y:auto;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm)}.main-area{grid-column:3;grid-row:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);min-width:0}.tabs-bar{display:flex;background:var(--sand-dark);border-bottom:1px solid var(--border);flex-shrink:0}.tab{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);background:transparent;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;border-right:1px solid var(--border);transition:all var(--transition-speed)}.tab:hover{background:var(--bg-secondary)}.tab.active{background:var(--bg-primary);color:var(--text-primary);border-bottom:1px solid var(--bg-primary);margin-bottom:-1px}.tabs-spacer{flex:1}.tab-action{padding:var(--space-xs) var(--space-sm);background:transparent;color:var(--text-muted);border:none;display:flex;align-items:center;justify-content:center}.tab-action:hover{color:var(--text-primary);background:var(--bg-secondary)}.editor-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-content{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.terminal-wrapper{flex-shrink:0;display:flex;flex-direction:column;position:relative;overflow:visible}.terminal-wrapper .terminal{flex:1;height:100%}.right-sidebar{grid-column:4;grid-row:1;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:100}.right-sidebar-toggle{position:fixed;right:0;top:50%;transform:translateY(-50%);width:32px;height:80px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px 0 0 8px;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:500;transition:all .2s;box-shadow:-2px 0 12px #8b5cf64d}.right-sidebar-toggle:hover{width:40px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:-4px 0 20px #8b5cf680}.right-sidebar-toggle span{animation:pulse-toggle 2s infinite}@keyframes pulse-toggle{0%,to{opacity:1}50%{opacity:.6}}.right-sidebar .sidebar-header{border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.sidebar-close{width:24px;height:24px;padding:0;background:transparent;color:var(--text-muted);font-size:18px;line-height:1;border-radius:4px;display:flex;align-items:center;justify-content:center}.sidebar-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.status-bar{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-md);background:var(--ocean-deep);font-size:12px;color:var(--text-primary)}.status-left,.status-right{display:flex;align-items:center;gap:var(--space-md)}.status-item{display:flex;align-items:center;gap:var(--space-xs)}[data-mode=futuristic] .status-bar{background:linear-gradient(90deg,var(--ocean-deep),var(--ocean-mid));box-shadow:0 -1px 10px #38bdf833}[data-mode=futuristic] .activity-icon.active:before{box-shadow:0 0 8px var(--accent)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border);background:var(--bg-secondary);position:relative;z-index:100}.header-left{display:flex;align-items:baseline;gap:var(--space-md)}.app-header h1{font-size:var(--text-xl);font-weight:600;background:linear-gradient(135deg,var(--ocean-light),var(--seafoam));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header .subtitle{color:var(--text-muted);font-size:var(--text-sm)}.header-right{display:flex;align-items:center;gap:var(--space-lg)}.header-nav{display:flex;gap:var(--space-xs);margin-left:var(--space-lg)}.nav-link{padding:var(--space-xs) var(--space-md);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);border-radius:6px;transition:all var(--transition-speed)}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{color:var(--accent);background:#38bdf81a}[data-mode=futuristic] .nav-link.active{box-shadow:0 0 10px #38bdf833}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.loading-content{text-align:center}.loading-content h1{font-size:2rem;background:linear-gradient(135deg,var(--ocean-light),var(--seafoam));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-md)}.loading-content p{color:var(--text-muted)}.full-page{flex:1;overflow-y:auto;background:var(--bg-primary)}.settings-placeholder{max-width:600px;margin:var(--space-xl) auto;padding:var(--space-xl);text-align:center}.settings-placeholder h2{margin-bottom:var(--space-md)}.theme-controls{display:flex;align-items:center;gap:var(--space-md)}.mode-toggle{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:20px;cursor:pointer;transition:all var(--transition-speed)}.mode-toggle:hover{background:var(--sand-light)}.toggle-track{width:44px;height:24px;background:var(--sand-dark);border-radius:12px;position:relative;transition:background var(--transition-speed)}.toggle-track.active{background:linear-gradient(135deg,var(--ocean-mid),var(--ocean-light))}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--text-primary);border-radius:50%;transition:transform var(--transition-speed);display:flex;align-items:center;justify-content:center;font-size:10px}.toggle-track.active .toggle-thumb{transform:translate(20px)}.mode-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;min-width:60px}.density-select{padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);cursor:pointer}.app-main{display:grid;grid-template-columns:280px 1fr 380px;gap:1px;flex:1;background:var(--border)}.left-panel,.center-panel,.right-panel{background:var(--bg-primary);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);overflow-y:auto}.app-footer{padding:var(--space-sm) var(--space-xl);border-top:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);font-size:var(--text-xs);display:flex;justify-content:space-between;align-items:center}.panel{background:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--space-md);transition:all var(--transition-speed)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.panel-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.progress-section{margin-bottom:var(--space-md)}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--ocean-mid),var(--accent));transition:width .3s ease;border-radius:4px}.progress-text{display:flex;justify-content:space-between;margin-top:var(--space-sm);color:var(--text-secondary);font-size:var(--text-xs)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.metric-card{background:var(--bg-tertiary);border-radius:6px;padding:var(--space-sm);text-align:center;transition:all var(--transition-speed)}[data-mode=futuristic] .metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.metric-value{display:block;font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.metric-value.highlight{color:var(--accent)}[data-mode=futuristic] .metric-value.highlight{text-shadow:0 0 10px var(--accent-glow)}.metric-label{display:block;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-xs)}.progress-header{display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.overall{color:var(--accent);font-weight:600}.project-bar{margin-bottom:var(--space-md)}.project-header{display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.project-name{font-weight:600;font-size:var(--text-sm);transition:background var(--transition-speed)}.log-line:hover{background:#ffffff05}.log-time{color:var(--text-muted);flex-shrink:0;font-size:var(--text-xs)}.log-level{flex-shrink:0;font-weight:600;font-size:var(--text-xs);min-width:40px}.log-level.info{color:var(--ocean-light)}.log-level.warn{color:var(--sunset-gold)}.log-level.error{color:var(--sunset-coral)}.log-level.debug{color:var(--text-muted)}.log-source{color:var(--sand-pale);flex-shrink:0;font-size:var(--text-xs)}.log-message{color:var(--text-primary);word-break:break-word}.log-footer{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted);display:flex;justify-content:space-between}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--sand-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sand-pale)}.terminal{position:relative;background:var(--terminal-bg);border-top:1px solid var(--border);font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:13px;display:flex;flex-direction:column;overflow:visible}.terminal.expanded{flex:1;min-height:0;overflow:hidden}.terminal.collapsed{height:auto}.terminal.resizing{-webkit-user-select:none;user-select:none}.terminal-resize-handle{position:absolute;top:-4px;left:0;right:0;height:12px;cursor:ns-resize;z-index:100;display:flex;align-items:center;justify-content:center;background:transparent}.terminal-resize-handle:hover .resize-grip,.terminal.resizing .resize-grip{opacity:1;background:var(--seafoam);height:4px}.resize-grip{width:60px;height:3px;background:var(--text-muted);border-radius:2px;opacity:.5;transition:all .15s ease}.terminal-path{color:var(--text-muted);font-size:11px;margin-left:var(--space-sm);opacity:.7}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-md);background:#151515;border-bottom:1px solid #252525;cursor:pointer;-webkit-user-select:none;user-select:none}.terminal-header:hover{background:#1a1a1a}.terminal-title{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--text-sm)}.terminal-icon{color:var(--seafoam)}.terminal-controls{display:flex;gap:var(--space-xs)}.terminal-btn{padding:2px 8px;background:transparent;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;border-radius:3px;transition:all var(--transition-speed)}.terminal-btn:hover{background:#252525;color:var(--text-primary)}.terminal-body{flex:1;display:flex;flex-direction:column;overflow:hidden;cursor:text}.terminal-output{flex:1;overflow-y:auto;padding:var(--space-sm) var(--space-md);padding-bottom:0}.terminal-line{line-height:1.6;white-space:pre-wrap;word-break:break-all}.terminal-line .line-content{color:#e0e0e0}.terminal-line.input .line-content{color:var(--ocean-light)}.terminal-line .line-content.error{color:var(--sunset-coral)}.terminal-line .line-content.system{color:var(--text-muted);font-style:italic}.composer-container{position:relative;padding:16px 20px 20px;margin-top:auto}.composer-glow{position:absolute;top:8px;right:12px;bottom:12px;left:12px;border-radius:28px;background:radial-gradient(ellipse at center,rgba(56,189,248,.15) 0%,rgba(56,189,248,.05) 40%,transparent 70%);filter:blur(12px);animation:composerPulse 3s ease-in-out infinite;pointer-events:none}@keyframes composerPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes composerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.composer-glass{position:relative;border-radius:24px;padding:2px;animation:composerFloat 4s ease-in-out infinite;background:linear-gradient(135deg,#ffffff40,#ffffff0d 40%,#ffffff05 60%,#ffffff26);box-shadow:0 0 0 1px #ffffff14,0 4px 24px -4px #00000080,0 8px 32px -8px #38bdf833,inset 0 1px #ffffff1a}.composer-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:1px;background:linear-gradient(145deg,rgba(255,255,255,.3) 0%,transparent 50%,rgba(255,255,255,.1) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.composer-inner{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:22px;background:linear-gradient(165deg,#1e232dd9,#141923bf,#191e28cc);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 1px 1px #ffffff14,inset 0 -1px 1px #0003,inset 0 0 20px #38bdf808}.composer-prompt{color:var(--seafoam);font-weight:700;font-size:14px;text-shadow:0 0 10px rgba(56,189,248,.5);opacity:.9}.composer-input{flex:1;background:transparent;border:none;outline:none;color:#fffffff2;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;letter-spacing:.3px;caret-color:var(--seafoam);min-width:0}.composer-input::placeholder{color:#ffffff4d;font-style:italic}.composer-hint{display:flex;align-items:center;gap:4px;opacity:.4;transition:opacity .2s}.composer-hint kbd{display:flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;font-size:11px;font-family:inherit;color:#ffffffb3;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:0 1px 2px #0003}.running-indicator{display:flex;align-items:center;gap:4px;animation:pulse 1s ease-in-out infinite}.queue-count{font-size:10px;color:var(--seafoam);font-weight:600}.composer-glass:focus-within{box-shadow:0 0 0 1px #38bdf84d,0 4px 24px -4px #00000080,inset 0 1px #ffffff1a}.composer-glass:focus-within .composer-glow{opacity:1}.composer-glass:focus-within .composer-hint{opacity:.7}.composer-glass:after{content:"";position:absolute;top:3px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.2) 80%,transparent 100%);border-radius:50%;pointer-events:none}.terminal-output::-webkit-scrollbar{width:6px}.terminal-output::-webkit-scrollbar-track{background:var(--terminal-bg)}.terminal-output::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.terminal-output::-webkit-scrollbar-thumb:hover{background:#444}[data-mode=futuristic] .terminal{background:#0d0d0df2;border-top-color:#38bdf833}[data-mode=futuristic] .terminal-header{background:#151515e6}[data-mode=futuristic] .composer-prompt{text-shadow:0 0 12px var(--seafoam),0 0 20px rgba(56,189,248,.4)}[data-mode=futuristic] .composer-glass{box-shadow:0 0 0 1px #38bdf833,0 4px 24px -4px #0009,0 8px 40px -8px #38bdf84d,inset 0 1px #ffffff26}[data-mode=futuristic] .composer-glow{background:radial-gradient(ellipse at center,rgba(56,189,248,.25) 0%,rgba(56,189,248,.1) 40%,transparent 70%)}[data-mode=futuristic] .terminal-line.input .line-content{text-shadow:0 0 5px rgba(56,189,248,.3)}.agent-list{display:flex;flex-direction:column;height:100%}.agent-list-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border)}.agent-list-title{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.add-agent-btn{width:24px;height:24px;padding:0;background:transparent;color:var(--text-muted);border-radius:4px;display:flex;align-items:center;justify-content:center}.add-agent-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.add-agent-btn svg{width:14px;height:14px}.agent-list-content{flex:1;overflow-y:auto;padding:var(--space-sm)}.empty-agents{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--text-muted)}.empty-icon{font-size:32px;margin-bottom:var(--space-md);opacity:.5}.empty-agents p{margin-bottom:var(--space-md)}.create-first-btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.network-section{margin-bottom:var(--space-md)}.network-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-left:2px solid var(--network-color, var(--accent));margin-bottom:var(--space-xs)}.network-icon{font-size:12px}.network-name{flex:1}.network-count{color:var(--text-muted)}.network-agents{display:flex;flex-direction:column;gap:2px}.agent-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);border-radius:4px;cursor:pointer;transition:all var(--transition-speed);border-left:2px solid transparent}.agent-item:hover{background:var(--bg-tertiary)}.agent-item.selected{background:var(--bg-tertiary);border-left-color:var(--agent-color, var(--accent))}.agent-item.disabled{opacity:.5}.agent-item-main{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.agent-toggle{width:20px;height:12px;padding:0;background:var(--bg-tertiary);border-radius:6px;position:relative;flex-shrink:0}.toggle-indicator{position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:var(--text-muted);transition:all var(--transition-speed)}.toggle-indicator.on{left:10px;background:var(--success)}.agent-icon{font-size:14px;flex-shrink:0}.agent-info{flex:1;min-width:0}.agent-name{display:block;font-size:var(--text-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-model{display:block;font-size:var(--text-xs);color:var(--text-muted)}.agent-item-actions{display:none;gap:2px}.agent-item:hover .agent-item-actions{display:flex}.agent-action-btn{width:20px;height:20px;padding:0;background:transparent;color:var(--text-muted);border-radius:3px;display:flex;align-items:center;justify-content:center}.agent-action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.agent-action-btn.danger:hover{color:var(--error)}.agent-action-btn svg{width:12px;height:12px}.empty-networks{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding-top:var(--space-md);border-top:1px solid var(--border);margin-top:var(--space-md)}.add-to-network-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;color:var(--text-muted);font-size:var(--text-xs);border:1px dashed var(--border);border-radius:4px}.add-to-network-btn:hover{border-color:var(--accent);color:var(--accent)}.agent-list-footer{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted)}.agent-designer{display:flex;flex-direction:column;height:100%;gap:var(--space-md)}.designer-header{display:flex;justify-content:space-between;align-items:center}.designer-title h2{font-size:var(--text-lg);margin-bottom:var(--space-xs)}.designer-title p{color:var(--text-muted);font-size:var(--text-sm)}.create-btn{display:flex;align-items:center;gap:var(--space-sm)}.create-btn svg{width:16px;height:16px}.designer-grid{flex:1;overflow-y:auto}.empty-designer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--space-xl)}.empty-visual{position:relative;width:200px;height:200px;margin-bottom:var(--space-lg)}.orbit{position:absolute;top:0;right:0;bottom:0;left:0;animation:orbit-spin 10s linear infinite}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-item{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--bg-secondary);border-radius:50%;animation:orbit-item 10s linear infinite;animation-delay:var(--orbit-delay);border:2px solid var(--network-color)}@keyframes orbit-item{0%{transform:rotate(0) translate(70px) rotate(0)}to{transform:rotate(360deg) translate(70px) rotate(-360deg)}}.center-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;background:linear-gradient(135deg,var(--ocean-mid),var(--ocean-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.empty-designer h3{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.empty-designer p{color:var(--text-muted);margin-bottom:var(--space-lg);max-width:300px}.start-btn{padding:var(--space-md) var(--space-xl)}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.agent-card{background:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--space-md);cursor:pointer;transition:all var(--transition-speed);border:1px solid transparent}.agent-card:hover{border-color:var(--border)}.agent-card.selected{border-color:var(--agent-color, var(--accent))}.agent-card.disabled{opacity:.6}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.card-icon{font-size:32px;width:48px;height:48px;background:var(--bg-tertiary);border-radius:12px;display:flex;align-items:center;justify-content:center}.card-status .status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.card-status .status-dot.active{background:var(--success)}[data-mode=futuristic] .card-status .status-dot.active{box-shadow:0 0 8px var(--success)}.card-body{margin-bottom:var(--space-sm)}.card-name{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-xs)}.card-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.card-meta{margin-bottom:var(--space-sm)}.card-network{font-size:var(--text-xs);font-weight:500}.card-skills{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-md)}.skill-tag{font-size:14px;background:var(--bg-tertiary);padding:4px 8px;border-radius:4px}.skill-more{font-size:var(--text-xs);color:var(--text-muted);padding:4px 8px}.card-actions{display:flex;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border)}.card-actions button{flex:1;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);background:var(--bg-tertiary);color:var(--text-secondary)}.card-actions button:hover{color:var(--text-primary)}.card-actions button.danger:hover{color:var(--error)}.add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:2px dashed var(--border);border-radius:var(--border-radius);padding:var(--space-xl);cursor:pointer;transition:all var(--transition-speed);min-height:200px}.add-card:hover{border-color:var(--accent);background:#38bdf80d}.add-icon{font-size:32px;color:var(--text-muted);margin-bottom:var(--space-sm)}.add-card span{color:var(--text-muted);font-size:var(--text-sm)}.agent-detail{background:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--space-md);margin-top:var(--space-md)}.detail-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.detail-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.detail-header h3{font-size:var(--text-base);margin-bottom:var(--space-xs)}.detail-network{font-size:var(--text-sm);color:var(--text-muted)}.detail-section{margin-bottom:var(--space-md)}.detail-section h4{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.5px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.detail-item{background:var(--bg-tertiary);padding:var(--space-sm);border-radius:6px}.detail-item .label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-xs)}.detail-item .value{font-size:var(--text-base);font-weight:600}.detail-skills{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:4px;font-size:var(--text-sm)}.detail-prompt{background:var(--bg-tertiary);padding:var(--space-md);border-radius:6px;font-size:var(--text-sm);white-space:pre-wrap;max-height:200px;overflow-y:auto}.agent-builder{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.builder-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--border)}.builder-header h2{font-size:var(--text-lg)}.close-btn{width:32px;height:32px;padding:0;background:transparent;color:var(--text-muted);font-size:24px;line-height:1;border-radius:4px}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.builder-nav{display:flex;gap:2px;padding:var(--space-sm);background:var(--bg-secondary);border-bottom:1px solid var(--border)}.nav-tab{padding:var(--space-sm) var(--space-md);background:transparent;color:var(--text-muted);font-size:var(--text-sm);border-radius:4px}.nav-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-tab.active{background:var(--bg-primary);color:var(--accent)}.builder-content{flex:1;overflow-y:auto;padding:var(--space-md)}.builder-section{max-width:600px}.section-hint{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-md)}.form-row{margin-bottom:var(--space-md)}.form-row label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.form-row input[type=text],.form-row textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:var(--text-base)}.form-row input:focus,.form-row textarea:focus{outline:none;border-color:var(--accent)}.form-row textarea{resize:vertical;min-height:200px}.range-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xs)}.icon-color-picker{display:flex;gap:var(--space-md)}.icon-picker,.color-picker{display:flex;gap:var(--space-xs);flex-wrap:wrap}.icon-option{width:36px;height:36px;padding:0;background:var(--bg-secondary);border:2px solid transparent;border-radius:8px;font-size:18px}.icon-option:hover{background:var(--bg-tertiary)}.icon-option.selected{border-color:var(--accent)}.color-option{width:28px;height:28px;padding:0;border:2px solid transparent;border-radius:50%}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px var(--bg-primary)}.network-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.network-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--border-radius)}.network-option:hover{border-color:var(--border)}.network-option.selected{border-color:var(--network-color, var(--accent));background:#38bdf81a}.network-option .network-icon{font-size:24px}.network-option .network-name{font-size:var(--text-sm);font-weight:500}.model-picker{display:flex;flex-direction:column;gap:var(--space-sm)}.model-option{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--border-radius);text-align:left}.model-option:hover{border-color:var(--border)}.model-option.selected{border-color:var(--accent);background:#38bdf81a}.model-option .model-name{font-weight:600}.model-option .model-desc{font-size:var(--text-xs);color:var(--text-muted);margin-left:var(--space-sm)}.model-option .model-cost{font-size:var(--text-xs);color:var(--text-muted)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-sm)}.skill-option{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-md);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--border-radius);text-align:left}.skill-option:hover{border-color:var(--border)}.skill-option.selected{border-color:var(--accent);background:#38bdf81a}.skill-option .skill-icon{font-size:24px;margin-bottom:var(--space-xs)}.skill-option .skill-name{font-weight:600;font-size:var(--text-sm)}.skill-option .skill-desc{font-size:var(--text-xs);color:var(--text-muted)}.builder-preview{padding:var(--space-md);border-top:1px solid var(--border);background:var(--bg-secondary)}.preview-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--border-radius);border-left:4px solid var(--agent-color, var(--accent))}.preview-icon{font-size:24px;width:40px;height:40px;background:var(--bg-secondary);border-radius:8px;display:flex;align-items:center;justify-content:center}.preview-info{flex:1}.preview-name{display:block;font-weight:600}.preview-model{font-size:var(--text-sm);color:var(--text-muted)}.preview-skills{display:flex;gap:var(--space-xs)}.preview-skill{font-size:16px}.preview-more{font-size:var(--text-xs);color:var(--text-muted)}.builder-footer{display:flex;justify-content:flex-end;gap:var(--space-md);padding:var(--space-md);border-top:1px solid var(--border)}.cancel-btn{background:var(--bg-tertiary);color:var(--text-primary)}.save-btn{min-width:120px}.save-btn:disabled{opacity:.5}.pipeline-editor{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.pipeline-empty{display:flex;align-items:center;justify-content:center;height:100%}.pipeline-empty-content{text-align:center;max-width:400px}.pipeline-empty-icon{font-size:64px;margin-bottom:var(--space-lg);opacity:.7}.pipeline-empty-content h3{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.pipeline-empty-content p{color:var(--text-muted);margin-bottom:var(--space-lg)}.pipeline-list{margin-bottom:var(--space-lg)}.pipeline-list h4{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.pipeline-item{display:flex;justify-content:space-between;width:100%;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);background:var(--bg-secondary);text-align:left}.pipeline-item-name{font-weight:500}.pipeline-item-count{color:var(--text-muted);font-size:var(--text-sm)}.pipeline-create-btn{padding:var(--space-md) var(--space-xl)}.pipeline-toolbar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.pipeline-select{padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm)}.toolbar-btn{width:28px;height:28px;padding:0;background:var(--bg-tertiary);color:var(--text-secondary);font-size:14px;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{color:var(--text-primary)}.toolbar-btn.danger:hover{color:var(--error)}.toolbar-divider{width:1px;height:20px;background:var(--border)}.zoom-controls{display:flex;align-items:center;gap:var(--space-xs)}.zoom-level{font-size:var(--text-sm);color:var(--text-muted);min-width:40px;text-align:center}.node-palette{position:absolute;left:var(--space-sm);top:50px;background:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--space-sm);z-index:10;display:flex;flex-direction:column;gap:var(--space-xs);box-shadow:0 4px 12px #0000004d}.palette-title{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding-bottom:var(--space-xs);border-bottom:1px solid var(--border)}.palette-node{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-left:3px solid var(--node-color);text-align:left;cursor:grab}.palette-node:active{cursor:grabbing}.palette-icon{font-size:14px}.palette-label{font-size:var(--text-sm);text-transform:capitalize}.pipeline-canvas{flex:1;position:relative;overflow:hidden;background:var(--bg-primary)}.pipeline-canvas.panning{cursor:grabbing}.canvas-transform{position:absolute;transform-origin:0 0;width:100%;height:100%}.canvas-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.canvas-connections{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.canvas-connections .connection{pointer-events:auto;cursor:pointer}.canvas-connections .connection:hover path:first-child{stroke-width:4}.connection-hitbox{cursor:pointer}.pipeline-node{position:absolute;width:200px;background:var(--bg-secondary);border-radius:var(--border-radius);border:2px solid var(--node-color);box-shadow:0 4px 12px #0000004d;cursor:move;-webkit-user-select:none;user-select:none}.pipeline-node.selected{box-shadow:0 0 0 2px var(--accent),0 4px 12px #0000004d}.node-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--node-color);border-radius:calc(var(--border-radius) - 2px) calc(var(--border-radius) - 2px) 0 0;color:#fff;font-weight:600;font-size:var(--text-sm)}.node-icon{font-size:14px}.node-body{display:flex;justify-content:space-between;padding:var(--space-sm) 0;min-height:40px}.node-ports{display:flex;flex-direction:column;gap:var(--space-xs)}.node-inputs{align-items:flex-start}.node-outputs{align-items:flex-end}.node-port{display:flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);cursor:pointer;transition:background var(--transition-speed)}.node-port:hover{background:var(--bg-tertiary)}.node-port.connectable{background:#38bdf833}.port-dot{width:10px;height:10px;border-radius:50%;background:var(--node-color);border:2px solid var(--bg-secondary);flex-shrink:0}.node-port.input .port-dot{margin-left:-7px}.node-port.output .port-dot{margin-right:-7px}.port-label{font-size:var(--text-xs);color:var(--text-secondary)}.node-context-menu{position:absolute;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--space-xs);z-index:100;box-shadow:0 4px 12px #0000004d;min-width:150px}.context-menu-title{font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border);margin-bottom:var(--space-xs)}.context-menu-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-sm);background:transparent;color:var(--text-primary);font-size:var(--text-sm);text-align:left;text-transform:capitalize}.context-menu-item:hover{background:var(--bg-tertiary)}.node-inspector{position:absolute;right:var(--space-sm);top:50px;width:280px;background:var(--bg-secondary);border-radius:var(--border-radius);z-index:10;box-shadow:0 4px 12px #0000004d;overflow:hidden}.inspector-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.inspector-icon{font-size:18px}.inspector-title-input{flex:1;padding:var(--space-xs);background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);font-weight:600}.inspector-delete{width:28px;height:28px;padding:0;background:transparent;color:var(--text-muted)}.inspector-delete:hover{color:var(--error)}.inspector-field{margin-bottom:var(--space-md)}.inspector-field:last-child{margin-bottom:0}.inspector-field label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.inspector-field input,.inspector-field select,.inspector-field textarea{width:100%;padding:var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm)}.inspector-field textarea{resize:vertical;min-height:80px}.inspector-field input:focus,.inspector-field select:focus,.inspector-field textarea:focus{outline:none;border-color:var(--accent)}[data-mode=futuristic] .pipeline-node{box-shadow:0 0 20px #0006,inset 0 0 20px #ffffff05}[data-mode=futuristic] .pipeline-node.selected{box-shadow:0 0 0 2px var(--accent),0 0 30px var(--accent-glow)}[data-mode=futuristic] .node-palette,[data-mode=futuristic] .node-inspector{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#292524e6}.toolbar-btn.run{background:linear-gradient(135deg,var(--ocean-mid),var(--seafoam));color:#fff;font-weight:600;padding:var(--space-xs) var(--space-sm)}.toolbar-btn.run:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #38bdf84d}.toolbar-btn.run:disabled{opacity:.5;cursor:not-allowed}.run-status{font-size:var(--text-xs);font-weight:500;padding:2px 8px;border-radius:4px;text-transform:uppercase}.run-status.running{color:var(--ocean-light);background:#38bdf81a}.run-status.completed{color:var(--seafoam);background:#5eead41a}.run-status.failed{color:var(--sunset-coral);background:#fb71851a}.execution-panel{position:absolute;bottom:0;left:200px;right:250px;height:200px;background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;flex-direction:column;z-index:100}.execution-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border);background:var(--bg-tertiary)}.execution-title{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.execution-status{font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;text-transform:uppercase}.execution-status.running{background:#38bdf833;color:var(--ocean-light)}.execution-status.completed{background:#5eead433;color:var(--seafoam)}.execution-status.failed{background:#fb718533;color:var(--sunset-coral)}.execution-clear{margin-left:auto;width:20px;height:20px;border-radius:3px;background:transparent;color:var(--text-muted);font-size:12px;display:flex;align-items:center;justify-content:center}.execution-clear:hover{background:var(--bg-tertiary);color:var(--text-primary)}.execution-logs{flex:1;overflow-y:auto;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.execution-empty{color:var(--text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-md)}.execution-log{background:var(--bg-tertiary);border-radius:4px;padding:var(--space-xs) var(--space-sm);border-left:3px solid var(--border)}.execution-log.running{border-left-color:var(--ocean-light)}.execution-log.completed{border-left-color:var(--seafoam)}.execution-log.failed{border-left-color:var(--sunset-coral)}.log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.log-node{font-weight:500;font-size:var(--text-sm);color:var(--text-primary)}.log-status{font-size:12px}.log-output,.log-error{font-size:var(--text-xs);font-family:var(--font-mono);margin:0;padding:var(--space-xs);background:var(--bg-primary);border-radius:3px;max-height:80px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.log-output{color:var(--text-secondary)}.log-error{color:var(--sunset-coral)}.execution-error{padding:var(--space-sm);background:#fb71851a;border:1px solid var(--sunset-coral);border-radius:4px;color:var(--sunset-coral);font-size:var(--text-sm)}.execution-result{padding:var(--space-sm);background:#5eead41a;border:1px solid var(--seafoam);border-radius:4px}.execution-result strong{display:block;color:var(--seafoam);font-size:var(--text-xs);text-transform:uppercase;margin-bottom:var(--space-xs)}.execution-result pre{font-size:var(--text-xs);font-family:var(--font-mono);margin:0;color:var(--text-primary);max-height:100px;overflow-y:auto;white-space:pre-wrap}.insights-panel{display:flex;flex-direction:column;height:100%}.insights-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border)}.insights-title{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.insights-section{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border)}.section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.section-icon{font-size:14px}.section-title{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.pipeline-info{background:var(--bg-tertiary);padding:var(--space-sm);border-radius:6px}.pipeline-name{display:block;font-weight:500;margin-bottom:var(--space-xs)}.pipeline-stats{font-size:var(--text-xs);color:var(--text-muted)}.runs-list{display:flex;flex-direction:column;gap:var(--space-xs)}.no-runs{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-md)}.run-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:4px;text-align:left;border:1px solid transparent}.run-item:hover{border-color:var(--border)}.run-item.selected{border-color:var(--accent);background:#38bdf81a}.run-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.run-item.success .run-status-dot{background:var(--success)}.run-item.failed .run-status-dot{background:var(--error)}.run-item.running .run-status-dot{background:var(--accent);animation:pulse 1.5s ease-in-out infinite}.run-info{flex:1;min-width:0}.run-name{display:block;font-size:var(--text-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.run-time{font-size:var(--text-xs);color:var(--text-muted)}.run-status-badge{font-size:var(--text-xs);padding:2px 6px;border-radius:3px;text-transform:uppercase;font-weight:600}.run-status-badge.success{background:#5eead433;color:var(--success)}.run-status-badge.failed{background:#fb718533;color:var(--error)}.run-status-badge.running{background:#38bdf833;color:var(--accent)}.node-perf-list{display:flex;flex-direction:column;gap:var(--space-xs)}.node-perf-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:4px;font-size:var(--text-sm)}.node-perf-item.failed{border-left:2px solid var(--error)}.node-perf-name{flex:1}.node-perf-duration{color:var(--text-muted);font-size:var(--text-xs)}.node-perf-tokens{color:var(--accent);font-size:var(--text-xs)}.insights-list,.suggestions-list{list-style:none;padding:0;margin:0}.insight-item,.suggestion-item{padding:var(--space-xs) 0;font-size:var(--text-sm);color:var(--text-secondary);padding-left:var(--space-md);position:relative}.insight-item:before{content:"•";position:absolute;left:0;color:var(--accent)}.suggestion-item:before{content:"→";position:absolute;left:0;color:var(--warning)}.insights-actions{padding:var(--space-md);margin-top:auto;display:flex;flex-direction:column;gap:var(--space-sm)}.action-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-sm)}.action-btn:hover:not(:disabled){color:var(--text-primary)}.action-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar,.right-sidebar{position:fixed;top:0;bottom:22px;z-index:200;box-shadow:0 0 20px #0000004d}.sidebar{left:48px}.right-sidebar{right:0}}.reports-dashboard{display:flex;flex-direction:column;gap:var(--space-md);height:100%;overflow:hidden}.live-metrics-bar{display:flex;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--border-radius);flex-wrap:wrap}.metric-card{flex:1;min-width:120px;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:calc(var(--border-radius) - 2px);border-left:3px solid var(--border);transition:all .3s ease}.metric-card.status-good{border-left-color:var(--success)}.metric-card.status-warning{border-left-color:var(--warning)}.metric-card.status-error{border-left-color:var(--error)}.metric-card.status-idle{border-left-color:var(--text-muted)}.metric-card.status-neutral{border-left-color:var(--accent)}.metric-card.pulse{animation:metric-pulse 2s ease-in-out infinite}@keyframes metric-pulse{0%,to{opacity:1}50%{opacity:.8}}.metric-label{display:block;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.metric-value{display:flex;align-items:baseline;gap:4px}.metric-value .value{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.metric-value .unit{font-size:var(--text-xs);color:var(--text-secondary)}.reports-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:var(--space-md);overflow:hidden}.reports-section{background:var(--bg-secondary);border-radius:var(--border-radius);display:flex;flex-direction:column;overflow:hidden}.reports-section .section-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);flex-shrink:0}.reports-section .section-icon{font-size:14px}.reports-section h3{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.task-count{margin-left:auto;padding:2px 8px;background:var(--accent);color:var(--bg-primary);border-radius:10px;font-size:var(--text-xs);font-weight:600}.workers-section{grid-column:1 / -1}.workers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm);padding:var(--space-sm);overflow-y:auto}.worker-card{padding:var(--space-sm);background:var(--bg-tertiary);border-radius:calc(var(--border-radius) - 2px);border:1px solid var(--border);transition:all .3s ease}.worker-card.status-working{border-color:var(--success);box-shadow:0 0 10px #5eead433}.worker-card.status-idle{border-color:var(--text-muted);opacity:.7}.worker-card.status-blocked{border-color:var(--warning);animation:worker-blocked 1s ease-in-out infinite}.worker-card.status-offline{border-color:var(--error);opacity:.5}@keyframes worker-blocked{0%,to{box-shadow:0 0 5px #fbbf244d}50%{box-shadow:0 0 15px #fbbf2480}}.worker-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.worker-status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.worker-status-dot.working{background:var(--success);animation:dot-pulse 1s ease-in-out infinite}.worker-status-dot.idle{background:var(--text-muted)}.worker-status-dot.blocked{background:var(--warning)}.worker-status-dot.offline{background:var(--error)}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.worker-id{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.worker-model{margin-left:auto;font-size:var(--text-xs);padding:2px 6px;border-radius:4px;background:var(--bg-primary)}.worker-model.model-sonnet{color:var(--sonnet)}.worker-model.model-haiku{color:var(--haiku)}.worker-model.model-opus{color:var(--opus)}.worker-stats{display:flex;gap:var(--space-md);font-size:var(--text-xs);color:var(--text-secondary)}.worker-current{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--border);font-size:var(--text-xs)}.current-label{color:var(--text-muted)}.current-task{color:var(--accent);margin-left:4px}.tasks-stream{flex:1;overflow-y:auto;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm)}.task-card{padding:var(--space-sm);background:var(--bg-tertiary);border-radius:calc(var(--border-radius) - 2px);border-left:3px solid var(--accent);animation:task-enter .3s ease-out}@keyframes task-enter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.task-card.status-running{border-left-color:var(--accent)}.task-card.status-completed{border-left-color:var(--success)}.task-card.status-failed{border-left-color:var(--error)}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.task-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.task-phase{font-size:var(--text-xs);color:var(--text-muted);padding:2px 6px;background:var(--bg-primary);border-radius:4px}.task-progress-bar{height:4px;background:var(--bg-primary);border-radius:2px;overflow:hidden;margin-bottom:var(--space-xs)}.task-progress-fill{height:100%;background:linear-gradient(90deg,var(--ocean-mid),var(--accent));transition:width .3s ease;position:relative}.task-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shimmer 1.5s ease-in-out infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.task-footer{display:flex;gap:var(--space-md);font-size:var(--text-xs);color:var(--text-secondary)}.queue-list{flex:1;overflow-y:auto;padding:var(--space-sm);display:flex;flex-direction:column;gap:4px}.queue-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:4px;font-size:var(--text-sm)}.queue-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:queue-pulse 2s ease-in-out infinite}@keyframes queue-pulse{0%,to{opacity:.5}50%{opacity:1}}.queue-name{color:var(--text-secondary)}.completed-list{flex:1;overflow-y:auto;padding:var(--space-sm);display:flex;flex-direction:column;gap:4px}.completed-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);animation:completed-enter .3s ease-out}@keyframes completed-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator.completed{background:var(--success)}.completed-name{flex:1;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completed-item.failed .completed-name{color:var(--error)}.completed-duration,.completed-tokens{color:var(--text-muted)}.sparkline-section{grid-column:1 / -1}.sparkline-container{padding:var(--space-sm);display:flex;justify-content:center}.sparkline-container canvas{width:100%;max-width:600px;height:80px}.empty-state{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}[data-mode=futuristic] .reports-section{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:1px solid rgba(255,255,255,.1)}[data-mode=futuristic] .worker-card.status-working{box-shadow:0 0 20px #5eead44d}[data-mode=futuristic] .task-progress-fill{background:linear-gradient(90deg,var(--ocean-deep),var(--ocean-light),var(--seafoam));background-size:200% 100%;animation:gradient-flow 3s ease infinite}[data-mode=futuristic] .metric-card.pulse{box-shadow:0 0 10px #38bdf833}.connection-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:#fb71851a;border:1px solid var(--error);border-radius:var(--border-radius);font-size:var(--text-sm);color:var(--error)}.connection-dot{width:8px;height:8px;border-radius:50%}.connection-dot.online{background:var(--success)}.connection-dot.offline{background:var(--error);animation:blink 1s infinite}.connection-indicator{width:8px;height:8px;border-radius:50%;margin-left:auto}.connection-indicator.online{background:var(--success);box-shadow:0 0 6px var(--success)}.connection-indicator.offline{background:var(--error);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.task-id,.queue-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-primary);padding:1px 4px;border-radius:3px;flex-shrink:0}.queue-complexity{font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}.queue-overflow{text-align:center;padding:var(--space-xs);color:var(--text-muted);font-size:var(--text-xs)}.sparkline-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-muted);font-size:var(--text-sm)}.markdown-viewer{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.markdown-content{color:#374151;line-height:1.6}.md-h1{color:#0ea5e9;font-size:2em;font-weight:700;margin:24px 0 16px}.md-h2{color:#14b8a6;font-size:1.5em;font-weight:600;margin:20px 0 12px}.md-h3{color:#14b8a6;font-size:1.17em;font-weight:600;margin:16px 0 10px}.md-p{color:#374151;margin:12px 0;line-height:1.6}.md-ol,.md-ul{margin:12px 0;padding-left:24px}.md-li{margin:8px 0;color:#374151}.md-ol .md-li{list-style-type:decimal}.md-ol .md-li::marker{color:#14b8a6;font-weight:600}.md-ul .md-li{list-style-type:disc}.md-ul .md-li::marker{color:#14b8a6}.md-strong{font-weight:700;color:#1f2937}.md-em{font-style:italic;color:#374151}.md-a{color:#8b5cf6;text-decoration:none;transition:text-decoration .2s}.md-a:hover{text-decoration:underline}.md-blockquote{border-left:4px solid #14b8a6;padding-left:16px;margin:16px 0;font-style:italic;color:#6b7280}.md-code{background:#f3f4f6;color:#1f2937;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.md-pre{background:#1f2937;color:#f3f4f6;padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;line-height:1.5}[data-mode=futuristic] .markdown-viewer{background:#0f172a;box-shadow:0 2px 12px #0000004d}[data-mode=futuristic] .markdown-content{color:#e5e7eb}[data-mode=futuristic] .md-h1{color:#06b6d4}[data-mode=futuristic] .md-h2,[data-mode=futuristic] .md-h3{color:#14b8a6}[data-mode=futuristic] .md-p,[data-mode=futuristic] .md-li{color:#d1d5db}[data-mode=futuristic] .md-strong{color:#f3f4f6}[data-mode=futuristic] .md-blockquote{border-left-color:#06b6d4;color:#9ca3af}[data-mode=futuristic] .md-a{color:#a78bfa}[data-mode=futuristic] .md-a:hover{color:#c4b5fd}[data-mode=futuristic] .md-code{background:#1e293b;color:#e2e8f0}[data-mode=futuristic] .md-pre{background:#0f172a;color:#e2e8f0;border:1px solid #334155}.inspector-panel{position:fixed;bottom:32px;right:16px;width:320px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);z-index:9998;box-shadow:0 4px 24px #0006}.inspector-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);background:var(--bg-tertiary);border-radius:var(--border-radius) var(--border-radius) 0 0}.inspector-header span{font-size:var(--text-sm);font-weight:600;color:var(--accent)}.inspector-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:0;line-height:1}.inspector-header button:hover{color:var(--text-primary)}.inspector-content{padding:var(--space-md)}.inspector-item{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.inspector-item:last-child{margin-bottom:0}.inspector-item .label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.inspector-item code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-primary);padding:var(--space-xs) var(--space-sm);border-radius:4px;overflow-x:auto;white-space:nowrap}.inspector-item span:not(.label){font-size:var(--text-sm);color:var(--text-primary)}[data-mode=futuristic] .inspector-panel{background:#0f172af2;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border-color:#3b82f64d;box-shadow:0 4px 24px #3b82f633}.prompt-generate-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin-right:var(--space-xs);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.prompt-generate-btn:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);transform:scale(1.1)}.prompt-generate-btn:active{transform:scale(.95)}.prompt-generate-btn svg{opacity:.8}.prompt-generate-btn:hover svg{opacity:1}[data-mode=futuristic] .prompt-generate-btn{background:#3b82f61a;border-color:#3b82f64d}[data-mode=futuristic] .prompt-generate-btn:hover{background:var(--accent);box-shadow:0 0 12px #3b82f680}.auto-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px;animation:pulse-auto 2s infinite}@keyframes pulse-auto{0%,to{opacity:1}50%{opacity:.7}}.claude-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px;animation:pulse-claude 1.5s infinite}@keyframes pulse-claude{0%,to{opacity:1;box-shadow:0 0 8px #8b5cf680}50%{opacity:.85;box-shadow:0 0 12px #8b5cf6cc}}.claude-toggle{font-size:12px!important;transition:all .2s ease}.claude-toggle.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;color:#fff!important;box-shadow:0 0 10px #8b5cf699}.terminal-context-menu{position:fixed;background:#1e1e23fa;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 0;min-width:180px;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;animation:ctx-appear .15s ease-out}@keyframes ctx-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.terminal-context-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;background:none;border:none;color:#e5e5e5;font-size:13px;text-align:left;cursor:pointer;transition:background .1s}.terminal-context-menu button:hover{background:#ffffff1a}.terminal-context-menu .ctx-icon{font-size:14px;width:18px;text-align:center}.terminal-context-menu .ctx-divider{height:1px;background:#ffffff1a;margin:4px 0}.profile-button{position:fixed;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#1e1e23e6;border:1px solid rgba(255,255,255,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9999;transition:all .2s}.profile-button:hover{background:#323237f2;transform:scale(1.05)}.profile-avatar{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.profile-avatar.large{width:48px;height:48px;font-size:20px}.profile-avatar.small{width:28px;height:28px;font-size:12px}.profile-icon{font-size:18px}.profile-panel{position:fixed;top:48px;right:8px;width:300px;max-height:calc(100vh - 80px);background:#19191efa;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 12px 48px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;overflow-y:auto;animation:panel-slide .2s ease-out}@keyframes panel-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-panel-header h3{margin:0;font-size:14px;color:#e5e5e5}.profile-panel-header .close-btn{background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:0;line-height:1}.current-session{padding:16px;background:#8b5cf61a;border-bottom:1px solid rgba(255,255,255,.05)}.session-header{display:flex;align-items:center;gap:8px;font-size:12px;color:#8b5cf6;font-weight:600;margin-bottom:12px}.live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse-live 1.5s infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}.session-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.session-stats .stat{text-align:center}.session-stats .stat-value{display:block;font-size:16px;font-weight:600;color:#fff}.session-stats .stat-label{font-size:10px;color:#888;text-transform:uppercase}.active-profile{padding:16px;border-bottom:1px solid rgba(255,255,255,.05)}.profile-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.profile-details{display:flex;flex-direction:column}.profile-name{font-weight:600;color:#e5e5e5}.profile-email{font-size:12px;color:#888}.profile-totals{display:flex;flex-direction:column;gap:8px}.total-row{display:flex;justify-content:space-between;font-size:13px;color:#aaa}.total-row span:last-child{color:#e5e5e5;font-weight:500}.session-history{padding:16px;border-bottom:1px solid rgba(255,255,255,.05)}.session-history h4,.profile-switcher h4{margin:0 0 12px;font-size:12px;color:#888;text-transform:uppercase}.session-list{display:flex;flex-direction:column;gap:8px}.session-item{background:#ffffff08;padding:10px 12px;border-radius:6px}.session-date{font-size:12px;color:#e5e5e5;margin-bottom:4px}.session-time{color:#888;margin-left:8px}.session-meta{display:flex;gap:12px;font-size:11px;color:#888}.profile-switcher{padding:16px;border-bottom:1px solid rgba(255,255,255,.05)}.profile-list{display:flex;flex-direction:column;gap:6px}.profile-switch-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:#ffffff08;border:none;border-radius:6px;color:#e5e5e5;cursor:pointer;transition:background .15s}.profile-switch-btn:hover{background:#ffffff14}.new-profile-form{padding:16px;display:flex;flex-direction:column;gap:10px}.new-profile-form input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px 12px;color:#e5e5e5;font-size:14px}.new-profile-form input:focus{outline:none;border-color:#8b5cf6}.form-actions{display:flex;gap:8px;justify-content:flex-end}.form-actions button{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:13px}.form-actions button:first-child{background:#ffffff1a;color:#aaa}.form-actions button.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.add-profile-btn{width:calc(100% - 32px);margin:16px;padding:12px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:8px;color:#888;cursor:pointer;transition:all .15s}.add-profile-btn:hover{background:#ffffff14;border-color:#ffffff4d;color:#e5e5e5}.ai-assistant{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary)}.ai-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:#8b5cf60d}.ai-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;color:#e5e5e5}.ai-icon{color:#8b5cf6;font-size:16px}.ai-actions{display:flex;gap:4px}.ai-action-btn{padding:6px;background:transparent;border:none;color:#888;cursor:pointer;border-radius:4px;transition:all .15s}.ai-action-btn:hover{background:#ffffff1a;color:#e5e5e5}.ai-quick-actions{display:flex;flex-wrap:wrap;gap:6px;padding:12px;border-bottom:1px solid var(--border)}.quick-action{padding:6px 10px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:12px;color:#a78bfa;font-size:11px;cursor:pointer;transition:all .15s}.quick-action:hover{background:#8b5cf633;border-color:#8b5cf666}.ai-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.ai-message{display:flex;gap:10px;animation:msg-in .2s ease-out}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-message.system{justify-content:center}.ai-message.system .msg-content{background:#ffffff0d;color:#888;font-size:12px;text-align:center;padding:8px 16px;border-radius:12px}.ai-message.user{flex-direction:row-reverse}.msg-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.msg-avatar.user{background:linear-gradient(135deg,#3b82f6,#2563eb)}.msg-content{background:#ffffff0d;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5;color:#e5e5e5;max-width:85%;white-space:pre-wrap;word-break:break-word}.ai-message.user .msg-content{background:#3b82f626;border:1px solid rgba(59,130,246,.2)}.ai-message.assistant .msg-content{background:#8b5cf61a;border:1px solid rgba(139,92,246,.15)}.msg-content.typing{display:flex;gap:4px;padding:14px 18px}.msg-content.typing .dot{width:6px;height:6px;border-radius:50%;background:#8b5cf6;animation:typing-dot 1.4s infinite}.msg-content.typing .dot:nth-child(2){animation-delay:.2s}.msg-content.typing .dot:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.ai-input-area{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);background:#0003}.ai-input-area textarea{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#e5e5e5;font-size:13px;font-family:inherit;resize:none;outline:none;transition:border-color .15s}.ai-input-area textarea:focus{border-color:#8b5cf6}.ai-input-area textarea::placeholder{color:#666}.ai-send-btn{width:40px;height:40px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.ai-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #8b5cf666}.ai-send-btn:disabled{opacity:.5;cursor:not-allowed}.loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.connection-dot{width:8px;height:8px;border-radius:50%;margin-right:8px;flex-shrink:0;transition:background-color .3s ease}.connection-dot.connected{background:#22c55e;box-shadow:0 0 6px #22c55e}.connection-dot.connecting{background:#fbbf24;animation:pulse-connect 1s infinite}.connection-dot.disconnected{background:#ef4444;box-shadow:0 0 6px #ef4444}@keyframes pulse-connect{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.activity-bar-right{background:var(--sand-dark);display:flex;flex-direction:column;justify-content:flex-start;padding:var(--space-xs) 0;border-left:1px solid var(--border);grid-column:5;grid-row:1}.activity-bar-right .activity-icons{display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:var(--space-sm)}.activity-bar-right .activity-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-speed);padding:0;border-radius:8px}.activity-bar-right .activity-icon:hover{color:var(--text-primary);background:#ffffff0d}.activity-bar-right .activity-icon.active{color:var(--accent)}.activity-bar-right .activity-icon svg{width:22px;height:22px}.composer-claude-btn{width:28px;height:28px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.composer-claude-btn:hover{background:#8b5cf61a;border-color:#8b5cf64d;color:#8b5cf6}.composer-claude-btn.active{background:#8b5cf633;border-color:#8b5cf6;color:#8b5cf6;box-shadow:0 0 12px #8b5cf666}[data-mode=futuristic] .composer-claude-btn.active{box-shadow:0 0 16px #8b5cf699,0 0 24px #8b5cf64d}.ai-settings{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border);display:flex;gap:var(--space-md)}.ai-setting{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.ai-setting label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.ai-setting select{padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm)}.ai-setting select:focus{outline:none;border-color:var(--accent)}.ai-action-btn.active{color:var(--accent);background:#38bdf81a}.ai-provider-badge{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#8b5cf633;border-radius:4px;color:#8b5cf6;font-size:12px;flex-shrink:0}.pipeline-controls{padding:var(--space-md);border-bottom:1px solid var(--border)}.controls-section{margin-bottom:var(--space-md)}.controls-section:last-child{margin-bottom:0}.controls-section h4{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:var(--space-sm)}.pipeline-buttons{display:flex;gap:var(--space-xs);margin-bottom:var(--space-sm)}.ctrl-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all .15s ease}.ctrl-btn:hover:not(:disabled){border-color:var(--accent);background:#38bdf81a}.ctrl-btn:disabled{opacity:.5;cursor:not-allowed}.ctrl-btn.start{color:var(--success)}.ctrl-btn.start:hover:not(:disabled){border-color:var(--success);background:#5eead41a}.ctrl-btn.pause{color:var(--warning)}.ctrl-btn.pause:hover:not(:disabled){border-color:var(--warning);background:#fbbf241a}.ctrl-btn.stop{color:var(--error)}.ctrl-btn.stop:hover:not(:disabled){border-color:var(--error);background:#fb71851a}.ctrl-btn.resume{color:var(--accent)}.ctrl-btn .icon{font-size:10px}.pipeline-status{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary)}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status-indicator.running{background:var(--success);animation:pulse 1.5s ease-in-out infinite}.status-indicator.paused{background:var(--warning)}.status-indicator.complete{background:var(--accent)}.status-indicator.failed{background:var(--error)}.worker-stats{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.worker-stats .stat{display:flex;flex-direction:column;gap:2px}.worker-stats .label{font-size:var(--text-xs);color:var(--text-muted)}.worker-stats .value{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.worker-stats .value.active{color:var(--success)}.worker-stats .value.idle{color:var(--text-secondary)}.worker-sliders{display:flex;flex-direction:column;gap:var(--space-sm)}.slider-row{display:flex;flex-direction:column;gap:var(--space-xs)}.slider-row label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm)}.slider-row .count{margin-left:auto;color:var(--text-secondary);font-variant-numeric:tabular-nums}.slider-row input[type=range]{width:100%;height:4px;-webkit-appearance:none;background:var(--bg-tertiary);border-radius:2px;cursor:pointer}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer}.model-badge{padding:2px 6px;border-radius:3px;font-size:var(--text-xs);font-weight:500}.model-badge.haiku{background:#5eead433;color:var(--haiku)}.model-badge.sonnet{background:#38bdf833;color:var(--sonnet)}.model-badge.opus{background:#fbbf2433;color:var(--opus)}.msg-content pre{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:var(--space-sm) var(--space-md);overflow-x:auto;margin:var(--space-sm) 0}.msg-content code{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:12px;line-height:1.5}.msg-content pre code{background:none;padding:0;color:var(--text-primary)}.msg-content :not(pre)>code{background:#38bdf826;color:var(--accent);padding:2px 6px;border-radius:4px;font-size:.9em}.msg-content p{margin:0 0 var(--space-sm) 0}.msg-content p:last-child{margin-bottom:0}.msg-content ul,.msg-content ol{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.msg-content li{margin:var(--space-xs) 0}.msg-content h1,.msg-content h2,.msg-content h3{margin:var(--space-md) 0 var(--space-sm) 0;font-weight:600}.msg-content h1{font-size:1.2em}.msg-content h2{font-size:1.1em}.msg-content h3{font-size:1em}.msg-content blockquote{border-left:3px solid var(--accent);margin:var(--space-sm) 0;padding-left:var(--space-md);color:var(--text-secondary)}.effects-sidebar{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary);border-left:1px solid var(--border)}.effects-panel{display:flex;flex-direction:column;height:100%;padding:var(--space-3);gap:var(--space-3);overflow:hidden}.effects-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.effects-header h3{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.effects-count{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-full)}.effects-generate{display:flex;flex-direction:column;gap:var(--space-2)}.effects-generate textarea{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2);color:var(--text-primary);font-size:var(--text-sm);resize:none;font-family:inherit}.effects-generate textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.generate-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-weight:600;cursor:pointer;transition:all .2s}.generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-subtle)}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.effects-filters{display:flex;flex-direction:column;gap:var(--space-2)}.effects-search{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2);color:var(--text-primary);font-size:var(--text-sm)}.effects-search:focus{outline:none;border-color:var(--accent)}.category-filters{display:flex;gap:var(--space-1);flex-wrap:wrap}.category-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-full);padding:4px 10px;font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all .15s}.category-btn:hover{background:var(--bg-hover)}.category-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.generations-active{display:flex;flex-direction:column;gap:var(--space-1)}.generation-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-sm)}.generation-item.generating{border-left:3px solid var(--accent)}.gen-prompt{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effects-grid{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);padding-right:var(--space-1)}.effects-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-muted);text-align:center}.empty-icon{font-size:48px;margin-bottom:var(--space-2);opacity:.5}.empty-hint{font-size:var(--text-xs);color:var(--text-muted)}.effect-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;transition:all .2s}.effect-card:hover{border-color:var(--accent-subtle);box-shadow:0 2px 8px #0000001a}.effect-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.effect-card.expanded{background:var(--bg-secondary)}.effect-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.effect-category-icon{font-size:18px}.effect-card-header h4{flex:1;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:0}.applied-badge{font-size:var(--text-xs);background:var(--success);color:#fff;padding:2px 6px;border-radius:var(--radius-full)}.effect-description{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.4}.effect-tags{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-bottom:var(--space-2)}.effect-tag{font-size:10px;background:var(--bg-tertiary);color:var(--text-muted);padding:2px 6px;border-radius:var(--radius-sm)}.effect-code-section{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.code-block{background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) var(--space-2);background:var(--bg-primary);border-bottom:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted)}.code-header button{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 8px;font-size:10px;color:var(--text-secondary);cursor:pointer}.code-header button:hover{background:var(--bg-hover)}.code-header button.copied{background:var(--success);border-color:var(--success);color:#fff}.code-block pre{margin:0;padding:var(--space-2);font-size:11px;font-family:SF Mono,Monaco,Cascadia Code,monospace;color:var(--text-primary);overflow-x:auto;max-height:150px;white-space:pre-wrap;word-break:break-word}.effect-actions{display:flex;gap:var(--space-1);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.action-btn{flex:1;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all .15s}.action-btn:hover{background:var(--bg-hover)}.action-btn.apply{background:var(--accent);border-color:var(--accent);color:#fff}.action-btn.apply:hover{background:var(--accent-hover)}.action-btn.apply.copied{background:var(--success);border-color:var(--success)}.action-btn.delete:hover{background:var(--error);border-color:var(--error);color:#fff}.effect-meta{display:flex;justify-content:space-between;margin-top:var(--space-2);font-size:10px;color:var(--text-muted)}.effect-source{text-transform:capitalize}.effect-preview{margin:var(--space-2) 0;padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md);min-height:40px;display:flex;align-items:center;justify-content:center}.preview-box{width:60px;height:30px;background:var(--accent);border-radius:var(--radius-sm)}.server-metrics{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border)}.server-metrics-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.server-metrics-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.server-metrics-title svg{color:#00ff9d}.server-status{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-secondary)}.server-status .status-dot{width:6px;height:6px;border-radius:50%;background:#00ff9d;box-shadow:0 0 6px #00ff9d}.server-status .status-dot.offline{background:var(--error);box-shadow:0 0 6px var(--error)}.server-status .status-dot.warning{background:var(--warning);box-shadow:0 0 6px var(--warning)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.metric-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--bg-tertiary);border-radius:calc(var(--border-radius) - 2px);border:1px solid var(--border)}.metric-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:var(--text-lg);font-weight:600;color:#00ff9d;font-family:var(--font-mono)}.metric-value.warning{color:var(--warning)}.metric-value.error{color:var(--error)}.metric-subtext{font-size:var(--text-xs);color:var(--text-secondary)}.memory-bar{height:4px;background:var(--bg-primary);border-radius:2px;overflow:hidden;margin-top:var(--space-xs)}.memory-bar-fill{height:100%;background:linear-gradient(90deg,#00ff9d,var(--seafoam));border-radius:2px;transition:width .3s ease}.memory-bar-fill.warning{background:linear-gradient(90deg,var(--warning),var(--sunset-orange))}.memory-bar-fill.critical{background:linear-gradient(90deg,var(--error),var(--sunset-coral))}.metrics-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-sm);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted)}.metrics-refresh-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--border);border-radius:calc(var(--border-radius) - 4px);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-speed)}.metrics-refresh-btn:hover{background:var(--bg-tertiary);border-color:#00ff9d;color:#00ff9d}.metrics-refresh-btn svg{width:12px;height:12px}.metrics-refresh-btn.spinning svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.deviance-alerts{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#fb71851a;border:1px solid var(--error);border-radius:calc(var(--border-radius) - 4px);color:var(--error);font-size:var(--text-xs)}.deviance-alerts.none{background:#00ff9d1a;border-color:#00ff9d;color:#00ff9d}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary);color:var(--text-secondary);gap:var(--space-md)}.auth-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.status-btn{background:none;border:none;cursor:pointer;padding:0 var(--space-xs);color:var(--text-secondary);transition:color .2s}.status-btn:hover{color:var(--error)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10010}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);width:400px;max-width:90vw}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--border);font-weight:600}.modal-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px}.modal-body{padding:var(--space-md)}.modal-hint{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-sm)}.modal-body textarea{width:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:var(--space-sm);color:var(--text-primary);font-family:inherit;resize:vertical}.modal-body textarea:focus{outline:none;border-color:var(--accent)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--border)}.modal-btn{padding:var(--space-sm) var(--space-md);border-radius:6px;font-size:var(--text-sm);cursor:pointer;border:none}.modal-btn.secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.modal-btn.primary{background:var(--accent);color:#fff}.modal-btn:hover{opacity:.9}.task-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--space-md);margin-bottom:var(--space-md)}.task-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);font-weight:600}.task-icon{color:var(--accent)}.auto-badge{margin-left:auto;font-size:var(--text-xs);padding:2px 6px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-muted)}.auto-badge.active{background:#10b98133;color:var(--success)}.task-input-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.task-input-row textarea{flex:1;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:var(--space-sm);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);resize:none}.task-input-row button{padding:var(--space-sm) var(--space-md);background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer}.task-input-row button:disabled{opacity:.5;cursor:not-allowed}.task-controls{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.auto-btn{flex:1;padding:var(--space-sm);border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm)}.auto-btn.running{background:#ef444433;border-color:var(--error);color:var(--error)}.clear-btn{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:var(--text-sm)}.task-stats{display:flex;gap:var(--space-md);font-size:var(--text-xs);margin-bottom:var(--space-sm)}.task-stats .stat{color:var(--text-muted)}.task-stats .stat.pending{color:var(--warning)}.task-stats .stat.processing{color:var(--accent)}.task-list{max-height:200px;overflow-y:auto}.task-empty{color:var(--text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-md)}.task-item{padding:var(--space-sm);border-radius:4px;margin-bottom:4px;cursor:pointer;transition:background .2s}.task-item:hover{background:var(--bg-tertiary)}.task-row{display:flex;align-items:center;gap:var(--space-sm)}.task-item .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.task-item .status-dot.pending{background:var(--warning)}.task-item .status-dot.processing{background:var(--accent);animation:pulse 1s infinite}.task-item .status-dot.completed{background:var(--success)}.task-item .status-dot.failed{background:var(--error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.task-prompt{flex:1;font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-source{font-size:var(--text-xs);color:var(--text-muted)}.task-output{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--bg-primary);border-radius:4px;max-height:100px;overflow-y:auto}.task-output pre{font-size:var(--text-xs);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin:0}