.channel-form[data-v-a0d69799]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}.form-section[data-v-a0d69799]{display:flex;flex-direction:column;gap:var(--space-4)}.section-title[data-v-a0d69799]{margin:0;padding-bottom:var(--space-3);border-bottom:2px solid var(--border-default);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.form-fields[data-v-a0d69799]{display:flex;flex-direction:column;gap:var(--space-4)}.mapper-container[data-v-a0d69799]{display:flex;flex-direction:column;gap:var(--space-3);height:100%}.mapping-table-scroll[data-v-a0d69799]{flex:1;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);padding-right:var(--space-2)}.mapping-table-scroll[data-v-a0d69799]::-webkit-scrollbar{width:6px}.mapping-table-scroll[data-v-a0d69799]::-webkit-scrollbar-track{background:var(--bg-surface-elevated);border-radius:3px}.mapping-table-scroll[data-v-a0d69799]::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.mapping-table-scroll[data-v-a0d69799]::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)}.form-footer[data-v-a0d69799]{grid-column:1 / -1;padding-top:var(--space-4);border-top:1px solid var(--border-default);display:flex;justify-content:flex-end}.btn-submit[data-v-a0d69799]{min-width:160px;background:var(--brand-gradient);color:#fff;font-weight:600}.channel-mapping-cell[data-v-a0d69799]{min-width:360px;max-width:500px}.mapping-list[data-v-a0d69799]{display:flex;flex-direction:column;gap:var(--space-2)}.mapping-item[data-v-a0d69799]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--font-size-xs);line-height:1.4}.mapping-public[data-v-a0d69799]{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.mapping-arrow[data-v-a0d69799]{color:var(--text-muted);font-weight:700}.mapping-upstream[data-v-a0d69799]{font-family:var(--font-mono);color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapping-count[data-v-a0d69799]{margin-top:var(--space-1)}.channel-model-cell[data-v-a0d69799]{min-width:260px;max-width:420px}.channel-model-summary[data-v-a0d69799]{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.model-chip-list[data-v-a0d69799]{display:flex;flex-wrap:wrap;gap:6px}.model-chip[data-v-a0d69799]{display:inline-flex;align-items:center;max-width:220px;min-height:26px;padding:4px 9px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface-subtle);color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;line-height:1.3;overflow-wrap:anywhere}.model-mapper[data-v-a0d69799]{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);background:var(--bg-surface-elevated)}.model-mapper legend[data-v-a0d69799]{padding:0 var(--space-2);color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.mapper-description[data-v-a0d69799]{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0}.mapper-description code[data-v-a0d69799]{padding:2px 6px;background:var(--bg-surface);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em}.mapper-actions[data-v-a0d69799]{display:flex;gap:var(--space-2);flex-wrap:wrap}.mapper-hint[data-v-a0d69799]{color:var(--text-muted);font-size:var(--font-size-sm);margin:0;padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-sm);border-left:3px solid var(--brand-primary)}.mapping-table[data-v-a0d69799]{display:flex;flex-direction:column;gap:var(--space-2)}.mapping-header[data-v-a0d69799],.mapping-row[data-v-a0d69799]{display:grid;grid-template-columns:1fr 1fr 48px;gap:var(--space-3);align-items:center}.mapping-header[data-v-a0d69799]{padding:var(--space-2) var(--space-3);background:var(--bg-surface);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.mapping-row[data-v-a0d69799]{padding:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-base)}.mapping-row[data-v-a0d69799]:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}.mapping-col[data-v-a0d69799]{display:flex;align-items:center}.mapping-col-action[data-v-a0d69799]{display:flex;justify-content:center}.mapping-input[data-v-a0d69799],.mapping-select[data-v-a0d69799]{width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-app);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-mono);transition:all var(--transition-base)}.mapping-input[data-v-a0d69799]:focus,.mapping-select[data-v-a0d69799]:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #3b82f61a}.model-picker[data-v-a0d69799]{border:1px solid var(--border-default);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px}.model-picker legend[data-v-a0d69799]{padding:0 8px;color:var(--text-secondary);font-size:14px;font-weight:600}.model-picker p[data-v-a0d69799]{color:var(--text-muted);font-size:13px;margin:0}.model-option[data-v-a0d69799]{flex-direction:row;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;font-weight:500}.model-option input[data-v-a0d69799]{width:auto;min-height:auto}:root{color-scheme:dark;--bg-app: #0a0e1a;--bg-surface: #151b2d;--bg-surface-hover: #1e2538;--bg-surface-elevated: #1a2032;--bg-overlay: rgba(0, 0, 0, .75);--text-primary: #e8edf5;--text-secondary: #a8b4c9;--text-muted: #6b7a94;--text-inverse: #0a0e1a;--border-default: #262d3f;--border-subtle: #1a2032;--border-hover: #353d52;--brand-primary: #3b82f6;--brand-secondary: #8b5cf6;--brand-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--brand-accent: #06b6d4;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Monaco", "Cascadia Code", "Roboto Mono", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4);--glow-primary: 0 0 20px rgba(59, 130, 246, .3);--glow-success: 0 0 20px rgba(16, 185, 129, .3)}html.light{--bg-app: #f0fdf4;--bg-surface: #ffffff;--bg-surface-hover: #dcfce7;--bg-surface-elevated: #f7fee7;--bg-overlay: rgba(22, 101, 52, .15);--text-primary: #14532d;--text-secondary: #166534;--text-muted: #16a34a;--text-inverse: #f0fdf4;--border-default: #bbf7d0;--border-subtle: #d1fae5;--border-hover: #86efac;--brand-primary: #16a34a;--brand-secondary: #15803d;--brand-gradient: linear-gradient(135deg, #16a34a 0%, #15803d 100%);--brand-accent: #10b981;--color-success: #16a34a;--color-warning: #f59e0b;--color-error: #dc2626;--color-info: #0284c7;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--glow-primary: 0 0 20px rgba(22, 163, 74, .2);--glow-success: 0 0 20px rgba(22, 163, 74, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100vh}body{margin:0;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(28px,4vw,36px);font-weight:700}h2{font-size:20px}h3{font-size:18px}p{margin:0}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-secondary)}button,.btn{min-height:40px;padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);background:var(--brand-gradient);color:#fff;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-base);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}button:hover:not(:disabled):before{opacity:1}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md),var(--glow-primary)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--border-default)}button.secondary:before{background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,transparent 100%)}button.secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}button.danger{background:var(--color-error);color:#fff}button.danger:hover:not(:disabled){box-shadow:var(--shadow-md),0 0 20px #ef44444d}button.ghost{background:transparent;color:var(--text-secondary)}button.ghost:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary)}.icon-button{min-width:40px;width:40px;min-height:40px;height:40px;padding:0;background:var(--bg-surface-elevated);color:var(--text-secondary);border-color:var(--border-default);border-radius:var(--radius-md)}.icon-button:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--brand-primary)}input,select,textarea{width:100%;min-height:44px;padding:12px 16px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);transition:all var(--transition-base)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-primary);background:var(--bg-surface-elevated);box-shadow:0 0 0 3px #3b82f626}input:hover,select:hover,textarea:hover{border-color:var(--border-hover)}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{display:flex;flex-direction:column;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}textarea{resize:vertical;min-height:100px;line-height:1.6}.badge{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 12px;border-radius:var(--radius-full);background:var(--bg-surface-elevated);color:var(--text-primary);font-size:var(--font-size-xs);font-weight:600;line-height:1;border:1px solid var(--border-default)}.badge.on,.badge.success{background:#10b98126;color:var(--color-success);border-color:#10b9814d}.badge.off,.badge.error{background:#ef444426;color:var(--color-error);border-color:#ef44444d}.badge.warning{background:#f59e0b26;color:var(--color-warning);border-color:#f59e0b4d}.badge.muted{background:var(--bg-surface-elevated);color:var(--text-muted);border-color:var(--border-subtle)}table{width:100%;border-collapse:collapse}th,td{padding:16px;text-align:left;border-bottom:1px solid var(--border-default)}th{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-surface-elevated)}td{color:var(--text-primary);font-size:var(--font-size-sm)}tbody tr{transition:background var(--transition-base)}tbody tr:hover{background:var(--bg-surface-hover)}.table-wrap{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);overflow:hidden;box-shadow:var(--shadow-sm)}.empty-row{text-align:center;color:var(--text-muted);padding:var(--space-12) var(--space-4);font-size:var(--font-size-sm)}.panel,.metric-card,.stat-card{padding:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.panel:hover{border-color:var(--border-hover)}.panel{display:flex;flex-direction:column;gap:var(--space-4)}.metric-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-surface-elevated) 100%)}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.metric-card span{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.metric-card strong{color:var(--text-primary);font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1}.page{padding:var(--space-8) var(--space-6);max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8)}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default)}.page-description{margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6;max-width:70ch}.toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-5)}.eyebrow{color:var(--brand-primary);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;line-height:1.4}.mono{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--bg-surface-elevated);padding:2px 6px;border-radius:var(--radius-sm)}.notice{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--brand-primary);background:#3b82f61a;color:var(--brand-primary);font-size:var(--font-size-sm)}.notice.success{border-color:var(--color-success);background:#10b9811a;color:var(--color-success)}.notice.error{border-color:var(--color-error);background:#ef44441a;color:var(--color-error)}.notice.warning{border-color:var(--color-warning);background:#f59e0b1a;color:var(--color-warning)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--space-5);background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:min(900px,100%);max-height:90vh;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--bg-surface);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column;animation:slideUp var(--transition-base)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-default);background:var(--bg-surface-elevated);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.modal-body{padding:var(--space-6);overflow-y:auto}.workbench-shell{min-height:100vh;display:flex;background:var(--bg-app)}.workbench-sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--bg-surface);border-right:1px solid var(--border-default);display:flex;flex-direction:column;padding:var(--space-6);gap:var(--space-6);z-index:30}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:var(--space-2) 0}.sidebar-brand-mark{width:32px;height:32px;border-radius:var(--radius-md);background:var(--brand-gradient);box-shadow:var(--glow-primary);flex-shrink:0}.sidebar-brand-text{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base);position:relative}.sidebar-nav-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.sidebar-nav-item.router-link-active{background:var(--bg-surface-elevated);color:var(--text-primary);font-weight:600}.sidebar-nav-item.router-link-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--brand-gradient);border-radius:0 2px 2px 0}.sidebar-footer{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-default)}.sidebar-action{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base);justify-content:flex-start;width:100%}.sidebar-action:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--brand-primary)}.sidebar-user{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-surface-elevated)}.sidebar-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--font-size-sm);flex-shrink:0}.sidebar-username{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{width:32px;height:32px;padding:0;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);flex-shrink:0}.sidebar-logout:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.workbench-main{flex:1;margin-left:260px;min-height:100vh;background:var(--bg-app)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.auth-panel{width:100%;max-width:440px;padding:var(--space-8);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-header h1{margin-top:var(--space-2);margin-bottom:var(--space-3)}.auth-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-form button[type=submit]{margin-top:var(--space-2)}.chat-container{display:flex;height:100vh;overflow:hidden}.chat-sidebar{width:280px;background:var(--bg-surface);border-right:1px solid var(--border-default);display:flex;flex-direction:column;flex-shrink:0}.chat-sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--border-default)}.btn-new-chat{width:100%;background:var(--brand-gradient);color:#fff;border:none;justify-content:center;font-weight:600}.btn-new-chat:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md),var(--glow-primary)}.chat-sessions{flex:1;overflow-y:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.session-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);border:1px solid transparent;text-align:left;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base);min-height:44px}.session-item:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-default)}.session-item.active{background:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--brand-primary);font-weight:600}.session-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-default);display:flex;justify-content:center}.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-app)}.chat-header{padding:var(--space-4) var(--space-6);background:var(--bg-surface);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:var(--space-3)}.chat-header-left h2{font-size:var(--font-size-lg);margin:0}.chat-header-right{display:flex;align-items:center;gap:var(--space-2)}.model-select{min-width:160px;height:40px;padding:0 var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface-elevated);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.model-select:hover:not(:disabled){border-color:var(--brand-primary)}.model-select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #3b82f626}.model-select:disabled{opacity:.5;cursor:not-allowed}.chat-conversation{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center}.message-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.message-bubble{max-width:70%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);line-height:1.6;word-wrap:break-word}.message-bubble.user{align-self:flex-end;background:var(--brand-gradient);color:#fff;border-bottom-right-radius:var(--radius-sm)}.message-bubble.assistant{align-self:flex-start;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);border-bottom-left-radius:var(--radius-sm)}.message-content{line-height:1.7}.message-content p{margin:0}.message-content p+p{margin-top:var(--space-3)}.message-content pre{margin:var(--space-3) 0;padding:var(--space-3);background:var(--bg-surface-elevated);border-radius:var(--radius-sm);overflow-x:auto}.message-content code{font-family:var(--font-mono);font-size:.9em}.message-meta{margin-top:var(--space-2);font-size:var(--font-size-xs);opacity:.7}.chat-error{padding:0 var(--space-6) var(--space-4);flex-shrink:0}.chat-composer{padding:var(--space-4) var(--space-6);background:var(--bg-surface);border-top:1px solid var(--border-default);flex-shrink:0}.composer-form{display:flex;align-items:flex-end;gap:var(--space-3);max-width:1000px;margin:0 auto}.composer-input{flex:1;min-height:56px;max-height:200px;padding:var(--space-4);resize:none;font-size:var(--font-size-base);line-height:1.5}.btn-send,.btn-stop{width:56px;height:56px;padding:0;flex-shrink:0;border-radius:var(--radius-full)}.btn-send{background:var(--brand-gradient);color:#fff}.btn-stop{background:var(--color-error);color:#fff;border:none}.btn-stop:hover{background:#b91c1c}.loading-state{display:grid;place-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-5);color:var(--text-muted);text-align:center}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.workbench-sidebar{width:220px}.workbench-main{margin-left:220px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.workbench-sidebar{position:fixed;left:-260px;transition:left var(--transition-base);box-shadow:var(--shadow-xl);z-index:40}.workbench-sidebar.open{left:0}.workbench-main{margin-left:0}.page{padding:var(--space-4)}.page-heading{flex-direction:column;align-items:stretch}.toolbar{justify-content:stretch}.toolbar button{flex:1}.metric-grid{grid-template-columns:1fr}.workbench-header-inner{flex-wrap:wrap}.workbench-nav{width:100%;overflow-x:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}