*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #dbeafe;--color-primary-bg: rgba(37, 99, 235, .1);--color-secondary: #64748b;--color-secondary-hover: #475569;--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .1);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .1);--color-error: #ef4444;--color-info: #3b82f6;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-hover: #e2e8f0;--bg-active: #cbd5e1;--background: #ffffff;--surface: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-focus: #2563eb;--border-color: #e2e8f0;--border: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--header-height: 64px;--content-max-width: 1200px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-hover: #475569;--bg-active: #64748b;--background: #0f172a;--surface: #1e293b;--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #0f172a;--border-primary: #334155;--border-secondary: #475569;--border-color: #334155;--border: #334155;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3)}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.5rem;line-height:2rem}h3{font-size:1.25rem;line-height:1.75rem}h4{font-size:1.125rem;line-height:1.5rem}h5{font-size:1rem;line-height:1.5rem}h6{font-size:.875rem;line-height:1.25rem}p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;line-height:1.25rem;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb1a}.input.border-error{border-color:var(--color-error)}.input.border-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.input::placeholder{color:var(--text-muted)}.card{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-primary);background-color:var(--bg-secondary)}.container{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.opacity-50{opacity:.5}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.loading{opacity:.7;pointer-events:none}.spinner{width:20px;height:20px;border:2px solid var(--border-primary);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.badge-success{background-color:#10b9811a;color:var(--color-success)}.badge-warning{background-color:#f59e0b1a;color:var(--color-warning)}.badge-error{background-color:#ef44441a;color:var(--color-error)}.badge-info{background-color:#3b82f61a;color:var(--color-info)}.badge-default{background-color:var(--bg-tertiary);color:var(--text-secondary)}.badge-xs{padding:2px var(--spacing-xs);font-size:.65rem}.badge-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.badge-md{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.project-type-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.project-type-option{display:flex;align-items:flex-start;padding:var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.project-type-option:hover{border-color:var(--color-primary);background-color:var(--bg-hover)}.project-type-option:has(.project-type-radio:checked){border-color:var(--color-primary);background-color:var(--color-primary-light)}.project-type-radio{margin-right:var(--spacing-md);margin-top:2px}.project-type-content{flex:1}.project-type-label{font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.project-type-description{font-size:.875rem;color:var(--text-secondary)}textarea.input{resize:vertical;min-height:100px}.complexity-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.complexity-option{display:flex;align-items:flex-start;padding:var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.complexity-option:hover{border-color:var(--color-primary);background-color:var(--bg-hover)}.complexity-option:has(.complexity-radio:checked){border-color:var(--color-primary);background-color:var(--color-primary-light)}.complexity-radio{margin-right:var(--spacing-md);margin-top:2px}.complexity-content{flex:1}.complexity-label{font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.complexity-description{font-size:.875rem;color:var(--text-secondary)}.orchestration-info{padding:var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.orchestration-note h4{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.orchestration-note p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.agent-pipeline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);font-size:.75rem}.agent-step{background-color:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-primary);white-space:nowrap}.agent-arrow{color:var(--text-tertiary);font-weight:700}@media (max-width: 768px){.agent-pipeline{flex-direction:column;align-items:stretch}.agent-arrow{display:none}}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mb-2{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.mb-6{margin-bottom:var(--spacing-lg)}.mb-8{margin-bottom:var(--spacing-xl)}.space-y-4>*+*{margin-top:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.capitalize{text-transform:capitalize}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.bg-secondary{background-color:var(--bg-secondary)}.max-w-md{max-width:28rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-8{width:2rem}.h-8{height:2rem}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.border-t{border-top-width:1px}.border-border-primary{border-color:var(--border-primary)}.bg-primary{background-color:var(--bg-primary)}.px-2{padding-left:.5rem;padding-right:.5rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mr-3{margin-right:.75rem}.ml-2{margin-left:.5rem}.bg-green-50{background-color:#10b9810d}.border-green-200{border-color:#10b9814d}.text-green-800{color:#065f46}.bg-yellow-50{background-color:#f59e0b0d}.border-yellow-200{border-color:#f59e0b4d}.text-yellow-800{color:#92400e}.bg-red-50{background-color:#ef44440d}.border-red-200{border-color:#ef44444d}.text-red-800{color:#991b1b}.bg-blue-50{background-color:#3b82f60d}.border-blue-200{border-color:#3b82f64d}.text-blue-800{color:#1e40af}.rounded-lg{border-radius:var(--radius-lg)}.p-4{padding:1rem}.flex-1{flex:1}.items-start{align-items:flex-start}[data-theme=dark] .bg-green-50{background-color:#10b9811a}[data-theme=dark] .text-green-800{color:#34d399}[data-theme=dark] .bg-yellow-50{background-color:#f59e0b1a}[data-theme=dark] .text-yellow-800{color:#fbbf24}[data-theme=dark] .bg-red-50{background-color:#ef44441a}[data-theme=dark] .text-red-800{color:#f87171}[data-theme=dark] .bg-blue-50{background-color:#3b82f61a}[data-theme=dark] .text-blue-800{color:#60a5fa}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.attachments-section{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.section-header h4{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:1rem;font-weight:600}.section-header p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.4;flex:1}.file-upload-container{margin:var(--spacing-md) 0}.attached-files{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-primary)}.attached-files h5{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:.875rem;font-weight:600}.attached-files-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.attached-file{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.attached-file:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.attached-file .file-icon{font-size:1.25rem;flex-shrink:0}.attached-file .file-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.attached-file .file-name{font-weight:500;color:var(--text-primary);font-size:.875rem;word-break:break-word}.attached-file .file-size{font-size:.75rem;color:var(--text-tertiary)}.remove-file-btn{width:24px;height:24px;border-radius:var(--radius-sm);border:none;background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all var(--transition-fast);flex-shrink:0}.remove-file-btn:hover{background-color:var(--color-error);color:#fff}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);background-color:var(--bg-primary)}.error-content{text-align:center;max-width:500px;background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.error-icon{font-size:4rem;margin-bottom:var(--spacing-lg);display:block}.error-content h2{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.error-content p{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);line-height:1.6}.error-details{text-align:left;margin:var(--spacing-lg) 0;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.error-details summary{padding:var(--spacing-md);cursor:pointer;font-weight:500;color:var(--text-secondary)}.error-stack{padding:var(--spacing-md);background:var(--bg-primary);border-top:1px solid var(--border-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;overflow-x:auto;margin:0;color:var(--text-primary)}.error-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}.section-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.attached-file{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.remove-file-btn{align-self:flex-end}}:root{--oc-bg-base: #0d1117;--oc-bg-surface: #161b22;--oc-bg-elevated: #1c2128;--oc-bg-overlay: #21262d;--oc-bg-inset: #010409;--oc-panel-bg: #0d1117;--oc-panel-header: #161b22;--oc-panel-border: #30363d;--oc-panel-divider: #21262d;--oc-text-primary: #e6edf3;--oc-text-secondary: #8b949e;--oc-text-muted: #6e7681;--oc-text-placeholder: #484f58;--oc-text-link: #58a6ff;--oc-accent-primary: #58a6ff;--oc-accent-secondary: #79c0ff;--oc-accent-purple: #bc8cff;--oc-accent-pink: #f778ba;--oc-success: #3fb950;--oc-success-bg: rgba(63, 185, 80, .15);--oc-success-border: rgba(63, 185, 80, .4);--oc-warning: #d29922;--oc-warning-bg: rgba(210, 153, 34, .15);--oc-warning-border: rgba(210, 153, 34, .4);--oc-error: #f85149;--oc-error-bg: rgba(248, 81, 73, .15);--oc-error-border: rgba(248, 81, 73, .4);--oc-info: #58a6ff;--oc-info-bg: rgba(88, 166, 255, .15);--oc-info-border: rgba(88, 166, 255, .4);--oc-syntax-keyword: #ff7b72;--oc-syntax-string: #a5d6ff;--oc-syntax-number: #79c0ff;--oc-syntax-function: #d2a8ff;--oc-syntax-class: #ffa657;--oc-syntax-comment: #8b949e;--oc-syntax-variable: #ffa657;--oc-syntax-constant: #79c0ff;--oc-syntax-operator: #ff7b72;--oc-diff-add-bg: rgba(63, 185, 80, .15);--oc-diff-add-text: #7ee787;--oc-diff-add-border: rgba(63, 185, 80, .4);--oc-diff-remove-bg: rgba(248, 81, 73, .15);--oc-diff-remove-text: #ffa198;--oc-diff-remove-border: rgba(248, 81, 73, .4);--oc-diff-change-bg: rgba(210, 153, 34, .15);--oc-diff-change-text: #f0e68c;--oc-status-connected: #3fb950;--oc-status-disconnected: #f85149;--oc-status-pending: #d29922;--oc-status-running: #58a6ff;--oc-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--oc-font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--oc-text-xs: .6875rem;--oc-text-sm: .75rem;--oc-text-base: .8125rem;--oc-text-md: .875rem;--oc-text-lg: 1rem;--oc-text-xl: 1.125rem;--oc-text-2xl: 1.5rem;--oc-leading-tight: 1.25;--oc-leading-normal: 1.5;--oc-leading-relaxed: 1.75;--oc-space-1: .25rem;--oc-space-2: .5rem;--oc-space-3: .75rem;--oc-space-4: 1rem;--oc-space-5: 1.25rem;--oc-space-6: 1.5rem;--oc-space-8: 2rem;--oc-space-10: 2.5rem;--oc-space-12: 3rem;--oc-radius-sm: 4px;--oc-radius-md: 6px;--oc-radius-lg: 8px;--oc-radius-xl: 12px;--oc-radius-full: 9999px;--oc-border-width: 1px;--oc-border-color: #30363d;--oc-shadow-sm: 0 1px 0 rgba(27, 31, 35, .04);--oc-shadow-md: 0 3px 6px rgba(0, 0, 0, .15);--oc-shadow-lg: 0 8px 24px rgba(0, 0, 0, .25);--oc-shadow-xl: 0 12px 48px rgba(0, 0, 0, .3);--oc-shadow-overlay: 0 16px 64px rgba(0, 0, 0, .5);--oc-transition-fast: .1s ease;--oc-transition-normal: .2s ease;--oc-transition-slow: .3s ease;--oc-z-base: 0;--oc-z-dropdown: 100;--oc-z-sticky: 200;--oc-z-overlay: 300;--oc-z-modal: 400;--oc-z-popover: 500;--oc-z-tooltip: 600;--oc-z-toast: 700;--oc-sidebar-width: 280px;--oc-context-sidebar-width: 320px;--oc-header-height: 48px;--oc-status-bar-height: 32px}.oc-app{background-color:var(--oc-bg-base);color:var(--oc-text-primary);font-family:var(--oc-font-sans);font-size:var(--oc-text-base);line-height:var(--oc-leading-normal);min-height:100vh}.oc-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.oc-layout__header{height:var(--oc-header-height);background:var(--oc-bg-surface);border-bottom:var(--oc-border-width) solid var(--oc-border-color);display:flex;align-items:center;padding:0 var(--oc-space-4);flex-shrink:0}.oc-layout__body{display:flex;flex:1;overflow:hidden}.oc-layout__sidebar{width:var(--oc-sidebar-width);background:var(--oc-bg-surface);border-right:var(--oc-border-width) solid var(--oc-border-color);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.oc-layout__main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--oc-bg-base)}.oc-layout__context{width:var(--oc-context-sidebar-width);background:var(--oc-bg-surface);border-left:var(--oc-border-width) solid var(--oc-border-color);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.oc-layout__status-bar{height:var(--oc-status-bar-height);background:var(--oc-bg-surface);border-top:var(--oc-border-width) solid var(--oc-border-color);display:flex;align-items:center;justify-content:space-between;padding:0 var(--oc-space-4);font-size:var(--oc-text-xs);color:var(--oc-text-muted);flex-shrink:0}.oc-panel{background:var(--oc-panel-bg);border:var(--oc-border-width) solid var(--oc-panel-border);border-radius:var(--oc-radius-md);overflow:hidden}.oc-panel__header{background:var(--oc-panel-header);padding:var(--oc-space-2) var(--oc-space-3);border-bottom:var(--oc-border-width) solid var(--oc-panel-divider);display:flex;align-items:center;gap:var(--oc-space-2);font-size:var(--oc-text-sm);font-weight:500;color:var(--oc-text-secondary)}.oc-panel__header-icon{color:var(--oc-text-muted)}.oc-panel__content{padding:var(--oc-space-3);overflow-y:auto}.oc-activity-log{font-family:var(--oc-font-mono);font-size:var(--oc-text-sm);line-height:var(--oc-leading-relaxed);padding:var(--oc-space-3);overflow-y:auto}.oc-activity-log__entry{display:flex;gap:var(--oc-space-2);padding:var(--oc-space-1) 0;border-bottom:var(--oc-border-width) solid var(--oc-panel-divider)}.oc-activity-log__entry:last-child{border-bottom:none}.oc-activity-log__icon{flex-shrink:0;width:16px;text-align:center}.oc-activity-log__icon--read{color:var(--oc-success)}.oc-activity-log__icon--edit{color:var(--oc-warning)}.oc-activity-log__icon--write{color:var(--oc-info)}.oc-activity-log__icon--bash{color:var(--oc-accent-purple)}.oc-activity-log__icon--think{color:var(--oc-accent-pink)}.oc-activity-log__icon--error{color:var(--oc-error)}.oc-activity-log__label{font-weight:600;margin-right:var(--oc-space-2)}.oc-activity-log__label--read{color:var(--oc-success)}.oc-activity-log__label--edit{color:var(--oc-warning)}.oc-activity-log__label--write{color:var(--oc-info)}.oc-activity-log__label--bash{color:var(--oc-accent-purple)}.oc-activity-log__label--think{color:var(--oc-accent-pink)}.oc-activity-log__label--error{color:var(--oc-error)}.oc-activity-log__file{color:var(--oc-text-link);text-decoration:underline;text-decoration-style:dotted}.oc-activity-log__content{color:var(--oc-text-secondary)}.oc-diff{font-family:var(--oc-font-mono);font-size:var(--oc-text-sm);line-height:var(--oc-leading-normal);background:var(--oc-bg-inset);border-radius:var(--oc-radius-sm);overflow:hidden}.oc-diff__line{display:flex;padding:0 var(--oc-space-2)}.oc-diff__line-number{width:48px;color:var(--oc-text-muted);text-align:right;padding-right:var(--oc-space-2);-webkit-user-select:none;user-select:none;flex-shrink:0}.oc-diff__line-prefix{width:16px;text-align:center;flex-shrink:0}.oc-diff__line-content{flex:1;white-space:pre}.oc-diff__line--add{background:var(--oc-diff-add-bg)}.oc-diff__line--add .oc-diff__line-prefix,.oc-diff__line--add .oc-diff__line-content{color:var(--oc-diff-add-text)}.oc-diff__line--remove{background:var(--oc-diff-remove-bg)}.oc-diff__line--remove .oc-diff__line-prefix,.oc-diff__line--remove .oc-diff__line-content{color:var(--oc-diff-remove-text)}.oc-diff__line--context{color:var(--oc-text-muted)}.oc-context-section{padding:var(--oc-space-3);border-bottom:var(--oc-border-width) solid var(--oc-panel-divider)}.oc-context-section:last-child{border-bottom:none}.oc-context-section__title{font-size:var(--oc-text-xs);font-weight:600;color:var(--oc-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--oc-space-2)}.oc-context-section__content{font-size:var(--oc-text-sm)}.oc-task-title{font-size:var(--oc-text-md);font-weight:600;color:var(--oc-text-primary);line-height:var(--oc-leading-tight)}.oc-context-stats{display:flex;flex-direction:column;gap:var(--oc-space-2)}.oc-context-stats__item{display:flex;align-items:center;gap:var(--oc-space-2);color:var(--oc-text-secondary)}.oc-context-stats__label{color:var(--oc-text-muted);min-width:60px}.oc-context-stats__value{color:var(--oc-text-primary)}.oc-progress{height:4px;background:var(--oc-bg-overlay);border-radius:var(--oc-radius-full);overflow:hidden}.oc-progress__fill{height:100%;border-radius:var(--oc-radius-full);transition:width var(--oc-transition-normal)}.oc-progress__fill--normal{background:var(--oc-success)}.oc-progress__fill--warning{background:var(--oc-warning)}.oc-progress__fill--danger{background:var(--oc-error)}.oc-status-list{display:flex;flex-direction:column;gap:var(--oc-space-2)}.oc-status-list__item{display:flex;align-items:center;gap:var(--oc-space-2);font-size:var(--oc-text-sm)}.oc-status-dot{width:6px;height:6px;border-radius:var(--oc-radius-full);flex-shrink:0}.oc-status-dot--connected{background:var(--oc-status-connected)}.oc-status-dot--disconnected{background:var(--oc-status-disconnected)}.oc-status-dot--pending{background:var(--oc-status-pending)}.oc-status-dot--running{background:var(--oc-status-running);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.oc-status-list__name{font-weight:500;color:var(--oc-text-primary)}.oc-status-list__status{color:var(--oc-text-muted);font-size:var(--oc-text-xs);margin-left:auto}.oc-todo-list{display:flex;flex-direction:column;gap:var(--oc-space-1)}.oc-todo-item{display:flex;align-items:flex-start;gap:var(--oc-space-2);padding:var(--oc-space-1) 0;font-size:var(--oc-text-sm)}.oc-todo-item__checkbox{flex-shrink:0;color:var(--oc-text-muted);font-family:var(--oc-font-mono)}.oc-todo-item__checkbox--completed{color:var(--oc-success)}.oc-todo-item__checkbox--active{color:var(--oc-warning)}.oc-todo-item__text{color:var(--oc-text-secondary);line-height:var(--oc-leading-tight)}.oc-todo-item__text--completed{color:var(--oc-text-muted);text-decoration:line-through}.oc-todo-item__text--active{color:var(--oc-warning);font-weight:500}.oc-nav-section{padding:var(--oc-space-2)}.oc-nav-section__title{font-size:var(--oc-text-xs);font-weight:600;color:var(--oc-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--oc-space-2) var(--oc-space-3)}.oc-nav-item{display:flex;align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-3);border-radius:var(--oc-radius-md);color:var(--oc-text-secondary);cursor:pointer;transition:all var(--oc-transition-fast);text-decoration:none}.oc-nav-item:hover{background:var(--oc-bg-overlay);color:var(--oc-text-primary)}.oc-nav-item--active{background:var(--oc-info-bg);color:var(--oc-text-link)}.oc-nav-item__icon{flex-shrink:0;width:16px;height:16px}.oc-nav-item__label{font-size:var(--oc-text-sm);font-weight:500}.oc-nav-item__badge{margin-left:auto;font-size:var(--oc-text-xs);padding:2px 6px;border-radius:var(--oc-radius-full);background:var(--oc-bg-overlay);color:var(--oc-text-muted)}.oc-project-tree{font-size:var(--oc-text-sm)}.oc-project{margin-bottom:var(--oc-space-1)}.oc-project__header{display:flex;align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-3);border-radius:var(--oc-radius-md);cursor:pointer;transition:background var(--oc-transition-fast)}.oc-project__header:hover{background:var(--oc-bg-overlay)}.oc-project__expand{width:16px;height:16px;color:var(--oc-text-muted);transition:transform var(--oc-transition-fast)}.oc-project__expand--expanded{transform:rotate(90deg)}.oc-project__name{font-weight:500;color:var(--oc-text-primary)}.oc-project__count{margin-left:auto;font-size:var(--oc-text-xs);color:var(--oc-text-muted)}.oc-project__tasks{padding-left:var(--oc-space-6)}.oc-task-item{display:flex;align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-1) var(--oc-space-3);border-radius:var(--oc-radius-md);cursor:pointer;transition:background var(--oc-transition-fast)}.oc-task-item:hover{background:var(--oc-bg-overlay)}.oc-task-item--active{background:var(--oc-info-bg)}.oc-task-item__status{width:8px;height:8px;border-radius:var(--oc-radius-full);flex-shrink:0}.oc-task-item__status--pending{background:var(--oc-status-pending)}.oc-task-item__status--running{background:var(--oc-status-running);animation:pulse 1.5s infinite}.oc-task-item__status--completed{background:var(--oc-status-connected)}.oc-task-item__status--failed{background:var(--oc-status-disconnected)}.oc-task-item__name{color:var(--oc-text-secondary);font-size:var(--oc-text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-4);font-size:var(--oc-text-sm);font-weight:500;border-radius:var(--oc-radius-md);cursor:pointer;transition:all var(--oc-transition-fast);border:var(--oc-border-width) solid transparent}.oc-btn--primary{background:var(--oc-accent-primary);color:#fff}.oc-btn--primary:hover{background:var(--oc-accent-secondary)}.oc-btn--secondary{background:transparent;color:var(--oc-text-secondary);border-color:var(--oc-border-color)}.oc-btn--secondary:hover{background:var(--oc-bg-overlay);color:var(--oc-text-primary)}.oc-btn--ghost{background:transparent;color:var(--oc-text-muted)}.oc-btn--ghost:hover{background:var(--oc-bg-overlay);color:var(--oc-text-primary)}.oc-btn--sm{padding:var(--oc-space-1) var(--oc-space-2);font-size:var(--oc-text-xs)}.oc-btn--icon{padding:var(--oc-space-2)}.oc-input{background:var(--oc-bg-inset);border:var(--oc-border-width) solid var(--oc-border-color);border-radius:var(--oc-radius-md);padding:var(--oc-space-2) var(--oc-space-3);font-size:var(--oc-text-sm);color:var(--oc-text-primary);width:100%;transition:all var(--oc-transition-fast)}.oc-input::placeholder{color:var(--oc-text-placeholder)}.oc-input:focus{outline:none;border-color:var(--oc-accent-primary);box-shadow:0 0 0 3px var(--oc-info-bg)}.oc-input--code{font-family:var(--oc-font-mono);background:var(--oc-bg-base)}.oc-command-input{display:flex;align-items:center;gap:var(--oc-space-2);background:var(--oc-bg-surface);border:var(--oc-border-width) solid var(--oc-border-color);border-radius:var(--oc-radius-lg);padding:var(--oc-space-3)}.oc-command-input__prefix{color:var(--oc-accent-primary);font-family:var(--oc-font-mono);font-weight:600}.oc-command-input__field{flex:1;background:transparent;border:none;color:var(--oc-text-primary);font-size:var(--oc-text-md);outline:none}.oc-command-input__field::placeholder{color:var(--oc-text-placeholder)}.oc-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--oc-z-modal)}.oc-modal{background:var(--oc-bg-surface);border:var(--oc-border-width) solid var(--oc-border-color);border-radius:var(--oc-radius-xl);box-shadow:var(--oc-shadow-overlay);max-width:600px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.oc-modal__header{padding:var(--oc-space-4);border-bottom:var(--oc-border-width) solid var(--oc-border-color);display:flex;align-items:center;justify-content:space-between}.oc-modal__title{font-size:var(--oc-text-lg);font-weight:600;color:var(--oc-text-primary)}.oc-modal__content{padding:var(--oc-space-4);overflow-y:auto;flex:1}.oc-modal__footer{padding:var(--oc-space-4);border-top:var(--oc-border-width) solid var(--oc-border-color);display:flex;justify-content:flex-end;gap:var(--oc-space-2)}.oc-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--oc-text-xs);font-weight:500;border-radius:var(--oc-radius-full)}.oc-badge--success{background:var(--oc-success-bg);color:var(--oc-success);border:1px solid var(--oc-success-border)}.oc-badge--warning{background:var(--oc-warning-bg);color:var(--oc-warning);border:1px solid var(--oc-warning-border)}.oc-badge--error{background:var(--oc-error-bg);color:var(--oc-error);border:1px solid var(--oc-error-border)}.oc-badge--info{background:var(--oc-info-bg);color:var(--oc-info);border:1px solid var(--oc-info-border)}.oc-code{font-family:var(--oc-font-mono);font-size:var(--oc-text-sm);background:var(--oc-bg-inset);border-radius:var(--oc-radius-md);padding:var(--oc-space-3);overflow-x:auto}.oc-code--inline{display:inline;padding:2px 6px;border-radius:var(--oc-radius-sm);background:var(--oc-bg-overlay);color:var(--oc-syntax-string)}.oc-code .keyword{color:var(--oc-syntax-keyword)}.oc-code .string{color:var(--oc-syntax-string)}.oc-code .number{color:var(--oc-syntax-number)}.oc-code .function{color:var(--oc-syntax-function)}.oc-code .class{color:var(--oc-syntax-class)}.oc-code .comment{color:var(--oc-syntax-comment);font-style:italic}.oc-code .variable{color:var(--oc-syntax-variable)}.oc-code .constant{color:var(--oc-syntax-constant)}.oc-code .operator{color:var(--oc-syntax-operator)}.oc-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;font-family:var(--oc-font-mono);font-size:var(--oc-text-xs);font-weight:500;color:var(--oc-text-muted);background:var(--oc-bg-overlay);border:var(--oc-border-width) solid var(--oc-border-color);border-radius:var(--oc-radius-sm);box-shadow:0 1px 0 var(--oc-border-color)}.oc-scrollbar::-webkit-scrollbar{width:8px;height:8px}.oc-scrollbar::-webkit-scrollbar-track{background:transparent}.oc-scrollbar::-webkit-scrollbar-thumb{background:var(--oc-bg-overlay);border-radius:var(--oc-radius-full)}.oc-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--oc-text-muted)}.oc-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-flex{display:flex}.oc-flex-col{flex-direction:column}.oc-flex-1{flex:1}.oc-items-center{align-items:center}.oc-justify-between{justify-content:space-between}.oc-gap-1{gap:var(--oc-space-1)}.oc-gap-2{gap:var(--oc-space-2)}.oc-gap-3{gap:var(--oc-space-3)}.oc-gap-4{gap:var(--oc-space-4)}.oc-text-xs{font-size:var(--oc-text-xs)}.oc-text-sm{font-size:var(--oc-text-sm)}.oc-text-md{font-size:var(--oc-text-md)}.oc-text-muted{color:var(--oc-text-muted)}.oc-text-secondary{color:var(--oc-text-secondary)}.oc-font-mono{font-family:var(--oc-font-mono)}.oc-font-medium{font-weight:500}.oc-font-semibold{font-weight:600}.minimal-header{background:var(--background);border-bottom:1px solid rgba(100,116,139,.25);height:52px;display:flex;align-items:center;position:sticky;top:0;z-index:100}.minimal-header-content{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 1rem}.header-spacer{flex:1}.header-icons{display:flex;align-items:center;gap:.5rem}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.icon-btn:hover{background:var(--surface);color:var(--text-primary)}.user-menu-wrapper{position:relative}.user-btn{border:1px solid rgba(100,116,139,.3)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid rgba(100,116,139,.35);border-radius:12px;min-width:240px;box-shadow:0 10px 40px #00000026;z-index:1000;overflow:hidden}.user-dropdown-header{display:flex;align-items:center;gap:.75rem;padding:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.user-details{flex:1;min-width:0}.user-name{font-weight:600;color:var(--text-primary);font-size:.875rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-size:.75rem;color:var(--text-secondary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-divider{height:1px;background:#64748b40;margin:0}.user-dropdown-item{width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.user-dropdown-item:hover{background:var(--background)}.dropdown-overlay{position:fixed;inset:0;z-index:999;background:transparent}@media (max-width: 768px){.minimal-header{position:fixed;top:0;left:0;right:0}.user-dropdown{right:0}}.layout{display:flex;height:100vh;overflow:hidden}.layout-main{flex:1;display:flex;flex-direction:column;min-width:0}.layout-content{flex:1;overflow-y:auto;background-color:var(--bg-secondary);padding:var(--spacing-lg)}.layout-content.no-scroll{overflow:hidden;padding:0}.layout-content.no-header{background-color:var(--background)}@media (max-width: 768px){.layout-content{padding:calc(var(--spacing-xl) + var(--spacing-md)) var(--spacing-md) var(--spacing-md)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.simple-task-modal{background:var(--bg-primary);border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.required{color:var(--color-error)}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;transition:all .2s;font-family:inherit}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-textarea{resize:vertical;min-height:80px}.loading-projects{padding:.75rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.helper-text{font-size:.75rem;margin:0;padding:.5rem .75rem;border-radius:6px}.helper-text.warning{color:var(--color-warning);background:#fbbf241a}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color)}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;border:none;font-size:.875rem}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary)}.btn:disabled{opacity:.5;cursor:not-allowed}.spinner-sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.loading-repos{padding:.75rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.repo-actions{display:flex;gap:1rem;margin-bottom:.75rem}.btn-link{background:transparent;border:none;color:var(--primary-color);font-size:.813rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.btn-link:hover{background:#6366f11a}.repositories-list{display:flex;flex-direction:column;gap:.75rem;max-height:250px;overflow-y:auto;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.repo-checkbox{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:6px;transition:background .2s}.repo-checkbox:hover{background:var(--bg-secondary)}.repo-checkbox input[type=checkbox]{margin-top:.25rem;width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.repo-checkbox .repo-name{font-size:.875rem;font-weight:500;color:var(--text-primary);flex-shrink:0}.repo-checkbox .repo-description{font-size:.75rem;color:var(--text-secondary);margin-left:auto;text-align:right;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-repos{padding:1.5rem;text-align:center;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.no-repos p{margin:.5rem 0;color:var(--text-secondary);font-size:.875rem}.info-box{padding:1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px}.info-box p{margin:0;color:var(--text-primary);font-size:.813rem}.optional{color:var(--text-secondary);font-weight:400}@media (max-width: 768px){.simple-task-modal{width:95%;max-width:none;margin:1rem}.modal-header,.modal-form{padding:1rem}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%;justify-content:center}.repo-checkbox .repo-description{display:none}}.model-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.5rem}.model-option-card{position:relative;display:flex;align-items:center;padding:.75rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.model-option-card:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary)}.model-option-card.selected{background:var(--bg-tertiary);border-color:var(--color-success)}.model-option-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.model-option-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.model-option-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.model-option-price{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color-success)}.model-option-desc{font-size:.625rem;color:var(--text-tertiary)}.repositories-list{max-height:150px}@media (max-width: 768px){.model-options-grid{grid-template-columns:1fr}}.create-project-modal{background:var(--surface);border-radius:12px;width:90%;max-width:600px;max-height:85vh;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}.modal-header{padding:1.5rem;border-bottom:1px solid rgba(100,116,139,.25);display:flex;justify-content:space-between;align-items:flex-start}.modal-header h2{margin:0 0 .25rem;font-size:1.5rem;color:var(--text-primary)}.step-indicator{margin:0;font-size:.75rem;color:var(--text-tertiary);font-weight:500}.close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--background);color:var(--text-primary)}.github-connect-section{padding:2rem 0}.info-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:2rem;background:var(--background);border-radius:12px;border:2px dashed rgba(100,116,139,.3)}.info-box svg{color:var(--color-primary)}.info-box h3{margin:0;color:var(--text-primary);font-size:1.25rem}.info-box p{margin:0;color:var(--text-secondary);font-size:.875rem}.step-content{display:flex;flex-direction:column;gap:1.5rem}.step-header{text-align:center}.step-header h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem}.step-header p{margin:0;color:var(--text-secondary);font-size:.875rem}.selected-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-primary-bg);border:1px solid var(--color-primary);border-radius:8px;color:var(--color-primary);font-size:.875rem;font-weight:500}.form-input-large{font-size:1.1rem;padding:1rem}.project-summary{background:var(--background);border-radius:8px;padding:1.25rem;border:1px solid rgba(100,116,139,.25)}.project-summary h4{margin:0 0 1rem;color:var(--text-primary);font-size:.9rem;font-weight:600}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(100,116,139,.15);margin-bottom:.75rem}.summary-label{color:var(--text-secondary);font-size:.875rem}.summary-value{color:var(--text-primary);font-weight:600}.summary-repos{display:flex;flex-direction:column;gap:.5rem}.summary-repo{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--surface);border-radius:6px;font-size:.875rem;color:var(--text-primary)}.summary-repo svg{color:var(--text-secondary)}.modal-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(100,116,139,.25)}.modal-actions .spacer{flex:1}.btn-large{padding:.875rem 1.5rem;font-size:1rem}.search-box{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--background);border:1px solid rgba(100,116,139,.25);border-radius:8px}.search-box svg{color:var(--text-secondary);flex-shrink:0}.search-input{flex:1;border:none;background:transparent;outline:none;color:var(--text-primary);font-size:.875rem}.search-input::placeholder{color:var(--text-tertiary)}.selected-count{margin-left:.5rem;color:var(--color-primary);font-weight:600}.repositories-list{max-height:350px;overflow-y:auto;border:1px solid rgba(100,116,139,.25);border-radius:8px;background:var(--background)}.repositories-list::-webkit-scrollbar{width:8px}.repositories-list::-webkit-scrollbar-track{background:transparent}.repositories-list::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:4px}.repositories-list::-webkit-scrollbar-thumb:hover{background:#64748b80}.loading-repos,.empty-repos{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--text-secondary)}.loading-repos .spinner{width:32px;height:32px;border:3px solid rgba(100,116,139,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite;margin-bottom:1rem}.repo-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-bottom:1px solid rgba(100,116,139,.15);cursor:pointer;transition:all .2s}.repo-item:last-child{border-bottom:none}.repo-item:hover{background:var(--surface)}.repo-item.selected{background:var(--color-primary-bg);border-left:3px solid var(--color-primary)}.repo-checkbox{padding-top:.25rem}.repo-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.repo-info{flex:1;min-width:0}.repo-name{font-weight:600;color:var(--text-primary);font-size:.9rem;margin-bottom:.25rem}.repo-description{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.repo-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-tertiary)}.repo-language{padding:.125rem .5rem;background:var(--surface);border-radius:12px;font-weight:500}.repo-stat{display:flex;align-items:center;gap:.25rem}.api-key-selection{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.api-key-option{display:flex;gap:1rem;padding:1.25rem;border:2px solid var(--border-light);border-radius:10px;cursor:pointer;transition:all .2s;background:var(--surface)}.api-key-option:hover{border-color:var(--primary);background:var(--background)}.api-key-option.selected{border-color:var(--primary);background:#6366f10d}.option-radio input[type=radio]{cursor:pointer;margin-top:.25rem}.option-content{flex:1}.option-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.option-title svg{color:var(--primary)}.option-description{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.option-description code{background:#6366f11a;padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;color:var(--primary)}.option-description a{color:var(--primary);text-decoration:none}.option-description a:hover{text-decoration:underline}.custom-api-key-input{margin-top:1rem;padding:1.25rem;background:var(--background);border:1px solid var(--border-light);border-radius:8px;display:flex;flex-direction:column;gap:.75rem}.custom-api-key-input label{font-weight:500;color:var(--text-primary);font-size:.95rem}.custom-api-key-input .form-input{padding:.75rem;border:1px solid var(--border-light);border-radius:6px;background:var(--surface);color:var(--text-primary);font-size:1rem}.custom-api-key-input .form-hint{margin:0;font-size:.85rem;color:var(--text-tertiary)}.api-key-note{padding:1rem;background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-left:3px solid var(--primary);border-radius:6px;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.api-key-note strong{color:var(--text-primary)}.summary-description{margin:0 0 1rem;color:var(--text-secondary);font-size:.875rem;font-weight:400}.repo-config-list{display:flex;flex-direction:column;gap:.75rem}.repo-config-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem;background:var(--surface);border-radius:8px;border:1px solid rgba(100,116,139,.25)}.repo-config-name{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.repo-config-name svg{color:var(--text-secondary);flex-shrink:0}.repo-config-name span{color:var(--text-primary);font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repo-config-type{flex-shrink:0}.form-select{padding:.5rem .75rem;border:1px solid rgba(100,116,139,.25);border-radius:6px;background:var(--background);color:var(--text-primary);font-size:.875rem;cursor:pointer;outline:none;transition:all .2s;min-width:150px}.form-select:hover{border-color:var(--color-primary)}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.form-select.error{border-color:#ef4444;background:#ef44440d}.validation-warning{margin:1rem 0 0;padding:.75rem;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-left:3px solid #ef4444;border-radius:6px;color:#ef4444;font-size:.875rem;font-weight:500}@media (max-width: 768px){.create-project-modal{width:95%;max-width:none;margin:1rem;max-height:90vh}.repositories-list{max-height:250px}.api-key-option{flex-direction:column}.repo-config-item{flex-direction:column;align-items:stretch}.repo-config-type,.form-select{width:100%}}.env-variables-manager{width:100%;margin-top:16px}.env-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.env-title{display:flex;gap:12px;align-items:flex-start}.env-icon{font-size:24px;line-height:1}.env-title h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.env-subtitle{margin:4px 0 0;font-size:13px;color:var(--text-secondary)}.env-actions{display:flex;gap:8px}.btn-paste-env{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-paste-env:hover{background:var(--background-primary);border-color:var(--primary-color);transform:translateY(-1px)}.btn-add-env{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-env:hover{background:var(--primary-hover);transform:translateY(-1px)}.env-empty-state{text-align:center;padding:32px 16px;background:var(--background-secondary);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary)}.env-empty-state .empty-icon{color:var(--text-tertiary);margin-bottom:12px}.env-empty-state p{margin:0;font-size:14px}.env-empty-state .empty-hint{margin-top:8px;font-size:13px;color:var(--text-tertiary)}.env-list{display:flex;flex-direction:column;gap:16px}.env-item{padding:16px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;transition:border-color .2s}.env-item:hover{border-color:var(--primary-color)}.env-item-header{display:flex;gap:12px;align-items:center;margin-bottom:12px}.env-input{flex:1;padding:10px 12px;background:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:Courier New,monospace;transition:border-color .2s}.env-input:focus{outline:none;border-color:var(--primary-color)}.env-input.error{border-color:var(--error-color, #ef4444)}.env-input::placeholder{color:var(--text-tertiary);font-style:italic}.env-key{flex:0 0 200px;font-weight:600;text-transform:uppercase}.env-secret-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.env-secret-toggle:hover{border-color:var(--primary-color);background:var(--background-secondary)}.env-secret-toggle input[type=checkbox]{cursor:pointer}.env-secret-toggle .toggle-label{font-size:13px;color:var(--text-secondary);font-weight:500}.btn-remove-env{padding:8px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-remove-env:hover{background:var(--error-color, #ef4444);border-color:var(--error-color, #ef4444);color:#fff}.env-value-container{position:relative;margin-bottom:12px}.env-value{width:100%;padding-right:40px}.btn-toggle-secret{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:6px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s}.btn-toggle-secret:hover{background:var(--background-primary);color:var(--text-primary)}.env-description{width:100%;font-style:italic;color:var(--text-secondary)}.env-error{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:var(--error-color, #ef4444);font-size:13px}.env-validation-warning{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;color:#fbbf24;font-size:14px;font-weight:500}.bulk-paste-section{margin-top:16px;padding:16px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-paste-header h5{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--text-primary)}.bulk-paste-header p{margin:0 0 12px;font-size:13px;color:var(--text-secondary)}.bulk-paste-textarea{width:100%;padding:12px;background:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-family:Courier New,monospace;resize:vertical;min-height:120px;transition:border-color .2s}.bulk-paste-textarea:focus{outline:none;border-color:var(--primary-color)}.bulk-paste-textarea::placeholder{color:var(--text-tertiary);font-style:italic}.bulk-paste-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.btn-cancel-bulk{padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel-bulk:hover{background:var(--background-primary);border-color:var(--text-secondary);color:var(--text-primary)}.btn-confirm-bulk{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary-color);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-confirm-bulk:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-confirm-bulk:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .env-variables-manager{--background-primary: #1a1a1a;--background-secondary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-tertiary: #666666;--border-color: #404040;--primary-color: #3b82f6;--primary-hover: #2563eb;--error-color: #ef4444}[data-theme=light] .env-variables-manager{--background-primary: #ffffff;--background-secondary: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #e0e0e0;--primary-color: #3b82f6;--primary-hover: #2563eb;--error-color: #ef4444}.add-repository-modal{background:var(--surface);border-radius:12px;width:90%;max-width:600px;max-height:85vh;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}.modal-subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary);font-weight:400}.selected-repo-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-primary-bg);border:1px solid var(--color-primary);border-radius:8px;color:var(--color-primary);font-size:.875rem;font-weight:500;margin-bottom:1rem}.env-variables-section{margin-top:1rem;border-top:1px solid var(--border-color);padding-top:1rem}.env-section-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;color:var(--text-primary)}.env-section-toggle:hover{background:var(--background-primary);border-color:var(--primary-color)}.env-section-title{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.add-repository-modal{width:95%;max-width:none;margin:1rem;max-height:90vh}}.edit-env-modal{background:var(--surface);border-radius:12px;width:90%;max-width:700px;max-height:85vh;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}.edit-env-modal .modal-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start}.edit-env-modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.edit-env-modal .modal-subtitle{margin:.5rem 0 0;font-size:.875rem;color:var(--text-secondary);font-weight:400}.edit-env-modal .modal-body{flex:1;overflow-y:auto;padding:1.5rem}.edit-env-modal .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-secondary)}.edit-env-modal .loading-state .spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.edit-env-modal .error-banner{display:flex;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--error-color, #ef4444);font-size:.875rem}.edit-env-modal .error-messages{flex:1}.edit-env-modal .modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}.edit-env-modal .btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.edit-env-modal .btn:disabled{opacity:.5;cursor:not-allowed}.edit-env-modal .btn-secondary{background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border)}.edit-env-modal .btn-secondary:hover:not(:disabled){background:var(--background-primary);border-color:var(--color-primary)}.edit-env-modal .btn-primary{background:var(--color-primary);color:#fff}.edit-env-modal .btn-primary:hover:not(:disabled){background:var(--primary-hover, #2563eb);transform:translateY(-1px)}.edit-env-modal .spinner-sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 768px){.edit-env-modal{width:95%;max-width:none;margin:1rem;max-height:90vh}}.project-settings-modal{background:var(--surface);border-radius:12px;width:90%;max-width:600px;max-height:85vh;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.project-settings-modal .modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(100,116,139,.25);display:flex;justify-content:space-between;align-items:center}.project-settings-modal .header-title{display:flex;align-items:center;gap:.75rem}.project-settings-modal .header-title svg{color:var(--color-primary)}.project-settings-modal .header-title h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.project-settings-modal .close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s;display:flex}.project-settings-modal .close-btn:hover{background:var(--background);color:var(--text-primary)}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--text-secondary)}.modal-loading .spinner{animation:spin 1s linear infinite}.settings-tabs{display:flex;gap:0;padding:0 1.5rem;border-bottom:1px solid rgba(100,116,139,.2);background:var(--background)}.settings-tabs .tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.settings-tabs .tab:hover{color:var(--text-primary);background:#64748b0d}.settings-tabs .tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.settings-tabs .tab svg{opacity:.7}.settings-tabs .tab.active svg{opacity:1}.settings-tabs .tab-badge{font-size:.65rem;background:var(--color-success);color:#fff;padding:.125rem .375rem;border-radius:4px;font-weight:600}.project-settings-modal .modal-content{flex:1;overflow-y:auto}.tab-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.tab-actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid rgba(100,116,139,.2);margin-top:.5rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.form-group label .hint{font-weight:400;color:var(--text-tertiary);font-size:.7rem}.form-input,.form-select,.form-textarea{padding:.625rem .875rem;background:var(--background);border:1px solid rgba(100,116,139,.3);border-radius:6px;font-size:.875rem;color:var(--text-primary);transition:all .2s}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-select{cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-hint{font-size:.7rem;color:var(--text-tertiary);margin:.25rem 0 0}.form-hint code{background:var(--surface);padding:.125rem .375rem;border-radius:4px;font-family:Fira Code,monospace;font-size:.65rem}.input-with-toggle{position:relative;display:flex;align-items:center}.input-with-toggle .form-input{flex:1;padding-right:2.75rem}.visibility-toggle{position:absolute;right:.5rem;background:transparent;border:none;padding:.375rem;cursor:pointer;color:var(--text-tertiary);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.visibility-toggle:hover{color:var(--text-secondary);background:#64748b1a}.visibility-toggle:active{transform:scale(.95)}.warning-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;font-size:.8rem;color:#f59e0b}.warning-banner svg{flex-shrink:0}.form-section{display:flex;flex-direction:column;gap:.75rem}.section-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.config-section{background:var(--background);padding:1rem;border-radius:8px;border:1px solid rgba(100,116,139,.2)}.method-options{display:flex;flex-direction:column;gap:.5rem}.method-option{display:flex;gap:.75rem;padding:.875rem 1rem;background:var(--background);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.method-option:hover{border-color:#64748b4d}.method-option.selected{border-color:var(--color-primary);background:#3b82f60d}.method-radio{padding-top:2px}.method-radio input[type=radio]{width:16px;height:16px;accent-color:var(--color-primary)}.method-content{flex:1}.method-title{font-size:.875rem;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.method-title svg{color:var(--text-secondary)}.method-description{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.config-badge{color:var(--color-success);font-weight:500}.project-settings-modal .btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.project-settings-modal .btn-primary{background:var(--color-primary);color:#fff}.project-settings-modal .btn-primary:hover{background:var(--color-primary-hover)}.project-settings-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.project-settings-modal .btn .spinner{animation:spin 1s linear infinite}.toggle-setting{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;background:var(--background);border:1px solid rgba(100,116,139,.2);border-radius:8px}.toggle-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.toggle-label svg{color:var(--text-secondary)}.toggle-description{font-size:.75rem;color:var(--text-secondary);margin-top:.375rem;line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#64748b4d;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #3b82f633}.environment-section{display:flex;flex-direction:column;gap:1.25rem}.section-header-env{display:flex;align-items:flex-start;gap:1rem}.section-header-env svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.section-header-env h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.section-header-env p{margin:.25rem 0 0;font-size:.8rem;color:var(--text-secondary)}.environment-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:.5rem}.environment-actions .action-hint{font-size:.75rem;color:var(--text-tertiary);margin:0}.project-settings-modal .btn-danger{background:#ef4444;color:#fff}.project-settings-modal .btn-danger:hover:not(:disabled){background:#dc2626}.project-settings-modal .btn-danger:disabled{opacity:.6;cursor:not-allowed}.cleanup-result{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:8px}.cleanup-result.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.cleanup-result.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.cleanup-result svg{flex-shrink:0;margin-top:2px}.cleanup-details{flex:1}.cleanup-details strong{display:block;font-size:.875rem;margin-bottom:.5rem}.cleanup-details ul{margin:0;padding-left:1.25rem;font-size:.8rem}.cleanup-details ul li{margin:.25rem 0}.cleanup-details p{margin:0;font-size:.8rem}@media (max-width: 480px){.project-settings-modal{max-width:100%;width:100%;border-radius:12px 12px 0 0;max-height:90vh}.form-row{grid-template-columns:1fr}.settings-tabs{padding:0 1rem}.settings-tabs .tab{padding:.75rem 1rem;font-size:.8rem}}.unified-chat-sidebar{width:var(--oc-sidebar-width);height:100%;background:var(--oc-bg-surface);border-right:var(--oc-border-width) solid var(--oc-panel-divider);display:flex;flex-direction:column;overflow:hidden;font-family:var(--oc-font-mono)}.sidebar-content{flex:1;overflow-y:auto;padding:var(--oc-space-2) 0}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--oc-scrollbar-thumb);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--oc-scrollbar-hover)}.sidebar-section{margin-bottom:var(--oc-space-2)}.section-header{width:100%;display:flex;align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-3);background:transparent;border:none;color:var(--oc-text-muted);font-size:var(--oc-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--oc-transition-fast);font-family:var(--oc-font-mono)}.section-header:hover{color:var(--oc-text-primary);background:var(--oc-bg-overlay)}.section-header span:first-of-type{flex:1;text-align:left}.section-count{font-size:10px;opacity:.6;font-weight:500;margin-right:var(--oc-space-1);padding:1px 6px;background:var(--oc-bg-inset);border-radius:var(--oc-radius-full)}.section-add-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:var(--oc-radius-sm);color:var(--oc-text-muted);cursor:pointer;transition:all var(--oc-transition-fast);flex-shrink:0}.section-add-btn:hover{background:var(--oc-accent-primary);color:var(--oc-bg-base)}.section-items{display:flex;flex-direction:column;padding:0 var(--oc-space-2);gap:1px}.sidebar-item{display:flex;align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-3);background:transparent;border-radius:var(--oc-radius-sm);cursor:pointer;transition:all var(--oc-transition-fast);color:var(--oc-text-secondary);font-size:var(--oc-text-sm);font-family:var(--oc-font-mono)}.sidebar-item:hover{background:var(--oc-bg-overlay);color:var(--oc-text-primary)}.sidebar-item.active{background:var(--oc-accent-primary);color:var(--oc-bg-base)}.sidebar-item.active .status-icon,.sidebar-item.active .item-icon,.sidebar-item.active .task-type-icon{color:var(--oc-bg-base);opacity:.9}.item-icon{flex-shrink:0;color:var(--oc-text-muted)}.item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.project-group{display:flex;flex-direction:column}.project-item{position:relative;padding-left:var(--oc-space-2)}.project-chevron{background:transparent;border:none;padding:0;margin-right:var(--oc-space-1);color:var(--oc-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--oc-transition-fast);flex-shrink:0}.project-chevron:hover{color:var(--oc-accent-primary)}.task-count{margin-left:auto;font-size:10px;color:var(--oc-text-muted);background:var(--oc-bg-inset);padding:1px 6px;border-radius:var(--oc-radius-full);font-weight:500}.project-tasks{display:flex;flex-direction:column;padding-left:var(--oc-space-4);margin-top:var(--oc-space-1);margin-bottom:var(--oc-space-1);border-left:var(--oc-border-width) solid var(--oc-panel-divider);margin-left:var(--oc-space-4)}.task-item{padding:var(--oc-space-2) var(--oc-space-3);font-size:var(--oc-text-xs)}.project-usage-section{display:flex;flex-direction:column;gap:var(--oc-space-2);margin-top:var(--oc-space-3);padding-top:var(--oc-space-3);border-top:var(--oc-border-width) solid var(--oc-panel-divider)}.usage-label-header{font-size:var(--oc-text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--oc-text-muted);font-weight:600}.project-total-usage{display:flex;align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-3);background:var(--oc-bg-inset);border-radius:var(--oc-radius-sm);font-size:10px}.usage-item{display:inline-flex;align-items:center;gap:4px}.usage-label{color:var(--oc-text-muted);font-weight:500}.usage-value{color:var(--oc-accent-secondary);font-weight:600}.usage-divider{color:var(--oc-text-muted);opacity:.3}.view-analytics-btn{display:flex;align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-3);background:transparent;border:var(--oc-border-width) solid var(--oc-panel-divider);border-radius:var(--oc-radius-sm);color:var(--oc-text-muted);font-size:var(--oc-text-xs);font-weight:500;cursor:pointer;transition:all var(--oc-transition-fast);width:100%;justify-content:center;font-family:var(--oc-font-mono)}.view-analytics-btn:hover{background:var(--oc-bg-overlay);border-color:var(--oc-accent-primary);color:var(--oc-accent-primary)}.project-repositories{display:flex;flex-direction:column;gap:var(--oc-space-1);margin-top:var(--oc-space-3);margin-bottom:var(--oc-space-3);padding-bottom:var(--oc-space-3);border-bottom:var(--oc-border-width) solid var(--oc-panel-divider)}.repositories-label{font-size:var(--oc-text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--oc-text-muted);font-weight:600;margin-bottom:var(--oc-space-1)}.repository-item{display:flex;align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2);background:var(--oc-bg-inset);border-radius:var(--oc-radius-sm);font-size:var(--oc-text-xs);color:var(--oc-text-primary);position:relative}.repository-item.disconnected{opacity:.5}.repository-item svg{flex-shrink:0;color:var(--oc-text-muted)}.repo-status-indicator{width:6px;height:6px;border-radius:50%;flex-shrink:0}.repo-status-indicator.connected{background-color:var(--oc-success);box-shadow:0 0 0 2px #3fb95033}.repo-status-indicator.disconnected{background-color:var(--oc-error);box-shadow:0 0 0 2px #f8514933}.repo-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--oc-text-primary);font-weight:500}.repo-language{font-size:9px;padding:2px 6px;background:var(--oc-bg-overlay);border-radius:var(--oc-radius-full);color:var(--oc-text-muted);font-weight:500}.repo-actions{display:flex;align-items:center;gap:var(--oc-space-1);margin-left:auto}.env-config-btn,.reconnect-btn{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:var(--oc-border-width) solid var(--oc-panel-divider);border-radius:var(--oc-radius-sm);color:var(--oc-text-muted);cursor:pointer;transition:all var(--oc-transition-fast);flex-shrink:0}.env-config-btn:hover{background:var(--oc-accent-primary);color:var(--oc-bg-base);border-color:var(--oc-accent-primary)}.reconnect-btn{background:var(--oc-warning);color:var(--oc-bg-base);border-color:var(--oc-warning)}.reconnect-btn:hover{filter:brightness(1.1)}.empty-repos-message{padding:var(--oc-space-3);text-align:center;color:var(--oc-text-muted);font-size:var(--oc-text-xs);font-style:italic}.add-repo-btn{display:flex;align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-3);margin-top:var(--oc-space-2);background:transparent;border:var(--oc-border-width) dashed var(--oc-panel-divider);border-radius:var(--oc-radius-sm);color:var(--oc-text-muted);cursor:pointer;transition:all var(--oc-transition-fast);font-size:var(--oc-text-xs);width:100%;justify-content:center;font-family:var(--oc-font-mono)}.add-repo-btn:hover{background:var(--oc-bg-overlay);border-color:var(--oc-accent-primary);color:var(--oc-accent-primary)}.project-tasks-list{display:flex;flex-direction:column;margin-bottom:var(--oc-space-2)}.tasks-label{font-size:var(--oc-text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--oc-text-muted);font-weight:600;margin-bottom:var(--oc-space-1);display:flex;align-items:center;gap:var(--oc-space-1)}.tasks-label.clickable{cursor:pointer;padding:var(--oc-space-1) var(--oc-space-2);margin-left:calc(-1 * var(--oc-space-2));margin-right:calc(-1 * var(--oc-space-2));border-radius:var(--oc-radius-sm);transition:background-color var(--oc-transition-fast)}.tasks-label.clickable:hover{background-color:var(--oc-bg-overlay)}.task-item-wrapper{display:flex;flex-direction:column}.task-usage{display:flex;align-items:center;gap:var(--oc-space-2);padding:2px var(--oc-space-3) var(--oc-space-2) 28px;font-size:10px;color:var(--oc-text-muted)}.add-task-btn{display:flex;align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-3);margin:var(--oc-space-1) 0;background:transparent;border:var(--oc-border-width) dashed var(--oc-panel-divider);border-radius:var(--oc-radius-sm);color:var(--oc-text-muted);cursor:pointer;transition:all var(--oc-transition-fast);font-size:var(--oc-text-xs);width:100%;justify-content:center;font-family:var(--oc-font-mono)}.add-task-btn:hover{background:var(--oc-bg-overlay);border-color:var(--oc-accent-primary);color:var(--oc-accent-primary)}.status-icon{flex-shrink:0}.status-icon.success{color:var(--oc-success)}.status-icon.error{color:var(--oc-error)}.status-icon.cancelled{color:var(--oc-warning)}.status-icon.warning{color:var(--oc-info)}.status-icon.default{color:var(--oc-text-muted)}.task-type-icon{flex-shrink:0;margin-left:2px;opacity:.7;transition:opacity var(--oc-transition-fast)}.task-type-icon.automatic{color:var(--oc-accent-secondary)}.task-type-icon.manual{color:var(--oc-accent-primary)}.sidebar-item:hover .task-type-icon{opacity:1}.delete-btn,.settings-btn{display:none;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:none;border-radius:var(--oc-radius-sm);color:var(--oc-text-muted);cursor:pointer;transition:all var(--oc-transition-fast);flex-shrink:0}.delete-btn:hover{background:#f8514926;color:var(--oc-error)}.settings-btn:hover{background:#58a6ff26;color:var(--oc-accent-primary)}.sidebar-item:hover .delete-btn,.sidebar-item:hover .settings-btn{display:flex}.project-item .delete-btn{margin-left:var(--oc-space-1)}.project-item .settings-btn{margin-left:auto}.show-more-container{padding:var(--oc-space-2) var(--oc-space-4);display:flex;justify-content:center}.show-more-btn{background:transparent;border:none;color:var(--oc-accent-primary);font-size:var(--oc-text-xs);cursor:pointer;padding:var(--oc-space-2) var(--oc-space-3);border-radius:var(--oc-radius-sm);transition:all var(--oc-transition-fast);font-weight:500;font-family:var(--oc-font-mono)}.show-more-btn:hover{background:var(--oc-bg-overlay)}.empty-message,.empty-tasks{padding:var(--oc-space-4) var(--oc-space-3);text-align:center;color:var(--oc-text-muted);font-size:var(--oc-text-xs)}.sidebar-loading{display:flex;align-items:center;justify-content:center;padding:var(--oc-space-8) var(--oc-space-4)}.spinner{width:20px;height:20px;border:2px solid var(--oc-panel-divider);border-top-color:var(--oc-accent-primary);border-radius:50%;animation:spin .6s linear infinite}.sidebar-bottom-actions{display:flex;gap:var(--oc-space-2);padding:var(--oc-space-3);border-top:var(--oc-border-width) solid var(--oc-panel-divider);background:var(--oc-bg-inset);margin-top:auto}.sidebar-bottom-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:var(--oc-border-width) solid var(--oc-panel-divider);border-radius:var(--oc-radius-sm);color:var(--oc-text-muted);cursor:pointer;transition:all var(--oc-transition-fast)}.sidebar-bottom-btn:hover{background:var(--oc-bg-overlay);color:var(--oc-text-primary);border-color:var(--oc-accent-primary)}.sidebar-user-menu-wrapper{position:relative;margin-left:auto}.sidebar-user-dropdown{position:absolute;bottom:calc(100% + var(--oc-space-2));right:0;background:var(--oc-bg-elevated);border:var(--oc-border-width) solid var(--oc-panel-divider);border-radius:var(--oc-radius-md);box-shadow:var(--oc-shadow-xl);min-width:200px;z-index:1001;overflow:hidden}.sidebar-user-header{display:flex;align-items:center;gap:var(--oc-space-3);padding:var(--oc-space-3);background:var(--oc-bg-inset);border-bottom:var(--oc-border-width) solid var(--oc-panel-divider)}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--oc-accent-primary);color:var(--oc-bg-base);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--oc-text-sm)}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-weight:600;color:var(--oc-text-primary);font-size:var(--oc-text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:10px;color:var(--oc-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout-btn{width:100%;padding:var(--oc-space-3);background:transparent;border:none;text-align:left;color:var(--oc-text-secondary);font-size:var(--oc-text-xs);cursor:pointer;transition:background var(--oc-transition-fast);display:flex;align-items:center;gap:var(--oc-space-2);font-family:var(--oc-font-mono)}.sidebar-logout-btn:hover{background:var(--oc-bg-overlay);color:var(--oc-error)}.sidebar-dropdown-overlay{position:fixed;inset:0;z-index:1000;background:transparent}.mobile-bottom-nav{display:none}@media (max-width: 768px){.unified-chat-sidebar{display:none}.mobile-bottom-nav{display:flex;height:56px;background:var(--oc-bg-surface);border-top:var(--oc-border-width) solid var(--oc-panel-divider);justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;z-index:100;box-shadow:0 -2px 10px #0000004d}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;border:none;color:var(--oc-text-muted);cursor:pointer;padding:var(--oc-space-2) var(--oc-space-4);flex:1;transition:all var(--oc-transition-fast);font-family:var(--oc-font-mono)}.mobile-nav-btn:active{background:var(--oc-bg-overlay);color:var(--oc-accent-primary)}.mobile-nav-btn span{font-size:10px}.mobile-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:flex-end}.mobile-modal-content{background:var(--oc-bg-surface);width:100%;max-height:70vh;border-radius:var(--oc-radius-lg) var(--oc-radius-lg) 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--oc-space-4);border-bottom:var(--oc-border-width) solid var(--oc-panel-divider)}.mobile-modal-header h3{margin:0;font-size:var(--oc-text-md);color:var(--oc-text-primary);font-family:var(--oc-font-mono)}.mobile-modal-close{background:transparent;border:none;font-size:24px;color:var(--oc-text-muted);cursor:pointer;line-height:1;padding:0;width:28px;height:28px}.mobile-modal-body{flex:1;overflow-y:auto;padding:var(--oc-space-4)}.mobile-create-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--oc-space-2);padding:var(--oc-space-3);background:var(--oc-accent-primary);color:var(--oc-bg-base);border:none;border-radius:var(--oc-radius-md);font-size:var(--oc-text-sm);font-weight:600;cursor:pointer;margin-bottom:var(--oc-space-4);font-family:var(--oc-font-mono)}.mobile-project-item{background:var(--oc-bg-inset);border-radius:var(--oc-radius-md);padding:var(--oc-space-3);margin-bottom:var(--oc-space-3)}.mobile-project-header{display:flex;align-items:center;gap:var(--oc-space-2);font-weight:600;color:var(--oc-text-primary);margin-bottom:var(--oc-space-2);font-size:var(--oc-text-sm)}.mobile-project-repos{display:flex;flex-direction:column;gap:var(--oc-space-2);margin-top:var(--oc-space-3)}.mobile-repo-item{padding:var(--oc-space-2) var(--oc-space-3);background:var(--oc-bg-overlay);border-radius:var(--oc-radius-sm);font-size:var(--oc-text-xs);color:var(--oc-text-secondary)}.mobile-task-item{display:flex;align-items:center;gap:var(--oc-space-3);padding:var(--oc-space-3);background:var(--oc-bg-inset);border-radius:var(--oc-radius-md);margin-bottom:var(--oc-space-3);cursor:pointer;transition:all var(--oc-transition-fast)}.mobile-task-item:active{background:var(--oc-bg-overlay)}.mobile-task-item.selected{background:var(--oc-accent-primary);color:var(--oc-bg-base)}.mobile-task-item span:nth-child(3){flex:1;font-weight:500;font-size:var(--oc-text-sm)}.mobile-task-status{display:flex;align-items:center}.mobile-task-status.status-cancelled{color:var(--oc-warning)}.mobile-task-status.status-failed{color:var(--oc-error)}.mobile-task-status.status-completed{color:var(--oc-success)}.mobile-task-status.status-pending,.mobile-task-status.status-in_progress,.mobile-task-status.status-running{color:var(--oc-info)}.mobile-user-info{display:flex;align-items:center;gap:var(--oc-space-4);padding:var(--oc-space-4);background:var(--oc-bg-inset);border-radius:var(--oc-radius-md);margin-bottom:var(--oc-space-4)}.mobile-user-avatar{width:44px;height:44px;border-radius:50%;background:var(--oc-accent-primary);color:var(--oc-bg-base);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--oc-text-lg)}.mobile-user-details{flex:1}.mobile-user-name{font-weight:600;color:var(--oc-text-primary);font-size:var(--oc-text-sm);margin-bottom:var(--oc-space-1)}.mobile-user-email{font-size:var(--oc-text-xs);color:var(--oc-text-muted)}.mobile-logout-btn{width:100%;padding:var(--oc-space-3);background:var(--oc-bg-inset);border:none;border-radius:var(--oc-radius-md);color:var(--oc-text-secondary);font-size:var(--oc-text-sm);font-weight:500;cursor:pointer;transition:all var(--oc-transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--oc-space-2);font-family:var(--oc-font-mono)}.mobile-logout-btn:hover{background:var(--oc-bg-overlay);color:var(--oc-error)}.mobile-user-modal .mobile-modal-body{padding:var(--oc-space-4)}}.approval-panel{background:var(--bg-elevated, #161b22);border:1px solid var(--border-color, #30363d);border-radius:8px;padding:16px;margin:12px 0}.approval-panel--auto{border-color:var(--color-success, #238636);background:#2386361a}.approval-panel__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.approval-panel__icon--pending{color:var(--color-warning, #d29922)}.approval-panel__icon--auto{color:var(--color-success, #238636)}.approval-panel__title{font-weight:600;color:var(--text-primary, #e6edf3);flex:1}.approval-panel__badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.approval-panel__badge--pending{background:#d2992233;color:var(--color-warning, #d29922)}.approval-panel__badge--auto{background:#23863633;color:var(--color-success, #238636)}.approval-panel__auto-message{color:var(--text-secondary, #8b949e);font-size:13px;margin:0}.approval-panel__output{margin-bottom:12px}.approval-panel__output details{background:var(--bg-canvas, #0d1117);border-radius:6px;overflow:hidden}.approval-panel__output summary{padding:8px 12px;cursor:pointer;color:var(--text-secondary, #8b949e);font-size:12px;-webkit-user-select:none;user-select:none}.approval-panel__output summary:hover{color:var(--text-primary, #e6edf3)}.approval-panel__output-content{padding:12px;margin:0;font-size:11px;max-height:200px;overflow-y:auto;background:var(--bg-canvas, #0d1117);color:var(--text-secondary, #8b949e)}.approval-panel__error{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f851491a;border:1px solid var(--color-error, #f85149);border-radius:6px;color:var(--color-error, #f85149);font-size:13px;margin-bottom:12px}.approval-panel__directive{margin-bottom:12px}.approval-panel__directive label{display:flex;align-items:center;gap:6px;color:var(--text-secondary, #8b949e);font-size:12px;margin-bottom:8px}.approval-panel__directive textarea{width:100%;background:var(--bg-canvas, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:6px;padding:10px 12px;color:var(--text-primary, #e6edf3);font-family:inherit;font-size:13px;resize:vertical;min-height:80px}.approval-panel__directive textarea:focus{outline:none;border-color:var(--accent-color, #58a6ff)}.approval-panel__directive textarea::placeholder{color:var(--text-muted, #6e7681)}.approval-panel__actions{display:flex;gap:8px;flex-wrap:wrap}.approval-panel__btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.approval-panel__btn:disabled{opacity:.6;cursor:not-allowed}.approval-panel__btn--approve{background:var(--color-success, #238636);color:#fff;border-color:var(--color-success, #238636)}.approval-panel__btn--approve:hover:not(:disabled){background:#2ea043}.approval-panel__btn--reject{background:transparent;color:var(--color-error, #f85149);border-color:var(--color-error, #f85149)}.approval-panel__btn--reject:hover:not(:disabled){background:#f851491a}.approval-panel__btn--directive{background:transparent;color:var(--text-secondary, #8b949e);border-color:var(--border-color, #30363d)}.approval-panel__btn--directive:hover:not(:disabled){color:var(--text-primary, #e6edf3);border-color:var(--text-secondary, #8b949e)}.approval-panel__hint{margin-top:12px;margin-bottom:0;color:var(--text-muted, #6e7681);font-size:11px;font-style:italic}.approval-panel__badge--retry{display:flex;align-items:center;gap:4px;background:#882ee033;color:#a371f7}.approval-panel__retry-notice{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#882ee01a;border:1px solid rgba(136,46,224,.3);border-radius:6px;color:#a371f7;font-size:13px;margin-bottom:12px}.approval-panel__structured-output{background:var(--bg-canvas, #0d1117);border-radius:6px;padding:12px;margin-bottom:8px}.approval-panel__section{margin-bottom:16px}.approval-panel__section:last-child{margin-bottom:0}.approval-panel__section h4{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:12px;font-weight:600;color:var(--text-secondary, #8b949e);text-transform:uppercase;letter-spacing:.5px}.approval-panel__section p{margin:0;font-size:13px;color:var(--text-primary, #e6edf3);line-height:1.5}.approval-panel__architecture{max-height:100px;overflow-y:auto;padding:8px;background:#0003;border-radius:4px}.approval-panel__epic{background:#ffffff08;border:1px solid var(--border-color, #30363d);border-radius:6px;padding:10px;margin-bottom:8px}.approval-panel__epic:last-child{margin-bottom:0}.approval-panel__epic-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.approval-panel__epic-id{font-family:monospace;font-size:11px;padding:2px 6px;background:#58a6ff1a;color:var(--accent-color, #58a6ff);border-radius:4px}.approval-panel__epic-name{font-weight:600;color:var(--text-primary, #e6edf3);font-size:13px}.approval-panel__epic-repo{font-size:11px;color:var(--text-muted, #6e7681);margin-left:auto}.approval-panel__stories{margin:0;padding:0;list-style:none}.approval-panel__story{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.approval-panel__story:last-child{border-bottom:none}.approval-panel__story-id{font-family:monospace;font-size:10px;padding:2px 4px;background:#8b949e1a;color:var(--text-secondary, #8b949e);border-radius:3px}.approval-panel__story-title{flex:1;font-size:12px;color:var(--text-primary, #e6edf3)}.approval-panel__complexity{font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600;text-transform:uppercase}.approval-panel__complexity--simple{background:#23863633;color:#3fb950}.approval-panel__complexity--moderate{background:#d2992233;color:#d29922}.approval-panel__complexity--complex{background:#f8514933;color:#f85149}.approval-panel__assignments{display:flex;flex-wrap:wrap;gap:6px}.approval-panel__assignment{font-family:monospace;font-size:11px;padding:4px 8px;background:#ffffff0d;border-radius:4px;color:var(--text-secondary, #8b949e)}.approval-panel__raw-toggle{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--text-muted, #6e7681);font-size:11px;cursor:pointer;padding:4px 0;margin-top:8px}.approval-panel__raw-toggle:hover{color:var(--text-secondary, #8b949e)}.approval-panel__btn--bypass{background:transparent;color:var(--color-warning, #d29922);border-color:var(--color-warning, #d29922)}.approval-panel__btn--bypass:hover:not(:disabled){background:#d299221a}.approval-panel__bypass-options{margin-top:12px;padding:12px;background:#d299220d;border:1px solid rgba(210,153,34,.3);border-radius:8px}.approval-panel__bypass-hint{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:12px;color:var(--text-secondary, #8b949e)}.approval-panel__bypass-hint strong{color:var(--color-warning, #d29922)}.approval-panel__bypass-buttons{display:flex;flex-direction:column;gap:8px}.approval-panel__bypass-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;background:var(--bg-canvas, #0d1117);border:1px solid var(--border-color, #30363d);color:var(--text-primary, #e6edf3)}.approval-panel__bypass-btn:hover:not(:disabled){border-color:var(--color-warning, #d29922);background:#d299221a}.approval-panel__bypass-btn:disabled{opacity:.6;cursor:not-allowed}.approval-panel__bypass-btn--all{background:var(--color-warning, #d29922);color:#000;border-color:var(--color-warning, #d29922);font-weight:600}.approval-panel__bypass-btn--all:hover:not(:disabled){background:#e5a922;border-color:#e5a922}.code-block{margin:12px 0;border-radius:8px;overflow:hidden;background:#0d1117;border:1px solid var(--border-color, #30363d);font-family:SF Mono,Fira Code,Monaco,Consolas,monospace}.code-block__header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff08;border-bottom:1px solid var(--border-color, #30363d)}.code-block__info{display:flex;align-items:center;gap:8px;color:var(--text-secondary, #8b949e);font-size:12px}.code-block__language{text-transform:lowercase}.code-block__filename{color:var(--text-primary, #e6edf3);font-weight:500}.code-block__copy{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#ffffff0d;border:1px solid var(--border-color, #30363d);border-radius:6px;color:var(--text-secondary, #8b949e);font-size:12px;cursor:pointer;transition:all .15s ease}.code-block__copy:hover{background:#ffffff1a;color:var(--text-primary, #e6edf3)}.code-block__copy.copied{background:#23863633;border-color:var(--color-success, #238636);color:var(--color-success, #238636)}.code-block__container{display:flex;overflow:auto}.code-block__line-numbers{display:flex;flex-direction:column;padding:12px 0;background:#0003;border-right:1px solid var(--border-color, #30363d);-webkit-user-select:none;user-select:none;flex-shrink:0}.code-block__line-numbers span{padding:0 12px;font-size:12px;line-height:1.6;color:var(--text-muted, #6e7681);text-align:right;min-width:40px}.code-block__pre{margin:0;padding:12px;overflow-x:auto;flex:1}.code-block__pre.with-line-numbers{padding-left:16px}.code-block__pre code{font-family:inherit;font-size:13px;line-height:1.6;color:var(--text-primary, #e6edf3);background:transparent;white-space:pre}.code-block__footer{padding:6px 12px;background:#ffffff05;border-top:1px solid var(--border-color, #30363d);font-size:11px;color:var(--text-muted, #6e7681);text-align:right}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8b949e}.token.punctuation{color:#c9d1d9}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#79c0ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a5d6ff}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.keyword{color:#ff7b72}.token.function,.token.class-name{color:#d2a8ff}.token.regex,.token.important,.token.variable{color:#ffa657}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.string{color:#a5d6ff}.token.number{color:#79c0ff}.token.function{color:#d2a8ff}.token.keyword{color:#ff7b72}.token.class-name{color:#ffa657}.inline-code{display:inline;padding:2px 6px;margin:0 2px;background:#6e768133;border-radius:4px;font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:.9em;color:var(--text-primary, #e6edf3)}.code-block__container::-webkit-scrollbar,.code-block__pre::-webkit-scrollbar{width:8px;height:8px}.code-block__container::-webkit-scrollbar-track,.code-block__pre::-webkit-scrollbar-track{background:transparent}.code-block__container::-webkit-scrollbar-thumb,.code-block__pre::-webkit-scrollbar-thumb{background:var(--border-color, #30363d);border-radius:4px}.code-block__container::-webkit-scrollbar-thumb:hover,.code-block__pre::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #6e7681)}@media (max-width: 600px){.code-block__line-numbers{display:none}.code-block__pre.with-line-numbers{padding-left:12px}.code-block__copy span{display:none}}.diff-viewer{background:var(--bg-canvas, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:8px;overflow:hidden;margin:8px 0}.diff-viewer--applied{border-color:var(--color-success, #238636)}.diff-viewer--rejected{border-color:var(--color-error, #f85149);opacity:.7}.diff-viewer__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff08;border-bottom:1px solid var(--border-color, #30363d);cursor:pointer}.diff-viewer__header:hover{background:#ffffff0d}.diff-viewer__file-info{display:flex;align-items:center;gap:8px;color:var(--text-primary, #e6edf3);font-size:13px}.diff-viewer__toggle{color:var(--text-muted, #6e7681)}.diff-viewer__filename{font-family:SF Mono,Monaco,monospace;font-weight:500}.diff-viewer__stats{display:flex;gap:6px;font-family:SF Mono,Monaco,monospace;font-size:11px}.diff-viewer__additions{color:var(--color-success, #3fb950)}.diff-viewer__removals{color:var(--color-error, #f85149)}.diff-viewer__actions{display:flex;gap:6px}.diff-viewer__btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.diff-viewer__btn--accept{background:var(--color-success, #238636);color:#fff;border-color:var(--color-success, #238636)}.diff-viewer__btn--accept:hover{background:#2ea043}.diff-viewer__btn--reject{background:transparent;color:var(--color-error, #f85149);border-color:var(--color-error, #f85149)}.diff-viewer__btn--reject:hover{background:#f851491a}.diff-viewer__btn--copy{background:transparent;color:var(--text-secondary, #8b949e);border-color:var(--border-color, #30363d)}.diff-viewer__btn--copy:hover{color:var(--text-primary, #e6edf3);border-color:var(--text-secondary, #8b949e)}.diff-viewer__status{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.diff-viewer__status--applied{background:#23863633;color:var(--color-success, #3fb950)}.diff-viewer__status--rejected{background:#f8514933;color:var(--color-error, #f85149)}.diff-viewer__undo{display:flex;align-items:center;justify-content:center;padding:2px;background:transparent;border:none;color:inherit;cursor:pointer;opacity:.7}.diff-viewer__undo:hover{opacity:1}.diff-viewer__content{max-height:400px;overflow:auto}.diff-viewer__panels{display:flex}.diff-viewer__panel{flex:1;min-width:0}.diff-viewer__panel--old{border-right:1px solid var(--border-color, #30363d)}.diff-viewer__panel-header{padding:6px 12px;background:#ffffff05;border-bottom:1px solid var(--border-color, #30363d);font-size:11px;font-weight:500;color:var(--text-muted, #6e7681);text-transform:uppercase;letter-spacing:.5px}.diff-viewer__panel--old .diff-viewer__panel-header{color:var(--color-error, #f85149)}.diff-viewer__panel--new .diff-viewer__panel-header{color:var(--color-success, #3fb950)}.diff-viewer__lines{font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;line-height:1.5}.diff-viewer__line{display:flex;min-height:22px}.diff-viewer__line--remove{background:#f8514926}.diff-viewer__line--add{background:#3fb95026}.diff-viewer__line--empty{background:#6e76811a}.diff-viewer__linenum{width:45px;padding:0 8px;text-align:right;color:var(--text-muted, #6e7681);-webkit-user-select:none;user-select:none;border-right:1px solid var(--border-color, #30363d);flex-shrink:0}.diff-viewer__code{flex:1;padding:0 12px;white-space:pre;overflow-x:auto;color:var(--text-primary, #e6edf3)}.diff-viewer__line--remove .diff-viewer__code{color:#ffa198}.diff-viewer__line--add .diff-viewer__code{color:#7ee787}.diff-viewer__content::-webkit-scrollbar,.diff-viewer__lines::-webkit-scrollbar{width:8px;height:8px}.diff-viewer__content::-webkit-scrollbar-track,.diff-viewer__lines::-webkit-scrollbar-track{background:transparent}.diff-viewer__content::-webkit-scrollbar-thumb,.diff-viewer__lines::-webkit-scrollbar-thumb{background:var(--border-color, #30363d);border-radius:4px}.unified-diff-viewer{background:var(--bg-canvas, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:8px;overflow:hidden;margin:8px 0}.unified-diff-viewer__header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff08;border-bottom:1px solid var(--border-color, #30363d);color:var(--text-primary, #e6edf3);font-size:13px;font-family:SF Mono,Monaco,monospace}.unified-diff-viewer__content{font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;line-height:1.5;overflow:auto;max-height:300px}.unified-diff-viewer__line{display:flex;min-height:22px}.unified-diff-viewer__line--add{background:#3fb95026}.unified-diff-viewer__line--remove{background:#f8514926}.unified-diff-viewer__prefix{width:20px;text-align:center;color:var(--text-muted, #6e7681);-webkit-user-select:none;user-select:none;flex-shrink:0}.unified-diff-viewer__line--add .unified-diff-viewer__prefix{color:var(--color-success, #3fb950)}.unified-diff-viewer__line--remove .unified-diff-viewer__prefix{color:var(--color-error, #f85149)}.unified-diff-viewer__code{flex:1;padding:0 12px;white-space:pre;color:var(--text-primary, #e6edf3)}@media (max-width: 768px){.diff-viewer__panels{flex-direction:column}.diff-viewer__panel--old{border-right:none;border-bottom:1px solid var(--border-color, #30363d)}.diff-viewer__btn span{display:none}.diff-viewer__btn{padding:6px}}.editable-diff-viewer{background:var(--oc-bg-elevated, #1e1e1e);border:1px solid var(--oc-border-color, #333);border-radius:8px;margin:8px 0;overflow:hidden}.ediff--saved{border-color:#4fc1ff}.ediff--accepted{border-color:#4ec9b0}.ediff--directive{border-color:#dcdcaa}.ediff-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--oc-bg-surface, #252526);border-bottom:1px solid var(--oc-border-color, #333);cursor:pointer;-webkit-user-select:none;user-select:none}.ediff-file-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ediff-toggle{color:var(--oc-text-muted, #808080)}.ediff-filename{font-family:var(--oc-font-mono, "Fira Code", monospace);font-size:13px;color:var(--oc-text-primary, #e0e0e0);font-weight:500}.ediff-language{font-size:11px;color:var(--oc-text-muted, #808080);background:var(--oc-bg-base, #1a1a1a);padding:2px 6px;border-radius:4px}.ediff-stats{display:flex;gap:6px;font-size:12px;font-family:var(--oc-font-mono)}.ediff-additions{color:#4ec9b0}.ediff-removals{color:#f85149}.ediff-modified-badge{font-size:11px;color:#4fc1ff;background:#4fc1ff26;padding:2px 8px;border-radius:10px;border:1px solid rgba(79,193,255,.3)}.ediff-status{display:flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px;border-radius:4px}.ediff-status--saved{color:#4fc1ff;background:#4fc1ff26}.ediff-status--accepted{color:#4ec9b0;background:#4ec9b026}.ediff-status--directive{color:#dcdcaa;background:#dcdcaa26}.ediff-status--auto{color:#c586c0;background:#c586c026}.ediff-status--inactive{color:#6e7681;background:#6e768126}.ediff--auto-accepted{border-color:#c586c0}.ediff-inactive-notice{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--oc-bg-surface, #252526);border-top:1px solid var(--oc-border-color, #333);color:var(--oc-text-muted, #808080);font-size:12px}.ediff-content{padding:0}.ediff-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f8514926;color:#f85149;font-size:13px}.ediff-error button{margin-left:auto;background:transparent;border:none;color:inherit;cursor:pointer;padding:2px}.ediff-panels{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--oc-border-color, #333)}.ediff-panel{background:var(--oc-bg-base, #1a1a1a);min-width:0}.ediff-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;background:var(--oc-bg-surface, #252526);border-bottom:1px solid var(--oc-border-color, #333)}.ediff-panel--original .ediff-panel-header{color:#f85149}.ediff-panel--modified .ediff-panel-header{color:#4ec9b0}.ediff-panel-actions{display:flex;align-items:center;gap:4px}.ediff-edit-btn,.ediff-reset-btn,.ediff-copy-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:11px;background:transparent;border:1px solid var(--oc-border-color, #444);border-radius:4px;color:var(--oc-text-secondary, #a0a0a0);cursor:pointer;transition:all .15s ease}.ediff-edit-btn:hover{background:#4fc1ff26;border-color:#4fc1ff;color:#4fc1ff}.ediff-reset-btn:hover:not(:disabled){background:#f8514926;border-color:#f85149;color:#f85149}.ediff-copy-btn:hover{background:#4ec9b026;border-color:#4ec9b0;color:#4ec9b0}.ediff-reset-btn:disabled,.ediff-copy-btn:disabled{opacity:.5;cursor:not-allowed}.ediff-code-container{display:flex;max-height:400px;overflow:auto}.ediff-linenums{padding:8px 0;background:var(--oc-bg-surface, #252526);border-right:1px solid var(--oc-border-color, #333);-webkit-user-select:none;user-select:none}.ediff-linenum{padding:0 12px;font-family:var(--oc-font-mono);font-size:12px;line-height:20px;color:var(--oc-text-muted, #606060);text-align:right;min-width:40px}.ediff-code{flex:1;padding:8px 12px;font-family:var(--oc-font-mono);font-size:12px;line-height:20px;white-space:pre;overflow-x:auto}.ediff-code--readonly{opacity:.7}.ediff-line{min-height:20px}.ediff-line--removed{background:#f851491a;color:#f85149}.ediff-textarea{width:100%;min-height:200px;padding:8px 12px;font-family:var(--oc-font-mono);font-size:12px;line-height:20px;background:var(--oc-bg-base, #1a1a1a);border:none;color:var(--oc-text-primary, #e0e0e0);resize:none;outline:none}.ediff-textarea:focus{background:#4fc1ff0d;box-shadow:inset 0 0 0 1px #4fc1ff4d}.ediff-directive-section{padding:14px;background:var(--oc-bg-surface, #252526);border-top:1px solid var(--oc-border-color, #333)}.ediff-directive-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;color:#dcdcaa}.ediff-directive-input{width:100%;padding:10px 12px;font-family:var(--oc-font-mono);font-size:13px;line-height:1.5;background:var(--oc-bg-base, #1a1a1a);border:1px solid var(--oc-border-color, #444);border-radius:6px;color:var(--oc-text-primary, #e0e0e0);resize:vertical;min-height:60px}.ediff-directive-input:focus{outline:none;border-color:#dcdcaa;box-shadow:0 0 0 2px #dcdcaa33}.ediff-directive-input::placeholder{color:var(--oc-text-muted, #606060)}.ediff-directive-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.ediff-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--oc-bg-surface, #252526);border-top:1px solid var(--oc-border-color, #333)}.ediff-actions-right{display:flex;gap:10px}.ediff-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease}.ediff-btn:disabled{opacity:.5;cursor:not-allowed}.ediff-btn--accept{background:#4ec9b0;border:none;color:#000}.ediff-btn--accept:hover:not(:disabled){background:#5fd9c0}.ediff-btn--directive{background:transparent;border:1px solid #dcdcaa;color:#dcdcaa}.ediff-btn--directive:hover:not(:disabled){background:#dcdcaa26}.ediff-btn--done-editing{background:transparent;border:1px solid #4fc1ff;color:#4fc1ff}.ediff-btn--done-editing:hover{background:#4fc1ff26}.ediff-btn--cancel{background:transparent;border:1px solid var(--oc-border-color, #444);color:var(--oc-text-secondary, #a0a0a0)}.ediff-btn--cancel:hover:not(:disabled){background:var(--oc-bg-base, #1a1a1a)}.ediff-btn--send{background:#dcdcaa;border:none;color:#000}.ediff-btn--send:hover:not(:disabled){background:#ecebc0}.spinning{animation:spin 1s linear infinite}@media (max-width: 768px){.ediff-panels{grid-template-columns:1fr}.ediff-panel--original{display:none}.ediff-actions{flex-direction:column;gap:10px}.ediff-actions-right{width:100%;justify-content:flex-end}}.oc-activity-log-container{display:flex;flex-direction:column;height:100%;background:var(--oc-bg-base)}.oc-activity-log{flex:1;overflow-y:auto;font-family:var(--oc-font-mono);font-size:var(--oc-text-sm);background:var(--oc-bg-base);padding:0 0 120px}.oc-activity-search{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0003;border-bottom:1px solid var(--oc-panel-divider, #30363d)}.oc-activity-search__input-wrapper{flex:1;display:flex;align-items:center;gap:8px;background:var(--oc-bg-base, #0d1117);border:1px solid var(--oc-panel-divider, #30363d);border-radius:6px;padding:6px 10px}.oc-activity-search__input-wrapper:focus-within{border-color:var(--oc-accent, #58a6ff)}.oc-activity-search__icon{color:var(--oc-text-muted, #6e7681);flex-shrink:0}.oc-activity-search__input{flex:1;background:transparent;border:none;outline:none;color:var(--oc-text-primary, #e6edf3);font-size:13px;font-family:inherit}.oc-activity-search__input::placeholder{color:var(--oc-text-muted, #6e7681)}.oc-activity-search__clear{display:flex;align-items:center;justify-content:center;padding:2px;background:transparent;border:none;color:var(--oc-text-muted, #6e7681);cursor:pointer;border-radius:3px}.oc-activity-search__clear:hover{color:var(--oc-text-primary, #e6edf3);background:#ffffff1a}.oc-activity-search__filter-btn{display:flex;align-items:center;justify-content:center;padding:8px;background:transparent;border:1px solid var(--oc-panel-divider, #30363d);border-radius:6px;color:var(--oc-text-secondary, #8b949e);cursor:pointer;transition:all .15s ease}.oc-activity-search__filter-btn:hover,.oc-activity-search__filter-btn.active{background:#58a6ff1a;border-color:var(--oc-accent, #58a6ff);color:var(--oc-accent, #58a6ff)}.oc-activity-filters{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;background:#0000001a;border-bottom:1px solid var(--oc-panel-divider, #30363d)}.oc-activity-filter-pill{display:flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid var(--oc-panel-divider, #30363d);border-radius:12px;color:var(--oc-text-secondary, #8b949e);font-size:11px;cursor:pointer;transition:all .15s ease}.oc-activity-filter-pill:hover{border-color:var(--oc-text-secondary, #8b949e);color:var(--oc-text-primary, #e6edf3)}.oc-activity-filter-pill.active{background:var(--oc-accent, #58a6ff);border-color:var(--oc-accent, #58a6ff);color:#fff}.oc-activity-results{padding:6px 12px;background:#58a6ff1a;color:var(--oc-accent, #58a6ff);font-size:12px;border-bottom:1px solid var(--oc-panel-divider, #30363d)}.oc-activity-log__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--oc-space-3);color:var(--oc-text-muted);text-align:center;padding:var(--oc-space-6)}.oc-activity-log__empty p{margin:0;font-size:var(--oc-text-md);color:var(--oc-text-secondary)}.oc-activity-entry{border-bottom:1px solid var(--oc-panel-divider)}.oc-activity-entry:last-child{border-bottom:none}.oc-activity-entry__header{display:flex;align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-3);cursor:pointer;transition:background var(--oc-transition-fast)}.oc-activity-entry__header:hover{background:var(--oc-bg-surface)}.oc-activity-entry__toggle{color:var(--oc-text-muted);flex-shrink:0}.oc-activity-entry__icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.oc-activity-entry__icon--read{color:#4ec9b0}.oc-activity-entry__icon--edit{color:#dcdcaa}.oc-activity-entry__icon--write{color:#4fc1ff}.oc-activity-entry__icon--bash{color:#ce9178}.oc-activity-entry__icon--think{color:#c586c0}.oc-activity-entry__icon--tool{color:#9cdcfe}.oc-activity-entry__icon--error{color:#f85149}.oc-activity-entry__icon--message{color:var(--oc-text-secondary)}.oc-activity-entry__label{font-weight:600;font-size:var(--oc-text-xs);text-transform:uppercase;letter-spacing:.05em}.oc-activity-entry__label--read{color:#4ec9b0}.oc-activity-entry__label--edit{color:#dcdcaa}.oc-activity-entry__label--write{color:#4fc1ff}.oc-activity-entry__label--think{color:#c586c0}.oc-activity-entry__label--tool{color:#9cdcfe}.oc-activity-entry__label--error{color:#f85149}.oc-activity-entry__file{color:var(--oc-text-link);font-size:var(--oc-text-sm)}.oc-activity-entry__tool{color:#9cdcfe;font-size:var(--oc-text-sm)}.oc-activity-entry__bash-preview{display:flex;align-items:center;gap:var(--oc-space-2);flex:1;min-width:0}.oc-activity-entry__prefix{color:#4ec9b0;font-weight:600}.oc-activity-entry__command{color:var(--oc-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-activity-entry__message{color:var(--oc-text-secondary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-activity-entry__time{margin-left:auto;font-size:var(--oc-text-xs);color:var(--oc-text-muted);flex-shrink:0}.oc-activity-entry__body{padding:0 var(--oc-space-3) var(--oc-space-3)}.oc-diff-sidebyside{background:var(--oc-bg-inset);border-radius:var(--oc-radius-md);overflow:hidden;border:1px solid var(--oc-panel-divider)}.oc-diff-sidebyside__header{display:flex;align-items:center;justify-content:center;gap:var(--oc-space-4);padding:var(--oc-space-2) var(--oc-space-3);background:var(--oc-bg-surface);border-bottom:1px solid var(--oc-panel-divider)}.oc-diff-sidebyside__file{font-size:var(--oc-text-xs);color:var(--oc-text-secondary)}.oc-diff-sidebyside__panels{display:flex;overflow-x:auto}.oc-diff-sidebyside__panel{flex:1;min-width:0;overflow:hidden}.oc-diff-sidebyside__panel--old{border-right:1px solid var(--oc-panel-divider)}.oc-diff-sidebyside__line{display:flex;font-size:var(--oc-text-xs);line-height:1.6;min-height:20px}.oc-diff-sidebyside__linenum{width:40px;padding:0 var(--oc-space-2);text-align:right;color:var(--oc-text-muted);background:#0003;flex-shrink:0;-webkit-user-select:none;user-select:none}.oc-diff-sidebyside__content{flex:1;padding:0 var(--oc-space-2);white-space:pre;overflow:hidden;text-overflow:ellipsis}.oc-diff-sidebyside__line--add{background:#38bdf826}.oc-diff-sidebyside__line--add .oc-diff-sidebyside__content{color:#7dd3fc;background:#38bdf833}.oc-diff-sidebyside__line--add .oc-diff-sidebyside__linenum{background:#38bdf84d;color:#7dd3fc}.oc-diff-sidebyside__line--remove{background:#f851491a}.oc-diff-sidebyside__line--remove .oc-diff-sidebyside__content{color:#ffa198;text-decoration:line-through;opacity:.7}.oc-diff-sidebyside__line--remove .oc-diff-sidebyside__linenum{background:#f8514933}.oc-diff-sidebyside__line--empty{background:#0000004d}.oc-diff-sidebyside__line--empty .oc-diff-sidebyside__linenum{background:#0006}.oc-file-preview{background:var(--oc-bg-inset);border-radius:var(--oc-radius-md);overflow:hidden;border:1px solid var(--oc-panel-divider);max-height:300px;overflow-y:auto}.oc-file-preview__header{display:flex;align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-3);background:var(--oc-bg-surface);border-bottom:1px solid var(--oc-panel-divider);font-size:var(--oc-text-xs);color:var(--oc-text-secondary)}.oc-file-preview__content{padding:0}.oc-file-preview__line{display:flex;font-size:var(--oc-text-xs);line-height:1.6}.oc-file-preview__linenum{width:40px;padding:0 var(--oc-space-2);text-align:right;color:var(--oc-text-muted);background:#0003;flex-shrink:0;-webkit-user-select:none;user-select:none}.oc-file-preview__code{flex:1;padding:0 var(--oc-space-2);white-space:pre;overflow:hidden;text-overflow:ellipsis;color:var(--oc-text-secondary)}.oc-bash-block{background:var(--oc-bg-inset);border-radius:var(--oc-radius-md);overflow:hidden;border:1px solid var(--oc-panel-divider)}.oc-bash-block__command{display:flex;align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-3);background:var(--oc-bg-surface)}.oc-bash-block__prefix{color:#4ec9b0;font-weight:600}.oc-bash-block__cmd{color:var(--oc-text-primary)}.oc-bash-block__output{padding:var(--oc-space-2) var(--oc-space-3);background:var(--oc-bg-inset);max-height:200px;overflow-y:auto}.oc-bash-block__output pre{margin:0;font-size:var(--oc-text-xs);color:var(--oc-text-muted);white-space:pre-wrap;word-break:break-all}.oc-thinking-block{padding:var(--oc-space-3);background:#c586c01a;border-left:3px solid #c586c0;border-radius:var(--oc-radius-sm)}.oc-thinking-block p{margin:0;color:var(--oc-text-secondary);font-size:var(--oc-text-sm);font-style:italic}.oc-error-block{padding:var(--oc-space-3);background:var(--oc-error-bg);border-left:3px solid var(--oc-error);border-radius:var(--oc-radius-sm)}.oc-error-block pre{margin:0;color:var(--oc-error);font-size:var(--oc-text-xs);white-space:pre-wrap;word-break:break-all}.oc-tool-input{padding:var(--oc-space-2) var(--oc-space-3);background:var(--oc-bg-inset);border-radius:var(--oc-radius-sm);border:1px solid var(--oc-panel-divider)}.oc-tool-input pre{margin:0;font-size:var(--oc-text-xs);color:var(--oc-text-muted);white-space:pre-wrap}.oc-activity-log__phase-divider{display:flex;align-items:center;gap:var(--oc-space-3);padding:var(--oc-space-4) var(--oc-space-3);color:var(--oc-text-muted)}.oc-activity-log__phase-divider:before,.oc-activity-log__phase-divider:after{content:"";flex:1;height:1px;background:var(--oc-panel-divider)}.oc-activity-log__phase-name{font-weight:600;color:var(--oc-accent-primary);text-transform:uppercase;font-size:var(--oc-text-xs);letter-spacing:.05em}.oc-agent-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:1px solid;flex-shrink:0}.oc-activity-entry{border-left:3px solid transparent}.oc-current-execution{display:flex;align-items:center;gap:var(--oc-space-3);padding:var(--oc-space-3) var(--oc-space-4);background:linear-gradient(90deg,rgba(88,166,255,.1) 0%,transparent 100%);border-bottom:1px solid var(--oc-panel-divider);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.oc-current-execution__indicator{position:relative;width:10px;height:10px}.oc-current-execution__pulse{position:absolute;width:10px;height:10px;background:#58a6ff;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.oc-current-execution__info{display:flex;align-items:center;gap:var(--oc-space-4)}.oc-current-execution__phase,.oc-current-execution__agent{display:flex;align-items:center;gap:var(--oc-space-1);font-size:var(--oc-text-sm);font-weight:500}.oc-current-execution__phase{color:var(--oc-text-secondary)}.oc-phase-marker{display:flex;align-items:center;gap:var(--oc-space-3);padding:var(--oc-space-4) var(--oc-space-3)}.oc-phase-marker__line{flex:1;height:2px;background:var(--oc-panel-divider);border-radius:1px}.oc-phase-marker__content{display:flex;align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-4);background:var(--oc-bg-surface);border:1px solid;border-radius:var(--oc-radius-md)}.oc-phase-marker__label{font-size:var(--oc-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--oc-text-muted)}.oc-phase-marker__name{font-size:var(--oc-text-sm);font-weight:600}.oc-phase-marker__time{font-size:var(--oc-text-xs);color:var(--oc-text-muted);margin-left:var(--oc-space-2)}.oc-phase-marker--start .oc-phase-marker__content{background:#2ea0431a}.oc-phase-marker--end .oc-phase-marker__content{background:#58a6ff1a}.oc-agent-result{margin:var(--oc-space-2) var(--oc-space-3);padding:var(--oc-space-3);background:var(--oc-bg-surface);border-radius:var(--oc-radius-md);border-left:4px solid}.oc-agent-result__header{display:flex;align-items:center;gap:var(--oc-space-2);margin-bottom:var(--oc-space-2)}.oc-agent-result__icon--success{color:#3fb950}.oc-agent-result__icon--error{color:#f85149}.oc-agent-result__agent{font-weight:600;font-size:var(--oc-text-sm)}.oc-agent-result__label{font-size:var(--oc-text-xs);color:var(--oc-text-muted);text-transform:uppercase}.oc-agent-result__time{margin-left:auto;font-size:var(--oc-text-xs);color:var(--oc-text-muted)}.oc-agent-result__content{background:var(--oc-bg-inset);border-radius:var(--oc-radius-sm);padding:var(--oc-space-2) var(--oc-space-3);max-height:200px;overflow-y:auto}.oc-agent-result__content pre{margin:0;font-size:var(--oc-text-xs);color:var(--oc-text-secondary);white-space:pre-wrap;word-break:break-word}.oc-task-description-fixed{background:linear-gradient(135deg,#58a6ff14,#8b949e0d);border-bottom:1px solid var(--oc-panel-divider, #30363d);border-left:3px solid var(--oc-accent, #58a6ff);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.oc-task-description-fixed__header{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.oc-task-description-fixed__header:hover{background:#58a6ff0d}.oc-task-description-fixed__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#58a6ff26;border-radius:6px;color:var(--oc-accent, #58a6ff);flex-shrink:0}.oc-task-description-fixed__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--oc-accent, #58a6ff);flex:1}.oc-task-description-fixed__toggle{display:flex;align-items:center;justify-content:center;color:var(--oc-text-muted, #6e7681);transition:transform .2s ease}.oc-task-description-fixed.expanded .oc-task-description-fixed__toggle,.oc-task-description-fixed.collapsed .oc-task-description-fixed__toggle{transform:rotate(0)}.oc-task-description-fixed__content{padding:0 12px 10px 46px;animation:slideDown .2s ease;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--oc-border, #30363d) transparent}.oc-task-description-fixed__content::-webkit-scrollbar{width:6px}.oc-task-description-fixed__content::-webkit-scrollbar-track{background:transparent}.oc-task-description-fixed__content::-webkit-scrollbar-thumb{background-color:var(--oc-border, #30363d);border-radius:3px}.oc-task-description-fixed__content::-webkit-scrollbar-thumb:hover{background-color:var(--oc-text-muted, #8b949e)}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.oc-task-description-fixed__text{margin:0;font-size:13px;line-height:1.5;color:var(--oc-text-primary, #e6edf3);word-break:break-word}.oc-task-description__paragraph{margin:0 0 8px;font-size:13px;line-height:1.6;color:var(--oc-text-primary, #e6edf3);word-break:break-word}.oc-task-description__paragraph:last-child{margin-bottom:0}.oc-task-description__header{margin:12px 0 6px;font-size:13px;font-weight:600;color:var(--oc-accent, #7ee787);text-transform:none;letter-spacing:0}.oc-task-description__header:first-child{margin-top:0}.oc-task-description__list{margin:8px 0;padding-left:20px;font-size:13px;line-height:1.6;color:var(--oc-text-primary, #e6edf3)}.oc-task-description__list li{margin-bottom:4px;padding-left:4px}.oc-task-description__list li:last-child{margin-bottom:0}.oc-task-description__list--bullet{list-style-type:disc}.oc-task-description__list--bullet li::marker{color:var(--oc-accent, #7ee787)}.oc-task-description__list--numbered{list-style-type:decimal}.oc-task-description__list--numbered li::marker{color:var(--oc-text-secondary, #8b949e);font-weight:500}.oc-planning-result{background:linear-gradient(135deg,#4ec9b014,#8b949e0d);border-bottom:1px solid var(--oc-panel-divider, #30363d);border-left:3px solid #4ec9b0}.oc-planning-result__header{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.oc-planning-result__header:hover{background:#4ec9b00d}.oc-planning-result__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#4ec9b026;border-radius:6px;color:#4ec9b0;flex-shrink:0}.oc-planning-result__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#4ec9b0;flex:1}.oc-planning-result__count{font-size:10px;font-weight:500;color:var(--oc-text-muted, #6e7681);background:#4ec9b01a;padding:2px 8px;border-radius:10px}.oc-planning-result__toggle{display:flex;align-items:center;justify-content:center;color:var(--oc-text-muted, #6e7681);transition:transform .2s ease}.oc-planning-result__content{padding:0 12px 12px;animation:slideDown .2s ease;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--oc-border, #30363d) transparent}.oc-planning-result__content::-webkit-scrollbar{width:6px}.oc-planning-result__content::-webkit-scrollbar-track{background:transparent}.oc-planning-result__content::-webkit-scrollbar-thumb{background-color:var(--oc-border, #30363d);border-radius:3px}.oc-planning-epic{margin-bottom:12px;padding:10px;background:#0003;border-radius:6px;border:1px solid rgba(78,201,176,.15)}.oc-planning-epic:last-child{margin-bottom:0}.oc-planning-epic__header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.oc-planning-epic__icon{color:#4ec9b0;flex-shrink:0}.oc-planning-epic__number{font-size:11px;font-weight:600;color:#4ec9b0;background:#4ec9b026;padding:2px 6px;border-radius:4px;text-transform:uppercase}.oc-planning-epic__title{font-size:13px;font-weight:500;color:var(--oc-text-primary, #e6edf3);flex:1}.oc-planning-epic__description{font-size:12px;line-height:1.4;color:var(--oc-text-secondary, #8b949e);margin:6px 0 8px 22px}.oc-planning-epic__stories{margin-top:8px;margin-left:22px;display:flex;flex-direction:column;gap:4px}.oc-planning-story{display:flex;align-items:flex-start;gap:6px;padding:4px 8px;background:#ffffff05;border-radius:4px;border-left:2px solid rgba(78,201,176,.3)}.oc-planning-story:hover{background:#4ec9b00d}.oc-planning-story__icon{color:var(--oc-text-muted, #6e7681);flex-shrink:0;margin-top:2px}.oc-planning-story__number{font-size:11px;font-weight:500;color:var(--oc-text-muted, #6e7681);min-width:16px}.oc-planning-story__title{font-size:12px;color:var(--oc-text-secondary, #8b949e);line-height:1.4}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem;background:var(--color-background)}.error-boundary-content{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:600px;text-align:center}.error-icon{color:var(--color-error);animation:shake .5s}.error-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.error-message{margin:0;font-size:1rem;color:var(--color-text-secondary);line-height:1.6}.error-details{width:100%;margin-top:1rem;padding:1rem;background:var(--color-secondary);border:1px solid var(--color-border-primary);border-radius:8px;text-align:left;cursor:pointer}.error-details summary{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.error-details summary:hover{color:var(--color-text-primary)}.error-stack{margin:.75rem 0 0;padding:.75rem;background:var(--color-primary);border-radius:6px;font-size:.8125rem;color:var(--color-error);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-actions{display:flex;gap:1rem;margin-top:.5rem}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (max-width: 768px){.error-boundary{min-height:300px;padding:1rem}.error-title{font-size:1.25rem}.error-message{font-size:.9375rem}.error-actions{flex-direction:column;width:100%}.error-actions button{width:100%}}.approval-history-container{width:100%;height:100%;overflow-y:auto;padding:16px;background:var(--oc-bg-base, #0d1117)}.approval-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.approval-history-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.history-count{background:var(--accent-bg);color:var(--accent);padding:4px 12px;border-radius:12px;font-size:.875rem;font-weight:500}.approval-history-timeline{position:relative;padding-left:40px}.approval-entry{position:relative;margin-bottom:24px;padding-bottom:24px}.approval-entry:last-child{margin-bottom:0;padding-bottom:0}.timeline-dot{position:absolute;left:-40px;top:4px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .2s ease}.approval-entry.approved .timeline-dot{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.approval-entry.rejected .timeline-dot{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.timeline-dot svg{color:#fff}.approval-entry:hover .timeline-dot{transform:scale(1.1)}.timeline-line{position:absolute;left:-22px;top:40px;bottom:-24px;width:2px;background:var(--border-color);z-index:1}.entry-content{background:var(--bg-secondary);border-radius:8px;padding:16px;border-left:3px solid transparent;transition:all .2s ease}.approval-entry.approved .entry-content{border-left-color:#10b981}.approval-entry.rejected .entry-content{border-left-color:#ef4444}.entry-content:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.entry-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;gap:8px}.entry-phase{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.phase-name{font-weight:600;font-size:1.1rem;color:var(--text-primary)}.entry-status{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.entry-status.approved{background:#10b9811a;color:#10b981}.entry-status.rejected{background:#ef44441a;color:#ef4444}.entry-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.auto-badge,.manual-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500}.auto-badge{background:#fbbf241a;color:#f59e0b}.manual-badge{background:#3b82f61a;color:#3b82f6}.entry-time{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:.875rem}.entry-comments{display:flex;align-items:flex-start;gap:8px;padding:12px;background:var(--bg-tertiary);border-radius:6px;margin-top:12px;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.entry-comments svg{flex-shrink:0;margin-top:2px;color:var(--accent)}.entry-approver{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem}.approval-history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.approval-history-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#ef4444;text-align:center}.approval-history-error svg{margin-bottom:12px}.retry-btn{margin-top:16px;padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.retry-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.approval-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-secondary);text-align:center}.approval-history-empty svg{color:var(--border-color);margin-bottom:16px}.approval-history-empty p{font-size:1.1rem;font-weight:500;margin:8px 0;color:var(--text-primary)}.empty-subtitle{font-size:.9rem;color:var(--text-tertiary)}@media (max-width: 768px){.approval-history-container{padding:16px}.approval-history-header{flex-direction:column;align-items:flex-start;gap:12px}.approval-history-timeline{padding-left:32px}.timeline-dot{left:-32px;width:32px;height:32px}.timeline-line{left:-16px}.entry-header{flex-direction:column}.entry-meta{width:100%;justify-content:flex-start}}.planning-results-section{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--border-color)}.planning-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.planning-header h3{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.refresh-btn{padding:6px;background:transparent;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.refresh-btn:hover{background:var(--bg-secondary);color:var(--accent)}.planning-summary{margin-bottom:16px}.summary-stats{display:flex;gap:24px}.stat{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:var(--bg-secondary);border-radius:8px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.epics-container{display:flex;flex-direction:column;gap:12px}.epic-card{background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.epic-header{display:flex;align-items:flex-start;gap:12px;padding:16px;cursor:pointer;transition:background .2s ease}.epic-header:hover{background:var(--bg-tertiary)}.epic-toggle{flex-shrink:0;color:var(--text-secondary);margin-top:2px}.epic-info{flex:1;min-width:0}.epic-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.epic-number{font-size:.7rem;font-weight:600;color:var(--accent);background:var(--accent-bg);padding:2px 8px;border-radius:4px;text-transform:uppercase}.epic-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.epic-description{margin:8px 0;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.epic-meta{display:flex;gap:8px;flex-wrap:wrap}.meta-tag{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:3px 8px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-secondary)}.meta-tag.repo{color:#8b5cf6;background:#8b5cf61a}.meta-tag.stories{color:#3b82f6;background:#3b82f61a}.epic-content{padding:0 16px 16px 44px;border-top:1px solid var(--border-color)}.section-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:16px 0 12px}.stories-section{margin-bottom:16px}.stories-list{display:flex;flex-direction:column;gap:8px}.story-item{padding:12px;background:var(--bg-tertiary);border-radius:6px;border-left:3px solid var(--accent)}.story-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.story-number{font-weight:600;color:var(--accent)}.story-title{font-weight:500;color:var(--text-primary)}.story-complexity{font-size:.7rem;padding:2px 6px;border-radius:4px;text-transform:uppercase}.story-complexity.simple{background:#10b9811a;color:#10b981}.story-complexity.medium{background:#fbbf241a;color:#f59e0b}.story-complexity.complex{background:#ef44441a;color:#ef4444}.story-description{margin:8px 0 0;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.story-files{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.files-label{font-size:.75rem;color:var(--text-secondary)}.file-name{font-size:.7rem;padding:2px 6px;background:var(--bg-primary);border-radius:4px;color:#8b5cf6}.more-files{font-size:.7rem;color:var(--text-tertiary)}.techlead-section{background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-color);overflow:hidden}.techlead-header{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;background:var(--bg-secondary)}.techlead-header:hover{background:var(--bg-tertiary)}.techlead-content{padding:12px}.architecture-block{margin-bottom:12px}.architecture-block:last-child{margin-bottom:0}.architecture-block h6{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin:0 0 6px;text-transform:uppercase}.architecture-block p{margin:0;font-size:.85rem;color:var(--text-primary);line-height:1.5}.assignments-list{display:flex;flex-direction:column;gap:6px}.assignment-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary)}.assignment-item .arrow{color:var(--text-tertiary)}.command-item{display:flex;align-items:center;gap:8px;margin-bottom:4px}.command-key{font-size:.75rem;color:var(--text-secondary)}.command-item code{font-size:.75rem;padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;color:#10b981}.phase-result{margin-top:16px;padding:12px;background:var(--bg-tertiary);border-radius:6px;border-left:3px solid var(--accent)}.result-header{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase}.epics-summary{display:flex;flex-direction:column;gap:8px}.epic-summary-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.85rem}.epic-summary-item strong{color:var(--text-primary)}.stories-count{font-size:.75rem;padding:2px 6px;background:#3b82f61a;color:#3b82f6;border-radius:4px}.repo-tag{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;padding:2px 6px;background:#8b5cf61a;color:#8b5cf6;border-radius:4px}.techlead-result .architecture-overview{font-size:.85rem;color:var(--text-primary);line-height:1.5;margin-bottom:12px}.assignments-compact,.build-commands-compact{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.assignments-compact strong,.build-commands-compact strong{font-size:.75rem;color:var(--text-secondary)}.assignment-tag{font-size:.75rem;padding:2px 8px;background:var(--bg-primary);border-radius:4px;color:var(--text-secondary)}.build-commands-compact code{font-size:.7rem;padding:2px 6px;background:var(--bg-primary);border-radius:4px;color:#10b981}.story-result{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.verdict{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase}.verdict.approved{background:#10b9811a;color:#10b981}.verdict.rejected{background:#ef44441a;color:#ef4444}.completion-history-section{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--border-color)}.completion-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.completion-history-header h3{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.completion-timeline{display:flex;flex-direction:column;gap:2px;background:var(--bg-secondary);border-radius:8px;overflow:hidden}.completion-event{padding:12px 16px;background:var(--bg-primary);border-left:3px solid;transition:background .15s ease}.completion-event:hover{background:var(--bg-tertiary)}.completion-event--warning{background:#fbbf240d}.completion-event--error{background:#ef44440d}.completion-event__header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.completion-agent-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:1px solid;flex-shrink:0}.completion-status-icon{display:flex;align-items:center;flex-shrink:0}.completion-status-icon.success{color:#3fb950}.completion-status-icon.warning{color:#f59e0b}.completion-status-icon.error{color:#f85149}.completion-event__title{font-weight:500;font-size:.9rem;color:var(--text-primary);flex:1;min-width:0}.completion-event__time{font-size:.75rem;color:var(--text-muted, #6e7681);font-family:var(--font-mono, monospace);flex-shrink:0;margin-left:auto}.completion-event__body{margin-top:8px;padding-left:28px}.completion-event__body p{margin:0 0 8px;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.verdict-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-right:8px}.verdict-tag--approved{background:#3fb95026;color:#3fb950}.verdict-tag--rejected,.verdict-tag--needs_fix{background:#f8514926;color:#f85149}.verdict-tag--changes_requested,.verdict-tag--pending{background:#fbbf2426;color:#f59e0b}.retry-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:600;background:#f0883e26;color:#f0883e;margin-left:8px}.retry-badge svg{width:10px;height:10px}.developer-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:.7rem;background:#4fc1ff1a;color:#4fc1ff;margin-right:8px}.pr-link{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:.7rem;background:#3fb9501a;color:#3fb950;text-decoration:none;transition:all .15s ease}.pr-link:hover{background:#3fb95033;text-decoration:underline}@media (prefers-color-scheme: dark){.approval-history-container{box-shadow:0 2px 8px #0000004d}.entry-content:hover{box-shadow:0 4px 12px #0006}}.auto-approval-selector{background:#1e1e1e;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-width:600px;width:100%;display:flex;flex-direction:column;max-height:80vh}.auto-approval-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.auto-approval-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #333}.header-title{display:flex;align-items:center;gap:12px}.header-title h3{margin:0;font-size:18px;font-weight:600;color:#e5e5e5}.close-btn{background:none;border:none;color:#888;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:#333;color:#e5e5e5}.auto-approval-error{margin:16px 24px 0;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;font-size:14px}.auto-approval-body{padding:24px;overflow-y:auto;flex:1}.auto-approval-toggle{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#252525;border-radius:8px;margin-bottom:24px}.toggle-info{flex:1}.toggle-label{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#e5e5e5;margin-bottom:6px}.toggle-label svg{color:#888;transition:color .3s}.toggle-label svg.active{color:#3b82f6}.toggle-description{margin:0;font-size:13px;color:#888;line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#333;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#666;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px);background-color:#fff}.phase-selection{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.phase-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.phase-header h4{margin:0;font-size:14px;font-weight:600;color:#e5e5e5;text-transform:uppercase;letter-spacing:.5px}.phase-actions{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.link-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:13px;padding:0;transition:color .2s}.link-btn:hover{color:#60a5fa;text-decoration:underline}.phase-list{display:flex;flex-direction:column;gap:8px}.phase-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#252525;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s}.phase-item:hover{background:#2a2a2a;border-color:#333}.phase-item input[type=checkbox]{margin-top:2px;cursor:pointer;width:18px;height:18px;accent-color:#3b82f6;flex-shrink:0}.phase-info{display:flex;flex-direction:column;gap:4px;flex:1}.phase-name{font-size:14px;font-weight:500;color:#e5e5e5}.phase-description{font-size:12px;color:#888}.phase-item:has(input:checked){background:#3b82f61a;border-color:#3b82f64d}.phase-item:has(input:checked) .phase-name{color:#60a5fa}.phase-warning{margin-top:12px;padding:12px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;color:#fbbf24;font-size:13px}.supervisor-threshold-section{margin-top:24px;padding:20px;background:#252525;border-radius:8px;border:1px solid rgba(78,201,176,.2);animation:fadeIn .3s ease-in}.threshold-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.threshold-header h4{margin:0;font-size:14px;font-weight:600;color:#4ec9b0}.threshold-icon{color:#4ec9b0}.threshold-description{margin:0 0 16px;font-size:13px;color:#888;line-height:1.5}.threshold-slider-container{display:flex;align-items:center;gap:16px}.threshold-slider{flex:1;-webkit-appearance:none;appearance:none;height:8px;background:linear-gradient(to right,#ef4444,#f59e0b 40%,#4ec9b0 60%,#10b981);border-radius:4px;outline:none;cursor:pointer}.threshold-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#e5e5e5;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:transform .15s ease}.threshold-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.threshold-slider::-moz-range-thumb{width:20px;height:20px;background:#e5e5e5;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d}.threshold-value{min-width:60px;text-align:center}.threshold-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;font-family:Fira Code,monospace}.threshold-badge.low{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.threshold-badge.medium{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.threshold-badge.high{background:#4ec9b026;color:#4ec9b0;border:1px solid rgba(78,201,176,.3)}.threshold-labels{display:flex;justify-content:space-between;margin-top:8px;padding:0 4px}.threshold-label{font-size:11px;color:#666}.threshold-label.low{color:#f87171}.threshold-label.medium{color:#fbbf24}.threshold-label.high{color:#4ec9b0}.threshold-label.very-high{color:#10b981}.auto-approval-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #333}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:8px}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#1e3a5f;cursor:not-allowed;opacity:.6}.btn-secondary{background:#252525;color:#e5e5e5}.btn-secondary:hover:not(:disabled){background:#2a2a2a}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 640px){.auto-approval-selector{max-height:90vh;border-radius:0}.auto-approval-header,.auto-approval-body,.auto-approval-footer{padding:16px}.auto-approval-toggle{flex-direction:column;align-items:flex-start;gap:16px}.phase-header{flex-direction:column;align-items:flex-start;gap:12px}}.intervention-tab{padding:16px;height:100%;overflow-y:auto;background:var(--oc-bg-base, #0d1117)}.intervention-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px;color:var(--text-secondary, #8b949e)}.intervention-loading .spin{animation:spin 1s linear infinite}.intervention-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;color:#f85149;text-align:center}.intervention-error .btn-retry{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid #f85149;color:#f85149;border-radius:6px;cursor:pointer;transition:all .2s}.intervention-error .btn-retry:hover{background:#f851491a}.intervention-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px;text-align:center}.intervention-empty .success-icon{color:#3fb950}.intervention-empty h3{margin:0;color:var(--text-primary, #e6edf3);font-size:18px}.intervention-empty p{margin:0;color:var(--text-secondary, #8b949e);font-size:14px;max-width:400px}.intervention-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #30363d);margin-bottom:16px}.intervention-header .warning-icon{color:#f0883e}.intervention-header h3{margin:0;flex:1;color:#f0883e;font-size:16px}.intervention-header .btn-refresh{padding:6px;background:transparent;border:1px solid var(--border-color, #30363d);border-radius:6px;color:var(--text-secondary, #8b949e);cursor:pointer;transition:all .2s}.intervention-header .btn-refresh:hover{background:var(--bg-secondary, #161b22);color:var(--text-primary, #e6edf3)}.intervention-card{position:relative;background:var(--bg-secondary, #161b22);border:1px solid #f0883e;border-radius:8px;padding:16px}.intervention-context{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #30363d);margin-bottom:16px}.context-row{display:flex;align-items:center;gap:8px}.context-row .label{color:var(--text-secondary, #8b949e);font-size:13px;min-width:80px}.context-row .value{color:var(--text-primary, #e6edf3);font-size:13px}.context-row .value.badge{background:#f0883e33;color:#f0883e;padding:2px 8px;border-radius:4px;font-weight:500}.intervention-reason{margin-bottom:16px}.intervention-reason h4{margin:0 0 8px;color:var(--text-primary, #e6edf3);font-size:14px}.intervention-reason p{margin:0;color:var(--text-secondary, #8b949e);font-size:13px;line-height:1.5}.intervention-feedback{margin-bottom:16px}.intervention-feedback h4{margin:0 0 8px;color:var(--text-primary, #e6edf3);font-size:14px}.intervention-feedback pre{margin:0;padding:12px;background:var(--bg-primary, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:6px;color:var(--text-secondary, #8b949e);font-size:12px;font-family:JetBrains Mono,Fira Code,monospace;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.intervention-files{margin-bottom:16px}.intervention-files h4{margin:0 0 8px;color:var(--text-primary, #e6edf3);font-size:14px}.intervention-files ul{margin:0;padding:0 0 0 20px;color:var(--text-secondary, #8b949e);font-size:13px}.intervention-files li{margin-bottom:4px;font-family:JetBrains Mono,Fira Code,monospace}.guidance-input-section{margin-bottom:16px;padding:12px;background:var(--bg-primary, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:6px}.guidance-input-section h4{margin:0 0 8px;color:var(--text-primary, #e6edf3);font-size:14px}.guidance-input-section textarea{width:100%;padding:8px;background:var(--bg-secondary, #161b22);border:1px solid var(--border-color, #30363d);border-radius:4px;color:var(--text-primary, #e6edf3);font-size:13px;font-family:inherit;resize:vertical}.guidance-input-section textarea:focus{outline:none;border-color:#58a6ff}.intervention-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px solid var(--border-color, #30363d)}.btn-action{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-retry-guidance{background:#58a6ff1a;border-color:#58a6ff;color:#58a6ff}.btn-retry-guidance:hover:not(:disabled){background:#58a6ff33}.btn-fixed{background:#3fb9501a;border-color:#3fb950;color:#3fb950}.btn-fixed:hover:not(:disabled){background:#3fb95033}.btn-skip{background:#f0883e1a;border-color:#f0883e;color:#f0883e}.btn-skip:hover:not(:disabled){background:#f0883e33}.btn-abort{background:#f851491a;border-color:#f85149;color:#f85149}.btn-abort:hover:not(:disabled){background:#f8514933}.resolving-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#0d1117e6;border-radius:8px;color:var(--text-primary, #e6edf3);font-size:14px}.resolving-overlay .spin{animation:spin 1s linear infinite}.model-selector{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden;max-width:800px;max-height:80vh;margin:0 auto;display:flex;flex-direction:column}.model-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--bg-primary);border-bottom:1px solid var(--border-primary);flex-shrink:0}.header-title{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary)}.header-title h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.close-btn{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.model-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.model-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-error-bg);border-left:3px solid var(--color-error);color:var(--color-error)}.warning-icon{flex-shrink:0}.model-body{padding:var(--spacing-lg);overflow-y:auto;flex:1;background:var(--bg-secondary)}.model-body::-webkit-scrollbar{width:8px}.model-body::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:var(--radius-sm)}.model-body::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-sm)}.model-body::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.preset-selection{margin-bottom:var(--spacing-xl)}.preset-selection h4{color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md)}.preset-card{padding:var(--spacing-md);background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.preset-card:hover{background:var(--bg-hover);transform:translateY(-2px)}.preset-card.selected{border-color:var(--color-success);background:var(--bg-tertiary)}.preset-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.preset-card.selected .preset-icon{background:var(--color-success-bg);color:var(--color-success)}.preset-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.preset-name{font-weight:600;color:var(--text-primary);font-size:.875rem}.preset-description{font-size:.75rem;color:var(--text-tertiary);line-height:1.4}.preset-estimate{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:.75rem;color:var(--text-secondary);font-weight:500}.custom-configuration{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.custom-configuration h4{color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.agent-group{margin-bottom:var(--spacing-lg)}.agent-group-title{color:var(--text-secondary);font-size:.8125rem;font-weight:600;margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-primary)}.agent-config-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.agent-config-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md)}.agent-info{display:flex;flex-direction:column;gap:2px;flex:1;margin-right:var(--spacing-md)}.agent-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.agent-desc{color:var(--text-tertiary);font-size:.75rem}.model-select{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;min-width:140px;transition:all var(--transition-fast)}.model-select:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.model-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.config-summary{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.config-summary h4{color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.summary-section{margin-bottom:var(--spacing-lg)}.summary-section-title{color:var(--text-tertiary);font-size:.75rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.05em}.summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.summary-item{display:flex;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.8125rem}.summary-agent{color:var(--text-tertiary)}.summary-model{font-weight:600}.cost-estimate{padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.estimate-toggle{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast)}.estimate-toggle:hover{background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary)}.estimate-details{margin-top:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem}.estimate-details strong{color:var(--color-success);font-size:1.125rem}.estimate-note{margin-top:var(--spacing-xs);font-size:.75rem;color:var(--text-tertiary);font-style:italic}.model-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-primary);border-top:1px solid var(--border-primary);flex-shrink:0}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.project-repo-selector-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.project-repo-selector{background:#1e1e1e;border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.selector-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333}.selector-header h3{margin:0;font-size:1.25rem;color:#fff;font-weight:600}.btn-close{background:none;border:none;color:#999;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.btn-close:hover{background:#333;color:#fff}.error-message{background:#f44;color:#fff;padding:12px 24px;margin:0;border-bottom:1px solid #333;font-size:.9rem;display:flex;align-items:center;gap:8px}.selector-body{padding:24px;overflow-y:auto;flex:1}.task-preview{margin-bottom:24px;padding:16px;background:#2a2a2a;border-radius:8px;border-left:3px solid #4a9eff}.task-preview label{display:block;font-size:.85rem;color:#999;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.task-message{color:#fff;font-size:.95rem;line-height:1.5}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.9rem;color:#ccc;margin-bottom:8px;font-weight:500}.form-select{width:100%;padding:12px 16px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:.95rem;cursor:pointer;transition:all .2s}.form-select:hover{border-color:#4a9eff}.form-select:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff1a}.help-text{display:block;margin-top:8px;color:#888;font-size:.85rem;font-style:italic}.repo-actions{margin-bottom:12px}.btn-toggle-all{background:none;border:1px solid #444;color:#4a9eff;padding:8px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-toggle-all:hover{background:#2a2a2a;border-color:#4a9eff}.repo-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:8px;background:#2a2a2a;border-radius:8px;border:1px solid #333}.repo-list::-webkit-scrollbar{width:8px}.repo-list::-webkit-scrollbar-track{background:#1e1e1e;border-radius:4px}.repo-list::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.repo-list::-webkit-scrollbar-thumb:hover{background:#555}.repo-item{padding:4px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:12px;border-radius:6px;transition:all .2s}.checkbox-label:hover{background:#333}.checkbox-label input[type=checkbox]{margin-top:2px;width:18px;height:18px;cursor:pointer;accent-color:#4a9eff}.repo-info{flex:1;display:flex;flex-direction:column;gap:4px}.repo-name{color:#fff;font-size:.95rem;font-weight:500}.repo-url{color:#888;font-size:.85rem;font-family:Monaco,Courier New,monospace}.no-repos{padding:24px;text-align:center;color:#888;font-size:.9rem;background:#2a2a2a;border-radius:8px;border:1px dashed #444}.model-options{display:flex;flex-direction:column;gap:12px;margin-top:8px}.model-option{display:flex;align-items:center;padding:12px;border:2px solid #444;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#2a2a2a}.model-option:hover{border-color:#4a9eff;background:#333}.model-option.selected{border-color:#4a9eff;background:#4a9eff1a}.model-option input[type=radio]{margin-right:12px;accent-color:#4a9eff}.model-option-content{flex:1;display:flex;flex-direction:column;gap:4px}.model-option-header{display:flex;justify-content:space-between;align-items:center}.model-name{font-weight:600;font-size:14px;color:#fff}.model-price{display:flex;align-items:center;gap:4px;color:#4caf50;font-size:13px;font-weight:500}.model-description{font-size:12px;color:#999}.label-icon{margin-right:6px;vertical-align:middle;color:#4a9eff}.selector-footer{display:flex;justify-content:space-between;gap:12px;padding:20px 24px;border-top:1px solid #333}.btn-secondary,.btn-primary{padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-secondary{background:#333;color:#fff}.btn-secondary:hover{background:#444}.btn-primary{background:#4a9eff;color:#fff;flex:1}.btn-primary:hover{background:#3a8eef;transform:translateY(-1px);box-shadow:0 4px 12px #4a9eff4d}.btn-primary:disabled{background:#2a2a2a;color:#666;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner{padding:60px;text-align:center;color:#4a9eff;font-size:1.1rem}@media (max-width: 768px){.project-repo-selector{width:95%;max-height:90vh}.selector-header,.selector-body,.selector-footer{padding:16px}.repo-list{max-height:200px}}.failure-dashboard{display:flex;flex-direction:column;height:100%;background:var(--oc-bg-base, #0d1117);color:var(--oc-text-primary, #e6edf3);overflow:hidden}.failure-dashboard-header{padding:16px;border-bottom:1px solid var(--oc-border, #30363d);background:var(--oc-bg-surface, #161b22)}.failure-stats{display:flex;gap:12px;margin-bottom:12px}.stat-card{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background:var(--oc-bg-elevated, #1c2128);border:1px solid var(--oc-border, #30363d)}.stat-card .stat-value{font-size:20px;font-weight:700;font-family:var(--oc-font-mono, "JetBrains Mono", monospace)}.stat-card .stat-label{font-size:12px;color:var(--oc-text-secondary, #8b949e);text-transform:uppercase;letter-spacing:.5px}.stat-card.total{border-color:var(--oc-accent-primary, #58a6ff)}.stat-card.total .stat-value{color:var(--oc-accent-primary, #58a6ff)}.stat-card.terminal{border-color:var(--oc-error, #f85149)}.stat-card.terminal .stat-value{color:var(--oc-error, #f85149)}.stat-card.terminal svg{color:var(--oc-error, #f85149)}.stat-card.recovered{border-color:var(--oc-success, #3fb950)}.stat-card.recovered .stat-value{color:var(--oc-success, #3fb950)}.stat-card.recovered svg{color:var(--oc-success, #3fb950)}.stat-card.unexpected{border-color:var(--oc-warning, #d29922)}.stat-card.unexpected .stat-value{color:var(--oc-warning, #d29922)}.stat-card.unexpected svg{color:var(--oc-warning, #d29922)}.failure-actions{display:flex;justify-content:space-between;align-items:center}.filter-buttons{display:flex;gap:8px}.filter-btn{padding:6px 12px;border-radius:6px;border:1px solid var(--oc-border, #30363d);background:transparent;color:var(--oc-text-secondary, #8b949e);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.filter-btn:hover{background:var(--oc-bg-elevated, #1c2128);color:var(--oc-text-primary, #e6edf3)}.filter-btn.active{background:var(--oc-accent-primary, #58a6ff);border-color:var(--oc-accent-primary, #58a6ff);color:#fff}.filter-btn.terminal.active{background:var(--oc-error, #f85149);border-color:var(--oc-error, #f85149)}.filter-btn.recovered.active{background:var(--oc-success, #3fb950);border-color:var(--oc-success, #3fb950)}.filter-btn.unexpected.active{background:var(--oc-warning, #d29922);border-color:var(--oc-warning, #d29922)}.clear-btn{padding:6px 12px;border-radius:6px;border:1px solid var(--oc-border, #30363d);background:transparent;color:var(--oc-text-secondary, #8b949e);font-size:12px;cursor:pointer;transition:all .15s ease}.clear-btn:hover{background:var(--oc-error, #f85149);border-color:var(--oc-error, #f85149);color:#fff}.connection-warning{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f851491a;border-bottom:1px solid var(--oc-error, #f85149);color:var(--oc-error, #f85149);font-size:12px}.failures-list{flex:1;overflow-y:auto;padding:16px}.no-failures{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--oc-text-muted, #6e7681);text-align:center}.no-failures svg{color:var(--oc-success, #3fb950);margin-bottom:16px;opacity:.5}.no-failures p{font-size:16px;margin:0 0 8px}.no-failures .hint{font-size:12px;opacity:.7}.failure-card{display:flex;gap:12px;padding:16px;margin-bottom:12px;border-radius:8px;background:var(--oc-bg-surface, #161b22);border:1px solid var(--oc-border, #30363d);transition:border-color .15s ease}.failure-card:hover{border-color:var(--oc-text-muted, #6e7681)}.failure-card.terminal{border-left:3px solid var(--oc-error, #f85149)}.failure-card.recoverable{border-left:3px solid var(--oc-success, #3fb950)}.failure-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--oc-bg-elevated, #1c2128)}.failure-content{flex:1;min-width:0}.failure-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.failure-category{font-weight:600;font-size:14px}.failure-time{font-size:11px;color:var(--oc-text-muted, #6e7681);font-family:var(--oc-font-mono, "JetBrains Mono", monospace)}.failure-story{font-size:13px;color:var(--oc-accent-primary, #58a6ff);margin-bottom:8px;font-weight:500}.failure-message{font-size:13px;color:var(--oc-text-secondary, #8b949e);margin-bottom:12px;line-height:1.5}.failure-evidence,.failure-recommendations{font-size:12px;margin-bottom:8px;padding:8px;border-radius:4px;background:var(--oc-bg-elevated, #1c2128)}.failure-evidence strong,.failure-recommendations strong{color:var(--oc-text-primary, #e6edf3);display:block;margin-bottom:4px}.failure-evidence ul,.failure-recommendations ul{margin:0;padding-left:16px;color:var(--oc-text-muted, #6e7681)}.failure-evidence li,.failure-recommendations li{margin:4px 0}.failure-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.terminal-badge,.strategy-badge,.retry-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.terminal-badge.is-terminal{background:#f8514933;color:var(--oc-error, #f85149);border:1px solid var(--oc-error, #f85149)}.terminal-badge.not-terminal{background:#3fb95033;color:var(--oc-success, #3fb950);border:1px solid var(--oc-success, #3fb950)}.strategy-badge{background:#58a6ff33;color:var(--oc-accent-primary, #58a6ff);border:1px solid var(--oc-accent-primary, #58a6ff)}.retry-badge{background:#d2992233;color:var(--oc-warning, #d29922);border:1px solid var(--oc-warning, #d29922)}.failures-list::-webkit-scrollbar{width:8px}.failures-list::-webkit-scrollbar-track{background:var(--oc-bg-base, #0d1117)}.failures-list::-webkit-scrollbar-thumb{background:var(--oc-border, #30363d);border-radius:4px}.failures-list::-webkit-scrollbar-thumb:hover{background:var(--oc-text-muted, #6e7681)}@media (max-width: 768px){.failure-stats{flex-wrap:wrap}.stat-card{flex:1;min-width:80px;padding:8px 12px}.stat-card .stat-value{font-size:16px}.failure-actions{flex-direction:column;gap:8px;align-items:stretch}.filter-buttons{justify-content:center}.clear-btn{text-align:center}}.live-preview-container{display:flex;flex-direction:column;height:100%;background:var(--oc-bg-base, #0d1117);overflow:hidden}.live-preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--oc-bg-elevated, #161b22);border-bottom:1px solid var(--oc-border, #30363d);gap:16px}.preview-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--oc-text-primary, #e6edf3)}.preview-title svg{color:var(--oc-accent, #58a6ff)}.device-selector{display:flex;gap:4px;background:var(--oc-bg-tertiary, #21262d);padding:4px;border-radius:8px}.device-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:none;border-radius:6px;background:transparent;color:var(--oc-text-secondary, #8b949e);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.device-btn:hover{background:var(--oc-bg-hover, #30363d);color:var(--oc-text-primary, #e6edf3)}.device-btn.active{background:var(--oc-accent, #58a6ff);color:#fff}.device-btn svg{flex-shrink:0}.preview-controls{display:flex;align-items:center;gap:8px}.control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:6px;background:var(--oc-bg-tertiary, #21262d);color:var(--oc-text-secondary, #8b949e);cursor:pointer;transition:all .15s ease}.control-btn:hover{background:var(--oc-bg-hover, #30363d);color:var(--oc-text-primary, #e6edf3)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.preview-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500}.preview-status.connected{background:#2ea04326;color:#3fb950}.preview-status.connecting{background:#bb800926;color:#d29922}.preview-status.disconnected{background:#f8514926;color:#f85149}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-dot.connected{animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}.live-preview-content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto;background:radial-gradient(circle at 50% 50%,var(--oc-bg-secondary, #161b22) 0%,var(--oc-bg-base, #0d1117) 100%),repeating-linear-gradient(0deg,transparent,transparent 20px,rgba(48,54,61,.3) 20px,rgba(48,54,61,.3) 21px),repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(48,54,61,.3) 20px,rgba(48,54,61,.3) 21px)}.device-frame{position:relative;display:flex;flex-direction:column;background:#1c1c1e;box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #00000080,0 0 80px #58a6ff1a;transition:all .3s ease}.device-frame.mobile{width:375px;height:667px;border-radius:44px;padding:12px;background:linear-gradient(145deg,#2c2c2e,#1c1c1e)}.device-frame.mobile:before,.device-frame.mobile:after{display:none}.device-frame.mobile .screen-wrapper{flex:1;border-radius:32px;overflow:hidden;background:#000;display:flex;flex-direction:column}.mobile-safe-area{position:relative;z-index:20;background:linear-gradient(180deg,#000000f2,#000000d9);padding-top:14px;flex-shrink:0}.mobile-status-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 24px 8px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:14px;font-weight:600;color:#fff;min-height:28px}.status-left{flex:1;display:flex;align-items:center}.status-time{font-weight:600;letter-spacing:-.3px}.status-notch{width:126px;height:34px;background:#000;border-radius:20px;margin:0 8px;flex-shrink:0}.status-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:5px}.status-icon{width:18px;height:18px;opacity:.95}.status-battery{width:25px;height:12px;border:1.5px solid rgba(255,255,255,.9);border-radius:3px;padding:1px;position:relative;margin-left:2px}.status-battery:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:6px;background:#ffffffe6;border-radius:0 1px 1px 0}.battery-level{width:100%;height:100%;background:#34c759;border-radius:1px}.device-frame.mobile .preview-iframe{flex:1;height:auto!important}.device-frame.tablet{width:768px;height:576px;border-radius:24px;padding:16px;background:linear-gradient(145deg,#3a3a3c,#2c2c2e)}.device-frame.tablet .screen-wrapper{flex:1;border-radius:8px;overflow:hidden;background:#000}.device-frame.desktop{width:1024px;height:640px;border-radius:12px;overflow:hidden;background:var(--oc-bg-elevated, #161b22);border:1px solid var(--oc-border, #30363d)}.browser-chrome{display:flex;align-items:center;height:40px;padding:0 12px;background:var(--oc-bg-tertiary, #21262d);border-bottom:1px solid var(--oc-border, #30363d);gap:8px}.browser-buttons{display:flex;gap:6px}.browser-btn{width:12px;height:12px;border-radius:50%}.browser-btn.close{background:#ff5f57}.browser-btn.minimize{background:#febc2e}.browser-btn.maximize{background:#28c840}.browser-url{flex:1;display:flex;align-items:center;gap:8px;height:28px;padding:0 12px;background:var(--oc-bg-base, #0d1117);border-radius:6px;margin:0 8px}.browser-url svg{color:var(--oc-text-muted, #6e7681)}.browser-url span{font-size:12px;color:var(--oc-text-secondary, #8b949e);font-family:monospace}.device-frame.desktop .screen-wrapper{flex:1;overflow:hidden}.screen-wrapper{position:relative;width:100%;height:100%}.preview-iframe{width:100%;height:100%;border:none;background:#fff}.preview-empty-state,.preview-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:32px;text-align:center;color:var(--oc-text-secondary, #8b949e)}.preview-empty-state svg,.preview-error-state svg{width:64px;height:64px;margin-bottom:16px;opacity:.5}.preview-empty-state h3,.preview-error-state h3{font-size:16px;font-weight:600;color:var(--oc-text-primary, #e6edf3);margin-bottom:8px}.preview-empty-state p,.preview-error-state p{font-size:14px;max-width:300px;line-height:1.5}.preview-error-state{color:var(--oc-danger, #f85149)}.framework-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--oc-bg-tertiary, #21262d);border-radius:6px;font-size:12px;font-weight:500;color:var(--oc-text-secondary, #8b949e);margin-top:12px}.framework-badge.detected{background:#2ea04326;color:#3fb950}.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.preview-spinner{width:48px;height:48px;border:3px solid var(--oc-border, #30363d);border-top-color:var(--oc-accent, #58a6ff);border-radius:50%;animation:spin 1s linear infinite}.preview-loading-text{font-size:14px;color:var(--oc-text-secondary, #8b949e)}.hmr-indicator{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#58a6ffe6;color:#fff;border-radius:6px;font-size:12px;font-weight:500;animation:hmr-pulse 1s ease-in-out;pointer-events:none;z-index:100}@keyframes hmr-pulse{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.url-input-container{display:flex;align-items:center;gap:8px;margin-left:auto}.url-input{width:200px;height:32px;padding:0 12px;border:1px solid var(--oc-border, #30363d);border-radius:6px;background:var(--oc-bg-tertiary, #21262d);color:var(--oc-text-primary, #e6edf3);font-size:13px;font-family:monospace}.url-input:focus{outline:none;border-color:var(--oc-accent, #58a6ff)}.url-input::placeholder{color:var(--oc-text-muted, #6e7681)}.start-server-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#238636,#2ea043);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.start-server-btn:hover:not(:disabled){background:linear-gradient(135deg,#2ea043,#3fb950);transform:translateY(-1px);box-shadow:0 4px 12px #2ea0434d}.start-server-btn:disabled{opacity:.6;cursor:not-allowed}.control-btn.stop{background:#f8514926;color:#f85149}.control-btn.stop:hover:not(:disabled){background:#f8514940}.preview-story-badge{margin-left:8px;padding:4px 8px;background:var(--oc-bg-tertiary, #21262d);border-radius:4px;font-size:11px;font-weight:500;color:var(--oc-text-secondary, #8b949e);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-selector{position:relative;margin-bottom:16px}.workspace-selector-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--oc-bg-tertiary, #21262d);border:1px solid var(--oc-border, #30363d);border-radius:8px;color:var(--oc-text-primary, #e6edf3);font-size:14px;cursor:pointer;transition:all .2s ease}.workspace-selector-btn:hover{background:var(--oc-bg-secondary, #161b22);border-color:var(--oc-accent, #58a6ff)}.workspace-selector-btn .rotate{transform:rotate(180deg)}.workspace-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--oc-bg-tertiary, #21262d);border:1px solid var(--oc-border, #30363d);border-radius:8px;overflow:hidden;z-index:100;box-shadow:0 8px 24px #0006}.workspace-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--oc-text-primary, #e6edf3);text-align:left;cursor:pointer;transition:background .2s ease}.workspace-option:hover{background:var(--oc-bg-secondary, #161b22)}.workspace-option.selected{background:#58a6ff1a}.workspace-option-info{display:flex;flex-direction:column;gap:2px}.workspace-name{font-weight:600;font-size:14px}.workspace-meta{font-size:12px;color:var(--oc-text-muted, #6e7681)}.workspace-sdk-status .sdk-available{color:#3fb950}.workspace-sdk-status .sdk-unavailable{color:#f85149}.sdk-warning{display:flex;gap:12px;padding:16px;margin:16px 0;background:#f851491a;border:1px solid rgba(248,81,73,.3);border-radius:8px;color:#f85149;max-width:500px}.sdk-warning-content h4{margin:0 0 4px;font-size:14px;font-weight:600}.sdk-warning-content p{margin:0 0 8px;font-size:13px;color:var(--oc-text-secondary, #8b949e)}.sdk-install-instructions{margin:8px 0 0;padding:12px;background:var(--oc-bg-primary, #0d1117);border-radius:6px;font-family:SF Mono,Monaco,monospace;font-size:12px;color:var(--oc-text-primary, #e6edf3);white-space:pre-wrap;overflow-x:auto}.selected-workspace-info{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px}.workspace-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.framework-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--oc-bg-tertiary, #21262d);border-radius:12px;font-size:12px;font-weight:500;color:var(--oc-text-secondary, #8b949e)}.framework-badge.available{background:#3fb95026;color:#3fb950}.framework-badge.unavailable{background:#f8514926;color:#f85149}.workspace-note{font-size:13px;color:var(--oc-text-muted, #6e7681);text-align:center;font-style:italic}.workspace-count-badge{margin-left:8px;padding:2px 8px;background:var(--oc-accent, #58a6ff);border-radius:10px;font-size:11px;font-weight:600;color:#fff}.manual-url-form{margin-top:24px;width:100%;max-width:400px}.sdk-install-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;margin-top:12px;background:linear-gradient(135deg,#58a6ff,#388bfd);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.sdk-install-btn:hover:not(:disabled){background:linear-gradient(135deg,#388bfd,#1f6feb);transform:translateY(-1px);box-shadow:0 4px 12px #388bfd4d}.sdk-install-btn:disabled{opacity:.6;cursor:not-allowed}.sdk-install-progress{margin-top:12px;padding:12px;background:var(--oc-bg-primary, #0d1117);border-radius:6px;font-family:SF Mono,Monaco,monospace;font-size:12px;color:var(--oc-text-secondary, #8b949e);max-height:150px;overflow-y:auto}.install-result{display:flex;align-items:center;gap:8px;padding:10px 14px;margin:12px 0;border-radius:6px;font-size:13px;font-weight:500}.install-result.success{background:#3fb95026;color:#3fb950;border:1px solid rgba(63,185,80,.3)}.install-result.error{background:#f8514926;color:#f85149;border:1px solid rgba(248,81,73,.3)}.install-result .version{margin-left:auto;font-family:SF Mono,Monaco,monospace;font-size:11px;opacity:.8}.manual-install-details{margin-top:12px;width:100%}.manual-install-details summary{cursor:pointer;font-size:12px;color:var(--oc-text-muted, #6e7681);padding:6px 0}.manual-install-details summary:hover{color:var(--oc-text-secondary, #8b949e)}.manual-install-details[open] summary{margin-bottom:8px}.install-sdk-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;margin-top:12px;background:linear-gradient(135deg,#58a6ff,#388bfd);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.install-sdk-btn:hover:not(:disabled){background:linear-gradient(135deg,#388bfd,#1f6feb);transform:translateY(-1px);box-shadow:0 4px 12px #388bfd4d}.install-sdk-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.docker-url-hint{margin:16px 0;padding:0 16px}.docker-url-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border:2px dashed var(--oc-success, #3fb950);border-radius:10px;background:#3fb9501a;color:var(--oc-success, #3fb950);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.docker-url-btn:hover{background:#3fb95033;border-style:solid;transform:translateY(-2px)}.docker-url-btn svg{color:var(--oc-success, #3fb950)}@media (max-width: 1200px){.device-frame.desktop{width:100%;max-width:900px;height:560px}}@media (max-width: 900px){.device-frame.tablet{width:100%;max-width:600px;height:auto;aspect-ratio:4/3}.device-selector{flex-wrap:wrap}.device-btn span{display:none}}@media (max-width: 500px){.live-preview-header{flex-wrap:wrap}.device-frame.mobile{width:100%;max-width:320px;height:auto;aspect-ratio:9/16}}.sandbox-type-selector{display:flex;align-items:center;gap:8px;margin:12px 0;padding:8px;background:var(--oc-bg-tertiary, #21262d);border-radius:8px}.sandbox-type-selector>span{font-size:12px;color:var(--oc-text-secondary, #8b949e);margin-right:4px}.sandbox-type-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;border:1px solid var(--oc-border, #30363d);background:var(--oc-bg-base, #0d1117);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px;color:var(--oc-text-primary, #e6edf3)}.sandbox-type-btn:hover{border-color:var(--oc-accent, #58a6ff);background:var(--oc-bg-elevated, #161b22)}.sandbox-type-btn.active{border-color:var(--oc-accent, #58a6ff);background:var(--oc-accent-alpha, rgba(88, 166, 255, .15))}.sandbox-repo-hint{font-size:10px;color:var(--oc-text-secondary, #8b949e);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.port-selector{position:relative}.port-selector-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--oc-bg-tertiary, #21262d);border:1px solid var(--oc-border, #30363d);border-radius:6px;color:var(--oc-text-primary, #e6edf3);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.port-selector-btn:hover{background:var(--oc-bg-secondary, #161b22);border-color:var(--oc-accent, #58a6ff)}.port-selector-btn .rotate{transform:rotate(180deg)}.port-selector-btn .port-number{font-family:SF Mono,Monaco,monospace;color:var(--oc-accent, #58a6ff)}.port-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:180px;background:var(--oc-bg-elevated, #161b22);border:1px solid var(--oc-border, #30363d);border-radius:8px;overflow:hidden;z-index:1000;box-shadow:0 8px 24px #0006}.port-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:transparent;border:none;color:var(--oc-text-primary, #e6edf3);text-align:left;cursor:pointer;transition:background .2s ease}.port-option:hover{background:var(--oc-bg-secondary, #21262d)}.port-option.selected{background:#58a6ff1a}.port-option-info{display:flex;flex-direction:column;gap:2px}.port-label{font-weight:600;font-size:13px}.port-mapping{font-size:11px;font-family:SF Mono,Monaco,monospace;color:var(--oc-text-muted, #6e7681)}.port-option svg{color:var(--oc-accent, #58a6ff)}.control-btn.has-files{position:relative}.control-btn.active{background:var(--oc-accent, #58a6ff);color:#fff}.files-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:#f85149;color:#fff;font-size:10px;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center}.files-explorer-panel{flex:1;min-height:0;display:flex;background:var(--oc-bg-base, #0d1117);overflow:hidden}.live-preview-container:has(.files-explorer-panel) .live-preview-content{display:none}.files-list-pane{width:100%;display:flex;flex-direction:column;background:var(--oc-bg-elevated, #161b22);overflow:hidden}.files-explorer-panel.with-viewer .files-list-pane{width:280px;min-width:200px;max-width:350px;border-right:1px solid var(--oc-border, #30363d)}.file-content-pane{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--oc-bg-base, #0d1117);overflow:hidden}.file-content-pane .file-viewer-header{flex-shrink:0}.file-content-pane .file-viewer-content{flex:1;min-height:0;overflow:auto}.recent-files-panel{background:var(--oc-bg-elevated, #161b22);border-bottom:1px solid var(--oc-border, #30363d);flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:250px}}.recent-files-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#58a6ff1a;border-bottom:1px solid var(--oc-border, #30363d);font-size:12px;font-weight:600;color:var(--oc-accent, #58a6ff)}.recent-files-header .files-count{margin-left:auto;font-weight:400;color:var(--oc-text-muted, #6e7681)}.close-panel-btn{background:none;border:none;padding:2px;color:var(--oc-text-muted, #6e7681);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.close-panel-btn:hover{background:#ffffff1a;color:var(--oc-text-primary, #e6edf3)}.recent-files-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 0}.no-files{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;color:var(--oc-text-muted, #6e7681);font-size:12px;text-align:center}.no-files .hint{font-size:11px;opacity:.7}.file-change-item{display:flex;flex-direction:column;gap:2px;padding:6px 12px;border-left:2px solid transparent;transition:all .15s ease}.file-change-item:hover{background:#ffffff08}.file-change-item.created{border-left-color:#3fb950}.file-change-item.modified{border-left-color:#f0883e}.file-change-item.deleted{border-left-color:#f85149}.file-change-info{display:flex;align-items:center;gap:8px;font-size:12px}.file-change-type{font-family:SF Mono,Monaco,monospace;font-weight:700;width:14px;text-align:center}.file-change-type.created{color:#3fb950}.file-change-type.modified{color:#f0883e}.file-change-type.deleted{color:#f85149}.file-path{font-weight:600;color:var(--oc-text-primary, #e6edf3)}.file-full-path{flex:1;font-size:10px;color:var(--oc-text-muted, #6e7681);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:SF Mono,Monaco,monospace}.file-change-meta{display:flex;align-items:center;gap:8px;padding-left:22px;font-size:10px;color:var(--oc-text-muted, #6e7681)}.agent-badge{background:#8864ff33;color:#a371f7;padding:1px 6px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase}.line-count{color:var(--oc-text-muted, #6e7681)}.change-time{margin-left:auto;font-family:SF Mono,Monaco,monospace}.refresh-files-btn{background:none;border:none;padding:4px;margin-left:4px;color:var(--oc-text-muted, #6e7681);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.refresh-files-btn:hover:not(:disabled){background:#ffffff1a;color:var(--oc-accent, #58a6ff)}.refresh-files-btn:disabled{opacity:.5;cursor:not-allowed}.no-files.loading{color:var(--oc-accent, #58a6ff)}.no-files.error{color:#f85149}.retry-btn{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 14px;background:var(--oc-bg-tertiary, #21262d);border:1px solid var(--oc-border, #30363d);border-radius:6px;color:var(--oc-text-primary, #e6edf3);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:var(--oc-bg-secondary, #161b22);border-color:var(--oc-accent, #58a6ff);color:var(--oc-accent, #58a6ff)}.file-category-group{margin-bottom:4px}.file-category-header{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff08;font-size:11px;font-weight:600;color:var(--oc-text-secondary, #8b949e);text-transform:capitalize;border-bottom:1px solid rgba(255,255,255,.05)}.category-icon{font-size:12px}.category-name{flex:1}.category-count{padding:1px 6px;background:#ffffff14;border-radius:10px;font-size:10px;font-weight:500}.file-item{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 24px;font-size:12px;color:var(--oc-text-primary, #e6edf3);transition:background .15s ease;cursor:default}.file-item:hover{background:#ffffff08}.file-icon{color:var(--oc-text-muted, #6e7681);flex-shrink:0}.file-info{display:flex;flex-direction:column;min-width:0;flex:1}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-dir{font-size:10px;color:var(--oc-text-muted, #6e7681);font-family:SF Mono,Monaco,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item.dart .file-icon{color:#0175c2}.file-item.ts .file-icon,.file-item.tsx .file-icon{color:#3178c6}.file-item.js .file-icon,.file-item.jsx .file-icon{color:#f7df1e}.file-item.vue .file-icon{color:#42b883}.file-item.py .file-icon{color:#3776ab}.file-item.css .file-icon,.file-item.scss .file-icon{color:#264de4}.file-item.html .file-icon{color:#e34c26}.file-item.json .file-icon,.file-item.yaml .file-icon,.file-item.yml .file-icon{color:#f5f5f5}.file-category-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.file-category-header.clickable:hover{background:#ffffff0f}.collapse-icon{display:flex;align-items:center;justify-content:center;color:var(--oc-text-muted, #6e7681);transition:transform .2s ease}.collapse-icon.collapsed{transform:rotate(-90deg)}.file-item{cursor:pointer}.file-item:hover{background:#58a6ff14}.file-item.selected{background:#58a6ff26;border-left:2px solid var(--oc-accent, #58a6ff)}.file-item.selected .file-name{color:var(--oc-accent, #58a6ff)}.file-content-viewer{display:flex;flex-direction:column;background:var(--oc-bg-base, #0d1117);border-bottom:1px solid var(--oc-border, #30363d);max-height:350px;animation:slideDown .2s ease-out}.file-content-pane .file-content-viewer{max-height:none;flex:1;min-height:0;border-bottom:none}.file-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--oc-bg-elevated, #161b22);border-bottom:1px solid var(--oc-border, #30363d)}.file-viewer-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.file-viewer-title svg{color:var(--oc-accent, #58a6ff);flex-shrink:0}.file-viewer-name{font-weight:600;font-size:13px;color:var(--oc-text-primary, #e6edf3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-viewer-path{font-size:11px;color:var(--oc-text-muted, #6e7681);font-family:SF Mono,Monaco,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-viewer-actions{display:flex;align-items:center;gap:4px}.copy-btn,.close-viewer-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--oc-text-muted, #6e7681);cursor:pointer;transition:all .15s ease}.copy-btn:hover:not(:disabled),.close-viewer-btn:hover{background:#ffffff1a;color:var(--oc-text-primary, #e6edf3)}.copy-btn:disabled{opacity:.4;cursor:not-allowed}.file-viewer-content{flex:1;overflow:auto;padding:0}.file-loading,.file-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;color:var(--oc-text-muted, #6e7681);font-size:12px}.file-loading{color:var(--oc-accent, #58a6ff)}.file-error{color:#f85149}.file-code{margin:0;padding:12px 16px;background:var(--oc-bg-base, #0d1117);font-family:SF Mono,Fira Code,Monaco,monospace;font-size:12px;line-height:1.6;color:var(--oc-text-primary, #e6edf3);white-space:pre;overflow-x:auto;tab-size:2}.file-code code{display:block}.file-code.language-dart{color:#89ddff}.file-code.language-ts,.file-code.language-tsx{color:#9ecbff}.file-code.language-js,.file-code.language-jsx{color:#ffcb6b}.file-code.language-py{color:#c3e88d}.file-code.language-css,.file-code.language-scss{color:#89ddff}.file-code.language-html{color:#f07178}.file-code.language-json,.file-code.language-yaml,.file-code.language-yml{color:#c792ea}.slash-command-menu{position:absolute;z-index:1000;width:400px;max-height:320px;background:var(--bg-elevated, #161b22);border:1px solid var(--border-color, #30363d);border-radius:8px;box-shadow:0 8px 24px #0006;overflow:hidden;display:flex;flex-direction:column}.slash-command-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0003;border-bottom:1px solid var(--border-color, #30363d)}.slash-command-hint{font-size:11px;font-weight:600;color:var(--text-muted, #6e7681);text-transform:uppercase;letter-spacing:.5px}.slash-command-keys{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted, #6e7681)}.slash-command-keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--bg-canvas, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:3px;font-family:monospace;font-size:10px;color:var(--text-secondary, #8b949e)}.slash-command-list{overflow-y:auto;max-height:280px}.slash-command-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background .1s ease;border-bottom:1px solid rgba(255,255,255,.03)}.slash-command-item:last-child{border-bottom:none}.slash-command-item:hover,.slash-command-item.selected{background:#58a6ff1a}.slash-command-item.selected{border-left:2px solid var(--accent-color, #58a6ff);padding-left:10px}.slash-command-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff0d;border-radius:6px;flex-shrink:0}.slash-command-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.slash-command-name{font-family:SF Mono,Monaco,monospace;font-size:13px;font-weight:600;color:var(--text-primary, #e6edf3)}.slash-command-description{font-size:12px;color:var(--text-secondary, #8b949e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slash-command-category{font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.slash-command-list::-webkit-scrollbar{width:6px}.slash-command-list::-webkit-scrollbar-track{background:transparent}.slash-command-list::-webkit-scrollbar-thumb{background:var(--border-color, #30363d);border-radius:3px}.slash-command-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #6e7681)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slash-command-menu{animation:slideUp .15s ease-out}.slash-command-result{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-elevated, #161b22);border:1px solid var(--border-color, #30363d);border-radius:8px;font-size:13px;color:var(--text-primary, #e6edf3);box-shadow:0 4px 12px #0000004d}.slash-command-result--success{border-color:var(--color-success, #238636)}.slash-command-result--error{border-color:var(--color-error, #f85149)}.slash-command-result__icon{flex-shrink:0}.slash-command-result__message{flex:1}@media (max-width: 480px){.slash-command-menu{width:calc(100vw - 32px);max-width:360px}.slash-command-keys{display:none}.slash-command-item{padding:12px}}.command-palette-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;padding-top:15vh}.command-palette{width:560px;max-width:90vw;max-height:60vh;background:var(--bg-elevated, #161b22);border:1px solid var(--border-color, #30363d);border-radius:12px;box-shadow:0 16px 48px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:paletteSlideIn .15s ease-out}@keyframes paletteSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.command-palette-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-color, #30363d);background:#0003}.command-palette-header .search-icon{color:var(--text-muted, #6e7681);flex-shrink:0}.command-palette-input{flex:1;background:transparent;border:none;outline:none;font-size:15px;color:var(--text-primary, #e6edf3);font-family:inherit}.command-palette-input::placeholder{color:var(--text-muted, #6e7681)}.command-palette-shortcut{display:flex;align-items:center;gap:4px;flex-shrink:0}.command-palette-shortcut kbd,.command-palette-footer kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--bg-canvas, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:4px;font-family:monospace;font-size:11px;color:var(--text-secondary, #8b949e)}.command-palette-list{flex:1;overflow-y:auto;padding:8px}.command-group{margin-bottom:8px}.command-group:last-child{margin-bottom:0}.command-group-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 4px;opacity:.8}.command-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .1s ease}.command-item:hover,.command-item.selected{background:#58a6ff1a}.command-item.selected{background:#58a6ff26}.command-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border-radius:8px;flex-shrink:0}.command-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.command-name{font-size:14px;font-weight:500;color:var(--text-primary, #e6edf3)}.command-description{font-size:12px;color:var(--text-secondary, #8b949e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-shortcut{font-family:SF Mono,Monaco,monospace;font-size:11px;color:var(--text-muted, #6e7681);background:#ffffff0d;padding:4px 8px;border-radius:4px;flex-shrink:0}.command-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--text-muted, #6e7681)}.command-empty span{font-size:14px}.command-palette-footer{display:flex;justify-content:center;gap:24px;padding:10px 16px;border-top:1px solid var(--border-color, #30363d);background:#0003;font-size:12px;color:var(--text-muted, #6e7681)}.command-palette-footer span{display:flex;align-items:center;gap:4px}.command-palette-list::-webkit-scrollbar{width:8px}.command-palette-list::-webkit-scrollbar-track{background:transparent}.command-palette-list::-webkit-scrollbar-thumb{background:var(--border-color, #30363d);border-radius:4px}.command-palette-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #6e7681)}@media (max-width: 600px){.command-palette-overlay{padding-top:10vh}.command-palette{width:95vw;max-height:70vh}.command-palette-header{padding:12px}.command-palette-input{font-size:16px}.command-item{padding:12px 10px}.command-shortcut{display:none}.command-palette-footer{padding:8px 12px;gap:16px}}.token-meter{background:var(--bg-elevated, #161b22);border:1px solid var(--border-color, #30363d);border-radius:8px;padding:12px;font-size:12px}.token-meter--animating .token-meter__fill{transition:width .3s ease-out}.token-meter--green{--meter-color: #3fb950;--meter-bg: rgba(63, 185, 80, .15)}.token-meter--yellow{--meter-color: #d29922;--meter-bg: rgba(210, 153, 34, .15)}.token-meter--orange{--meter-color: #f97316;--meter-bg: rgba(249, 115, 22, .15)}.token-meter--red{--meter-color: #f85149;--meter-bg: rgba(248, 81, 73, .15)}.token-meter__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.token-meter__title{display:flex;align-items:center;gap:6px;color:var(--text-secondary, #8b949e);font-weight:500}.token-meter__warning{display:flex;align-items:center;gap:4px;color:var(--meter-color);font-size:11px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.token-meter__bar-container{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:10px}.token-meter__bar{flex:1;height:20px;background:var(--bg-canvas, #0d1117);border-radius:10px;overflow:hidden;position:relative}.token-meter__fill{height:100%;background:linear-gradient(90deg,var(--meter-color),var(--meter-color));border-radius:10px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;min-width:0;transition:width .5s ease-out}.token-meter__percent{color:#fff;font-weight:600;font-size:11px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.token-meter__percent-outside{color:var(--text-muted, #6e7681);font-size:11px;min-width:30px}.token-meter__details{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.token-meter__breakdown{display:flex;gap:16px}.token-meter__stat{display:flex;flex-direction:column;gap:2px}.token-meter__stat-label{color:var(--text-muted, #6e7681);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.token-meter__stat-value{color:var(--text-primary, #e6edf3);font-weight:600;font-family:SF Mono,Monaco,monospace}.token-meter__stat--total .token-meter__stat-value{color:var(--meter-color)}.token-meter__cost{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--meter-bg);border-radius:12px;color:var(--meter-color);font-weight:600;font-family:SF Mono,Monaco,monospace}.token-meter__capacity{text-align:center;color:var(--text-muted, #6e7681);font-size:11px;padding-top:8px;border-top:1px solid var(--border-color, #30363d)}.token-meter--compact{display:flex;align-items:center;gap:8px;padding:6px 10px;background:transparent;border:none}.token-meter__bar-compact{width:60px;height:6px;background:var(--bg-canvas, #0d1117);border-radius:3px;overflow:hidden}.token-meter__fill-compact{height:100%;background:var(--meter-color);border-radius:3px;transition:width .3s ease-out}.token-meter__label-compact{color:var(--meter-color);font-family:SF Mono,Monaco,monospace;font-size:11px;font-weight:600}.token-meter-mini{display:flex;align-items:center;gap:6px;cursor:default}.token-meter-mini__bar{width:40px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.token-meter-mini__fill{height:100%;border-radius:2px;transition:width .3s ease-out,background-color .3s ease}.token-meter-mini__label{font-family:SF Mono,Monaco,monospace;font-size:10px;font-weight:600;min-width:32px}@media (max-width: 480px){.token-meter__breakdown{gap:12px}.token-meter__stat-label{font-size:9px}.token-meter__cost{font-size:11px;padding:3px 8px}}.shortcuts-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}.shortcuts-modal{background:var(--bg-elevated, #161b22);border:1px solid var(--border-color, #30363d);border-radius:12px;width:90%;max-width:720px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #0006;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.shortcuts-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #30363d)}.shortcuts-modal__title{display:flex;align-items:center;gap:10px;color:var(--text-primary, #e6edf3);font-size:16px;font-weight:600}.shortcuts-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-muted, #6e7681);cursor:pointer;transition:all .15s ease}.shortcuts-modal__close:hover{background:#ffffff1a;color:var(--text-primary, #e6edf3)}.shortcuts-modal__content{flex:1;overflow-y:auto;padding:20px}.shortcuts-modal__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.shortcuts-modal__group{display:flex;flex-direction:column;gap:10px}.shortcuts-modal__group-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #6e7681);margin:0;padding-bottom:6px;border-bottom:1px solid var(--border-color, #30363d)}.shortcuts-modal__list{display:flex;flex-direction:column;gap:6px}.shortcuts-modal__item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#ffffff05;border-radius:6px;transition:background .15s ease}.shortcuts-modal__item:hover{background:#ffffff0d}.shortcuts-modal__description{color:var(--text-secondary, #8b949e);font-size:13px}.shortcuts-modal__keys{display:flex;align-items:center;gap:4px}.shortcuts-modal__key{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:var(--bg-canvas, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:4px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;font-weight:500;color:var(--text-primary, #e6edf3);box-shadow:0 1px 2px #0003}.shortcuts-modal__key--command{background:#882ee026;border-color:#882ee04d;color:#a371f7;min-width:auto;padding:0 10px}.shortcuts-modal__key-separator{color:var(--text-muted, #6e7681);font-size:11px;margin:0 2px}.shortcuts-modal__footer{padding:12px 20px;border-top:1px solid var(--border-color, #30363d);background:#ffffff05}.shortcuts-modal__hint{display:flex;align-items:center;gap:6px;color:var(--text-muted, #6e7681);font-size:12px}.shortcuts-modal__hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin:0 2px;background:var(--bg-canvas, #0d1117);border:1px solid var(--border-color, #30363d);border-radius:3px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px;font-weight:500;color:var(--text-primary, #e6edf3)}.shortcuts-modal__content::-webkit-scrollbar{width:8px}.shortcuts-modal__content::-webkit-scrollbar-track{background:transparent}.shortcuts-modal__content::-webkit-scrollbar-thumb{background:var(--border-color, #30363d);border-radius:4px}.shortcuts-modal__content::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #6e7681)}@media (max-width: 600px){.shortcuts-modal{width:95%;max-height:90vh;margin:10px}.shortcuts-modal__grid{grid-template-columns:1fr;gap:16px}.shortcuts-modal__item{flex-direction:column;align-items:flex-start;gap:8px}.shortcuts-modal__keys{margin-left:auto}}.export-chat-btn{display:flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;transition:all .15s ease;font-family:inherit}.export-chat-btn:disabled{opacity:.5;cursor:not-allowed}.export-chat-btn--icon{width:32px;height:32px;background:transparent;border-radius:6px;color:var(--text-muted, #6e7681)}.export-chat-btn--icon:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary, #e6edf3)}.export-chat-btn--icon:active:not(:disabled){transform:scale(.95)}.export-chat-btn--button{padding:6px 12px;background:#ffffff0d;border:1px solid var(--border-color, #30363d);border-radius:6px;color:var(--text-secondary, #8b949e);font-size:12px;font-weight:500}.export-chat-btn--button:hover:not(:disabled){background:#ffffff1a;border-color:var(--text-muted, #6e7681);color:var(--text-primary, #e6edf3)}.export-chat-btn--menu-item{width:100%;padding:8px 12px;background:transparent;border-radius:6px;color:var(--text-secondary, #8b949e);font-size:13px;text-align:left;justify-content:flex-start}.export-chat-btn--menu-item:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary, #e6edf3)}.connection-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted, #6e7681)}.connection-indicator__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.connection-indicator__dot--connected{background:var(--color-success, #3fb950);box-shadow:0 0 6px var(--color-success, #3fb950);animation:pulse-green 2s ease-in-out infinite}.connection-indicator__dot--disconnected{background:var(--color-error, #f85149)}.connection-indicator__dot--connecting{background:var(--color-warning, #d29922);animation:pulse-yellow 1s ease-in-out infinite}.connection-indicator__dot--closing{background:var(--color-warning, #d29922);opacity:.7}.connection-indicator__dot--unknown{background:var(--text-muted, #6e7681)}@keyframes pulse-green{0%,to{box-shadow:0 0 4px var(--color-success, #3fb950)}50%{box-shadow:0 0 8px var(--color-success, #3fb950)}}@keyframes pulse-yellow{0%,to{opacity:1}50%{opacity:.5}}.spin{animation:spin 1s linear infinite}.connection-indicator--compact{position:relative;padding:4px 8px;background:#ffffff08;border-radius:12px;cursor:default;transition:background .15s ease}.connection-indicator--compact:hover{background:#ffffff0f}.connection-indicator__reconnect{position:absolute;right:-4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--bg-elevated, #161b22);border:1px solid var(--border-color, #30363d);border-radius:50%;color:var(--text-secondary, #8b949e);cursor:pointer;transition:all .15s ease}.connection-indicator__reconnect:hover{background:var(--color-accent, #58a6ff);border-color:var(--color-accent, #58a6ff);color:#fff}.connection-indicator--dot{padding:0;background:none}.connection-indicator--full{padding:8px 12px;background:var(--bg-elevated, #161b22);border:1px solid var(--border-color, #30363d);border-radius:8px;flex-wrap:wrap;gap:8px}.connection-indicator__main{display:flex;align-items:center;gap:8px}.connection-indicator__icon{display:flex;align-items:center;color:var(--text-secondary, #8b949e)}.connection-indicator__text{font-weight:500}.connection-indicator__attempts{font-size:11px;color:var(--text-muted, #6e7681)}.connection-indicator__btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid var(--border-color, #30363d);border-radius:6px;color:var(--text-secondary, #8b949e);font-size:11px;cursor:pointer;transition:all .15s ease}.connection-indicator__btn:hover{background:#ffffff0d;border-color:var(--text-muted, #6e7681);color:var(--text-primary, #e6edf3)}.connection-badge{display:flex;align-items:center;gap:5px;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.connection-badge.connected{background:#3fb95026;color:var(--color-success, #3fb950)}.connection-badge.disconnected{background:#f8514926;color:var(--color-error, #f85149)}.connection-badge__dot{width:6px;height:6px;border-radius:50%}.connection-badge.connected .connection-badge__dot{background:var(--color-success, #3fb950);animation:pulse-green 2s ease-in-out infinite}.connection-badge.disconnected .connection-badge__dot{background:var(--color-error, #f85149)}.connection-badge__label{line-height:1}.app-container{display:flex;flex-direction:column;height:100vh;background:var(--oc-bg-base);overflow:hidden}.chat-page-with-sidebar{display:flex;flex:1;height:100%;background:var(--oc-bg-base);position:relative;overflow:hidden}.chat-page{display:flex;flex-direction:column;flex:1;height:100%;background:var(--oc-bg-base);overflow:hidden}.console-main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--oc-bg-base);padding:0;position:relative}.console-unified-header{display:grid;grid-template-columns:auto 1fr auto;gap:var(--oc-space-3);align-items:center;padding:var(--oc-space-2) var(--oc-space-3);background:var(--oc-bg-surface);border-bottom:var(--oc-border-width) solid var(--oc-panel-divider);position:relative;z-index:1}.task-status-section{display:flex;align-items:center;gap:12px}.task-status-badge{padding:var(--oc-space-1) var(--oc-space-3);border-radius:var(--oc-radius-full);font-size:var(--oc-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-family:var(--oc-font-mono)}.task-status-badge.status-paused,.task-status-badge.status-interrupted{background:#d2992226;color:var(--oc-warning)}.task-status-badge.status-in_progress{background:#58a6ff26;color:var(--oc-accent-primary)}.task-status-badge.status-pending{background:var(--oc-bg-inset);color:var(--oc-text-muted)}.task-status-badge.status-completed{background:#3fb95026;color:var(--oc-success)}.task-status-badge.status-cancelled,.task-status-badge.status-failed{background:#f8514926;color:var(--oc-error)}.console-tabs-center{display:flex;gap:var(--oc-space-2);align-items:center;justify-content:center}.console-tab{padding:var(--oc-space-2) var(--oc-space-3);border:none;background:transparent;color:var(--oc-text-muted);font-size:var(--oc-text-xs);font-weight:500;cursor:pointer;border-radius:var(--oc-radius-sm);transition:all var(--oc-transition-fast);display:flex;align-items:center;gap:var(--oc-space-2);font-family:var(--oc-font-mono)}.console-tab:hover{background:var(--oc-bg-overlay);color:var(--oc-text-primary)}.console-tab.active{background:var(--oc-accent-primary);color:var(--oc-bg-base)}.console-actions-right{display:flex;gap:var(--oc-space-1);align-items:center}.task-control-btn-compact{padding:var(--oc-space-1) var(--oc-space-2);border:var(--oc-border-width) solid var(--oc-panel-divider);border-radius:var(--oc-radius-sm);cursor:pointer;transition:all var(--oc-transition-fast);background:transparent;color:var(--oc-text-muted);display:flex;align-items:center;justify-content:center;font-size:var(--oc-text-sm);min-width:28px;height:28px}.task-control-btn-compact:hover:not(:disabled){background:var(--oc-bg-overlay);color:var(--oc-text-primary)}.task-control-btn-compact:disabled{opacity:.5;cursor:not-allowed}.task-control-btn-compact.pause:hover:not(:disabled){color:var(--oc-warning);border-color:var(--oc-warning)}.task-control-btn-compact.resume:hover:not(:disabled){color:var(--oc-success);border-color:var(--oc-success)}.task-control-btn-compact.cancel:hover:not(:disabled){color:var(--oc-error);border-color:var(--oc-error)}.task-control-btn-compact.retry{background:var(--oc-warning);color:#fff;border-color:var(--oc-warning);font-weight:500}.task-control-btn-compact.retry:hover:not(:disabled){background:#e07800;border-color:#e07800}.console-settings-btn{display:flex;align-items:center;justify-content:center;padding:var(--oc-space-1) var(--oc-space-2);background:transparent;border:var(--oc-border-width) solid var(--oc-panel-divider);color:var(--oc-text-muted);cursor:pointer;border-radius:var(--oc-radius-sm);transition:all var(--oc-transition-fast);min-width:28px;height:28px}.console-settings-btn:hover{background:var(--oc-bg-overlay);color:var(--oc-accent-primary);border-color:var(--oc-accent-primary)}.console-empty-state{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--oc-space-8);text-align:center}.console-empty-state h2{font-size:var(--oc-text-xl);font-weight:600;color:var(--oc-text-primary);margin:0 0 var(--oc-space-3) 0;font-family:var(--oc-font-mono)}.console-empty-state p{font-size:var(--oc-text-sm);color:var(--oc-text-muted);margin:0 0 var(--oc-space-6) 0;max-width:500px;line-height:1.6}.empty-state-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--oc-space-3);max-width:600px;width:100%}.feature-item{display:flex;align-items:center;gap:var(--oc-space-3);padding:var(--oc-space-4);background:var(--oc-bg-surface);border-radius:var(--oc-radius-md);border:var(--oc-border-width) solid var(--oc-panel-divider);transition:all var(--oc-transition-fast)}.feature-item:hover{border-color:var(--oc-accent-primary);background:var(--oc-bg-overlay)}.feature-icon{font-size:var(--oc-text-lg);flex-shrink:0}.feature-text{font-size:var(--oc-text-sm);font-weight:500;color:var(--oc-text-secondary);text-align:left;line-height:1.4}.chat-container{flex:1;display:flex;flex-direction:column;height:100%;max-width:1400px;margin:0 auto;width:100%;padding:0;overflow:hidden}.chat-input-container{padding:var(--oc-space-4);padding-bottom:var(--oc-space-6);position:sticky;bottom:0;background:var(--oc-bg-base);display:flex;flex-direction:column;align-items:center}.chat-input{display:flex;align-items:flex-end;gap:var(--oc-space-3);padding:var(--oc-space-3);border:var(--oc-border-width) solid var(--oc-panel-divider);border-radius:var(--oc-radius-md);background:var(--oc-bg-surface);transition:all var(--oc-transition-fast);max-height:220px;width:100%;max-width:800px}.chat-input:focus-within{border-color:var(--oc-accent-primary);box-shadow:0 0 0 3px #58a6ff26}.upload-btn{cursor:pointer;color:var(--oc-text-muted);padding:var(--oc-space-2);border-radius:var(--oc-radius-sm);transition:all var(--oc-transition-fast);display:flex;align-items:center;border:var(--oc-border-width) solid transparent;position:relative}.upload-btn:hover{color:var(--oc-accent-primary);background:#58a6ff1a;border-color:var(--oc-accent-primary)}.image-count-badge{position:absolute;top:2px;right:2px;background:var(--oc-accent-primary);color:var(--oc-bg-base);font-size:10px;font-weight:600;padding:2px 5px;border-radius:var(--oc-radius-full);min-width:16px;height:16px;display:flex;align-items:center;justify-content:center}.message-input{flex:1;border:none;outline:none;background:transparent;resize:none;font-family:var(--oc-font-mono);font-size:var(--oc-text-sm);line-height:1.5;color:var(--oc-text-primary);min-height:40px;max-height:200px;overflow-y:auto;padding:var(--oc-space-2) 0}.message-input::placeholder{color:var(--oc-text-muted)}.message-input::-webkit-scrollbar{width:6px}.message-input::-webkit-scrollbar-track{background:transparent}.message-input::-webkit-scrollbar-thumb{background:var(--oc-scrollbar-thumb);border-radius:3px}.send-btn{color:var(--oc-bg-base);background:var(--oc-accent-primary);border:var(--oc-border-width) solid var(--oc-accent-primary);cursor:pointer;padding:var(--oc-space-3);border-radius:var(--oc-radius-sm);transition:all var(--oc-transition-fast);display:flex;align-items:center;justify-content:center;min-width:44px;height:44px}.send-btn:hover:not(:disabled){background:var(--oc-accent-primary);filter:brightness(1.1);transform:translateY(-1px)}.send-btn:disabled{color:var(--oc-text-muted);background:var(--oc-bg-inset);border-color:var(--oc-panel-divider);cursor:not-allowed;transform:none}.continue-btn{gap:var(--oc-space-2);min-width:auto;padding:var(--oc-space-3) var(--oc-space-4)}.continue-btn .btn-label{font-size:var(--oc-text-xs);font-weight:500;white-space:nowrap}.stop-btn{color:var(--oc-error);background:#f8514926;border:var(--oc-border-width) solid var(--oc-error);cursor:pointer;padding:var(--oc-space-3);border-radius:var(--oc-radius-sm);transition:all var(--oc-transition-fast);display:flex;align-items:center;justify-content:center;min-width:44px;height:44px}.stop-btn:hover{background:var(--oc-error);color:var(--oc-bg-base)}.images-preview-container{margin-bottom:var(--oc-space-3);background:var(--oc-bg-surface);border-radius:var(--oc-radius-md);padding:var(--oc-space-3);border:var(--oc-border-width) solid var(--oc-panel-divider);max-width:800px;width:100%}.images-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--oc-space-2);padding:0 var(--oc-space-1)}.images-count{font-size:var(--oc-text-xs);color:var(--oc-text-muted)}.clear-all-btn{display:flex;align-items:center;gap:4px;padding:var(--oc-space-1) var(--oc-space-2);background:transparent;color:var(--oc-error);border:var(--oc-border-width) solid var(--oc-error);border-radius:var(--oc-radius-sm);cursor:pointer;font-size:var(--oc-text-xs);transition:all var(--oc-transition-fast)}.clear-all-btn:hover{background:var(--oc-error);color:var(--oc-bg-base)}.images-preview{display:flex;flex-wrap:wrap;gap:var(--oc-space-2);align-items:flex-start}.image-preview{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--oc-space-1);background:var(--oc-bg-inset);border-radius:var(--oc-radius-sm);border:var(--oc-border-width) solid var(--oc-panel-divider);transition:border-color var(--oc-transition-fast)}.image-preview:hover{border-color:var(--oc-accent-primary)}.image-preview img{width:80px;height:80px;border-radius:var(--oc-radius-sm);object-fit:cover}.image-preview .image-name{font-size:10px;color:var(--oc-text-muted);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.remove-image{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--oc-error);color:var(--oc-bg-base);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px}.message.system-message{background:#58a6ff14;border:var(--oc-border-width) solid rgba(88,166,255,.2);border-radius:var(--oc-radius-md);margin:var(--oc-space-3) 0;padding:0;max-width:100%}.message.system-message.orchestration{background:#d2992214;border-color:#d299224d}.agent-message-header{display:flex;align-items:center;gap:var(--oc-space-2);padding:var(--oc-space-3) var(--oc-space-4);border-bottom:var(--oc-border-width) solid rgba(255,255,255,.05);background:#ffffff05}.agent-icon{flex-shrink:0}.agent-icon.spinning{animation:spin 1s linear infinite}.agent-icon.success{color:var(--oc-success)}.agent-icon.error{color:var(--oc-error)}.agent-icon.info{color:var(--oc-info)}.agent-icon.complete{color:var(--oc-success)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.agent-name{font-weight:600;color:var(--oc-accent-primary);font-size:var(--oc-text-sm)}.agent-content{padding:var(--oc-space-4);color:var(--oc-text-primary);line-height:1.6}.agent-content p{margin:var(--oc-space-1) 0}.agent-content strong{font-weight:600;color:var(--oc-accent-primary)}.messages-container{flex:1;overflow-y:auto;padding:var(--oc-space-4);scroll-behavior:smooth;display:flex;flex-direction:column}.message{margin-bottom:var(--oc-space-4);display:flex;flex-direction:column}.message.user{align-items:flex-end}.message.assistant{align-items:flex-start}.message-content{max-width:70%;padding:var(--oc-space-3);border-radius:var(--oc-radius-md);background:var(--oc-bg-surface);border:var(--oc-border-width) solid var(--oc-panel-divider);word-wrap:break-word}.message.user .message-content{background:var(--oc-accent-primary);color:var(--oc-bg-base);border-color:var(--oc-accent-primary)}.message.user .message-content p{color:var(--oc-bg-base)}.message.sending{opacity:.7}.message.sending .message-content{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.message-content p{margin:0;line-height:1.5}.message-image{max-width:100%;max-height:200px;border-radius:var(--oc-radius-sm);margin-bottom:var(--oc-space-2);object-fit:cover}.message-time{font-size:var(--oc-text-xs);color:var(--oc-text-muted);margin-top:var(--oc-space-1);padding:0 var(--oc-space-2)}.welcome-message{max-width:800px;margin:0 auto;text-align:center;padding:var(--oc-space-8);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}.welcome-message h2{font-size:var(--oc-text-xl);font-weight:600;margin:0 0 var(--oc-space-3) 0;color:var(--oc-text-primary);font-family:var(--oc-font-mono)}.welcome-message p{font-size:var(--oc-text-md);color:var(--oc-text-muted);margin-bottom:var(--oc-space-6);line-height:1.6;max-width:600px}.welcome-message ul{text-align:left;margin:var(--oc-space-4) 0;padding-left:0;list-style:none;width:100%;max-width:700px;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--oc-space-3)}.welcome-message li{margin-bottom:0;color:var(--oc-text-primary);background:var(--oc-bg-surface);padding:var(--oc-space-4);border-radius:var(--oc-radius-md);border:var(--oc-border-width) solid var(--oc-panel-divider);transition:all var(--oc-transition-fast);display:flex;align-items:center;gap:var(--oc-space-3)}.welcome-message li:hover{border-color:var(--oc-accent-primary);background:var(--oc-bg-overlay)}.welcome-message strong{color:var(--oc-text-primary)}.directives-tab-content{padding:var(--oc-space-4);overflow-y:auto;height:100%}.approval-buttons{display:flex;gap:var(--oc-space-2);align-items:center}.approval-buttons button{padding:var(--oc-space-2) var(--oc-space-3);border-radius:var(--oc-radius-sm);cursor:pointer;transition:all var(--oc-transition-fast);display:flex;align-items:center;gap:var(--oc-space-2);font-size:var(--oc-text-xs);font-weight:500;white-space:nowrap;font-family:var(--oc-font-mono)}.approve-btn{background:#3fb95026;color:var(--oc-success);border:var(--oc-border-width) solid rgba(63,185,80,.3)}.approve-btn:hover:not(:disabled){background:#3fb95033;border-color:var(--oc-success)}.feedback-btn{background:#58a6ff26;color:var(--oc-accent-primary);border:var(--oc-border-width) solid rgba(88,166,255,.3)}.feedback-btn:hover:not(:disabled){background:#58a6ff33;border-color:var(--oc-accent-primary)}.reject-btn{background:#f8514926;color:var(--oc-error);border:var(--oc-border-width) solid rgba(248,81,73,.3)}.reject-btn:hover:not(:disabled){background:#f8514933;border-color:var(--oc-error)}.approval-buttons button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--oc-space-4);animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--oc-bg-surface);border:var(--oc-border-width) solid var(--oc-panel-divider);border-radius:var(--oc-radius-lg);box-shadow:var(--oc-shadow-xl);max-width:600px;width:100%;max-height:85vh;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.chat-page-with-sidebar{flex-direction:column;height:calc(100vh - 56px);padding-bottom:56px}.console-unified-header{grid-template-columns:1fr;gap:var(--oc-space-2);padding:var(--oc-space-2)}.console-tabs-center{justify-content:flex-start;flex-wrap:wrap}.console-tab{padding:var(--oc-space-2);font-size:10px}.console-empty-state{padding:var(--oc-space-4)}.console-empty-state h2{font-size:var(--oc-text-lg)}.empty-state-features{grid-template-columns:1fr}.chat-input-container{padding:var(--oc-space-3);padding-bottom:var(--oc-space-4)}.chat-input{max-width:100%}.message-content{max-width:85%}.welcome-message{padding:var(--oc-space-4)}.welcome-message ul{grid-template-columns:1fr}.modal-overlay{padding:0}.modal-content{max-width:100%;max-height:100vh;border-radius:0}}.token-analytics{padding:1.5rem;max-width:1400px;margin:0 auto}.token-analytics.loading,.token-analytics.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.header-left h2{margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.header-left .subtitle{margin:.5rem 0 0;font-size:.9375rem;color:var(--color-text-secondary)}.header-right{display:flex;gap:1rem;align-items:center}.time-range-select{padding:.5rem 1rem;border:1px solid var(--color-border-primary);border-radius:8px;background:var(--color-primary);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s}.time-range-select:hover{border-color:var(--color-border-hover)}.time-range-select:focus{outline:none;border-color:var(--color-accent)}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--color-primary);border:1px solid var(--color-border-primary);border-radius:12px;transition:all .2s}.summary-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon.primary{background:#6366f11a;color:var(--color-accent)}.card-icon.success{background:#22c55e1a;color:var(--color-success)}.card-icon.accent{background:#a855f71a;color:#a855f7}.card-icon.warning{background:#fb923c1a;color:var(--color-warning)}.card-content{display:flex;flex-direction:column;gap:.25rem}.card-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.card-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.analytics-section{background:var(--color-primary);border:1px solid var(--color-border-primary);border-radius:12px;padding:1.5rem}.analytics-section.full-width{grid-column:1 / -1}.analytics-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.model-list{display:flex;flex-direction:column;gap:1rem}.model-item{padding:1rem;background:var(--color-secondary);border:1px solid var(--color-border-primary);border-radius:8px}.model-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.model-name{font-weight:600;color:var(--color-text-primary);font-size:.9375rem}.model-cost{font-weight:700;color:var(--color-success);font-size:1rem}.model-stats{display:flex;gap:1.5rem;margin-bottom:.75rem}.stat{display:flex;gap:.5rem;font-size:.8125rem}.stat-label{color:var(--color-text-secondary)}.stat-value{color:var(--color-text-primary);font-weight:600}.model-progress{height:6px;background:var(--color-border-primary);border-radius:3px;overflow:hidden}.model-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),#a855f7);transition:width .3s}.agent-list{display:flex;flex-direction:column;gap:.75rem}.agent-item{padding:1rem;background:var(--color-secondary);border:1px solid var(--color-border-primary);border-radius:8px;transition:all .2s}.agent-item:hover{border-color:var(--color-border-hover)}.agent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.agent-name{font-weight:600;color:var(--color-text-primary);font-size:.875rem;text-transform:capitalize}.agent-cost{font-weight:700;color:var(--color-success);font-size:.9375rem}.agent-stats{display:flex;gap:1.5rem}.tasks-table{display:flex;flex-direction:column;gap:.5rem}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr .8fr;gap:1rem;padding:.75rem 1rem;align-items:center}.table-header{background:var(--color-secondary);border-radius:8px;font-weight:600;font-size:.8125rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.table-row{background:var(--color-secondary);border:1px solid var(--color-border-primary);border-radius:8px;transition:all .2s;font-size:.875rem}.table-row:hover{border-color:var(--color-border-hover);background:var(--color-primary)}.col-task{color:var(--color-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-tokens,.col-cost,.col-agents{color:var(--color-text-secondary);text-align:right}.col-cost{font-weight:600;color:var(--color-success)}.trends-chart{padding:1rem 0}.chart-bars{display:flex;gap:.5rem;align-items:flex-end;height:200px;padding:0 .5rem}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.chart-bar{width:100%;height:180px;display:flex;align-items:flex-end}.chart-bar-fill{width:100%;background:linear-gradient(180deg,var(--color-accent),#a855f7);border-radius:4px 4px 0 0;transition:height .3s;cursor:pointer;min-height:4px}.chart-bar-fill:hover{opacity:.8}.chart-label{font-size:.75rem;color:var(--color-text-tertiary);text-align:center;white-space:nowrap}@media (max-width: 1024px){.analytics-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr .6fr;gap:.5rem}}@media (max-width: 768px){.analytics-header{flex-direction:column;align-items:stretch}.header-right{flex-direction:column}.analytics-summary{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:.25rem}.col-task,.col-tokens,.col-cost,.col-agents{text-align:left}}.analytics-page{min-height:100vh;background:var(--color-background);padding:2rem}.analytics-nav{max-width:1400px;margin:0 auto 1rem}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-primary);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s}.back-btn:hover{border-color:var(--color-border-hover);background:var(--color-secondary)}.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;text-align:center}.analytics-error h2{margin:0;font-size:1.5rem;color:var(--color-text-primary)}.analytics-error p{margin:0;color:var(--color-text-secondary)}@media (max-width: 768px){.analytics-page{padding:1rem}}.user-profile-page{max-width:900px;margin:0 auto;padding:2rem}.profile-header{margin-bottom:2rem}.profile-header-content{display:flex;align-items:center;gap:1.5rem}.profile-icon{color:var(--primary-color);background:#6366f11a;padding:1rem;border-radius:12px}.profile-header h1{margin:0;font-size:2rem;color:var(--text-color)}.profile-subtitle{margin:.25rem 0 0;color:var(--text-secondary);font-size:.95rem}.profile-content{display:flex;flex-direction:column;gap:1.5rem}.profile-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.section-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:var(--card-bg-hover);border-bottom:1px solid var(--border-color)}.section-header h2{margin:0;font-size:1.25rem;color:var(--text-color)}.section-header svg{color:var(--primary-color)}.section-body{padding:1.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-label{font-weight:500;color:var(--text-secondary)}.info-value{color:var(--text-color);font-weight:500}.info-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500}.info-badge.success{background:#10b9811a;color:#10b981}.info-badge.warning{background:#f59e0b1a;color:#f59e0b}.api-key-info{display:flex;flex-direction:column;gap:1.5rem}.api-key-description{margin:0;color:var(--text-secondary);line-height:1.6;padding:1rem;background:var(--bg-secondary);border-left:3px solid var(--primary-color);border-radius:6px}.api-key-display{display:flex;flex-direction:column;gap:1rem}.current-key{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.key-label{font-weight:500;color:var(--text-secondary);min-width:120px}.key-value{flex:1;font-family:Courier New,monospace;font-size:.95rem;color:var(--text-color)}.btn-icon{padding:.5rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.btn-icon:hover{background:var(--bg-hover);color:var(--text-color)}.api-key-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text-color);font-size:.95rem}.form-input{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--text-color);font-size:1rem;transition:all .2s}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-hint{margin:0;font-size:.85rem;color:var(--text-secondary)}.form-hint .link{color:var(--primary-color);text-decoration:none}.form-hint .link:hover{text-decoration:underline}.api-key-actions{display:flex;gap:1rem}.api-key-note{padding:1rem;background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:8px;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.api-key-note strong{color:var(--text-color)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-secondary{background:var(--card-bg-hover);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:#ef4444;color:#fff}.spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.user-profile-page{padding:1rem}.profile-header-content{flex-direction:column;text-align:center}.info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.current-key{flex-direction:column;align-items:flex-start}.api-key-actions{flex-direction:column}.btn{width:100%;justify-content:center}}.notification-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:1000;max-width:400px;width:100%}.notification-item{margin-bottom:var(--spacing-sm);animation:slideIn .3s ease-out}.notification-item:last-child{margin-bottom:0}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.notification-container{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);max-width:none}}.toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:400px;width:100%}.toast-container--top-right{top:16px;right:16px;align-items:flex-end}.toast-container--top-left{top:16px;left:16px;align-items:flex-start}.toast-container--bottom-right{bottom:16px;right:16px;align-items:flex-end;flex-direction:column-reverse}.toast-container--bottom-left{bottom:16px;left:16px;align-items:flex-start;flex-direction:column-reverse}.toast-container--top-center{top:16px;left:50%;transform:translate(-50%);align-items:center}.toast-container--bottom-center{bottom:16px;left:50%;transform:translate(-50%);align-items:center;flex-direction:column-reverse}.toast{display:flex;flex-direction:column;width:100%;max-width:380px;background:var(--bg-elevated, #161b22);border:1px solid var(--border-color, #30363d);border-radius:10px;box-shadow:0 8px 24px #0006;overflow:hidden;pointer-events:auto;animation:toastEnter .25s ease-out}@keyframes toastEnter{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.toast--exiting{animation:toastExit .2s ease-in forwards}@keyframes toastExit{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.95)}}.toast-container--top-left .toast,.toast-container--bottom-left .toast{animation:toastEnterLeft .25s ease-out}@keyframes toastEnterLeft{0%{opacity:0;transform:translate(-100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.toast-container--top-left .toast--exiting,.toast-container--bottom-left .toast--exiting{animation:toastExitLeft .2s ease-in forwards}@keyframes toastExitLeft{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-100%) scale(.95)}}.toast__content{display:flex;align-items:flex-start;gap:12px;padding:14px 16px}.toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:1px}.toast__body{flex:1;min-width:0}.toast__title{font-weight:600;font-size:13px;color:var(--text-primary, #e6edf3);margin-bottom:4px}.toast__message{font-size:13px;color:var(--text-secondary, #8b949e);line-height:1.4;word-wrap:break-word}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:var(--text-muted, #6e7681);cursor:pointer;transition:all .15s ease}.toast__close:hover{background:#ffffff1a;color:var(--text-primary, #e6edf3)}.toast__progress{height:3px;background:#ffffff0d}.toast__progress-bar{height:100%;transition:width .1s linear}.toast--success{border-left:3px solid var(--color-success, #3fb950)}.toast--success .toast__icon{color:var(--color-success, #3fb950)}.toast--success .toast__progress-bar{background:var(--color-success, #3fb950)}.toast--error{border-left:3px solid var(--color-error, #f85149)}.toast--error .toast__icon{color:var(--color-error, #f85149)}.toast--error .toast__progress-bar{background:var(--color-error, #f85149)}.toast--warning{border-left:3px solid var(--color-warning, #d29922)}.toast--warning .toast__icon{color:var(--color-warning, #d29922)}.toast--warning .toast__progress-bar{background:var(--color-warning, #d29922)}.toast--info{border-left:3px solid var(--color-accent, #58a6ff)}.toast--info .toast__icon{color:var(--color-accent, #58a6ff)}.toast--info .toast__progress-bar{background:var(--color-accent, #58a6ff)}@media (max-width: 480px){.toast-container{left:8px;right:8px;max-width:none;width:auto}.toast-container--top-right,.toast-container--top-left,.toast-container--top-center,.toast-container--bottom-right,.toast-container--bottom-left,.toast-container--bottom-center{transform:none;left:8px;right:8px}.toast{max-width:none}.toast__content{padding:12px 14px}.toast__message{font-size:12px}}