.local-services-panel{background:#ffffff;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.dark .local-services-panel,:root[data-theme=dark] .local-services-panel{background:var(--bg-secondary);border-color:var(--border-color)}.local-services-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.local-services-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:#111827}.dark .local-services-title,:root[data-theme=dark] .local-services-title{color:var(--text-primary)}.local-services-count{font-size:12px;font-weight:500;color:#606060;background:#f3f4f6;padding:2px 8px;border-radius:10px}.dark .local-services-count,:root[data-theme=dark] .local-services-count{color:var(--text-secondary);background:var(--border-color)}.local-services-actions{display:flex;gap:8px}.local-services-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.local-services-btn-primary{background:#3b82f6;color:white}.local-services-btn-primary:hover:not(:disabled){background:#2563eb}.local-services-btn-secondary{background:#f3f4f6;color:#1c1c1c;border:1px solid #d1d5db}.local-services-btn-secondary:hover:not(:disabled){background:#e5e7eb}.dark .local-services-btn-secondary,:root[data-theme=dark] .local-services-btn-secondary{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.dark .local-services-btn-secondary:hover:not(:disabled),:root[data-theme=dark] .local-services-btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.local-services-btn:disabled{opacity:.5;cursor:not-allowed}.local-services-loading{gap:12px;padding:40px;color:var(--text-secondary)}.local-services-empty-state,.local-services-loading{display:flex;align-items:center;justify-content:center}.local-services-empty-state{flex-direction:column;padding:60px 24px;text-align:center}.local-services-empty-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;margin-bottom:20px;color:#3b82f6}.dark .local-services-empty-icon,:root[data-theme=dark] .local-services-empty-icon{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.1))}.local-services-empty-state h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.dark .local-services-empty-state h3,:root[data-theme=dark] .local-services-empty-state h3{color:var(--text-primary)}.local-services-empty-state p{font-size:14px;color:#606060;max-width:380px;margin:0 0 24px;line-height:1.5}.dark .local-services-empty-state p,:root[data-theme=dark] .local-services-empty-state p{color:var(--text-secondary)}.local-services-empty-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.local-services-btn-large{padding:12px 24px;font-size:14px}.local-services-ai-button.ai-orchestrator-btn{width:34px;height:34px;min-width:34px;min-height:34px}.local-services-ai-button-large.ai-orchestrator-btn{width:auto;height:36px;min-width:0;min-height:36px;gap:8px;padding:0 14px;font-size:13px;font-weight:500;color:var(--text-primary)}.local-services-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;color:#606060}.dark .local-services-empty,:root[data-theme=dark] .local-services-empty{color:var(--text-secondary)}.local-services-empty svg{color:#808080;margin-bottom:16px}.dark .local-services-empty svg,:root[data-theme=dark] .local-services-empty svg{color:var(--text-muted)}.local-services-empty h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.dark .local-services-empty h3,:root[data-theme=dark] .local-services-empty h3{color:var(--text-primary)}.local-services-hint{font-size:12px;color:#808080;margin-top:16px}.dark .local-services-hint,:root[data-theme=dark] .local-services-hint{color:var(--text-muted)}.ai-config-container{padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.dark .ai-config-container,:root[data-theme=dark] .ai-config-container{background:var(--bg-primary);border-color:var(--border-color)}.ai-config-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.ai-config-header h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#0f172a}.dark .ai-config-header h3,:root[data-theme=dark] .ai-config-header h3{color:var(--text-primary)}.ai-config-header p{margin:0;font-size:13px;color:#64748b}.ai-working{color:#3b82f6;animation:pulse-scale 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-scale{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.ai-status-log{border-radius:8px;padding:16px;max-height:200px;overflow-y:auto;font-family:SF Mono,Menlo,Monaco,monospace;font-size:12px;line-height:1.6}.ai-status-log,.dark .ai-status-log,:root[data-theme=dark] .ai-status-log{background:#0f172a}.ai-status-entry{display:flex;align-items:center;gap:8px;padding:4px 0;color:#94a3b8}.ai-status-entry svg{flex-shrink:0}.ai-status-tool,.ai-status-tool svg{color:#38bdf8}.ai-status-info{color:#94a3b8}.ai-status-info svg{color:#64748b}.ai-status-success,.ai-status-success svg{color:#4ade80}.ai-status-error,.ai-status-error svg{color:#f87171}.ai-config-actions{margin-top:16px;display:flex;justify-content:flex-end}.local-service-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:10px;border:1px dashed #d1d5db;background:transparent;color:#606060;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.local-service-add-btn:hover{border-color:#3b82f6;color:#3b82f6;background:rgba(59,130,246,.05)}.dark .local-service-add-btn,:root[data-theme=dark] .local-service-add-btn{border-color:var(--border-color);color:var(--text-secondary)}.dark .local-service-add-btn:hover,:root[data-theme=dark] .local-service-add-btn:hover{border-color:#3b82f6;color:#3b82f6;background:rgba(59,130,246,.1)}.local-services-list{display:flex;flex-direction:column;gap:8px}.local-service-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-primary);border-radius:10px;border:1px solid var(--border-color);transition:all .15s ease}.local-service-card:hover{border-color:var(--border-active)}.local-service-grip{color:var(--text-tertiary);cursor:-webkit-grab;cursor:grab}.local-service-grip:active{cursor:-webkit-grabbing;cursor:grabbing}.local-service-status{flex-shrink:0}.status-indicator{transition:color .2s ease}.status-indicator.status-running{color:#22c55e;animation:pulse 2s infinite}.status-indicator.status-stopped{color:var(--text-tertiary)}.status-indicator.status-error{color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.local-service-info{flex:1 1;min-width:0}.local-service-name{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:2px}.local-service-command{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.local-service-command code{font-family:SF Mono,Menlo,monospace;background:var(--bg-tertiary);padding:2px 6px;border-radius:4px}.local-service-port{color:var(--accent-blue);font-weight:500}.local-service-actions{display:flex;align-items:center;gap:8px}.local-service-auto-start,.local-service-delete,.local-service-edit{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.local-service-auto-start:hover,.local-service-edit:hover{background:var(--bg-tertiary);color:var(--text-primary)}.local-service-auto-start.active{color:var(--accent-blue)}.local-service-delete:hover{background:rgba(239,68,68,.1);color:#ef4444}.local-service-start,.local-service-stop{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.local-service-start{background:#22c55e;color:white}.local-service-start:hover:not(:disabled){background:#16a34a}.local-service-stop{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.local-service-stop:hover:not(:disabled){background:rgba(239,68,68,.1);border-color:#ef4444;color:#ef4444}.local-service-start:disabled,.local-service-stop:disabled{opacity:.5;cursor:not-allowed}.local-service-restart{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.local-service-restart:hover:not(:disabled){background:rgba(59,130,246,.1);border-color:var(--accent-blue);color:var(--accent-blue)}.local-service-restart:disabled{opacity:.5;cursor:not-allowed}.service-dialog-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.service-dialog{background:var(--bg-secondary);border-radius:16px;width:100%;max-width:560px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3)}.service-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.service-dialog-header h3{margin:0;font-size:18px;font-weight:600}.service-dialog-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.service-dialog-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.detected-services-section{padding:16px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.detected-services-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.detected-services-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-secondary)}.detected-services-list{display:flex;flex-direction:column;gap:8px}.detected-service-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color)}.detected-service-info{display:flex;flex-direction:column;gap:2px}.detected-service-name{font-weight:500;font-size:13px}.detected-service-command{font-size:11px;color:var(--text-secondary);font-family:SF Mono,Menlo,monospace}.detected-services-divider{display:flex;align-items:center;justify-content:center;margin-top:16px;color:var(--text-tertiary);font-size:12px}.detected-services-divider:after,.detected-services-divider:before{content:"";flex:1 1;height:1px;background:var(--border-color)}.detected-services-divider span{padding:0 12px}.service-dialog-form{padding:24px;overflow-y:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px}.form-row label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary)}.form-row input[type=number],.form-row input[type=text]{padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);transition:all .15s ease}.form-row input[type=number]:focus,.form-row input[type=text]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.form-row input::placeholder{color:var(--text-tertiary)}.form-checkbox{grid-template-columns:1fr}.form-checkbox label{flex-direction:row;align-items:center;gap:10px;cursor:pointer}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-blue)}.service-dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid var(--border-color)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.panel-selector-dialog{max-width:400px}.panel-selector-list{padding:16px;display:flex;flex-direction:column;gap:8px}.panel-selector-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#c8c8c8;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .15s ease;font-size:14px;font-weight:500;color:#111827}.panel-selector-item:hover{background:#f3f4f6;border-color:#3b82f6}.panel-selector-item svg{color:#3b82f6}.dark .panel-selector-item,:root[data-theme=dark] .panel-selector-item{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.dark .panel-selector-item:hover,:root[data-theme=dark] .panel-selector-item:hover{background:var(--bg-hover);border-color:#3b82f6}.ai-config-waiting{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(59,130,246,.1));border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#6366f1;font-size:14px;font-weight:500}.dark .ai-config-waiting,:root[data-theme=dark] .ai-config-waiting{background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(59,130,246,.15));border-color:rgba(139,92,246,.4);color:#a5b4fc}.ai-config-waiting svg.spinning{color:#8b5cf6}.ai-config-cancel{margin-left:auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:rgba(0,0,0,.05);border-radius:6px;color:#606060;cursor:pointer;transition:all .15s ease}.ai-config-cancel:hover{background:rgba(239,68,68,.1);color:#ef4444}.dark .ai-config-cancel,:root[data-theme=dark] .ai-config-cancel{background:rgba(255,255,255,.05);color:var(--text-secondary)}.dark .ai-config-cancel:hover,:root[data-theme=dark] .ai-config-cancel:hover{background:rgba(239,68,68,.15);color:#f87171}.local-service-card.tunnel-service{border-left:3px solid #8b5cf6}.local-service-card.tunnel-service .status-indicator.status-running{color:#8b5cf6}.service-type-badge{display:inline-flex;align-items:center;padding:2px 6px;margin-left:8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:rgba(139,92,246,.1);color:#8b5cf6;border-radius:4px}.dark .service-type-badge,:root[data-theme=dark] .service-type-badge{background:rgba(139,92,246,.2);color:#a78bfa}.local-service-card.tunnel-service .local-service-start{background:#8b5cf6}.local-service-card.tunnel-service .local-service-start:hover:not(:disabled){background:#7c3aed}