@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@300;400;500;600;700&display=swap";.connection-indicator{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:transparent;border:1px solid var(--border-subtle);border-radius:9999px;cursor:pointer;font-size:.8125rem;transition:all .2s ease}.connection-indicator:hover{background:var(--bg-hover);border-color:var(--border-default)}.connection-dot{font-size:.75rem;line-height:1}.connection-label{color:var(--text-secondary)}.connection-connected .connection-dot{animation:pulse-success 2s ease-in-out infinite}.connection-connecting .connection-dot{animation:spin 1s linear infinite}.connection-error .connection-label{color:var(--status-error)}@keyframes pulse-success{0%,to{opacity:1}50%{opacity:.5}}.connection-settings-modal{max-width:480px;width:100%}.connection-status-banner{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-subtle)}.connection-status-banner.status-connected{background:rgba(var(--success-rgb),.1);border-color:rgba(var(--success-rgb),.3)}.connection-status-banner.status-error{background:rgba(var(--error-rgb),.1);border-color:rgba(var(--error-rgb),.3)}.connection-status-banner .status-info{display:flex;flex-direction:column;gap:.125rem}.connection-status-banner .status-title{font-weight:500;color:var(--text-primary)}.connection-status-banner .status-error{font-size:.8125rem;color:var(--status-error)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.375rem}.form-group input[type=text],.form-group input[type=password],.form-group input[type=number]{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1px solid var(--border-default);border-radius:.375rem;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.15)}.form-group input::placeholder{color:var(--text-muted)}.form-hint{margin-top:.375rem;font-size:.75rem;color:var(--text-muted);line-height:1.4}.test-result{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;margin-top:1rem}.test-result.test-success{background:rgba(var(--success-rgb),.1);color:var(--status-success);border:1px solid rgba(var(--success-rgb),.3)}.test-result.test-error{background:rgba(var(--error-rgb),.1);color:var(--status-error);border:1px solid rgba(var(--error-rgb),.3)}.test-icon{font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-primary);border-radius:.75rem;box-shadow:0 20px 40px #0000004d;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.modal-close{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.375rem;font-size:1.25rem;color:var(--text-muted);cursor:pointer;transition:all .2s}.modal-body{padding:1.25rem;overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.modal-footer-right{display:flex;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:1px solid transparent;cursor:pointer;transition:all .2s}.btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-default)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}:root{--success-rgb: 34, 197, 94;--error-rgb: 239, 68, 68;--accent-primary-rgb: 59, 130, 246}.farm-sidebar{width:var(--sidebar-width, 240px);height:100vh;background:var(--bg-base);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:relative;z-index:100;transition:width var(--transition-base);flex-shrink:0}.farm-sidebar.collapsed{width:var(--sidebar-collapsed-width, 56px)}.sidebar-header{height:var(--header-height, 56px);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:var(--space-sm)}.sidebar-logo .logo-icon{width:28px;height:28px;flex-shrink:0}.sidebar-logo .logo-text{display:flex;flex-direction:column;line-height:1.1}.sidebar-logo .logo-farm{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.sidebar-logo .logo-sub{font-size:10px;font-weight:400;color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase}.sidebar-toggle{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.sidebar-toggle svg{width:14px;height:14px}.farm-sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.farm-sidebar.collapsed .sidebar-toggle{display:none}.connection-status{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin:var(--space-sm) var(--space-sm) 0;border-radius:var(--radius-md);font-size:var(--font-size-xs);background:var(--bg-surface)}.connection-status .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:pulse 2s ease-in-out infinite}.connection-status.connected .status-dot{background:var(--status-success);box-shadow:0 0 8px var(--status-success)}.connection-status.connecting .status-dot{background:var(--status-warning);box-shadow:0 0 8px var(--status-warning)}.connection-status.error .status-dot{background:var(--status-error);box-shadow:0 0 8px var(--status-error)}.connection-status.disconnected .status-dot{background:var(--text-muted)}.connection-status .status-text{color:var(--text-secondary)}.farm-sidebar.collapsed .connection-status{justify-content:center;padding:var(--space-sm)}.sidebar-connection{padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm)}.farm-sidebar.collapsed .sidebar-connection{padding:var(--space-sm);display:flex;justify-content:center}.tenant-selector{padding:0 var(--space-md) var(--space-sm)}.tenant-selector-label{display:block;font-size:var(--font-size-xs);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.tenant-selector-select{width:100%;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.tenant-selector-select:hover{border-color:var(--border-default)}.tenant-selector-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb, 59, 130, 246),.15)}.mode-switcher{display:flex;gap:var(--space-xs);padding:var(--space-md);border-bottom:1px solid var(--border-subtle)}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.mode-btn svg{width:16px;height:16px;flex-shrink:0}.mode-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mode-btn.active{background:var(--accent-glow);border-color:var(--accent-border);color:var(--accent-primary)}.farm-sidebar.collapsed .mode-switcher{flex-direction:column;padding:var(--space-sm)}.farm-sidebar.collapsed .mode-btn{padding:var(--space-sm)}.farm-sidebar.collapsed .mode-btn span{display:none}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-sm) 0}.nav-section{margin-bottom:var(--space-md)}.nav-section-label{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.nav-list{list-style:none;margin:0;padding:0}.nav-item{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin:0 var(--space-sm);width:calc(100% - var(--space-md));background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-glow);color:var(--accent-primary)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--accent-primary);border-radius:0 2px 2px 0}.nav-badge{margin-left:auto;padding:2px 8px;background:var(--bg-surface);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--text-tertiary)}.nav-item.active .nav-badge{background:var(--accent-primary);color:var(--bg-deepest)}.farm-sidebar.collapsed .nav-section-label{display:none}.farm-sidebar.collapsed .nav-item{justify-content:center;padding:var(--space-sm);margin:var(--space-xs) var(--space-sm);width:calc(100% - var(--space-md))}.farm-sidebar.collapsed .nav-item span{display:none}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-subtle);flex-shrink:0}.sidebar-version{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app-shell{height:100vh;display:flex;position:relative;overflow:hidden;background:var(--bg-deepest)}.app-bg-pattern{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 20% 30%,var(--accent-glow) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(34,197,94,.02) 0%,transparent 50%),linear-gradient(180deg,var(--bg-deepest) 0%,var(--bg-deep) 100%);z-index:0}.app-bg-pattern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L30 60M0 30L60 30' stroke='%234ade80' stroke-width='0.3' stroke-opacity='0.05'/%3E%3C/svg%3E");opacity:.5}.app-main{flex:1;display:flex;flex-direction:column;position:relative;z-index:1;overflow:hidden}.editor-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-container{flex:1;overflow-y:auto;background:var(--bg-deep)}.admin-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);text-align:center;padding:var(--space-2xl)}.admin-placeholder .placeholder-icon{font-size:64px;margin-bottom:var(--space-lg)}.admin-placeholder h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm)}.admin-placeholder p{color:var(--text-tertiary)}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0f0dcc;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.toast-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);z-index:10000;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;animation:slideIn .3s var(--spring);cursor:pointer;max-width:400px}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.toast-success .toast-icon{background:var(--status-success);color:var(--bg-deepest)}.toast-error .toast-icon{background:var(--status-error);color:#fff}.toast-warning .toast-icon{background:var(--status-warning);color:var(--bg-deepest)}.toast-info .toast-icon{background:var(--status-info);color:#fff}.toast-message{flex:1;font-size:var(--font-size-sm);color:var(--text-primary)}.toast-dismiss{background:transparent;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:0;line-height:1;opacity:.6;transition:opacity var(--transition-fast)}.toast-dismiss:hover{opacity:1}.admin-page{min-height:100%;padding:var(--space-lg)}.admin-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-lg)}.admin-page-title-group{flex:1}.admin-page-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs)}.admin-page-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0}.admin-page-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.admin-card{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle)}.card-header-text{flex:1;min-width:0}.card-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0}.card-subtitle{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:var(--space-xs) 0 0}.card-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.card-body{padding:var(--space-lg)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.grid-sidebar{display:grid;grid-template-columns:320px 1fr;gap:var(--space-lg)}@media (max-width: 1200px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-sidebar{grid-template-columns:1fr}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-primary{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-tertiary) 100%);border-color:transparent;color:var(--bg-deepest);box-shadow:0 2px 8px #4ade8033}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);box-shadow:0 4px 12px #4ade804d;transform:translateY(-1px)}.btn-danger{background:var(--status-error);border-color:transparent;color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.btn svg{width:16px;height:16px}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.form-textarea{min-height:100px;resize:vertical;font-family:var(--font-mono)}.form-select{cursor:pointer}.form-select option{background:var(--bg-deep)}.type-pill{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize}.type-pill.workflow{background:#60a5fa33;color:var(--color-workflow)}.type-pill.model{background:#a78bfa33;color:var(--color-model)}.type-pill.task{background:#fbbf2433;color:var(--color-task)}.type-pill.screen{background:#f472b633;color:var(--color-screen)}.type-pill.decision{background:#34d39933;color:var(--color-decision)}.type-pill.routing{background:#fb923c33;color:var(--color-routing)}.type-pill.scheduler{background:#38bdf833;color:var(--color-scheduler)}.type-pill.ui{background:#e879f933;color:var(--color-ui)}.type-pill.prompt{background:#a3e63533;color:var(--color-prompt)}.type-pill.integration{background:#2dd4bf33;color:var(--color-integration)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.status-badge.active,.status-badge.healthy{background:#22c55e33;color:var(--status-success)}.status-badge.inactive,.status-badge.degraded{background:#f59e0b33;color:var(--status-warning)}.status-badge.error,.status-badge.unhealthy{background:#ef444433;color:var(--status-error)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;color:var(--text-tertiary)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-md)}.empty-state h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-xs)}.empty-state p{margin:0}.code-block{background:var(--bg-deepest);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);overflow-x:auto;white-space:pre}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--border-subtle)}.data-table th{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.data-table td{font-size:var(--font-size-sm);color:var(--text-secondary)}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr.clickable{cursor:pointer}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.screen-designer{display:grid;grid-template-columns:220px 1fr 320px;height:100%;background:var(--bg-base)}.field-palette{background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden}.palette-header{padding:16px;border-bottom:1px solid var(--border-subtle)}.palette-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.palette-fields{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px}.palette-field{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;cursor:grab;transition:all .15s}.palette-field:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translate(2px)}.palette-field:active{cursor:grabbing}.palette-field .field-icon{font-size:16px}.palette-field .field-name{font-size:12px;color:var(--text-secondary)}.form-preview-container{display:flex;flex-direction:column;overflow:hidden;background:#f8fafc}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0}.screen-title-input{font-size:20px;font-weight:600;color:#1e293b;background:transparent;border:none;outline:none;padding:4px 0;flex:1}.screen-title-input:focus{border-bottom:2px solid var(--accent-primary)}.preview-badge{background:#e0f2fe;color:#0284c7;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-preview{flex:1;overflow-y:auto;padding:24px}.empty-form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b}.empty-form .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-form p{margin:4px 0;font-size:14px}.empty-form .hint{font-size:12px;color:#94a3b8}.form-fields{display:flex;flex-wrap:wrap;gap:0;background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.drop-zone{width:100%;height:4px;background:transparent;transition:all .15s;border-radius:2px}.drop-zone.active{height:48px;background:#dbeafe;border:2px dashed #3b82f6;margin:8px 0}.drop-zone.end{min-height:60px;margin-top:12px}.preview-field{position:relative;padding:16px;background:#fff;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s}.preview-field:hover{background:#f8fafc;border-color:#e2e8f0}.preview-field.selected{background:#eff6ff;border-color:#3b82f6}.preview-field.width-full{width:100%}.preview-field.width-half{width:calc(50% - 8px)}.preview-field.width-third{width:calc(33.333% - 11px)}.preview-field.hidden-field{background:#fef3c7;border-style:dashed}.field-header{margin-bottom:8px}.field-label{font-size:14px;font-weight:500;color:#374151;display:block}.required-mark{color:#ef4444;margin-left:4px}.field-hint{display:block;font-size:12px;color:#6b7280;margin-top:2px}.field-input-preview input,.field-input-preview textarea,.field-input-preview select{width:100%;padding:10px 12px;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151}.field-input-preview input:disabled,.field-input-preview textarea:disabled,.field-input-preview select:disabled{cursor:pointer}.field-input-preview .readonly-input{background:#f3f4f6;color:#6b7280}.radio-group,.checkbox-group{display:flex;flex-wrap:wrap;gap:16px}.radio-option,.checkbox-option{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer}.toggle-preview{display:flex;align-items:center;gap:12px}.toggle-track{width:44px;height:24px;background:#d1d5db;border-radius:12px;position:relative}.toggle-thumb{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.slider-preview input[type=range]{width:100%;height:6px;-webkit-appearance:none;background:#e5e7eb;border-radius:3px}.slider-labels{display:flex;justify-content:space-between;font-size:12px;color:#6b7280;margin-top:4px}.rating-preview{display:flex;gap:4px}.rating-preview .star{font-size:24px;color:#fbbf24}.file-upload-preview,.image-upload-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:13px}.file-upload-preview .file-icon,.image-upload-preview .image-icon{font-size:32px;margin-bottom:8px;opacity:.6}.hidden-indicator{font-size:12px;color:#92400e;font-style:italic}.field-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px}.field-actions button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:14px;cursor:pointer;transition:all .1s}.field-actions button:hover{background:#f3f4f6}.field-actions button.delete{color:#ef4444}.field-actions button.delete:hover{background:#fef2f2;border-color:#fca5a5}.field-properties{background:var(--bg-surface);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden}.properties-header{padding:16px;border-bottom:1px solid var(--border-subtle)}.properties-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.properties-form{flex:1;overflow-y:auto;padding:16px}.property-group{margin-bottom:16px}.property-group label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.property-group input,.property-group select,.property-group textarea{width:100%;padding:8px 12px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;font-size:13px;color:var(--text-primary)}.property-group input:focus,.property-group select:focus,.property-group textarea:focus{outline:none;border-color:var(--accent-primary)}.property-group textarea{font-family:var(--font-mono);resize:vertical}.property-group.half{width:calc(50% - 6px)}.property-row{display:flex;gap:12px;margin-bottom:16px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer}.checkbox-label input[type=checkbox]{width:auto}.no-selection{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px}.field-palette::-webkit-scrollbar,.form-preview::-webkit-scrollbar,.properties-form::-webkit-scrollbar{width:6px}.field-palette::-webkit-scrollbar-track,.properties-form::-webkit-scrollbar-track{background:transparent}.field-palette::-webkit-scrollbar-thumb,.properties-form::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.form-preview::-webkit-scrollbar-track{background:#f1f5f9}.form-preview::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.model-table-editor{display:flex;flex-direction:column;height:100%;background:#f8fafc}.model-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 24px}.model-info{margin-bottom:16px}.info-row{display:flex;gap:24px;margin-bottom:12px}.info-field{display:flex;flex-direction:column;gap:4px}.info-field.wide{flex:1}.info-field label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.info-field input{padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#1e293b;min-width:200px}.info-field input:focus{outline:none;border-color:#3b82f6;background:#fff}.tab-buttons{display:flex;gap:8px}.tab-buttons button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.tab-buttons button:hover{background:#e2e8f0}.tab-buttons button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.tab-buttons .tab-icon{font-size:16px}.tab-buttons .tab-count{background:#fff3;padding:2px 8px;border-radius:10px;font-size:11px}.tab-buttons button.active .tab-count{background:#ffffff4d}.model-content{flex:1;overflow:auto;padding:24px}.columns-tab{display:flex;flex-direction:column;gap:16px}.tab-toolbar{display:flex;gap:12px}.add-btn{padding:10px 20px;background:#3b82f6;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:background .15s}.add-btn:hover{background:#2563eb}.columns-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:auto}.columns-table{width:100%;border-collapse:collapse}.columns-table th{padding:12px 8px;background:#f8fafc;border-bottom:2px solid #e2e8f0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;text-align:left;white-space:nowrap}.columns-table th.col-order{width:40px;text-align:center}.columns-table th.col-name{min-width:150px}.columns-table th.col-type{min-width:130px}.columns-table th.col-length{width:80px}.columns-table th.col-flag{width:60px;text-align:center}.columns-table th.col-default{min-width:120px}.columns-table th.col-actions{width:90px}.columns-table tbody tr{border-bottom:1px solid #e2e8f0;cursor:pointer}.columns-table tbody tr:hover{background:#f8fafc}.columns-table tbody tr.selected{background:#eff6ff}.columns-table td{padding:8px;vertical-align:middle}.columns-table td.col-order{text-align:center;font-size:12px;color:#94a3b8;font-weight:500}.columns-table td.col-flag{text-align:center}.columns-table td.col-flag input[type=checkbox]{width:16px;height:16px;cursor:pointer}.columns-table td input[type=text],.columns-table td input[type=number]{width:100%;padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:4px;font-size:13px;color:#1e293b}.columns-table td input:focus{outline:none;background:#fff;border-color:#3b82f6}.columns-table td select{width:100%;padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:4px;font-size:13px;color:#1e293b;cursor:pointer}.columns-table td select:focus{outline:none;background:#fff;border-color:#3b82f6}.columns-table td.col-actions{white-space:nowrap}.columns-table td.col-actions button{width:24px;height:24px;margin:0 2px;background:transparent;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;color:#64748b;cursor:pointer;transition:all .1s}.columns-table td.col-actions button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.columns-table td.col-actions button:disabled{opacity:.3;cursor:not-allowed}.columns-table td.col-actions .delete-btn{color:#ef4444}.columns-table td.col-actions .delete-btn:hover{background:#fef2f2;border-color:#fecaca}.column-details{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;margin-top:16px}.column-details h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#1e293b}.details-form{display:flex;flex-direction:column;gap:16px}.detail-field{display:flex;flex-direction:column;gap:6px}.detail-field.half{width:calc(50% - 8px)}.detail-row{display:flex;gap:16px}.detail-field label{font-size:12px;font-weight:500;color:#64748b}.detail-field input,.detail-field textarea{padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#1e293b}.detail-field input:focus,.detail-field textarea:focus{outline:none;border-color:#3b82f6;background:#fff}.detail-field textarea{resize:vertical}.relationships-tab{display:flex;flex-direction:column;gap:16px}.relationships-list{display:flex;flex-direction:column;gap:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;background:#fff;border-radius:8px;border:2px dashed #e2e8f0}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{margin:4px 0;font-size:14px;color:#64748b}.empty-state .hint{font-size:12px;color:#94a3b8}.relationship-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.rel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rel-name{font-size:16px;font-weight:600;color:#1e293b;background:transparent;border:none;outline:none;padding:0}.rel-name:focus{border-bottom:2px solid #3b82f6}.rel-header .delete-btn{width:28px;height:28px;background:transparent;border:1px solid #fecaca;border-radius:6px;color:#ef4444;font-size:16px;cursor:pointer}.rel-header .delete-btn:hover{background:#fef2f2}.rel-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rel-field{display:flex;flex-direction:column;gap:6px}.rel-field label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.rel-field input,.rel-field select{padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#1e293b}.rel-field input:focus,.rel-field select:focus{outline:none;border-color:#3b82f6;background:#fff}.gdpr-tab{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.gdpr-toggle{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-label input[type=checkbox]{width:20px;height:20px}.toggle-text{font-size:15px;font-weight:500;color:#1e293b}.gdpr-fields{display:flex;flex-direction:column;gap:24px}.gdpr-field{display:flex;flex-direction:column;gap:8px}.gdpr-field label{font-size:13px;font-weight:600;color:#374151}.gdpr-field input,.gdpr-field select{padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#1e293b;max-width:300px}.gdpr-field input:focus,.gdpr-field select:focus{outline:none;border-color:#3b82f6;background:#fff}.checkbox-list{display:flex;flex-wrap:wrap;gap:12px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.checkbox-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569;cursor:pointer}.checkbox-item input{width:auto;min-width:auto;max-width:none}.field-hint{font-size:12px;color:#94a3b8}.model-content::-webkit-scrollbar,.columns-table-container::-webkit-scrollbar{width:8px;height:8px}.model-content::-webkit-scrollbar-track,.columns-table-container::-webkit-scrollbar-track{background:#f1f5f9}.model-content::-webkit-scrollbar-thumb,.columns-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.model-content::-webkit-scrollbar-thumb:hover,.columns-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.decision-table-editor{display:flex;flex-direction:column;height:100%;background:#f8fafc}.table-header{display:flex;align-items:center;gap:24px;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0}.table-info{flex:1}.table-name-input{font-size:20px;font-weight:600;color:#1e293b;background:transparent;border:none;outline:none;padding:4px 0;min-width:300px}.table-name-input:focus{border-bottom:2px solid #3b82f6}.hit-policy-selector{display:flex;align-items:center;gap:8px}.hit-policy-selector label{font-size:13px;color:#64748b;font-weight:500}.hit-policy-selector select{padding:8px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#334155;cursor:pointer}.hit-policy-selector select:focus{outline:none;border-color:#3b82f6}.table-actions{display:flex;gap:8px}.add-btn{padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.add-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.add-btn.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.add-btn.primary:hover{background:#2563eb}.table-container{flex:1;overflow:auto;padding:24px}.decision-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.decision-table thead .type-row th{padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;border-bottom:1px solid #e2e8f0}.rule-num-header{width:60px;background:#f8fafc;border-right:2px solid #e2e8f0}.hit-policy-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#3b82f6;color:#fff;border-radius:6px;font-size:12px;font-weight:700;cursor:help}.inputs-header{background:#dbeafe;color:#1e40af;border-right:2px solid #93c5fd}.outputs-header{background:#dcfce7;color:#166534;border-right:2px solid #86efac}.section-label{font-size:11px}.annotation-header{background:#f8fafc;color:#64748b;width:200px;font-size:11px}.actions-header{width:100px;background:#f8fafc}.decision-table thead .name-row th{padding:8px 12px;border-bottom:2px solid #e2e8f0}.input-header{background:#eff6ff;border-right:1px solid #bfdbfe;min-width:180px}.input-header:last-of-type{border-right:2px solid #93c5fd}.output-header{background:#f0fdf4;border-right:1px solid #bbf7d0;min-width:150px}.output-header:last-of-type{border-right:2px solid #86efac}.column-header{display:flex;flex-direction:column;gap:4px;position:relative}.column-name{width:100%;padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:4px;font-size:13px;font-weight:600;color:#1e293b;text-align:center}.column-name:focus{outline:none;background:#fff;border-color:#3b82f6}.column-type{width:100%;padding:4px 6px;background:#fff9;border:none;border-radius:4px;font-size:11px;color:#64748b;text-align:center;cursor:pointer}.column-type:focus{outline:none;background:#fff}.remove-col-btn{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#fef2f2;border:1px solid #fecaca;border-radius:50%;color:#ef4444;font-size:14px;cursor:pointer;opacity:0;transition:opacity .15s}.column-header:hover .remove-col-btn{opacity:1}.remove-col-btn:hover{background:#fee2e2}.rule-row{border-bottom:1px solid #e2e8f0}.rule-row:hover{background:#f8fafc}.rule-row:last-child{border-bottom:none}.rule-num{padding:12px;background:#f8fafc;text-align:center;font-size:12px;font-weight:600;color:#64748b;border-right:2px solid #e2e8f0}.input-cell{padding:8px 12px;background:#fafbff;border-right:1px solid #e2e8f0;vertical-align:top}.input-cell:last-of-type{border-right:2px solid #93c5fd}.input-cell.selected{background:#eff6ff;box-shadow:inset 0 0 0 2px #3b82f6}.cell-content{display:flex;gap:6px}.operator-select{width:80px;padding:6px 8px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:12px;color:#374151;cursor:pointer}.operator-select:focus{outline:none;border-color:#3b82f6}.value-input{flex:1;padding:6px 8px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#1e293b}.value-input:focus{outline:none;border-color:#3b82f6}.output-cell{padding:8px 12px;background:#fafff9;border-right:1px solid #e2e8f0;vertical-align:top}.output-cell:last-of-type{border-right:2px solid #86efac}.output-cell.selected{background:#f0fdf4;box-shadow:inset 0 0 0 2px #22c55e}.output-value{width:100%;padding:6px 8px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:13px;font-weight:500;color:#166534}.output-value:focus{outline:none;border-color:#22c55e}.annotation-cell{padding:8px 12px;background:#fafafa;border-right:1px solid #e2e8f0}.annotation-input{width:100%;padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:4px;font-size:12px;color:#64748b;font-style:italic}.annotation-input:focus{outline:none;background:#fff;border-color:#d1d5db;font-style:normal}.row-actions{padding:8px;text-align:center;background:#fafafa}.row-actions button{width:24px;height:24px;margin:0 2px;background:transparent;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;color:#64748b;cursor:pointer;transition:all .1s}.row-actions button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.row-actions button:disabled{opacity:.3;cursor:not-allowed}.row-actions .delete-btn{color:#ef4444}.row-actions .delete-btn:hover{background:#fef2f2;border-color:#fecaca}.table-legend{display:flex;gap:24px;padding:12px 24px;background:#fff;border-top:1px solid #e2e8f0}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.legend-symbol{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 6px;background:#f1f5f9;border-radius:4px;font-family:monospace;font-weight:600;color:#475569}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:#f1f5f9}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.canvas-container{flex:1;position:relative;overflow:hidden;background:var(--bg-deep);cursor:grab}.canvas-container.light-canvas{background:#f8fafc}.canvas-container.light-canvas .canvas-svg{background:#fff}.canvas-container.specialized-editor{display:flex;flex-direction:column;cursor:default;background:#f1f5f9}.canvas-container:active{cursor:grabbing}.canvas-container.specialized-editor:active{cursor:default}.canvas-svg{display:block;width:100%;height:100%}.editor-mode-toggle{position:absolute;top:12px;right:12px;display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:4px;gap:4px;z-index:100;box-shadow:0 2px 8px #0000001a}.canvas-container.specialized-editor .editor-mode-toggle{position:relative;top:auto;right:auto;margin:12px 12px 0 auto;width:fit-content}.editor-mode-toggle button{padding:8px 16px;background:transparent;border:none;border-radius:6px;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s}.editor-mode-toggle button:hover{background:#f1f5f9;color:#334155}.editor-mode-toggle button.active{background:#3b82f6;color:#fff}.canvas-grid .grid-rect{pointer-events:none}.canvas-info{position:absolute;bottom:var(--space-md);right:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-family:var(--font-mono);font-size:11px;color:#64748b;pointer-events:none;box-shadow:0 1px 3px #0000001a}.canvas-node{cursor:pointer;transition:filter .15s ease}.canvas-node.selected{filter:url(#node-glow)}.canvas-node:hover .node-body{stroke-width:2}.node-body{fill:#fff;stroke:#e2e8f0;stroke-width:1;rx:8;transition:all .15s ease}.canvas-node.selected .node-body{stroke:#3b82f6;stroke-width:2}.node-header{fill:#f8fafc}.node-title{font-family:var(--font-sans);font-size:12px;font-weight:600;fill:#1e293b;pointer-events:none}.node-subtitle{font-family:var(--font-mono);font-size:10px;fill:#64748b;pointer-events:none}.node-icon{fill:none;stroke:currentColor;stroke-width:1.5}.canvas-node[data-type=state] .node-header{fill:#dbeafe}.canvas-node[data-type=state] .node-icon{color:#3b82f6}.canvas-node[data-type=state].selected .node-body{stroke:#3b82f6}.canvas-node[data-type=initial] .node-header{fill:#dcfce7}.canvas-node[data-type=initial] .node-icon{color:#22c55e}.canvas-node[data-type=initial].selected .node-body{stroke:#22c55e}.canvas-node[data-type=final] .node-header{fill:#fef3c7}.canvas-node[data-type=final] .node-icon{color:#f59e0b}.canvas-node[data-type=final].selected .node-body{stroke:#f59e0b}.canvas-node[data-type=task] .node-header{fill:#e0e7ff}.canvas-node[data-type=task] .node-icon{color:#6366f1}.canvas-node[data-type=task].selected .node-body{stroke:#6366f1}.canvas-node[data-type=step] .node-header{fill:#e0e7ff}.canvas-node[data-type=step] .node-icon{color:#6366f1}.canvas-node[data-type=step].selected .node-body{stroke:#6366f1}.canvas-node[data-type=model] .node-header{fill:#fce7f3}.canvas-node[data-type=model] .node-icon{color:#ec4899}.canvas-node[data-type=model].selected .node-body{stroke:#ec4899}.canvas-node[data-type=column] .node-header{fill:#fce7f3}.canvas-node[data-type=column] .node-icon{color:#ec4899}.canvas-node[data-type=column].selected .node-body{stroke:#ec4899}.canvas-node[data-type=screen] .node-header{fill:#ccfbf1}.canvas-node[data-type=screen] .node-icon{color:#14b8a6}.canvas-node[data-type=screen].selected .node-body{stroke:#14b8a6}.canvas-node[data-type=field] .node-header{fill:#ccfbf1}.canvas-node[data-type=field] .node-icon{color:#14b8a6}.canvas-node[data-type=field].selected .node-body{stroke:#14b8a6}.canvas-node[data-type=decision_table] .node-header{fill:#fef3c7}.canvas-node[data-type=decision_table] .node-icon{color:#f59e0b}.canvas-node[data-type=decision_table].selected .node-body{stroke:#f59e0b}.canvas-node[data-type=rule] .node-header{fill:#fef3c7}.canvas-node[data-type=rule] .node-icon{color:#f59e0b}.canvas-node[data-type=rule].selected .node-body{stroke:#f59e0b}.canvas-node[data-type=input] .node-header{fill:#dbeafe}.canvas-node[data-type=input] .node-icon{color:#3b82f6}.canvas-node[data-type=input].selected .node-body{stroke:#3b82f6}.canvas-node[data-type=output] .node-header{fill:#dcfce7}.canvas-node[data-type=output] .node-icon{color:#22c55e}.canvas-node[data-type=output].selected .node-body{stroke:#22c55e}.node-port{cursor:crosshair;transition:all .15s ease}.node-port circle{fill:#fff;stroke:#94a3b8;stroke-width:2;transition:all .15s ease}.node-port:hover circle{fill:#3b82f6;stroke:#3b82f6;transform:scale(1.3)}.node-port.connected circle{fill:#22c55e;stroke:#22c55e}.canvas-connection{cursor:pointer}.connection-path{fill:none;stroke:#3b82f6;stroke-width:2;stroke-opacity:.6;transition:all .15s ease}.connection-path:hover{stroke-opacity:1;stroke-width:3}.canvas-connection.selected .connection-path{stroke:#1e293b;stroke-opacity:1;stroke-width:3;filter:url(#connection-glow)}.connection-label{font-family:var(--font-mono);font-size:10px;fill:#64748b;pointer-events:none}.connection-label-bg{fill:#fff;rx:4}.connection-drawing-path{fill:none;stroke:#3b82f6;stroke-width:2;stroke-dasharray:8 4;animation:dash .5s linear infinite}@keyframes dash{to{stroke-dashoffset:-12}}.canvas-container.drag-over:after{content:"";position:absolute;inset:var(--space-md);border:2px dashed #3b82f6;border-radius:12px;pointer-events:none;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.canvas-node[data-node-type=initial] .node-body{rx:20}.canvas-node[data-node-type=final] .node-body{stroke-width:3}.decision-shape{transform-origin:center;transform:rotate(45deg)}.palette{display:flex;flex-direction:column;height:100%;overflow:hidden}.palette-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle)}.palette-header h3{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:.02em}.palette-search{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--space-sm)}.palette-search svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.palette-search input{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-sans);font-size:13px;outline:none}.palette-categories{flex:1;overflow-y:auto;padding:var(--space-sm) 0}.palette-category{margin-bottom:var(--space-xs)}.category-header{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-fast)}.category-header:hover{background:var(--bg-hover);color:var(--text-primary)}.category-header .chevron{width:12px;height:12px;transition:transform var(--transition-fast)}.category-header .chevron.expanded{transform:rotate(90deg)}.category-header .item-count{margin-left:auto;padding:2px 6px;background:var(--bg-surface);border-radius:10px;font-size:10px;color:var(--text-tertiary)}.category-items{padding:var(--space-xs) var(--space-sm)}.palette-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm);margin:var(--space-xs) 0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;cursor:grab;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.palette-item:hover{background:var(--bg-hover);border-color:var(--item-color, var(--accent-border));transform:translate(2px)}.item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--item-color, var(--accent-primary));background-opacity:.1;border-radius:6px;flex-shrink:0}.item-icon svg{width:18px;height:18px;color:var(--item-color, var(--accent-primary))}.item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.item-name{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-description{font-size:10px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-drag-handle{width:16px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:0;transition:opacity var(--transition-fast)}.palette-item:hover .item-drag-handle{opacity:1}.item-drag-handle svg{width:12px;height:16px}.palette-drag-image{position:fixed;top:-1000px;left:-1000px;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--accent-primary);border-radius:6px;font-family:var(--font-sans);font-size:12px;color:var(--text-primary);box-shadow:var(--shadow-lg);pointer-events:none}.palette-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--text-tertiary)}.palette-empty svg{width:48px;height:48px;margin-bottom:var(--space-md);opacity:.5}.palette-empty p{font-size:13px}.property-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.property-panel.empty,.property-panel.multi-select{justify-content:center;align-items:center}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl);color:var(--text-tertiary);text-align:center}.empty-state svg{width:48px;height:48px;opacity:.5}.panel-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.panel-header h3{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-type-badge{padding:2px 8px;background:#4ade8026;border-radius:4px;font-size:10px;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.panel-tabs{display:flex;padding:0 var(--space-md);border-bottom:1px solid var(--border-subtle);gap:var(--space-xs)}.panel-tab{padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.panel-tab:hover{color:var(--text-primary)}.panel-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.panel-content{flex:1;overflow-y:auto;padding:var(--space-md)}.property-section{margin-bottom:var(--space-lg)}.section-title{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-subtle)}.property-field{margin-bottom:var(--space-md)}.prop-label{display:flex;align-items:center;gap:var(--space-xs);font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.prop-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-family:var(--font-sans);font-size:13px;transition:all var(--transition-fast)}.prop-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.prop-input::placeholder{color:var(--text-muted)}.prop-textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-family:var(--font-sans);font-size:13px;resize:vertical;min-height:60px;transition:all var(--transition-fast)}.prop-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.prop-select{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-family:var(--font-sans);font-size:13px;cursor:pointer;transition:all var(--transition-fast)}.prop-select:focus{outline:none;border-color:var(--accent-primary)}.prop-select option{background:var(--bg-deep)}.prop-checkbox{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.prop-checkbox input{display:none}.checkbox-mark{width:18px;height:18px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.prop-checkbox input:checked+.checkbox-mark{background:var(--accent-primary);border-color:var(--accent-primary)}.prop-checkbox input:checked+.checkbox-mark:after{content:"";width:6px;height:10px;border:solid var(--bg-deepest);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}.keyvalue-editor{display:flex;flex-direction:column;gap:var(--space-sm)}.kv-items{display:flex;flex-direction:column;gap:var(--space-xs)}.kv-item{display:flex;gap:var(--space-xs);align-items:center}.kv-key{flex:0 0 80px;padding:var(--space-xs) var(--space-sm);background:var(--bg-deep);border-radius:4px;font-size:11px;font-family:var(--font-mono);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kv-item input{flex:1;padding:var(--space-xs) var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:12px}.kv-item input:focus{outline:none;border-color:var(--accent-primary)}.kv-item button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:16px;transition:all var(--transition-fast)}.kv-item button:hover{background:#ef44441a;color:#ef4444}.kv-input{display:flex;gap:var(--space-xs)}.kv-input input{flex:1;padding:var(--space-xs) var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;color:var(--text-primary);font-size:12px}.kv-input input:focus{outline:none;border-color:var(--accent-primary)}.kv-input button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;color:var(--accent-primary);cursor:pointer;font-size:18px;transition:all var(--transition-fast)}.kv-input button:hover{border-color:var(--accent-primary);background:var(--accent-glow)}.array-editor{display:flex;flex-direction:column;gap:var(--space-sm)}.array-items{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.array-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;font-size:12px;color:var(--text-primary)}.array-item button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:0;line-height:1;transition:color var(--transition-fast)}.array-item button:hover{color:#ef4444}.array-input{display:flex;gap:var(--space-xs)}.array-input input{flex:1;padding:var(--space-xs) var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;color:var(--text-primary);font-size:12px}.array-input input:focus{outline:none;border-color:var(--accent-primary)}.array-input button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;color:var(--accent-primary);cursor:pointer;font-size:18px}.array-input button:hover{border-color:var(--accent-primary);background:var(--accent-glow)}.config-json pre,.yaml-preview{padding:var(--space-md);background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);overflow-x:auto;white-space:pre;line-height:1.6}.panel-footer{padding:var(--space-md);border-top:1px solid var(--border-subtle)}.btn-danger{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-family:var(--font-sans);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{background:#ef444433;border-color:#ef4444}.btn-danger svg{width:16px;height:16px}.multi-select-info{text-align:center;padding:var(--space-lg)}.multi-select-info p{color:var(--text-secondary);margin-bottom:var(--space-md)}.toolbar{height:var(--toolbar-height);background:var(--bg-base);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 var(--space-md);gap:var(--space-sm)}.toolbar-group{display:flex;align-items:center;gap:var(--space-xs)}.toolbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.toolbar-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.active{background:var(--accent-glow);border-color:var(--accent-border);color:var(--accent-primary)}.toolbar-btn.danger:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.toolbar-btn svg{width:18px;height:18px}.zoom-display{min-width:48px;text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary)}.toolbar-divider{width:1px;height:24px;background:var(--border-default);margin:0 var(--space-sm)}.toolbar-spacer{flex:1}.selection-count{font-size:11px;color:var(--text-tertiary);margin-left:var(--space-xs)}.toolbar-btn.ai-btn{width:auto;padding:0 12px;gap:6px;background:linear-gradient(135deg,#4ade801a,#22c55e1a);border-color:#4ade804d}.toolbar-btn.ai-btn:hover{background:linear-gradient(135deg,#4ade8033,#22c55e33);border-color:#4ade8080}.toolbar-btn.ai-btn.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-deepest)}.toolbar-btn .btn-label{font-size:12px;font-weight:500}.toolbar-menu{position:absolute;top:100%;left:0;margin-top:4px;min-width:160px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:4px;box-shadow:0 8px 24px #0000004d;z-index:100;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.toolbar-menu button{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:13px;text-align:left;cursor:pointer;transition:all .1s}.toolbar-menu button:hover{background:var(--bg-hover);color:var(--text-primary)}.toolbar-menu button span{width:18px;text-align:center;font-size:14px}.toolbar-menu .menu-divider{height:1px;background:var(--border-subtle);margin:4px 0}.shortcuts-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayFadeIn .15s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.shortcuts-modal{width:600px;max-height:80vh;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-base)}.shortcuts-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.shortcuts-header button{background:transparent;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.shortcuts-header button:hover{background:var(--bg-hover);color:var(--text-primary)}.shortcuts-content{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;overflow-y:auto;max-height:calc(80vh - 60px)}.shortcut-group{background:var(--bg-elevated);border-radius:8px;padding:16px}.shortcut-group h4{margin:0 0 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-primary)}.shortcut{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:13px;color:var(--text-secondary)}.shortcut kbd{display:inline-block;padding:3px 6px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:4px;font-family:var(--font-mono);font-size:11px;color:var(--text-primary);margin-right:2px}.shortcut span{color:var(--text-muted)}.export-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.export-modal{width:90%;max-width:800px;max-height:85vh;background:var(--bg-base);border:1px solid var(--border-default);border-radius:16px;display:flex;flex-direction:column;box-shadow:var(--shadow-lg),0 0 60px #4ade801a;animation:slideUp .3s var(--spring)}.export-modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.export-modal-header h2{font-size:18px;font-weight:600;color:var(--text-primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-close svg{width:18px;height:18px}.export-tabs{display:flex;padding:0 var(--space-lg);border-bottom:1px solid var(--border-subtle);gap:var(--space-xs)}.export-tab{padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.export-tab:hover{color:var(--text-primary)}.export-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.export-modal-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.yaml-preview-container{flex:1;display:flex;flex-direction:column;margin:var(--space-lg);margin-top:0;border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.yaml-preview-header{padding:var(--space-sm) var(--space-md);background:var(--bg-deep);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);font-size:12px;color:var(--text-secondary)}.copy-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;color:var(--text-secondary);font-family:var(--font-sans);font-size:11px;cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.copy-btn.copied{border-color:var(--accent-secondary);color:var(--accent-secondary)}.copy-btn svg{width:14px;height:14px}.yaml-preview-content{flex:1;margin:0;padding:var(--space-md);background:var(--bg-deep);overflow:auto;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--text-secondary);white-space:pre;-moz-tab-size:2;tab-size:2;max-height:400px}.yaml-preview-content code{display:block}.export-options{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.option-checkbox{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:all var(--transition-fast)}.option-checkbox:hover{border-color:var(--border-default)}.option-checkbox input{display:none}.option-checkbox .checkbox-mark{width:20px;height:20px;background:var(--bg-deep);border:1px solid var(--border-default);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.option-checkbox input:checked+.checkbox-mark{background:var(--accent-primary);border-color:var(--accent-primary)}.option-checkbox input:checked+.checkbox-mark:after{content:"";width:6px;height:10px;border:solid var(--bg-deepest);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}.option-info{display:flex;flex-direction:column;gap:2px}.option-label{font-size:14px;font-weight:500;color:var(--text-primary)}.option-desc{font-size:12px;color:var(--text-tertiary)}.export-info{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.export-info-item{display:flex;flex-direction:column;gap:var(--space-xs)}.export-info .info-label{font-size:11px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.export-info .info-value{font-size:14px;font-weight:600;color:var(--text-primary)}.export-modal-footer{padding:var(--space-lg);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.format-selector{display:flex;align-items:center;gap:var(--space-sm)}.format-selector label{font-size:12px;color:var(--text-secondary)}.format-selector select{padding:var(--space-xs) var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;color:var(--text-primary);font-family:var(--font-sans);font-size:12px;cursor:pointer}.format-selector select:focus{outline:none;border-color:var(--accent-primary)}.export-actions{display:flex;gap:var(--space-sm)}.btn-secondary svg{width:16px;height:16px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 30px #4ade804d}.import-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.import-modal{width:90%;max-width:640px;max-height:85vh;background:var(--bg-base);border:1px solid var(--border-default);border-radius:16px;display:flex;flex-direction:column;box-shadow:var(--shadow-lg),0 0 60px #4ade801a;animation:slideUp .3s var(--spring)}.import-modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.import-modal-header h2{font-size:18px;font-weight:600;color:var(--text-primary)}.import-modal-content{flex:1;overflow:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.drop-zone{border:2px dashed var(--border-default);border-radius:12px;padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-surface);min-height:160px}.drop-zone:hover{border-color:var(--accent-primary);background:var(--accent-glow)}.drop-zone.dragging{border-color:var(--accent-primary);background:var(--accent-glow);border-style:solid}.drop-zone.has-content{cursor:default;padding:var(--space-md);min-height:auto}.drop-zone.has-content:hover{background:var(--bg-surface);border-color:var(--border-default)}.drop-icon{width:48px;height:48px;color:var(--text-tertiary);transition:color var(--transition-fast)}.drop-zone:hover .drop-icon,.drop-zone.dragging .drop-icon{color:var(--accent-primary)}.drop-icon svg{width:100%;height:100%}.drop-text{font-size:14px;color:var(--text-secondary);text-align:center}.browse-link{color:var(--accent-primary);font-weight:500;text-decoration:underline;text-underline-offset:2px}.drop-hint{font-size:12px;color:var(--text-muted)}.file-info{display:flex;align-items:center;gap:var(--space-md);width:100%}.file-info svg{width:24px;height:24px;color:var(--accent-primary);flex-shrink:0}.file-name{flex:1;font-family:var(--font-mono);font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.clear-btn:hover{background:#ef44441a;color:#ef4444}.clear-btn svg{width:16px;height:16px}.separator{display:flex;align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:12px}.separator:before,.separator:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.yaml-input-container{flex:1;min-height:150px}.yaml-input{width:100%;height:100%;min-height:150px;padding:var(--space-md);background:var(--bg-deep);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-family:var(--font-mono);font-size:12px;line-height:1.6;resize:vertical;transition:border-color var(--transition-fast)}.yaml-input:focus{outline:none;border-color:var(--accent-primary)}.yaml-input::placeholder{color:var(--text-muted)}.parse-result{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:8px;animation:slideUp .2s ease}.parse-result.success{background:#4ade801a;border:1px solid rgba(74,222,128,.3)}.parse-result.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.result-icon{width:32px;height:32px;flex-shrink:0}.result-icon.success{color:var(--accent-primary)}.result-icon.error{color:#ef4444}.result-icon svg{width:100%;height:100%}.result-details{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.detected-type{display:flex;align-items:center;gap:var(--space-sm);font-size:14px;color:var(--text-primary)}.detected-type svg{width:18px;height:18px;color:var(--accent-primary)}.detected-type strong{color:var(--accent-primary)}.stats{display:flex;align-items:center;gap:var(--space-sm);font-size:12px;color:var(--text-secondary)}.stats .divider{color:var(--text-muted)}.error-text{font-size:13px;color:#ef4444}.import-modal-footer{padding:var(--space-lg);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:var(--space-sm)}.btn-secondary{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-primary{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-tertiary) 100%);border:none;border-radius:8px;color:var(--bg-deepest);font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 20px #4ade8033}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 30px #4ade804d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary svg{width:16px;height:16px}.spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.ai-chat-panel{position:fixed;right:0;top:0;bottom:0;width:420px;background:var(--bg-surface);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:1000;box-shadow:-4px 0 20px #0000004d;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-base)}.ai-chat-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px;color:var(--text-primary)}.ai-icon{font-size:20px}.ai-chat-close{background:transparent;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s}.ai-chat-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.ai-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.chat-message{display:flex;gap:12px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.chat-message.assistant .message-avatar{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary))}.message-content{max-width:85%;display:flex;flex-direction:column;gap:8px}.message-text{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5;color:var(--text-primary)}.chat-message.assistant .message-text{background:var(--bg-elevated);border-bottom-left-radius:4px}.chat-message.user .message-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-deepest);border-bottom-right-radius:4px}.message-text strong{color:inherit;font-weight:600}.message-text em{color:var(--text-secondary)}.message-text code{background:var(--bg-base);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:13px}.generated-preview{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:12px;padding:12px 16px;margin-top:4px}.preview-header{font-size:12px;font-weight:600;color:var(--accent-primary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.preview-stats{display:flex;gap:16px;font-size:13px;color:var(--text-secondary)}.typing-indicator{display:flex;gap:4px;padding:12px 16px;background:var(--bg-elevated);border-radius:16px 16px 16px 4px}.typing-indicator span{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 16px}.quick-actions button{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:20px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s}.quick-actions button:hover{background:var(--bg-base);border-color:var(--accent-primary);color:var(--accent-primary)}.quick-actions button span{font-size:14px}.attachments-preview{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px;background:var(--bg-base);border-top:1px solid var(--border-subtle)}.attachment-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:16px;font-size:12px;color:var(--text-secondary)}.attachment-icon{font-size:14px}.attachment-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-remove{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0 2px;font-size:16px;line-height:1}.attachment-remove:hover{color:var(--color-error)}.ai-chat-input{display:flex;align-items:flex-end;gap:8px;padding:16px 20px;background:var(--bg-base);border-top:1px solid var(--border-subtle)}.ai-chat-input textarea{flex:1;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;color:var(--text-primary);font-size:14px;font-family:inherit;resize:none;max-height:150px;line-height:1.4}.ai-chat-input textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #4ade801a}.ai-chat-input textarea::placeholder{color:var(--text-muted)}.upload-btn,.send-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .15s;flex-shrink:0}.upload-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted)}.upload-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--text-muted)}.send-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-deepest)}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #4ade804d}.send-btn:disabled{opacity:.5;cursor:not-allowed}.ai-chat-messages::-webkit-scrollbar{width:6px}.ai-chat-messages::-webkit-scrollbar-track{background:transparent}.ai-chat-messages::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 768px){.ai-chat-panel{width:100%}}.chat-message.user .message-text code{background:#0003}.validation-panel{position:fixed;left:260px;bottom:0;width:400px;max-height:350px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-bottom:none;border-radius:8px 8px 0 0;display:flex;flex-direction:column;z-index:100;box-shadow:0 -4px 20px #0003;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.validation-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-subtle);background:var(--bg-base);border-radius:8px 8px 0 0}.validation-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--text-primary)}.validation-icon{font-size:16px}.validation-close{background:transparent;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s}.validation-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.validation-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.validation-summary.valid{background:#4ade801a}.validation-summary.invalid{background:#ef44441a}.summary-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.validation-summary.valid .summary-status{color:var(--accent-primary)}.validation-summary.invalid .summary-status{color:#ef4444}.status-icon{font-size:16px}.summary-counts{display:flex;gap:12px}.summary-counts .count{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:12px;background:var(--bg-base)}.summary-counts .count.error{color:#ef4444}.summary-counts .count.warning{color:#f59e0b}.summary-counts .count.info{color:#3b82f6}.validation-filter{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border-subtle)}.validation-filter button{padding:6px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.validation-filter button:hover{background:var(--bg-elevated);color:var(--text-primary)}.validation-filter button.active{background:var(--accent-primary);color:var(--bg-deepest);font-weight:500}.validation-issues{flex:1;overflow-y:auto;padding:8px}.no-issues{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--text-muted);font-size:14px}.issue-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:6px;margin-bottom:4px;background:var(--bg-elevated);transition:all .15s}.issue-item.clickable{cursor:pointer}.issue-item.clickable:hover{background:var(--bg-base)}.issue-item.error{border-left:3px solid #ef4444}.issue-item.warning{border-left:3px solid #f59e0b}.issue-item.info{border-left:3px solid #3b82f6}.issue-icon{font-size:14px;font-weight:700;flex-shrink:0;margin-top:1px}.issue-content{flex:1;min-width:0}.issue-message{font-size:13px;color:var(--text-primary);line-height:1.4}.issue-suggestion{font-size:12px;color:var(--text-secondary);margin-top:4px;line-height:1.4}.issue-link{color:var(--text-muted);font-size:14px;flex-shrink:0;opacity:0;transition:opacity .15s}.issue-item:hover .issue-link{opacity:1}.no-document{display:flex;align-items:center;justify-content:center;padding:32px;color:var(--text-muted);font-size:14px}.validation-issues::-webkit-scrollbar{width:6px}.validation-issues::-webkit-scrollbar-track{background:transparent}.validation-issues::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.validation-issues::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.workflow-editor{--canvas-bg: #0a0f0d;--canvas-grid-minor: rgba(74, 222, 128, .03);--canvas-grid-major: rgba(74, 222, 128, .08);--canvas-dot: rgba(74, 222, 128, .15);--glass-bg: rgba(20, 31, 26, .8);--glass-border: rgba(74, 222, 128, .15);--glass-shadow: rgba(0, 0, 0, .4);--glass-blur: 12px;--node-trigger: #10b981;--node-trigger-glow: rgba(16, 185, 129, .4);--node-action: #3b82f6;--node-action-glow: rgba(59, 130, 246, .4);--node-logic: #8b5cf6;--node-logic-glow: rgba(139, 92, 246, .4);--node-ui: #ec4899;--node-ui-glow: rgba(236, 72, 153, .4);--node-ai: #06b6d4;--node-ai-glow: rgba(6, 182, 212, .4);--node-integration: #f97316;--node-integration-glow: rgba(249, 115, 22, .4);--path-default: #64748b;--path-success: #10b981;--path-failure: #ef4444;--path-loop: #8b5cf6;--text-primary: #f0fdf4;--text-secondary: #a7c4b5;--text-muted: #6b8f7a;--selection-color: #4ade80;--selection-glow: rgba(74, 222, 128, .5);--hover-overlay: rgba(255, 255, 255, .05);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}.workflow-editor{position:relative;width:100%;height:100%;background:var(--canvas-bg);overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.workflow-editor:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(6,182,212,.04) 0%,transparent 70%);pointer-events:none;z-index:0}.workflow-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.workflow-canvas svg{width:100%;height:100%;cursor:grab}.workflow-canvas svg:active{cursor:grabbing}.canvas-grid-pattern{stroke:var(--canvas-grid-minor);stroke-width:.5}.canvas-grid-pattern-major{stroke:var(--canvas-grid-major);stroke-width:1}.canvas-dots{fill:var(--canvas-dot)}.workflow-node{cursor:pointer;transition:filter var(--transition-fast)}.workflow-node:hover{filter:brightness(1.1)}.workflow-node.selected{filter:brightness(1.15)}.workflow-node.dragging{cursor:grabbing;filter:brightness(1.2)}.node-container{fill:var(--glass-bg);stroke:var(--glass-border);stroke-width:1;rx:12;transition:all var(--transition-normal)}.workflow-node:hover .node-container{stroke-width:1.5}.workflow-node.selected .node-container{stroke:var(--selection-color);stroke-width:2}.node-glow{opacity:0;transition:opacity var(--transition-normal)}.workflow-node:hover .node-glow,.workflow-node.selected .node-glow{opacity:1}.workflow-node[data-category=trigger] .node-glow{fill:var(--node-trigger-glow)}.workflow-node[data-category=action] .node-glow{fill:var(--node-action-glow)}.workflow-node[data-category=logic] .node-glow{fill:var(--node-logic-glow)}.workflow-node[data-category=ui] .node-glow{fill:var(--node-ui-glow)}.workflow-node[data-category=ai] .node-glow{fill:var(--node-ai-glow)}.workflow-node[data-category=integration] .node-glow{fill:var(--node-integration-glow)}.node-header{fill:#0003}.workflow-node[data-category=trigger] .node-header{fill:#10b98126}.workflow-node[data-category=action] .node-header{fill:#3b82f626}.workflow-node[data-category=logic] .node-header{fill:#8b5cf626}.workflow-node[data-category=ui] .node-header{fill:#ec489926}.workflow-node[data-category=ai] .node-header{fill:#06b6d426}.workflow-node[data-category=integration] .node-header{fill:#f9731626}.node-icon{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.workflow-node[data-category=trigger] .node-icon{stroke:var(--node-trigger)}.workflow-node[data-category=action] .node-icon{stroke:var(--node-action)}.workflow-node[data-category=logic] .node-icon{stroke:var(--node-logic)}.workflow-node[data-category=ui] .node-icon{stroke:var(--node-ui)}.workflow-node[data-category=ai] .node-icon{stroke:var(--node-ai)}.workflow-node[data-category=integration] .node-icon{stroke:var(--node-integration)}.node-title{fill:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:-.01em}.node-subtitle{fill:var(--text-secondary);font-size:11px;font-weight:400}.node-description{fill:var(--text-muted);font-size:10px}.workflow-node.diamond-node .node-glow{fill:var(--node-logic-glow)}.diamond-outer{fill:#141f1af2;stroke:var(--node-logic);stroke-width:2;filter:drop-shadow(0 4px 12px rgba(139,92,246,.3));transition:all var(--transition-normal)}.diamond-inner{fill:#8b5cf614;stroke:#8b5cf64d;stroke-width:1;transition:all var(--transition-normal)}.workflow-node.diamond-node:hover .diamond-outer{stroke-width:2.5;filter:drop-shadow(0 6px 20px rgba(139,92,246,.5))}.workflow-node.diamond-node:hover .diamond-inner{fill:#8b5cf61f}.workflow-node.diamond-node.selected .diamond-outer{stroke:var(--selection-color);stroke-width:3;filter:drop-shadow(0 0 16px var(--selection-glow))}.diamond-icon{fill:none;stroke:var(--node-logic);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.diamond-label{fill:var(--text-primary);font-size:12px;font-weight:600;letter-spacing:-.01em}.workflow-node.circle-node .node-glow{fill:var(--node-trigger-glow)}.circle-outer{fill:#141f1af2;stroke-width:3;transition:all var(--transition-normal)}.circle-outer.start-node{stroke:var(--node-trigger);filter:drop-shadow(0 4px 12px rgba(16,185,129,.4))}.circle-outer.end-node{stroke:#ef4444;filter:drop-shadow(0 4px 12px rgba(239,68,68,.4))}.circle-inner{stroke-width:1;transition:all var(--transition-normal)}.circle-inner.start-node{fill:#10b9811a;stroke:#10b9814d}.circle-inner.end-node{fill:#ef44441a;stroke:#ef44444d}.workflow-node.circle-node:hover .circle-outer.start-node{stroke-width:4;filter:drop-shadow(0 6px 20px rgba(16,185,129,.6))}.workflow-node.circle-node:hover .circle-outer.end-node{stroke-width:4;filter:drop-shadow(0 6px 20px rgba(239,68,68,.6))}.workflow-node.circle-node:hover .circle-inner.start-node{fill:#10b98126}.workflow-node.circle-node:hover .circle-inner.end-node{fill:#ef444426}.workflow-node.circle-node.selected .circle-outer{stroke:var(--selection-color);stroke-width:4;filter:drop-shadow(0 0 16px var(--selection-glow))}.circle-icon{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.circle-icon.start-node{fill:var(--node-trigger);stroke:var(--node-trigger)}.circle-icon.end-node{fill:none;stroke:#ef4444}.circle-label{fill:var(--text-secondary);font-size:11px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.node-port{cursor:crosshair;transition:all var(--transition-fast)}.port-ring{fill:transparent;stroke:transparent;stroke-width:2;transition:all var(--transition-fast)}.port-circle{fill:var(--glass-bg);stroke:var(--text-muted);stroke-width:2;transition:all var(--transition-fast)}.port-dot{fill:var(--text-muted);transition:all var(--transition-fast)}.node-port:hover .port-ring{stroke:var(--selection-color);stroke-opacity:.3}.node-port:hover .port-circle{fill:var(--selection-color);stroke:var(--selection-color);transform:scale(1.2)}.node-port:hover .port-dot{fill:var(--canvas-bg)}.node-port.port-input .port-circle{stroke:var(--text-secondary)}.node-port.port-output .port-circle{stroke:var(--selection-color)}.node-port.port-output .port-dot{fill:var(--selection-color)}.node-port[data-port-type=success] .port-circle{stroke:var(--path-success)}.node-port[data-port-type=success] .port-dot{fill:var(--path-success)}.node-port[data-port-type=failure] .port-circle{stroke:var(--path-failure)}.node-port[data-port-type=failure] .port-dot{fill:var(--path-failure)}.node-port[data-port-type=loop] .port-circle{stroke:var(--path-loop)}.node-port[data-port-type=loop] .port-dot{fill:var(--path-loop)}.port-label-group{pointer-events:none;opacity:.9;transition:opacity var(--transition-fast)}.node-port:hover .port-label-group{opacity:1}.port-label-bg{fill:#141f1af2;stroke:#8b5cf666;stroke-width:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.port-label-text{fill:var(--text-primary);font-size:10px;font-weight:600;letter-spacing:.02em}.port-label{fill:var(--text-muted);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;pointer-events:none}.workflow-connection{pointer-events:stroke;cursor:pointer}.connection-glow{fill:none;stroke-linecap:round;pointer-events:none}.connection-path{fill:none;stroke:var(--path-default);stroke-width:2;stroke-linecap:round;transition:all var(--transition-fast)}.workflow-connection:hover .connection-path,.workflow-connection.hovered .connection-path{stroke-width:3}.workflow-connection.selected .connection-path{stroke:var(--selection-color);stroke-width:3}.workflow-connection[data-path-type=success] .connection-path{stroke:var(--path-success)}.workflow-connection[data-path-type=failure] .connection-path{stroke:var(--path-failure)}.workflow-connection[data-path-type=loop] .connection-path{stroke:var(--path-loop)}.edge-label-pill{pointer-events:none;transition:transform var(--transition-fast)}.edge-label-bg{fill:#0a0f0de6;stroke:#ffffff1a;stroke-width:1}.edge-label-bg-inner{opacity:.9}.edge-label-text{fill:#fff;font-size:11px;font-weight:600;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.5)}.connection-flow{fill:none;stroke:#fff;stroke-width:4;stroke-dasharray:8 16;stroke-linecap:round;opacity:.3;animation:flowAnimation 1s linear infinite}@keyframes flowAnimation{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.connection-arrow{fill:currentColor}.connection-drawing{pointer-events:none}.connection-drawing .connection-path{stroke-dasharray:6 4;animation:dashAnimation .5s linear infinite}.connection-drawing .connection-path.drawing{opacity:.7}@keyframes dashAnimation{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}.quick-add-button{cursor:pointer;opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast)}.workflow-connection:hover .quick-add-button{opacity:1}.quick-add-button:hover{transform:scale(1.2)}.quick-add-circle{fill:var(--glass-bg);stroke:var(--selection-color);stroke-width:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.quick-add-icon{fill:var(--selection-color);font-size:14px;font-weight:700}.quick-add-menu{position:fixed;z-index:1000;pointer-events:none}.quick-add-menu.open{pointer-events:auto}.quick-add-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;opacity:0;transition:opacity var(--transition-normal)}.quick-add-menu.open .quick-add-backdrop{opacity:1}.quick-add-ring{position:relative;width:200px;height:200px;transform:translate(-50%,-50%) scale(.5);opacity:0;transition:all var(--transition-normal)}.quick-add-menu.open .quick-add-ring{transform:translate(-50%,-50%) scale(1);opacity:1}.quick-add-item{position:absolute;width:56px;height:56px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px var(--glass-shadow)}.quick-add-item:hover{transform:scale(1.15);border-color:var(--selection-color);box-shadow:0 0 20px var(--selection-glow)}.quick-add-item svg{width:24px;height:24px}.quick-add-item[data-category=trigger] svg{stroke:var(--node-trigger)}.quick-add-item[data-category=action] svg{stroke:var(--node-action)}.quick-add-item[data-category=logic] svg{stroke:var(--node-logic)}.quick-add-item[data-category=ui] svg{stroke:var(--node-ui)}.quick-add-item[data-category=ai] svg{stroke:var(--node-ai)}.quick-add-item[data-category=integration] svg{stroke:var(--node-integration)}.quick-add-center{position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;background:var(--canvas-bg);border:2px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-muted);cursor:pointer}.quick-add-center:hover{border-color:var(--path-failure);color:var(--path-failure)}.node-palette{position:absolute;top:20px;left:20px;z-index:100;display:flex;flex-direction:column;gap:8px}.palette-category{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:12px;padding:8px;box-shadow:0 4px 20px var(--glass-shadow);transition:all var(--transition-normal)}.palette-category:hover{border-color:#4ade804d}.palette-category-header{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;border-radius:8px;transition:background var(--transition-fast)}.palette-category-header:hover{background:var(--hover-overlay)}.palette-category-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all var(--transition-fast)}.palette-category[data-category=trigger] .palette-category-icon{background:#10b98133}.palette-category[data-category=action] .palette-category-icon{background:#3b82f633}.palette-category[data-category=logic] .palette-category-icon{background:#8b5cf633}.palette-category[data-category=ui] .palette-category-icon{background:#ec489933}.palette-category[data-category=ai] .palette-category-icon{background:#06b6d433}.palette-category[data-category=integration] .palette-category-icon{background:#f9731633}.palette-category-label{font-size:12px;font-weight:600;color:var(--text-primary);flex:1}.palette-category-chevron{color:var(--text-muted);transition:transform var(--transition-fast)}.palette-category.expanded .palette-category-chevron{transform:rotate(180deg)}.palette-items{display:none;flex-direction:column;gap:4px;padding-top:8px;margin-top:8px;border-top:1px solid var(--glass-border)}.palette-category.expanded .palette-items{display:flex}.palette-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:grab;transition:all var(--transition-fast)}.palette-item:hover{background:var(--hover-overlay)}.palette-item:active{cursor:grabbing;background:#4ade801a}.palette-item-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center}.palette-item-icon svg{width:16px;height:16px;fill:none;stroke-width:1.5}.palette-category[data-category=trigger] .palette-item-icon{background:#10b98126}.palette-category[data-category=trigger] .palette-item-icon svg{stroke:var(--node-trigger)}.palette-category[data-category=action] .palette-item-icon{background:#3b82f626}.palette-category[data-category=action] .palette-item-icon svg{stroke:var(--node-action)}.palette-category[data-category=logic] .palette-item-icon{background:#8b5cf626}.palette-category[data-category=logic] .palette-item-icon svg{stroke:var(--node-logic)}.palette-category[data-category=ui] .palette-item-icon{background:#ec489926}.palette-category[data-category=ui] .palette-item-icon svg{stroke:var(--node-ui)}.palette-category[data-category=ai] .palette-item-icon{background:#06b6d426}.palette-category[data-category=ai] .palette-item-icon svg{stroke:var(--node-ai)}.palette-category[data-category=integration] .palette-item-icon{background:#f9731626}.palette-category[data-category=integration] .palette-item-icon svg{stroke:var(--node-integration)}.palette-item-text{flex:1;min-width:0}.palette-item-label{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-item-desc{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-drag-ghost{position:fixed;pointer-events:none;z-index:9999;opacity:.9;transform:translate(-50%,-50%) scale(1.1)}.node-inspector{position:absolute;top:0;right:0;width:360px;height:100%;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-left:1px solid var(--glass-border);box-shadow:-4px 0 20px var(--glass-shadow);z-index:100;transform:translate(100%);transition:transform var(--transition-slow);display:flex;flex-direction:column}.node-inspector.open{transform:translate(0)}.inspector-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--glass-border)}.inspector-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.inspector-icon svg{width:20px;height:20px;fill:none;stroke-width:1.5}.inspector-header[data-category=trigger] .inspector-icon{background:#10b98133}.inspector-header[data-category=trigger] .inspector-icon svg{stroke:var(--node-trigger)}.inspector-header[data-category=action] .inspector-icon{background:#3b82f633}.inspector-header[data-category=action] .inspector-icon svg{stroke:var(--node-action)}.inspector-header[data-category=logic] .inspector-icon{background:#8b5cf633}.inspector-header[data-category=logic] .inspector-icon svg{stroke:var(--node-logic)}.inspector-header[data-category=ui] .inspector-icon{background:#ec489933}.inspector-header[data-category=ui] .inspector-icon svg{stroke:var(--node-ui)}.inspector-header[data-category=ai] .inspector-icon{background:#06b6d433}.inspector-header[data-category=ai] .inspector-icon svg{stroke:var(--node-ai)}.inspector-header[data-category=integration] .inspector-icon{background:#f9731633}.inspector-header[data-category=integration] .inspector-icon svg{stroke:var(--node-integration)}.inspector-title-group{flex:1;min-width:0}.inspector-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.inspector-subtitle{font-size:12px;color:var(--text-muted);margin:2px 0 0}.inspector-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--transition-fast)}.inspector-body{flex:1;overflow-y:auto;padding:20px}.inspector-section{margin-bottom:24px}.inspector-section:last-child{margin-bottom:0}.inspector-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.inspector-field:last-child{margin-bottom:0}.inspector-label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.inspector-input,.inspector-textarea,.inspector-select{width:100%;padding:10px 12px;background:#0003;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:13px;font-family:inherit;transition:all var(--transition-fast)}.inspector-input:focus,.inspector-textarea:focus,.inspector-select:focus{outline:none;border-color:var(--selection-color);box-shadow:0 0 0 3px #4ade801a}.inspector-textarea{resize:vertical;min-height:80px;font-family:JetBrains Mono,monospace;font-size:12px}.inspector-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b8f7a' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;cursor:pointer}.inspector-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.inspector-toggle-switch{width:44px;height:24px;background:#0000004d;border-radius:12px;position:relative;cursor:pointer;transition:background var(--transition-fast)}.inspector-toggle-switch.on{background:var(--selection-color)}.inspector-toggle-switch:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform var(--transition-fast)}.inspector-toggle-switch.on:after{transform:translate(20px)}.workflow-toolbar{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 4px 24px var(--glass-shadow),0 0 40px #4ade800d}.toolbar-section{display:flex;align-items:center;gap:6px}.toolbar-left{padding-right:12px;border-right:1px solid var(--glass-border)}.toolbar-center{flex:1;justify-content:center}.toolbar-right{padding-left:12px;border-left:1px solid var(--glass-border)}.toolbar-title{display:flex;align-items:center;gap:8px}.toolbar-dirty{color:#f59e0b;font-size:10px;animation:pulse 2s infinite}.toolbar-name{font-size:14px;font-weight:600;color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-separator{width:1px;height:20px;background:var(--glass-border);margin:0 6px}.toolbar-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:none;background:transparent;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.toolbar-button:hover{background:var(--hover-overlay);color:var(--text-primary)}.toolbar-button:disabled{opacity:.4;cursor:not-allowed}.toolbar-button.active{background:#4ade8026;color:var(--selection-color)}.toolbar-button svg{width:18px;height:18px;flex-shrink:0}.zoom-display{min-width:48px;text-align:center;font-size:12px;font-weight:500;color:var(--text-secondary);font-variant-numeric:tabular-nums;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all var(--transition-fast)}.zoom-display:hover{background:var(--hover-overlay);color:var(--text-primary)}.toolbar-dropdown{position:relative}.toolbar-view-btn{padding:8px 12px!important;background:#0003!important}.toolbar-view-btn .view-label{font-size:13px;font-weight:500;color:var(--text-primary)}.toolbar-view-btn svg:last-child{width:12px;height:12px;margin-left:2px}.toolbar-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:120px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:10px;padding:6px;box-shadow:0 8px 32px #0006;animation:dropdownSlide .15s ease;z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toolbar-dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all var(--transition-fast);text-align:left}.toolbar-dropdown-menu button:hover{background:var(--hover-overlay);color:var(--text-primary)}.toolbar-dropdown-menu button.active{background:#4ade8026;color:var(--selection-color)}.toolbar-dropdown-menu button svg{width:16px;height:16px;flex-shrink:0}.toolbar-action{padding:8px 14px!important}.toolbar-action .action-label{font-size:13px;font-weight:500}.toolbar-action.success{color:var(--node-trigger)}.toolbar-action.error{color:#ef4444}.toolbar-action.warning{color:#f59e0b}.toolbar-activate{background:#6366f133!important;color:#a5b4fc!important}.toolbar-activate:hover{background:#6366f14d!important}.toolbar-save{background:var(--node-trigger)!important;color:#0a0f0d!important}.toolbar-save:hover:not(:disabled){background:#0d9669!important}.toolbar-save:disabled{background:#10b98180!important}.toolbar-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1200px){.toolbar-name{max-width:120px;font-size:13px}.toolbar-action .action-label,.toolbar-view-btn .view-label{display:none}}@media (max-width: 900px){.workflow-toolbar{left:16px;right:16px;transform:none;width:auto}.toolbar-left,.toolbar-right{border:none;padding:0}}.canvas-info{position:absolute;bottom:20px;left:20px;z-index:100;display:flex;gap:12px;padding:8px 12px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:8px;font-size:11px;color:var(--text-muted)}.canvas-info-item{display:flex;align-items:center;gap:6px}.canvas-info-item strong{color:var(--text-secondary)}.selection-box{fill:#4ade801a;stroke:var(--selection-color);stroke-width:1;stroke-dasharray:4 2}.alignment-guide{stroke:var(--selection-color);stroke-width:1;stroke-dasharray:4 4;opacity:.7}.minimap{position:absolute;bottom:20px;right:20px;width:180px;height:120px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:8px;overflow:hidden;z-index:100}.minimap-viewport{stroke:var(--selection-color);stroke-width:2;fill:#4ade801a}.minimap-node{fill:var(--text-muted);rx:2}@media (max-width: 1200px){.node-inspector{width:320px}}@media (max-width: 900px){.node-palette{top:auto;bottom:20px;left:50%;transform:translate(-50%);flex-direction:row}.palette-category{flex-direction:column}.node-inspector{width:100%;max-width:400px}.minimap{display:none}}@media print{.node-palette,.node-inspector,.workflow-toolbar,.canvas-info,.minimap{display:none!important}.workflow-editor:before{display:none}.workflow-editor{background:#fff}}.validation-panel{position:absolute;bottom:60px;left:20px;width:360px;max-height:400px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 20px var(--glass-shadow);z-index:200;overflow:hidden;display:flex;flex-direction:column}.validation-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--glass-border)}.validation-panel-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.validation-panel-close{width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);font-size:18px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.validation-panel-close:hover{background:var(--hover-overlay);color:var(--text-primary)}.validation-panel-stats{display:flex;gap:12px;padding:10px 16px;background:#0003;font-size:12px;color:var(--text-muted)}.validation-panel-stats .stat-error{color:var(--path-failure)}.validation-panel-stats .stat-warning{color:#f59e0b}.validation-panel-issues{flex:1;overflow-y:auto;padding:8px}.validation-issue{display:flex;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background var(--transition-fast);margin-bottom:4px}.validation-issue:hover{background:var(--hover-overlay)}.validation-issue.error{border-left:3px solid var(--path-failure)}.validation-issue.warning{border-left:3px solid #f59e0b}.validation-issue.info{border-left:3px solid var(--node-ai)}.validation-issue .issue-icon{font-size:14px;flex-shrink:0}.validation-issue .issue-content{flex:1;min-width:0}.validation-issue .issue-message{font-size:12px;color:var(--text-primary);line-height:1.4}.validation-issue .issue-suggestion{font-size:11px;color:var(--text-muted);margin-top:4px}.layout-button{position:absolute;top:80px;left:50%;transform:translate(calc(-50% + 200px));width:40px;height:40px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);z-index:100;transition:all var(--transition-fast)}.layout-button:hover{border-color:var(--selection-color);color:var(--selection-color)}.layout-button svg{width:20px;height:20px}.layout-menu{position:absolute;top:130px;left:50%;transform:translate(calc(-50% + 200px));background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 20px var(--glass-shadow);z-index:200;min-width:180px;overflow:hidden}.layout-menu-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--glass-border)}.layout-menu-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text-primary)}.layout-menu-header button{width:24px;height:24px;border:none;background:transparent;color:var(--text-muted);font-size:16px;cursor:pointer;border-radius:4px}.layout-menu-header button:hover{background:var(--hover-overlay)}.layout-menu-options{padding:8px}.layout-menu-options button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-primary);transition:background var(--transition-fast)}.layout-menu-options button:hover{background:var(--hover-overlay)}.layout-menu-options button span{font-size:16px}.canvas-info .validation-badge{cursor:pointer;color:#f59e0b;transition:color var(--transition-fast)}.canvas-info .validation-badge:hover{color:var(--path-failure)}.form-designer{--canvas-bg: #0a0f0d;--canvas-pattern: rgba(74, 222, 128, .03);--glass-bg: rgba(20, 31, 26, .85);--glass-bg-solid: rgb(20, 31, 26);--glass-border: rgba(74, 222, 128, .15);--glass-blur: 12px;--glass-shadow: rgba(0, 0, 0, .4);--field-basic: #10b981;--field-input: #3b82f6;--field-choice: #8b5cf6;--field-advanced: #06b6d4;--field-layout: #f97316;--field-custom: #ec4899;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--selection-color: #4ade80;--hover-overlay: rgba(74, 222, 128, .08);--drop-zone: rgba(74, 222, 128, .15);--error-color: #ef4444;--warning-color: #f59e0b;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}.form-designer{display:flex;height:100%;min-height:600px;background:var(--canvas-bg);position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.field-palette{width:260px;min-width:260px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-border);display:flex;flex-direction:column;z-index:10}.palette-header{padding:16px;border-bottom:1px solid var(--glass-border)}.palette-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.palette-header h3 svg{width:18px;height:18px;color:var(--selection-color)}.palette-search{margin-top:12px}.palette-search input{width:100%;padding:8px 12px;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:13px;outline:none;transition:border-color var(--transition-fast)}.palette-search input::placeholder{color:var(--text-muted)}.palette-search input:focus{border-color:var(--selection-color)}.palette-categories{flex:1;overflow-y:auto;padding:8px}.palette-category{margin-bottom:4px}.palette-category-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;width:100%;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-fast)}.palette-category-header:hover{background:var(--hover-overlay);color:var(--text-primary)}.palette-category-header svg{width:16px;height:16px}.palette-category-header .category-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center}.palette-category-header .chevron{margin-left:auto;transition:transform var(--transition-fast)}.palette-category.expanded .chevron{transform:rotate(90deg)}.palette-category-items{display:none;padding:4px 0 8px}.palette-category.expanded .palette-category-items{display:block}.palette-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:2px 4px;background:#0003;border:1px solid transparent;border-radius:8px;cursor:grab;transition:all var(--transition-fast)}.palette-item:active{cursor:grabbing}.palette-item-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.palette-item-icon svg{width:18px;height:18px}.palette-item-label{font-size:13px;font-weight:500;color:var(--text-primary)}.palette-item-desc{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-category[data-category=basic] .category-icon,.palette-item[data-category=basic] .palette-item-icon{background:#10b98126;color:var(--field-basic)}.palette-category[data-category=input] .category-icon,.palette-item[data-category=input] .palette-item-icon{background:#3b82f626;color:var(--field-input)}.palette-category[data-category=choice] .category-icon,.palette-item[data-category=choice] .palette-item-icon{background:#8b5cf626;color:var(--field-choice)}.palette-category[data-category=advanced] .category-icon,.palette-item[data-category=advanced] .palette-item-icon{background:#06b6d426;color:var(--field-advanced)}.palette-category[data-category=layout] .category-icon,.palette-item[data-category=layout] .palette-item-icon{background:#f9731626;color:var(--field-layout)}.palette-category[data-category=custom] .category-icon,.palette-item[data-category=custom] .palette-item-icon{background:#ec489926;color:var(--field-custom)}.form-canvas-container{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden}.form-canvas-toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--glass-bg);border-bottom:1px solid var(--glass-border)}.canvas-toolbar-group{display:flex;align-items:center;gap:4px;padding:0 8px;border-right:1px solid var(--glass-border)}.canvas-toolbar-group:last-child{border-right:none}.canvas-toolbar-btn{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.canvas-toolbar-btn:hover:not(:disabled){background:var(--hover-overlay);color:var(--text-primary)}.canvas-toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.canvas-toolbar-btn.active{background:var(--selection-color);color:var(--canvas-bg)}.canvas-toolbar-btn svg{width:18px;height:18px}.canvas-zoom-display{font-size:12px;color:var(--text-muted);min-width:40px;text-align:center}.form-canvas{flex:1;overflow:auto;padding:32px;background:radial-gradient(circle at 50% 0%,rgba(74,222,128,.05) 0%,transparent 50%),var(--canvas-bg)}.form-canvas-inner{max-width:800px;margin:0 auto;min-height:100%}.form-preview{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden}.form-preview-header{padding:20px 24px;border-bottom:1px solid var(--glass-border);background:#0003}.form-preview-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.form-preview-description{margin:6px 0 0;font-size:13px;color:var(--text-muted)}.form-preview-body{padding:24px}.form-section{margin-bottom:24px;background:#0003;border:1px solid transparent;border-radius:12px;transition:all var(--transition-fast)}.form-section:hover{border-color:var(--glass-border)}.form-section.selected{border-color:var(--selection-color);box-shadow:0 0 0 3px #4ade801a}.form-section.drop-target{border-color:var(--selection-color);background:var(--drop-zone)}.form-section-header{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer}.form-section-toggle{width:24px;height:24px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.form-section-toggle:hover{background:var(--hover-overlay);color:var(--text-primary)}.form-section-toggle svg{width:16px;height:16px;transition:transform var(--transition-fast)}.form-section.collapsed .form-section-toggle svg{transform:rotate(-90deg)}.form-section-title{flex:1;margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.form-section-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.form-section:hover .form-section-actions{opacity:1}.form-section-actions button{width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.form-section-actions button:hover{background:var(--hover-overlay);color:var(--text-primary)}.form-section-actions button svg{width:14px;height:14px}.form-section-fields{padding:0 20px 20px}.form-section.collapsed .form-section-fields{display:none}.form-field{position:relative;padding:12px 16px;margin-bottom:8px;background:#0003;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:all var(--transition-fast)}.form-field:last-child{margin-bottom:0}.form-field:hover{border-color:var(--glass-border);background:#0000004d}.form-field.selected{border-color:var(--selection-color);box-shadow:0 0 0 3px #4ade801a}.form-field.dragging{opacity:.5}.form-field-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.form-field-drag{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:grab;opacity:0;transition:opacity var(--transition-fast)}.form-field:hover .form-field-drag{opacity:1}.form-field-drag:active{cursor:grabbing}.form-field-drag svg{width:14px;height:14px}.form-field-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-field-icon svg{width:16px;height:16px}.form-field-label{flex:1;font-size:13px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:6px}.form-field-required{color:var(--error-color);font-size:14px}.form-field-badges{display:flex;gap:4px}.form-field-badge{padding:2px 6px;font-size:10px;font-weight:500;border-radius:4px;text-transform:uppercase}.form-field-badge.hidden{background:#64748b33;color:var(--text-muted)}.form-field-badge.readonly{background:#f9731633;color:var(--field-layout)}.form-field-badge.conditional{background:#8b5cf633;color:var(--field-choice)}.form-field-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.form-field:hover .form-field-actions,.form-field.selected .form-field-actions{opacity:1}.form-field-actions button{width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.form-field-actions button:hover{background:var(--hover-overlay);color:var(--text-primary)}.form-field-actions button.delete:hover{color:var(--error-color)}.form-field-actions button svg{width:12px;height:12px}.form-field-preview{margin-top:4px}.field-preview-input{width:100%;padding:10px 12px;background:#0000004d;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-muted);font-size:13px;pointer-events:none}.field-preview-textarea{width:100%;height:80px;padding:10px 12px;background:#0000004d;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-muted);font-size:13px;resize:none;pointer-events:none}.field-preview-select{width:100%;padding:10px 12px;background:#0000004d;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-muted);font-size:13px;display:flex;align-items:center;justify-content:space-between}.field-preview-select svg{width:16px;height:16px}.field-preview-checkbox{display:flex;align-items:center;gap:8px}.field-preview-checkbox-box{width:18px;height:18px;border:2px solid var(--glass-border);border-radius:4px}.field-preview-toggle{width:44px;height:24px;background:#0000004d;border-radius:12px;position:relative}.field-preview-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--text-muted);border-radius:50%}.drop-zone{min-height:60px;border:2px dashed var(--glass-border);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;transition:all var(--transition-fast)}.drop-zone.active{border-color:var(--selection-color);background:var(--drop-zone);color:var(--selection-color)}.drop-zone-between{height:4px;margin:4px 0;border-radius:2px;transition:all var(--transition-fast)}.drop-zone-between.active{height:40px;background:var(--drop-zone);border:2px dashed var(--selection-color)}.field-inspector{width:360px;min-width:360px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-left:1px solid var(--glass-border);display:flex;flex-direction:column;z-index:10;transform:translate(0);transition:transform var(--transition-slow)}.field-inspector.closed{transform:translate(100%)}.inspector-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--glass-border)}.inspector-header-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.inspector-header-icon svg{width:20px;height:20px}.inspector-header-info{flex:1;min-width:0}.inspector-header-title{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.inspector-header-type{font-size:12px;color:var(--text-muted)}.inspector-close{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.inspector-close svg{width:18px;height:18px}.inspector-tabs{display:flex;border-bottom:1px solid var(--glass-border)}.inspector-tab{flex:1;padding:12px;border:none;background:transparent;cursor:pointer;font-size:12px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;transition:all var(--transition-fast)}.inspector-tab:hover{color:var(--text-secondary);background:var(--hover-overlay)}.inspector-tab.active{color:var(--selection-color);border-bottom-color:var(--selection-color)}.inspector-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:12px}.inspector-field{margin-bottom:16px}.inspector-field-label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.inspector-field-input{width:100%;padding:10px 12px;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:13px;outline:none;transition:border-color var(--transition-fast)}.inspector-field-input:focus{border-color:var(--selection-color)}.inspector-field-input::placeholder{color:var(--text-muted)}.inspector-field-textarea{width:100%;padding:10px 12px;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:13px;resize:vertical;min-height:80px;outline:none;transition:border-color var(--transition-fast)}.inspector-field-textarea:focus{border-color:var(--selection-color)}.inspector-field-select{width:100%;padding:10px 12px;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:13px;outline:none;cursor:pointer}.inspector-field-toggle{display:flex;align-items:center;justify-content:space-between}.inspector-toggle{width:44px;height:24px;background:#0000004d;border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;position:relative;transition:all var(--transition-fast)}.inspector-toggle.active{background:var(--selection-color);border-color:var(--selection-color)}.inspector-toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-muted);border-radius:50%;transition:all var(--transition-fast)}.inspector-toggle.active:after{left:22px;background:var(--canvas-bg)}.validation-builder{background:#0003;border:1px solid var(--glass-border);border-radius:10px;overflow:hidden}.validation-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--glass-border)}.validation-item select{flex:1;padding:6px 8px;background:#0000004d;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font-size:12px}.validation-item input{width:80px;padding:6px 8px;background:#0000004d;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font-size:12px}.validation-item .remove-btn{width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--text-muted)}.validation-item .remove-btn:hover{color:var(--error-color)}.add-validation-btn{width:100%;padding:10px;border:none;background:transparent;color:var(--selection-color);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;border-top:1px solid var(--glass-border)}.add-validation-btn:hover{background:var(--hover-overlay)}.conditional-builder{background:#0003;border:1px solid var(--glass-border);border-radius:10px;padding:12px}.conditional-sentence{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.conditional-sentence .keyword{color:var(--field-choice);font-weight:500}.conditional-sentence select,.conditional-sentence input{padding:6px 10px;background:#0000004d;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font-size:12px}.conditional-sentence select{min-width:120px}.options-editor{background:#0003;border:1px solid var(--glass-border);border-radius:10px;overflow:hidden}.options-tabs{display:flex;border-bottom:1px solid var(--glass-border)}.options-tab{flex:1;padding:10px;border:none;background:transparent;color:var(--text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.options-tab:hover{color:var(--text-secondary);background:var(--hover-overlay)}.options-tab.active{color:var(--selection-color);background:#4ade800d}.options-content{padding:12px}.option-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0003;border-radius:6px;margin-bottom:6px}.option-item input{flex:1;padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-primary);font-size:12px;outline:none}.option-item input:focus{border-color:var(--glass-border);background:#0003}.option-item .drag-handle{color:var(--text-muted);cursor:grab}.option-item .remove-btn{width:20px;height:20px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.option-item:hover .remove-btn{opacity:1}.option-item .remove-btn:hover{color:var(--error-color)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon{width:64px;height:64px;margin-bottom:16px;color:var(--text-muted)}.empty-state-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state-text{font-size:13px;color:var(--text-muted);max-width:280px}@media (max-width: 1200px){.field-palette{width:220px;min-width:220px}.field-inspector{width:320px;min-width:320px}}@media (max-width: 900px){.field-palette{position:absolute;left:0;top:0;bottom:0;z-index:100;transform:translate(-100%)}.field-palette.open{transform:translate(0)}.field-inspector{position:absolute;right:0;top:0;bottom:0;z-index:100}}.field-palette.toolbox-style{width:200px;min-width:200px;background:#0f1723f2}.toolbox-header{padding:20px 16px;border-bottom:1px solid var(--glass-border)}.toolbox-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.toolbox-content{flex:1;overflow-y:auto;padding:16px 12px}.toolbox-section{margin-bottom:20px}.toolbox-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px;padding-left:4px}.toolbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.toolbox-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;background:#00000040;border:1px solid transparent;border-radius:10px;cursor:grab;transition:all var(--transition-fast);text-align:center}.toolbox-item:hover{background:var(--hover-overlay);border-color:var(--glass-border);transform:translateY(-2px)}.toolbox-item:active{cursor:grabbing;transform:scale(.95)}.toolbox-item-icon{width:28px;height:28px;margin-bottom:6px;color:var(--text-secondary)}.toolbox-item-icon svg{width:100%;height:100%}.toolbox-item-label{font-size:10px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.field-inspector .inspector-tabs{display:flex;gap:0;padding:0;background:#0003;border-radius:8px;margin-bottom:16px}.field-inspector .inspector-tabs .inspector-tab{flex:1;padding:10px 16px;background:transparent;border:none;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border-radius:8px}.field-inspector .inspector-tabs .inspector-tab:hover{color:var(--text-secondary)}.field-inspector .inspector-tabs .inspector-tab.active{background:var(--selection-color);color:#fff}.source-toggle{display:flex;gap:0;background:#00000040;border-radius:8px;padding:4px;margin-bottom:12px}.source-toggle button{flex:1;padding:8px 12px;background:transparent;border:none;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;border-radius:6px;transition:all var(--transition-fast)}.source-toggle button:hover{color:var(--text-secondary)}.source-toggle button.active{background:var(--selection-color);color:#fff}.toggle-field{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.toggle-field label{font-size:13px;color:var(--text-primary)}.toggle-switch{position:relative;width:44px;height:24px;background:#0000004d;border-radius:12px;cursor:pointer;transition:background var(--transition-fast)}.toggle-switch.active{background:var(--success-color, #10b981)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-fast)}.toggle-switch.active:after{transform:translate(20px)}.validation-list{background:#0003;border:1px solid var(--glass-border);border-radius:10px;overflow:hidden}.validation-item{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--glass-border)}.validation-item:last-child{border-bottom:none}.validation-item .drag-handle{color:var(--text-muted);margin-right:10px;cursor:grab}.validation-item .rule-text{flex:1;font-size:13px;color:var(--text-secondary)}.validation-item .delete-btn{width:24px;height:24px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.validation-item:hover .delete-btn{opacity:1}.validation-item .delete-btn:hover{color:#ef4444}.add-rule-btn{width:100%;padding:12px;background:transparent;border:none;border-top:1px solid var(--glass-border);color:var(--text-muted);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all var(--transition-fast)}.add-rule-btn:hover{background:var(--hover-overlay);color:var(--selection-color)}.decision-designer{--canvas-bg: #0d1117;--canvas-grid: rgba(99, 102, 241, .06);--canvas-grid-major: rgba(99, 102, 241, .12);--glass-bg: rgba(17, 24, 39, .85);--glass-bg-solid: rgb(17, 24, 39);--glass-border: rgba(99, 102, 241, .2);--glass-blur: 16px;--glass-shadow: rgba(0, 0, 0, .5);--decision-expression: #06b6d4;--decision-table: #8b5cf6;--decision-graph: #10b981;--decision-tree: #f59e0b;--decision-ruleset: #ec4899;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--selection-color: #6366f1;--hover-overlay: rgba(99, 102, 241, .1);--drop-zone: rgba(99, 102, 241, .2);--error-color: #ef4444;--success-color: #10b981;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}.decision-designer{display:flex;height:100%;min-height:600px;background:var(--canvas-bg);position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.decision-palette{width:220px;min-width:220px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-border);display:flex;flex-direction:column;z-index:10}.palette-header{padding:20px 16px;border-bottom:1px solid var(--glass-border)}.palette-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.palette-subtitle{margin-top:4px;font-size:12px;color:var(--text-muted)}.palette-items{flex:1;padding:12px;overflow-y:auto}.palette-item{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:8px;background:#00000040;border:1px solid transparent;border-radius:12px;cursor:grab;transition:all var(--transition-fast)}.palette-item:hover{background:var(--hover-overlay);border-color:var(--glass-border);transform:translate(4px)}.palette-item:active{cursor:grabbing;transform:scale(.98)}.palette-item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex-shrink:0}.palette-item[data-type=expression] .palette-item-icon{background:#06b6d426;color:var(--decision-expression)}.palette-item[data-type=table] .palette-item-icon{background:#8b5cf626;color:var(--decision-table)}.palette-item[data-type=graph] .palette-item-icon{background:#10b98126;color:var(--decision-graph)}.palette-item-info{flex:1;min-width:0}.palette-item-label{font-size:14px;font-weight:500;color:var(--text-primary)}.palette-item-desc{font-size:11px;color:var(--text-muted);margin-top:2px}.decision-canvas-container{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden}.decision-canvas-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--glass-bg);border-bottom:1px solid var(--glass-border)}.decision-canvas-title{font-size:14px;font-weight:500;color:var(--text-primary)}.decision-canvas-actions{display:flex;align-items:center;gap:8px}.canvas-action-btn{padding:8px 16px;background:#6366f126;border:1px solid var(--selection-color);border-radius:8px;color:var(--selection-color);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.canvas-action-btn:hover{background:var(--selection-color);color:#fff}.canvas-action-btn.secondary{background:transparent;border-color:var(--glass-border);color:var(--text-secondary)}.canvas-action-btn.secondary:hover{background:var(--hover-overlay);color:var(--text-primary)}.canvas-action-btn svg{width:16px;height:16px}.decision-canvas{flex:1;position:relative;overflow:hidden;background:linear-gradient(var(--canvas-grid) 1px,transparent 1px),linear-gradient(90deg,var(--canvas-grid) 1px,transparent 1px),linear-gradient(var(--canvas-grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--canvas-grid-major) 1px,transparent 1px),radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.08) 0%,transparent 60%),var(--canvas-bg);background-size:20px 20px,20px 20px,100px 100px,100px 100px,100% 100%,100% 100%}.decision-canvas-inner{width:100%;height:100%;transform-origin:0 0}.decision-node{position:absolute;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.decision-node:hover{transform:scale(1.02)}.decision-node.selected{z-index:100}.decision-node[data-type=table] .decision-node-shape{width:120px;height:120px;transform:rotate(45deg);background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border:2px solid var(--decision-table);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #8b5cf64d,inset 0 0 30px #8b5cf61a;transition:all var(--transition-fast)}.decision-node[data-type=table]:hover .decision-node-shape,.decision-node[data-type=table].selected .decision-node-shape{box-shadow:0 0 50px #8b5cf680,inset 0 0 40px #8b5cf633;border-color:#a78bfa}.decision-node[data-type=table] .decision-node-content{transform:rotate(-45deg);text-align:center;padding:10px}.decision-node[data-type=expression] .decision-node-shape{min-width:160px;padding:16px 24px;background:linear-gradient(135deg,#06b6d433,#06b6d41a);border:2px solid var(--decision-expression);border-radius:16px;box-shadow:0 0 30px #06b6d44d,inset 0 0 30px #06b6d41a;transition:all var(--transition-fast)}.decision-node[data-type=expression]:hover .decision-node-shape,.decision-node[data-type=expression].selected .decision-node-shape{box-shadow:0 0 50px #06b6d480,inset 0 0 40px #06b6d433;border-color:#22d3ee}.decision-node[data-type=graph] .decision-node-shape{min-width:140px;padding:16px 20px;background:linear-gradient(135deg,#10b98133,#10b9811a);border:2px solid var(--decision-graph);border-radius:12px;box-shadow:0 0 30px #10b9814d,inset 0 0 30px #10b9811a;transition:all var(--transition-fast)}.decision-node[data-type=graph]:hover .decision-node-shape,.decision-node[data-type=graph].selected .decision-node-shape{box-shadow:0 0 50px #10b98180,inset 0 0 40px #10b98133;border-color:#34d399}.decision-node-label{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap}.decision-node-type{font-size:11px;color:var(--text-muted);margin-top:4px}.decision-node-port{position:absolute;width:12px;height:12px;background:var(--glass-bg);border:2px solid var(--text-muted);border-radius:50%;cursor:crosshair;transition:all var(--transition-fast);z-index:10}.decision-node-port:hover{transform:scale(1.3);border-color:var(--selection-color);background:var(--selection-color)}.decision-node-port.input{left:-6px;top:50%;transform:translateY(-50%)}.decision-node-port.output{right:-6px;top:50%;transform:translateY(-50%)}.decision-table-editor{flex:1;display:flex;flex-direction:column;background:var(--canvas-bg);overflow:hidden}.table-editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--glass-bg);border-bottom:1px solid var(--glass-border)}.table-editor-title{display:flex;align-items:center;gap:12px}.table-editor-title h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.table-editor-back{width:36px;height:36px;border:none;background:#0000004d;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.table-editor-back:hover{background:var(--hover-overlay);color:var(--text-primary)}.table-editor-back svg{width:20px;height:20px}.table-editor-toolbar{display:flex;align-items:center;gap:16px}.hit-policy-select{display:flex;align-items:center;gap:8px}.hit-policy-select label{font-size:12px;color:var(--text-muted)}.hit-policy-select select{padding:8px 12px;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:13px;cursor:pointer}.table-editor-content{flex:1;overflow:auto;padding:24px}.decision-table{width:100%;border-collapse:separate;border-spacing:0;min-width:600px}.decision-table th,.decision-table td{padding:0;border:1px solid var(--glass-border)}.decision-table th{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.table-header-cell{padding:12px 16px;text-align:left}.table-header-cell.input{background:linear-gradient(135deg,rgba(6,182,212,.1) 0%,transparent 100%);border-bottom:2px solid var(--decision-expression)!important}.table-header-cell.output{background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,transparent 100%);border-bottom:2px solid var(--decision-table)!important}.table-header-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px}.table-header-name{font-size:14px;font-weight:600;color:var(--text-primary)}.table-rule-number{width:50px;text-align:center;background:#0000004d;font-weight:600;color:var(--text-muted);font-size:13px}.table-cell{background:#0003;min-width:140px;transition:background var(--transition-fast)}.table-cell:hover{background:#00000059}.table-cell.selected{background:#6366f126;outline:2px solid var(--selection-color);outline-offset:-2px}.table-cell-input{width:100%;padding:14px 16px;background:transparent;border:none;color:var(--text-primary);font-size:14px;font-family:JetBrains Mono,Fira Code,monospace;outline:none}.table-cell-input::placeholder{color:var(--text-muted)}.table-row-empty{opacity:.5}.table-row-empty .table-cell{background:#0000001a}.table-add-row{margin-top:12px}.table-add-row button{width:100%;padding:14px;background:transparent;border:2px dashed var(--glass-border);border-radius:8px;color:var(--text-muted);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast)}.table-add-row button:hover{border-color:var(--selection-color);color:var(--selection-color);background:#6366f11a}.expression-editor{width:380px;min-width:380px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-left:1px solid var(--glass-border);display:flex;flex-direction:column;z-index:10}.expression-editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--glass-border)}.expression-editor-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.expression-editor-close{width:32px;height:32px;border:none;background:transparent;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.expression-editor-close:hover{background:var(--hover-overlay);color:var(--text-primary)}.expression-editor-content{flex:1;overflow-y:auto;padding:20px}.expression-code-editor{background:#0006;border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;margin-bottom:20px}.expression-code-editor textarea{width:100%;min-height:160px;padding:16px;background:transparent;border:none;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;line-height:1.6;resize:vertical;outline:none}.expression-code-editor textarea::placeholder{color:var(--text-muted)}.expression-test-section{background:#00000040;border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.expression-test-header{padding:12px 16px;border-bottom:1px solid var(--glass-border);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.expression-test-inputs{padding:12px 16px}.expression-test-input{display:flex;align-items:center;padding:10px 14px;background:#0003;border-radius:8px;margin-bottom:8px}.expression-test-input label{flex:1;font-size:13px;color:var(--text-secondary);font-family:JetBrains Mono,monospace}.expression-test-input input{width:120px;padding:6px 10px;background:#0000004d;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:13px;text-align:right;outline:none}.expression-test-input input:focus{border-color:var(--selection-color)}.expression-test-btn{width:100%;padding:12px;background:var(--glass-bg);border:none;border-top:1px solid var(--glass-border);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.expression-test-btn:hover{background:var(--hover-overlay);color:var(--text-primary)}.expression-test-result{padding:14px 16px;background:#10b9811a;border-top:1px solid var(--glass-border)}.expression-test-result label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.expression-test-result-value{margin-top:6px;font-size:20px;font-weight:600;color:var(--success-color);font-family:JetBrains Mono,monospace}.import-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-normal)}.import-dialog{width:500px;max-width:90vw;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;animation:slideUp var(--transition-normal)}.import-dialog-header{padding:20px 24px;border-bottom:1px solid var(--glass-border)}.import-dialog-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.import-dialog-content{padding:24px}.import-dropzone{padding:48px 24px;border:2px dashed var(--glass-border);border-radius:16px;text-align:center;cursor:pointer;transition:all var(--transition-fast)}.import-dropzone:hover,.import-dropzone.active{border-color:var(--selection-color);background:#6366f11a}.import-dropzone-icon{width:48px;height:48px;margin:0 auto 16px;color:var(--text-muted)}.import-dropzone-icon svg{width:100%;height:100%}.import-dropzone-text{font-size:14px;color:var(--text-secondary);margin-bottom:4px}.import-dropzone-hint{font-size:12px;color:var(--text-muted)}.import-progress{margin-top:20px}.import-progress-bar{height:4px;background:#0000004d;border-radius:2px;overflow:hidden}.import-progress-fill{height:100%;background:linear-gradient(90deg,var(--selection-color),var(--decision-expression));border-radius:2px;transition:width var(--transition-normal)}.import-progress-text{margin-top:8px;font-size:13px;color:var(--text-muted)}.import-dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--glass-border)}.import-dialog-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.import-dialog-btn.cancel{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary)}.import-dialog-btn.cancel:hover{background:var(--hover-overlay);color:var(--text-primary)}.import-dialog-btn.primary{background:var(--selection-color);border:none;color:#fff}.import-dialog-btn.primary:hover{background:#818cf8}.import-dialog-btn.primary:disabled{opacity:.5;cursor:not-allowed}.decision-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:40px}.decision-empty-state-icon{width:80px;height:80px;margin:0 auto 20px;color:var(--text-muted);opacity:.5}.decision-empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.decision-empty-state p{margin:0;font-size:14px;color:var(--text-muted);max-width:300px}.decision-connections{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.decision-connection{fill:none;stroke:var(--text-muted);stroke-width:2;opacity:.6;transition:all var(--transition-fast)}.decision-connection:hover{stroke:var(--selection-color);stroke-width:3;opacity:1}@media (max-width: 1200px){.expression-editor{width:340px;min-width:340px}}@media (max-width: 900px){.decision-palette{position:absolute;left:0;top:0;bottom:0;z-index:100;transform:translate(-100%);transition:transform var(--transition-normal)}.decision-palette.open{transform:translate(0)}.expression-editor{position:absolute;right:0;top:0;bottom:0;width:100%;max-width:400px;transform:translate(100%);transition:transform var(--transition-normal)}.expression-editor.open{transform:translate(0)}}.task-architect{--canvas-bg: #0a0f14;--canvas-grid: rgba(99, 102, 241, .05);--glass-bg: rgba(15, 23, 35, .9);--glass-border: rgba(99, 102, 241, .15);--glass-blur: 16px;--domain-data: #06b6d4;--domain-ai: #8b5cf6;--domain-communication: #10b981;--domain-integration: #f59e0b;--domain-logic: #ec4899;--domain-financial: #22c55e;--domain-storage: #64748b;--domain-utility: #a855f7;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--selection-color: #6366f1;--hover-overlay: rgba(99, 102, 241, .1);--transition-fast: .15s ease;--transition-normal: .25s ease}.task-architect{display:flex;height:100%;min-height:600px;background:var(--canvas-bg);position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.capability-library{width:260px;min-width:260px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-border);display:flex;flex-direction:column;z-index:10}.library-header{padding:20px 16px;border-bottom:1px solid var(--glass-border)}.library-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.library-search{margin-top:12px}.library-search input{width:100%;padding:10px 12px;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:13px;outline:none}.library-search input:focus{border-color:var(--selection-color)}.library-search input::placeholder{color:var(--text-muted)}.library-content{flex:1;overflow-y:auto;padding:12px}.library-domain{margin-bottom:16px}.domain-header{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0003;border-radius:10px;cursor:pointer;margin-bottom:8px;transition:background var(--transition-fast)}.domain-header:hover{background:var(--hover-overlay)}.domain-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.domain-icon svg{width:18px;height:18px}.domain-info{flex:1}.domain-name{font-size:13px;font-weight:600;color:var(--text-primary)}.domain-count{font-size:11px;color:var(--text-muted)}.domain-expand{color:var(--text-muted);transition:transform var(--transition-fast)}.domain-expand.expanded{transform:rotate(180deg)}.capability-list{padding-left:8px}.capability-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#00000026;border:1px solid transparent;border-radius:8px;margin-bottom:4px;cursor:grab;transition:all var(--transition-fast)}.capability-item:hover{background:var(--hover-overlay);border-color:var(--glass-border);transform:translate(4px)}.capability-item:active{cursor:grabbing}.capability-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px}.capability-name{flex:1;font-size:13px;color:var(--text-primary)}.pipeline-container{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.io-bar{display:flex;align-items:stretch;border-bottom:1px solid var(--glass-border);background:var(--glass-bg)}.io-section{flex:1;padding:12px 16px;display:flex;align-items:center;gap:12px}.io-section:first-child{border-right:1px solid var(--glass-border)}.io-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);white-space:nowrap}.io-inputs-label{color:var(--domain-data)}.io-outputs-label{color:var(--domain-communication)}.io-items{display:flex;flex-wrap:wrap;gap:6px;flex:1}.io-item{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#00000040;border:1px solid var(--glass-border);border-radius:6px;font-size:12px;color:var(--text-secondary)}.io-item .io-type{font-size:10px;color:var(--text-muted);padding:2px 4px;background:#0000004d;border-radius:3px}.io-add-btn{padding:4px 10px;background:transparent;border:1px dashed var(--glass-border);border-radius:6px;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.io-add-btn:hover{border-color:var(--selection-color);color:var(--selection-color)}.pipeline-canvas{flex:1;position:relative;overflow:auto;background:linear-gradient(var(--canvas-grid) 1px,transparent 1px),linear-gradient(90deg,var(--canvas-grid) 1px,transparent 1px),var(--canvas-bg);background-size:20px 20px}.pipeline-canvas-inner{min-width:100%;min-height:100%;padding:40px;display:flex;align-items:flex-start}.pipeline-flow{display:flex;align-items:center;gap:0}.step-node{position:relative;min-width:180px;background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:12px;padding:16px;cursor:pointer;transition:all var(--transition-fast)}.step-node:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.step-node.selected{border-color:var(--selection-color);box-shadow:0 0 20px #6366f14d,0 8px 24px #0000004d}.step-node[data-domain=data]{--step-color: var(--domain-data)}.step-node[data-domain=ai]{--step-color: var(--domain-ai)}.step-node[data-domain=communication]{--step-color: var(--domain-communication)}.step-node[data-domain=integration]{--step-color: var(--domain-integration)}.step-node[data-domain=logic]{--step-color: var(--domain-logic)}.step-node[data-domain=financial]{--step-color: var(--domain-financial)}.step-node[data-domain=storage]{--step-color: var(--domain-storage)}.step-node[data-domain=utility]{--step-color: var(--domain-utility)}.step-node:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--step-color, var(--glass-border));border-radius:12px 12px 0 0}.step-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.step-icon{width:32px;height:32px;background:#0000004d;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.step-name{flex:1;font-size:14px;font-weight:600;color:var(--text-primary)}.step-action{font-size:11px;color:var(--text-muted);padding:2px 6px;background:#0003;border-radius:4px}.step-badges{display:flex;gap:6px;margin-top:8px}.step-badge{display:flex;align-items:center;gap:4px;padding:3px 8px;background:#00000040;border-radius:4px;font-size:10px;color:var(--text-muted)}.step-badge.retry{color:var(--domain-integration)}.step-badge.when{color:var(--domain-logic)}.step-connector{width:60px;height:2px;background:linear-gradient(90deg,var(--glass-border),var(--step-color, var(--selection-color)));position:relative}.step-connector:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid var(--step-color, var(--selection-color))}.add-step-inline{width:36px;height:36px;background:#6366f126;border:2px dashed var(--selection-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--selection-color);cursor:pointer;transition:all var(--transition-fast);margin:0 20px}.add-step-inline:hover{background:var(--selection-color);border-style:solid;color:#fff;transform:scale(1.1)}.parallel-block{background:#ec48990d;border:2px dashed var(--domain-logic);border-radius:16px;padding:20px;position:relative}.parallel-label{position:absolute;top:-12px;left:20px;background:var(--canvas-bg);padding:2px 10px;font-size:11px;font-weight:600;color:var(--domain-logic);text-transform:uppercase;letter-spacing:.5px}.parallel-steps{display:flex;flex-direction:column;gap:16px}.step-inspector{width:340px;min-width:340px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-left:1px solid var(--glass-border);display:flex;flex-direction:column}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--glass-border)}.inspector-title{display:flex;align-items:center;gap:10px}.inspector-title h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.inspector-close{width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.inspector-close:hover{background:var(--hover-overlay);color:var(--text-primary)}.inspector-content{flex:1;overflow-y:auto;padding:16px}.inspector-section{margin-bottom:20px}.inspector-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px}.inspector-field{margin-bottom:14px}.inspector-field label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.inspector-field input,.inspector-field select,.inspector-field textarea{width:100%;padding:10px 12px;background:#00000040;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:13px;outline:none;transition:border-color var(--transition-fast)}.inspector-field input:focus,.inspector-field select:focus,.inspector-field textarea:focus{border-color:var(--selection-color)}.inspector-field textarea{min-height:80px;resize:vertical;font-family:JetBrains Mono,monospace}.retry-config{background:#0003;border:1px solid var(--glass-border);border-radius:10px;padding:14px}.retry-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.retry-toggle{display:flex;align-items:center;gap:8px}.retry-toggle label{font-size:13px;color:var(--text-primary)}.retry-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.param-mapper{background:#0003;border:1px solid var(--glass-border);border-radius:10px;overflow:hidden}.param-item{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--glass-border)}.param-item:last-child{border-bottom:none}.param-key{width:100px;font-size:12px;font-weight:500;color:var(--text-secondary);font-family:JetBrains Mono,monospace}.param-value{flex:1;padding:6px 10px;background:#0003;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font-size:12px;font-family:JetBrains Mono,monospace;outline:none}.param-value:focus{border-color:var(--selection-color)}.param-add{width:100%;padding:10px;background:transparent;border:none;border-top:1px solid var(--glass-border);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.param-add:hover{background:var(--hover-overlay);color:var(--selection-color)}.pipeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center}.pipeline-empty-icon{width:64px;height:64px;margin-bottom:20px;color:var(--text-muted);opacity:.5}.pipeline-empty h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.pipeline-empty p{margin:0;font-size:13px;color:var(--text-muted);max-width:280px}@media (max-width: 1200px){.capability-library{width:220px;min-width:220px}.step-inspector{width:300px;min-width:300px}}@media (max-width: 900px){.capability-library,.step-inspector{position:absolute;z-index:100;top:0;bottom:0}.capability-library{left:0;transform:translate(-100%);transition:transform var(--transition-normal)}.capability-library.open{transform:translate(0)}.step-inspector{right:0;transform:translate(100%);transition:transform var(--transition-normal)}.step-inspector.open{transform:translate(0)}}.unified-editor{display:flex;flex-direction:column;height:100%;background:var(--bg-base, #1e1e2e);color:var(--text-primary, #cdd6f4);overflow:hidden}.unified-editor-fullscreen{position:relative}.unified-editor-view-tabs{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:100;display:flex;gap:4px;padding:6px;background:#141f1ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(74,222,128,.15);border-radius:12px;box-shadow:0 4px 20px #0006}.view-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:none;border-radius:8px;color:#a7c4b5;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.view-tab:hover{background:#ffffff0d;color:#f0fdf4}.view-tab.active{background:#4ade8026;color:#4ade80}.view-tab svg{width:16px;height:16px}.unified-editor-content{flex:1;overflow:auto;background:var(--bg-base, #1e1e2e)}.unified-editor-content-fullscreen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.unified-editor-content-fullscreen .visual-editor,.unified-editor-content-fullscreen .workflow-editor,.unified-editor-content-fullscreen .form-designer,.unified-editor-content-fullscreen .decision-designer,.unified-editor-content-fullscreen .task-architect{height:100%}.unified-editor-content .form-editor{padding-top:80px}.unified-editor-content .yaml-editor{padding-top:60px}.form-editor{padding:1.5rem;max-width:1200px}.form-editor-section{margin-bottom:2rem}.form-editor-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle, #45475a);font-size:1rem;font-weight:600;color:var(--text-primary, #cdd6f4)}.form-editor-section-title .section-icon{opacity:.7}.form-field{margin-bottom:1rem}.form-field-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:var(--text-secondary, #a6adc8)}.form-field-label .required{color:var(--accent-error, #f38ba8)}.form-field-input{width:100%;padding:.625rem .875rem;background:var(--bg-surface, #181825);border:1px solid var(--border-subtle, #45475a);border-radius:6px;color:var(--text-primary, #cdd6f4);font-size:.875rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.form-field-input:focus{outline:none;border-color:var(--accent-primary, #89b4fa);box-shadow:0 0 0 3px #89b4fa26}.form-field-input:disabled{opacity:.6;cursor:not-allowed}.form-field-input::placeholder{color:var(--text-muted, #6c7086)}.form-field-input.error{border-color:var(--accent-error, #f38ba8)}.form-field-error{margin-top:.25rem;font-size:.75rem;color:var(--accent-error, #f38ba8)}.form-field-help{margin-top:.25rem;font-size:.75rem;color:var(--text-muted, #6c7086)}.form-field-textarea{min-height:100px;resize:vertical;font-family:JetBrains Mono,Fira Code,monospace}.form-field-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a6adc8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-field-toggle{display:flex;align-items:center;gap:.75rem}.form-toggle{position:relative;width:44px;height:24px;background:var(--bg-surface, #181825);border:1px solid var(--border-subtle, #45475a);border-radius:12px;cursor:pointer;transition:all .2s ease}.form-toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-secondary, #a6adc8);border-radius:50%;transition:all .2s ease}.form-toggle.active{background:var(--accent-primary, #89b4fa);border-color:var(--accent-primary, #89b4fa)}.form-toggle.active:after{left:22px;background:var(--bg-base, #1e1e2e)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.form-row-2{grid-template-columns:repeat(2,1fr)}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-array-table{width:100%;border-collapse:collapse;margin-top:.5rem;background:var(--bg-surface, #181825);border-radius:8px;overflow:hidden}.form-array-table th,.form-array-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-subtle, #45475a)}.form-array-table th{background:var(--bg-elevated, #313244);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #a6adc8)}.form-array-table td{font-size:.875rem}.form-array-table tr:last-child td{border-bottom:none}.form-array-table tr:hover td{background:var(--bg-elevated, #313244)}.form-array-table input,.form-array-table select{width:100%;padding:.375rem .5rem;background:var(--bg-base, #1e1e2e);border:1px solid var(--border-subtle, #45475a);border-radius:4px;color:var(--text-primary, #cdd6f4);font-size:.8125rem}.form-array-actions{display:flex;gap:.5rem}.form-array-btn{padding:.25rem .5rem;background:transparent;border:1px solid var(--border-subtle, #45475a);border-radius:4px;color:var(--text-secondary, #a6adc8);font-size:.75rem;cursor:pointer;transition:all .15s ease}.form-array-btn:hover{background:var(--bg-elevated, #313244);color:var(--text-primary, #cdd6f4)}.form-array-btn.delete:hover{background:#f38ba81a;border-color:var(--accent-error, #f38ba8);color:var(--accent-error, #f38ba8)}.form-array-add{margin-top:.75rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px dashed var(--border-subtle, #45475a);border-radius:6px;color:var(--text-secondary, #a6adc8);font-size:.875rem;cursor:pointer;transition:all .15s ease;width:100%;justify-content:center}.form-array-add:hover{background:var(--bg-surface, #181825);border-color:var(--accent-primary, #89b4fa);color:var(--accent-primary, #89b4fa)}.form-array-empty{padding:2rem;text-align:center;color:var(--text-muted, #6c7086);background:var(--bg-surface, #181825);border-radius:8px;border:1px dashed var(--border-subtle, #45475a)}.yaml-editor{display:flex;flex-direction:column;height:100%}.yaml-editor-toolbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-elevated, #313244);border-bottom:1px solid var(--border-subtle, #45475a)}.yaml-editor-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary, #a6adc8)}.yaml-editor-status.valid{color:var(--accent-success, #a6e3a1)}.yaml-editor-status.invalid{color:var(--accent-error, #f38ba8)}.yaml-editor-content{flex:1;display:flex;overflow:hidden}.yaml-editor-textarea{flex:1;padding:1rem;background:var(--bg-base, #1e1e2e);border:none;color:var(--text-primary, #cdd6f4);font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;line-height:1.6;resize:none;-moz-tab-size:2;tab-size:2}.yaml-editor-textarea:focus{outline:none}.yaml-editor-gutter{width:50px;padding:1rem .5rem;background:var(--bg-surface, #181825);border-right:1px solid var(--border-subtle, #45475a);font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;line-height:1.6;color:var(--text-muted, #6c7086);text-align:right;-webkit-user-select:none;user-select:none}.yaml-editor-errors{padding:1rem;background:#f38ba81a;border-top:1px solid var(--accent-error, #f38ba8);max-height:150px;overflow-y:auto}.yaml-editor-error{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;font-size:.8125rem;color:var(--accent-error, #f38ba8)}.yaml-editor-error-icon{flex-shrink:0}.visual-editor{height:100%;display:flex;flex-direction:column}.visual-editor-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-muted, #6c7086);text-align:center;padding:2rem}.visual-editor-placeholder-icon{font-size:4rem;opacity:.5}.visual-editor-placeholder h3{margin:0;font-size:1.25rem;color:var(--text-secondary, #a6adc8)}.visual-editor-placeholder p{margin:0;max-width:400px}.form-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.form-modal{background:var(--bg-elevated, #313244);border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0006}.form-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle, #45475a)}.form-modal-header h3{margin:0;font-size:1.125rem;color:var(--text-primary, #cdd6f4)}.form-modal-close{background:transparent;border:none;color:var(--text-secondary, #a6adc8);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1}.form-modal-close:hover{color:var(--text-primary, #cdd6f4)}.form-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.form-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-subtle, #45475a)}.json-field-editor{position:relative}.json-field-editor textarea{min-height:150px;font-family:JetBrains Mono,Fira Code,monospace}.json-field-editor .json-valid{position:absolute;top:.5rem;right:.5rem;font-size:.75rem;padding:.125rem .5rem;background:#a6e3a133;color:var(--accent-success, #a6e3a1);border-radius:4px}.json-field-editor .json-invalid{position:absolute;top:.5rem;right:.5rem;font-size:.75rem;padding:.125rem .5rem;background:#f38ba833;color:var(--accent-error, #f38ba8);border-radius:4px}@media (max-width: 768px){.unified-editor-header{flex-direction:column;gap:1rem;align-items:flex-start}.unified-editor-actions{width:100%;justify-content:flex-end}.form-row-2,.form-row-3{grid-template-columns:1fr}}.editor-page{display:flex;flex-direction:column;height:100%;background:var(--bg-base, #1e1e2e)}.editor-page-tabs{display:flex;gap:.25rem;padding:.75rem 1rem 0;background:var(--bg-surface, #181825);border-bottom:1px solid var(--border-subtle, #45475a);overflow-x:auto;scrollbar-width:thin}.editor-page-tab{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #a6adc8);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;margin-bottom:-1px}.editor-page-tab:hover{color:var(--text-primary, #cdd6f4);background:#ffffff0d}.editor-page-tab.active{color:var(--accent-primary, #89b4fa);border-bottom-color:var(--accent-primary, #89b4fa);background:var(--bg-base, #1e1e2e)}.editor-page-tab .tab-icon{font-size:1rem}.editor-page-tab .tab-label{display:block}.editor-page-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-elevated, #313244);border-bottom:1px solid var(--border-subtle, #45475a)}.toolbar-left{display:flex;align-items:center;gap:1rem}.toolbar-right{display:flex;align-items:center;gap:.5rem}.editing-indicator{font-size:.875rem;color:var(--text-secondary, #a6adc8)}.editing-indicator strong{color:var(--text-primary, #cdd6f4)}.editing-indicator.new{color:var(--accent-primary, #89b4fa);font-weight:500}.toolbar-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--accent-primary, #89b4fa);color:var(--bg-base, #1e1e2e);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.toolbar-btn:hover{background:var(--accent-primary-hover, #b4befe)}.editor-page-content{flex:1;overflow:hidden}.editor-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--text-muted, #6c7086)}.editor-page-loading .spinner{width:32px;height:32px;border:3px solid var(--border-subtle, #45475a);border-top-color:var(--accent-primary, #89b4fa);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-elevated, #313244);border-radius:12px;width:90%;max-width:450px;box-shadow:0 20px 40px #0006}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle, #45475a)}.modal-header h3{margin:0;font-size:1.125rem;color:var(--text-primary, #cdd6f4)}.modal-close{background:transparent;border:none;color:var(--text-secondary, #a6adc8);font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1}.modal-close:hover{color:var(--text-primary, #cdd6f4)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-subtle, #45475a)}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary, #a6adc8)}.form-input{width:100%;padding:.75rem 1rem;background:var(--bg-surface, #181825);border:1px solid var(--border-subtle, #45475a);border-radius:6px;color:var(--text-primary, #cdd6f4);font-size:.9375rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.form-input:focus{outline:none;border-color:var(--accent-primary, #89b4fa);box-shadow:0 0 0 3px #89b4fa26}.form-input::placeholder{color:var(--text-muted, #6c7086)}.form-help{margin:.5rem 0 0;font-size:.75rem;color:var(--text-muted, #6c7086)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-primary{background:var(--accent-primary, #89b4fa);color:var(--bg-base, #1e1e2e)}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover, #b4befe)}.btn-secondary{background:transparent;color:var(--text-secondary, #a6adc8);border:1px solid var(--border-subtle, #45475a)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface, #181825);color:var(--text-primary, #cdd6f4)}@media (max-width: 768px){.editor-page-tab .tab-label{display:none}.editor-page-tab{padding:.625rem .75rem}.editor-page-toolbar{flex-direction:column;gap:.75rem;align-items:flex-start}.toolbar-right{width:100%;justify-content:flex-end}}:root{--bg-deepest: #0a0f0d;--bg-deep: #0f1714;--bg-base: #141f1a;--bg-elevated: #1a2922;--bg-surface: #1f332b;--bg-hover: #253d33;--bg-primary: #141f1a;--bg-secondary: #1a2922;--bg-tertiary: #1f332b;--accent-primary: #4ade80;--accent-secondary: #22c55e;--accent-tertiary: #16a34a;--accent-hover: #3fca74;--accent-glow: rgba(74, 222, 128, .15);--accent-border: rgba(74, 222, 128, .3);--border-primary: rgba(167, 196, 181, .2);--earth-warm: #d4a574;--earth-copper: #c9855f;--earth-deep: #8b5a3c;--color-workflow: #60a5fa;--color-model: #a78bfa;--color-task: #fbbf24;--color-screen: #f472b6;--color-decision: #34d399;--status-success: #4ade80;--status-warning: #fbbf24;--status-error: #f87171;--status-info: #60a5fa;--status-success-rgb: 74, 222, 128;--status-warning-rgb: 251, 191, 36;--status-error-rgb: 248, 113, 113;--status-info-rgb: 96, 165, 250;--accent-primary-rgb: 74, 222, 128;--text-primary: #f0fdf4;--text-secondary: #a7c4b5;--text-tertiary: #6b8f7a;--text-muted: #4a6b5a;--border-subtle: rgba(167, 196, 181, .1);--border-default: rgba(167, 196, 181, .2);--border-strong: rgba(167, 196, 181, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 24px var(--accent-glow);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-sans: "Outfit", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--header-height: 64px;--palette-width: 280px;--property-panel-width: 360px;--toolbar-height: 48px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-deepest);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.farm-ide{height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.farm-bg-pattern{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 20% 30%,rgba(74,222,128,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(34,197,94,.02) 0%,transparent 50%),linear-gradient(180deg,var(--bg-deepest) 0%,var(--bg-deep) 100%);z-index:0}.farm-bg-pattern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L30 60M0 30L60 30' stroke='%234ade80' stroke-width='0.3' stroke-opacity='0.05'/%3E%3C/svg%3E");opacity:.5}.farm-header{height:var(--header-height);background:var(--bg-base);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 var(--space-lg);gap:var(--space-xl);position:relative;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.farm-logo{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.logo-icon{width:36px;height:36px}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-farm{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.logo-oak{font-size:11px;font-weight:400;color:var(--text-tertiary);letter-spacing:.02em}.editor-tabs{display:flex;gap:var(--space-xs);flex:1;justify-content:center}.editor-tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.editor-tab svg{width:18px;height:18px}.editor-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.editor-tab.active{background:var(--bg-surface);border-color:var(--accent-border);color:var(--accent-primary);box-shadow:var(--shadow-glow)}.document-selector{display:flex;align-items:center;gap:var(--space-sm)}.doc-select{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;min-width:160px;cursor:pointer;transition:border-color var(--transition-fast)}.doc-select:focus{outline:none;border-color:var(--accent-primary)}.doc-select option{background:var(--bg-deep)}.new-doc-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.new-doc-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.new-doc-btn svg{width:16px;height:16px}.header-actions{display:flex;gap:var(--space-sm)}.import-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.import-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-glow)}.import-btn svg{width:16px;height:16px}.export-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-tertiary) 100%);border:none;border-radius:8px;color:var(--bg-deepest);font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md),0 0 20px #4ade8033}.export-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg),0 0 30px #4ade804d}.export-btn svg{width:16px;height:16px}.farm-main{flex:1;display:flex;position:relative;z-index:1;overflow:hidden}.farm-palette{width:var(--palette-width);background:var(--bg-base);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:relative;transition:width var(--transition-base);z-index:50}.farm-palette.collapsed{width:48px}.palette-toggle{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;height:48px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:0 8px 8px 0;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all var(--transition-fast)}.palette-toggle:hover{color:var(--accent-primary);border-color:var(--accent-border)}.palette-toggle svg{width:14px;height:14px}.farm-canvas-container{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.farm-property-panel{width:var(--property-panel-width);background:var(--bg-base);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;position:relative;transition:width var(--transition-base);z-index:50}.farm-property-panel:not(.open){width:0;border-left:none}.panel-toggle{position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:24px;height:48px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px 0 0 8px;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all var(--transition-fast)}.panel-toggle:hover{color:var(--accent-primary);border-color:var(--accent-border)}::selection{background:var(--accent-primary);color:var(--bg-deepest)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow)}}.editor-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.editor-header{height:var(--toolbar-height, 48px);background:var(--bg-base);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);flex-shrink:0}.editor-header-left,.editor-header-right{display:flex;align-items:center;gap:var(--space-sm)}.editor-main{flex:1;display:flex;position:relative;overflow:hidden}:root{--admin-primary: #4F46E5;--admin-primary-dark: #4338CA;--admin-primary-light: #6366F1;--admin-accent: #818CF8;--admin-success: #10B981;--admin-warning: #F59E0B;--admin-error: #EF4444;--admin-info: #3B82F6;--admin-bg: var(--bg-base, #141f1a);--admin-surface: var(--bg-elevated, #1a2922);--admin-border: var(--border-default, rgba(167, 196, 181, .2));--admin-text: var(--text-primary, #f0fdf4);--admin-text-muted: var(--text-secondary, #a7c4b5);--admin-radius-sm: 4px;--admin-radius-md: 8px;--admin-radius-lg: 12px}.admin-page{height:100%;overflow-y:auto;background:var(--admin-bg);color:var(--admin-text)}.admin-page-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--admin-border);background:var(--admin-surface);position:sticky;top:0;z-index:10}.admin-page-title-group{display:flex;flex-direction:column;gap:.25rem}.admin-page-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--admin-text)}.admin-page-subtitle{font-size:.875rem;color:var(--admin-text-muted);margin:0}.admin-page-actions{display:flex;gap:.75rem}.admin-page-content{padding:1.5rem 2rem;max-width:1400px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.admin-stat-card{background:var(--admin-surface);border-radius:var(--admin-radius-lg);padding:1.25rem;border:1px solid var(--admin-border);display:flex;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.admin-stat-icon{width:48px;height:48px;border-radius:var(--admin-radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5em}.admin-stat-icon.configs{background:#4f46e533}.admin-stat-icon.tenants{background:#10b98133}.admin-stat-icon.health{background:#3b82f633}.admin-stat-icon.versions{background:#f59e0b33}.admin-stat-value{font-size:2rem;font-weight:700;color:var(--admin-text);line-height:1}.admin-stat-label{font-size:.875rem;color:var(--admin-text-muted);margin-top:.25rem}.admin-card{background:var(--admin-surface);border-radius:var(--admin-radius-lg);border:1px solid var(--admin-border);overflow:hidden}.admin-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--admin-border);background:#0000001a}.admin-card-title{font-size:1rem;font-weight:600;margin:0;color:var(--admin-text)}.admin-card-body{padding:1.25rem}.admin-quick-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.admin-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--admin-radius-md);font-weight:500;font-size:.875rem;cursor:pointer;border:none;transition:all .2s;text-decoration:none}.admin-btn-primary{background:var(--admin-primary);color:#fff}.admin-btn-primary:hover{background:var(--admin-primary-dark)}.admin-btn-secondary{background:var(--admin-surface);color:var(--admin-text);border:1px solid var(--admin-border)}.admin-btn-secondary:hover{background:var(--bg-hover, #253d33);border-color:var(--admin-primary)}.admin-btn-success{background:var(--admin-success);color:#fff}.admin-btn-danger{background:var(--admin-error);color:#fff}.admin-btn-sm{padding:.25rem .75rem;font-size:.8125rem}.admin-btn-lg{padding:.75rem 1.5rem;font-size:1rem}.admin-grid{display:grid;gap:1.5rem}.admin-grid-2{grid-template-columns:repeat(2,1fr)}.admin-grid-3{grid-template-columns:repeat(3,1fr)}.admin-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.admin-grid-3,.admin-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.admin-grid-2,.admin-grid-3,.admin-grid-4{grid-template-columns:1fr}}.admin-type-pill{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-type-pill.workflow{background:#3b82f633;color:#60a5fa}.admin-type-pill.task{background:#8b5cf633;color:#a78bfa}.admin-type-pill.decision{background:#f59e0b33;color:#fbbf24}.admin-type-pill.routing{background:#10b98133;color:#34d399}.admin-type-pill.scheduler{background:#06b6d433;color:#22d3ee}.admin-type-pill.ui{background:#ec489933;color:#f472b6}.admin-type-pill.prompt{background:#6366f133;color:#818cf8}.admin-type-pill.integration{background:#84cc1633;color:#a3e635}.admin-type-pill.model{background:#a855f733;color:#c084fc}.admin-type-pill.screen{background:#f472b633;color:#f9a8d4}.admin-status{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem}.admin-status-dot{width:8px;height:8px;border-radius:50%;background:var(--admin-text-muted)}.admin-status-dot.healthy{background:var(--admin-success)}.admin-status-dot.warning{background:var(--admin-warning)}.admin-status-dot.error{background:var(--admin-error)}.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.admin-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.admin-empty p{color:var(--admin-text-muted);margin:0}.admin-alert{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--admin-radius-md);font-size:.875rem}.admin-alert-info{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#93c5fd}.admin-alert-warning{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fcd34d}.admin-alert-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.admin-alert-success{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--admin-text-muted)}.admin-spinner{width:32px;height:32px;border:3px solid var(--admin-border);border-top-color:var(--admin-primary);border-radius:50%;animation:admin-spin .8s linear infinite}@keyframes admin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-mt-sm{margin-top:.5rem}.admin-mt-md{margin-top:1rem}.admin-mt-lg{margin-top:1.5rem}.admin-mb-sm{margin-bottom:.5rem}.admin-mb-md{margin-bottom:1rem}.admin-mb-lg{margin-bottom:1.5rem}.admin-text-muted{color:var(--admin-text-muted)}.admin-text-success{color:var(--admin-success)}.admin-text-warning{color:var(--admin-warning)}.admin-text-error{color:var(--admin-error)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--admin-border)}.admin-table th{font-weight:600;color:var(--admin-text-muted);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;background:#0000001a}.admin-table tr:hover td{background:#ffffff05}.admin-table.clickable tr{cursor:pointer}.config-browser{display:flex;flex-direction:column;height:100%;gap:1rem}.config-browser-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--surface-1, #313244);margin-bottom:.5rem}.config-browser-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary, #cdd6f4);margin:0;display:flex;align-items:center;gap:.5rem}.config-browser-header .header-icon{font-size:1.25rem}.config-browser-filters{display:flex;align-items:flex-end;gap:1rem;padding:1rem;background:var(--surface-0, #1e1e2e);border-radius:8px;border:1px solid var(--surface-1, #313244);flex-wrap:wrap}.config-browser-filters .filter-group{display:flex;flex-direction:column;gap:.375rem;min-width:140px}.config-browser-filters .filter-group label{font-size:.75rem;font-weight:500;color:var(--text-secondary, #a6adc8);text-transform:uppercase;letter-spacing:.05em}.config-browser-filters .filter-group select,.config-browser-filters .filter-group input{height:36px;padding:0 .75rem;background:var(--surface-1, #313244);border:1px solid var(--surface-2, #45475a);border-radius:6px;color:var(--text-primary, #cdd6f4);font-size:.875rem;transition:border-color .15s,box-shadow .15s}.config-browser-filters .filter-group select:hover,.config-browser-filters .filter-group input:hover{border-color:var(--accent-primary, #89b4fa)}.config-browser-filters .filter-group select:focus,.config-browser-filters .filter-group input:focus{outline:none;border-color:var(--accent-primary, #89b4fa);box-shadow:0 0 0 2px #89b4fa33}.config-browser-filters .filter-search{flex:1;min-width:200px}.config-browser-filters .search-input-wrapper{position:relative;display:flex;align-items:center}.config-browser-filters .search-input-wrapper .search-icon{position:absolute;left:.75rem;font-size:.875rem;opacity:.6;pointer-events:none}.config-browser-filters .search-input-wrapper input{width:100%;padding-left:2.25rem}.config-browser-filters .refresh-btn{height:36px;padding:0 1rem;white-space:nowrap}.config-browser-table{flex:1;overflow:auto;background:var(--surface-0, #1e1e2e);border-radius:8px;border:1px solid var(--surface-1, #313244)}.config-table{width:100%;border-collapse:collapse;font-size:.875rem}.config-table thead{position:sticky;top:0;z-index:10;background:var(--surface-1, #313244)}.config-table th{padding:0;text-align:left;font-weight:600;color:var(--text-secondary, #a6adc8);border-bottom:1px solid var(--surface-2, #45475a);white-space:nowrap}.config-table th .th-content{display:flex;align-items:center;gap:.25rem;padding:.75rem 1rem}.config-table th.sortable .sort-btn{display:flex;align-items:center;gap:.375rem;background:none;border:none;color:inherit;font:inherit;font-weight:600;cursor:pointer;padding:0;transition:color .15s}.config-table th.sortable .sort-btn:hover{color:var(--text-primary, #cdd6f4)}.config-table th.sortable.active .sort-btn{color:var(--accent-primary, #89b4fa)}.config-table th .sort-icon{font-size:.75rem;opacity:.5}.config-table th.sortable.active .sort-icon{opacity:1}.column-filter{position:relative}.column-filter .filter-btn{background:none;border:none;color:var(--text-secondary, #a6adc8);font-size:.625rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background .15s,color .15s}.column-filter .filter-btn:hover{background:var(--surface-2, #45475a);color:var(--text-primary, #cdd6f4)}.column-filter .filter-btn.active{color:var(--accent-primary, #89b4fa)}.config-table th.filtered .filter-btn{color:var(--accent-secondary, #a6e3a1)}.filter-dropdown{position:absolute;top:100%;left:0;min-width:180px;max-height:300px;background:var(--surface-1, #313244);border:1px solid var(--surface-2, #45475a);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:100;overflow:hidden;margin-top:4px}.filter-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--surface-2, #45475a);font-size:.75rem;font-weight:600;color:var(--text-secondary, #a6adc8)}.filter-dropdown-header button{background:none;border:none;color:var(--accent-primary, #89b4fa);font-size:.75rem;cursor:pointer}.filter-dropdown-header button:hover{text-decoration:underline}.filter-dropdown-options{max-height:200px;overflow-y:auto;padding:.5rem 0}.filter-option{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;cursor:pointer;transition:background .15s}.filter-option:hover{background:var(--surface-2, #45475a)}.filter-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary, #89b4fa)}.filter-option span{font-size:.875rem;color:var(--text-primary, #cdd6f4)}.config-table tbody tr{border-bottom:1px solid var(--surface-1, #313244);transition:background .15s}.config-table tbody tr.clickable-row{cursor:pointer}.config-table tbody tr.clickable-row:hover{background:var(--surface-1, #313244)}.config-table td{padding:.875rem 1rem;color:var(--text-primary, #cdd6f4)}.config-table .name-cell{font-weight:500}.config-table .tenant-cell,.config-table .updated-cell{color:var(--text-secondary, #a6adc8)}.type-badge{display:inline-block;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.type-badge.workflow{background:#89b4fa33;color:#89b4fa}.type-badge.task{background:#a6e3a133;color:#a6e3a1}.type-badge.decision{background:#f9e2af33;color:#f9e2af}.type-badge.routing{background:#f5c2e733;color:#f5c2e7}.type-badge.scheduler{background:#b4befe33;color:#b4befe}.type-badge.ui{background:#cba6f733;color:#cba6f7}.type-badge.prompt{background:#94e2d533;color:#94e2d5}.type-badge.integration{background:#f38ba833;color:#f38ba8}.version-badge{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8125rem;color:var(--text-secondary, #a6adc8);background:var(--surface-1, #313244);padding:.125rem .5rem;border-radius:4px}.results-count{text-align:center;padding:.75rem;color:var(--text-secondary, #a6adc8);font-size:.875rem}.results-count .clear-filters-link{background:none;border:none;color:var(--accent-primary, #89b4fa);cursor:pointer;margin-left:.5rem}.results-count .clear-filters-link:hover{text-decoration:underline}.config-browser-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary, #a6adc8)}.config-browser-empty .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.config-browser-empty h3{margin:0 0 .5rem;color:var(--text-primary, #cdd6f4)}.config-browser-empty p{margin:0 0 1.5rem;max-width:400px}.config-browser-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--text-secondary, #a6adc8)}@media (max-width: 768px){.config-browser-header{flex-direction:column;align-items:flex-start;gap:1rem}.config-browser-filters{flex-direction:column;align-items:stretch}.config-browser-filters .filter-group,.config-browser-filters .refresh-btn{width:100%}.config-table{font-size:.8125rem}.config-table td,.config-table th .th-content{padding:.625rem .75rem}}.config-card{position:relative;display:flex;gap:1rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:.75rem;cursor:pointer;transition:all .2s ease}.config-card:hover{border-color:var(--type-color, var(--border-default));box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.config-card.selected{border-color:var(--type-color, var(--accent-primary));box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb, 59, 130, 246),.15)}.config-card.compact{padding:.75rem;gap:.75rem}.config-card-icon{width:48px;height:48px;border-radius:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.config-card-icon svg{width:24px;height:24px}.config-card.compact .config-card-icon{width:40px;height:40px}.config-card.compact .config-card-icon svg{width:20px;height:20px}.config-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.config-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.config-card-type{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.config-card-version{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-secondary);padding:.125rem .375rem;border-radius:.25rem}.config-card-name{margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.config-card.compact .config-card-name{font-size:.875rem}.config-card-description{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.config-card-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.25rem}.config-card-tag{font-size:.6875rem;padding:.125rem .5rem;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:9999px}.config-card-tag-more{font-size:.6875rem;padding:.125rem .5rem;color:var(--text-muted)}.config-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.5rem}.config-card-tenant,.config-card-updated{font-size:.75rem;color:var(--text-muted)}.config-card-tenant{font-weight:500}.config-card-selected-indicator{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--type-color, var(--accent-primary));border-radius:3px 0 0 3px}.config-card.skeleton{pointer-events:none}.skeleton-box{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:.625rem}.skeleton-text{display:block;height:12px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.config-type-filter{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.config-type-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:9999px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.config-type-pill:hover{background:var(--bg-hover);border-color:var(--border-default)}.config-type-pill.active{background:var(--pill-color, var(--accent-primary));border-color:var(--pill-color, var(--accent-primary));color:#fff}.config-type-pill svg{width:14px;height:14px}.config-type-count{font-size:.6875rem;font-weight:600;padding:.0625rem .375rem;background:#fff3;border-radius:9999px;min-width:1.25rem;text-align:center}.config-type-pill:not(.active) .config-type-count{background:var(--bg-tertiary);color:var(--text-muted)}.config-list .config-card{border-radius:.5rem}.config-empty-text{margin:0 0 1.5rem;font-size:.875rem;color:var(--text-secondary);max-width:300px}.config-list-container{display:flex;flex-direction:column;gap:1rem}.config-list-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.config-search{position:relative;flex:1;min-width:200px;max-width:400px}.config-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.config-search-input{width:100%;padding:.5rem 2.25rem .5rem 2.5rem;font-size:.875rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:.5rem;color:var(--text-primary);transition:all .2s}.config-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb, 59, 130, 246),.15)}.config-search-input::placeholder{color:var(--text-muted)}.config-search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .2s}.config-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.config-sort{display:flex;align-items:center;gap:.25rem}.config-sort-select{padding:.5rem .75rem;font-size:.875rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:.5rem 0 0 .5rem;color:var(--text-primary);cursor:pointer;transition:all .2s}.config-sort-select:focus{outline:none;border-color:var(--accent-primary)}.config-sort-order{padding:.5rem .625rem;font-size:.875rem;font-weight:600;background:var(--bg-primary);border:1px solid var(--border-subtle);border-left:none;border-radius:0 .5rem .5rem 0;color:var(--text-secondary);cursor:pointer;transition:all .2s}.config-sort-order:hover{background:var(--bg-hover);color:var(--text-primary)}.config-view-toggle{display:flex;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:.5rem;overflow:hidden}.config-view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:34px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s}.config-view-btn svg{width:18px;height:18px}.config-view-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.config-view-btn.active{background:var(--accent-primary);color:#fff}.config-refresh-btn{display:flex;align-items:center;justify-content:center;width:36px;height:34px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.config-refresh-btn svg{width:18px;height:18px}.config-refresh-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary)}.config-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.config-refresh-btn svg.spinning{animation:spin 1s linear infinite}.config-list-info{font-size:.8125rem;color:var(--text-muted)}.config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.config-list{display:flex;flex-direction:column;gap:.5rem}.config-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--bg-secondary);border:2px dashed var(--border-subtle);border-radius:1rem}.config-empty-icon{width:64px;height:64px;margin-bottom:1rem;color:var(--text-muted);opacity:.5}.config-empty-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.config-empty-text{margin:0;font-size:.875rem;color:var(--text-secondary);max-width:300px}@media (max-width: 768px){.config-list-toolbar{flex-wrap:wrap}.config-search{flex:1 1 100%;max-width:none;order:-1}.config-grid{grid-template-columns:1fr}}.version-history{padding:.5rem 0}.version-history.compact{padding:0}.version-history-loading,.version-history-error,.version-history-empty{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;font-size:.875rem;color:var(--text-muted)}.version-history-error{flex-direction:column;color:var(--status-error)}.version-timeline{display:flex;flex-direction:column}.version-item{display:flex;gap:.75rem;position:relative}.version-dot{display:flex;flex-direction:column;align-items:center;width:16px;flex-shrink:0}.version-dot .dot{width:10px;height:10px;border-radius:50%;background:var(--border-default);border:2px solid var(--bg-primary);box-shadow:0 0 0 2px var(--bg-primary);z-index:1}.version-dot .dot.latest{background:var(--accent-primary);width:12px;height:12px}.version-dot .dot.current{background:var(--status-success)}.version-dot .line{flex:1;width:2px;background:var(--border-subtle);min-height:20px}.version-content{flex:1;padding:.5rem .75rem;margin-bottom:.5rem;background:var(--bg-secondary);border-radius:.5rem;cursor:pointer;transition:all .2s}.version-content:hover{background:var(--bg-hover)}.version-item.current .version-content{background:rgba(var(--accent-primary-rgb, 59, 130, 246),.1);border:1px solid rgba(var(--accent-primary-rgb, 59, 130, 246),.3)}.version-item.expanded .version-content{background:var(--bg-tertiary)}.version-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.version-number{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.version-badge{font-size:.625rem;font-weight:600;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;padding:.125rem .375rem;border-radius:.25rem}.version-badge.latest{background:var(--accent-primary);color:#fff}.version-badge.current{background:var(--status-success);color:#fff}.version-time{font-size:.75rem;color:var(--text-muted)}.version-message{margin:.25rem 0 0;font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.version-author{display:block;margin-top:.25rem;font-size:.75rem;color:var(--text-muted)}.version-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.version-history.compact .version-content{padding:.375rem .5rem;margin-bottom:.25rem}.version-history.compact .version-header{margin-bottom:0}.version-history.compact .version-number{font-size:.8125rem}.version-history.compact .version-message,.version-history.compact .version-author{display:none}.version-history.compact .version-dot .dot{width:8px;height:8px}.version-history.compact .version-dot .dot.latest{width:10px;height:10px}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.spinner{width:16px;height:16px;border:2px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.diff-viewer{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:.75rem;overflow:hidden}.diff-viewer-loading,.diff-viewer-error{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-muted);font-size:.875rem}.diff-viewer-error{flex-direction:column;color:var(--status-error)}.error-icon{font-size:1.25rem}.diff-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.diff-versions{display:flex;align-items:center;gap:.5rem}.diff-version{font-family:var(--font-mono);font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem}.diff-version.old{background:rgba(var(--error-rgb, 239, 68, 68),.15);color:var(--status-error)}.diff-version.new{background:rgba(var(--success-rgb, 34, 197, 94),.15);color:var(--status-success)}.diff-arrow{color:var(--text-muted);font-weight:600}.diff-stats{display:flex;gap:.75rem;font-size:.75rem}.diff-stat{padding:.125rem .375rem;border-radius:.25rem}.diff-stat.added{background:rgba(var(--success-rgb, 34, 197, 94),.15);color:var(--status-success)}.diff-stat.removed{background:rgba(var(--error-rgb, 239, 68, 68),.15);color:var(--status-error)}.diff-stat.modified{background:rgba(var(--warning-rgb, 234, 179, 8),.15);color:var(--status-warning)}.diff-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.375rem;font-size:1.25rem;color:var(--text-muted);cursor:pointer;transition:all .2s}.diff-close:hover{background:var(--bg-hover);color:var(--text-primary)}.diff-no-changes{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--status-success);font-size:.875rem}.check-icon{font-size:1.25rem}.diff-content{max-height:500px;overflow-y:auto}.diff-section{border-bottom:1px solid var(--border-subtle)}.diff-section:last-child{border-bottom:none}.diff-section-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-tertiary);font-size:.8125rem}.diff-path{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.diff-section-count{color:var(--text-muted)}.diff-changes{padding:.5rem}.diff-line{margin-bottom:.5rem;border-radius:.375rem;overflow:hidden}.diff-line:last-child{margin-bottom:0}.diff-line-header{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:var(--bg-secondary)}.diff-indicator{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:.875rem;border-radius:.25rem}.diff-added .diff-indicator{background:rgba(var(--success-rgb, 34, 197, 94),.2);color:var(--status-success)}.diff-removed .diff-indicator{background:rgba(var(--error-rgb, 239, 68, 68),.2);color:var(--status-error)}.diff-modified .diff-indicator{background:rgba(var(--warning-rgb, 234, 179, 8),.2);color:var(--status-warning)}.diff-line-path{flex:1;font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.diff-expand-btn{padding:.125rem .375rem;font-size:.6875rem;font-weight:500;background:var(--bg-tertiary);border:none;border-radius:.25rem;color:var(--text-muted);cursor:pointer;transition:all .2s}.diff-expand-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.diff-line-content{display:flex;flex-direction:column;gap:1px}.diff-value{padding:.5rem .75rem .5rem 2rem}.diff-value pre{margin:0;font-family:var(--font-mono);font-size:.75rem;white-space:pre-wrap;word-break:break-all}.diff-value.added{background:rgba(var(--success-rgb, 34, 197, 94),.1)}.diff-value.added pre{color:var(--status-success)}.diff-value.removed{background:rgba(var(--error-rgb, 239, 68, 68),.1)}.diff-value.removed pre{color:var(--status-error)}.diff-selector{padding:1rem;background:var(--bg-secondary);border-radius:.5rem;margin-bottom:1rem}.diff-selector-row{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.diff-selector-field{display:flex;flex-direction:column;gap:.25rem}.diff-selector-field label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.diff-selector-field select{padding:.375rem .75rem;font-size:.875rem;font-family:var(--font-mono);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:.375rem;color:var(--text-primary);cursor:pointer}.diff-selector-arrow{padding-bottom:.5rem;color:var(--text-muted);font-weight:600}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover, var(--accent-primary))}.spinner{width:18px;height:18px;border:2px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.config-sync{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);color:var(--text-primary)}.config-sync-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.config-sync-header h2{margin:0;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.config-sync-header h2 .icon{font-size:24px}.config-sync-content{flex:1;overflow-y:auto;padding:24px}.sync-panels{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}@media (max-width: 1100px){.sync-panels{grid-template-columns:1fr}}.sync-panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.sync-panel-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#00000026;border-bottom:1px solid var(--border-primary)}.sync-panel-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.sync-panel-icon.import{background:linear-gradient(135deg,#4ade8033,#22c55e1a);color:var(--status-success)}.sync-panel-icon.export{background:linear-gradient(135deg,#60a5fa33,#3b82f61a);color:var(--status-info)}.sync-panel-title{flex:1}.sync-panel-title h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.sync-panel-title p{margin:2px 0 0;font-size:12px;color:var(--text-tertiary)}.sync-panel-body{padding:20px;flex:1}.sync-form-group{margin-bottom:16px}.sync-form-group:last-child{margin-bottom:0}.sync-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.sync-input,.sync-select{width:100%;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:13px;font-family:var(--font-mono);transition:all .2s ease}.sync-input:focus,.sync-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #4ade801a}.sync-input::placeholder{color:var(--text-tertiary)}.sync-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b8f7a' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.sync-input-hint{font-size:11px;color:var(--text-tertiary);margin-top:4px;font-style:italic}.sync-checkbox-group{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:10px;cursor:pointer;transition:background .2s ease}.sync-checkbox-group:hover{background:var(--bg-hover)}.sync-checkbox-group:last-child{margin-bottom:0}.sync-checkbox{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.sync-checkbox-group label{flex:1;font-size:13px;color:var(--text-secondary);cursor:pointer}.sync-checkbox-group .checkbox-hint{font-size:11px;color:var(--text-tertiary)}.sync-actions{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-primary)}.sync-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.sync-btn:disabled{opacity:.5;cursor:not-allowed}.sync-btn-primary{background:var(--accent-primary);color:#0a0f0d}.sync-btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.sync-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.sync-btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary)}.sync-btn-icon{font-size:14px}.sync-results{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.sync-results-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#00000026;border-bottom:1px solid var(--border-primary)}.sync-results-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.sync-results-body{padding:20px}.sync-alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:8px;font-size:14px;margin-bottom:16px}.sync-alert-icon{font-size:18px;flex-shrink:0}.sync-alert-success{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:var(--status-success)}.sync-alert-error{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:var(--status-error)}.sync-alert-warning{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:var(--status-warning)}.sync-alert-info{background:#60a5fa1a;border:1px solid rgba(96,165,250,.3);color:var(--status-info)}.sync-summary{display:flex;gap:16px;margin-bottom:20px}.sync-summary-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-tertiary);border-radius:8px}.sync-summary-value{font-size:20px;font-weight:700;color:var(--text-primary)}.sync-summary-label{font-size:12px;color:var(--text-tertiary);text-transform:uppercase}.sync-summary-item.success .sync-summary-value{color:var(--status-success)}.sync-summary-item.skipped .sync-summary-value{color:var(--status-warning)}.sync-summary-item.failed .sync-summary-value{color:var(--status-error)}.sync-table{width:100%;border-collapse:collapse}.sync-table th,.sync-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-primary)}.sync-table th{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary)}.sync-table tr:hover td{background:#ffffff05}.sync-table td{font-size:13px}.sync-type-pill{display:inline-block;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.sync-type-pill.workflow{background:#60a5fa26;color:#60a5fa}.sync-type-pill.task{background:#a78bfa26;color:#a78bfa}.sync-type-pill.decision{background:#fbbf2426;color:#fbbf24}.sync-type-pill.routing{background:#34d39926;color:#34d399}.sync-type-pill.scheduler{background:#22d3ee26;color:#22d3ee}.sync-type-pill.ui{background:#f472b626;color:#f472b6}.sync-type-pill.prompt{background:#818cf826;color:#818cf8}.sync-type-pill.integration{background:#a3e63526;color:#a3e635}.sync-type-pill.unknown{background:#6b8f7a26;color:#6b8f7a}.sync-config-name{font-weight:500;color:var(--text-primary);font-family:var(--font-mono);font-size:12px}.sync-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600}.sync-status.imported,.sync-status.exported{background:#4ade8026;color:var(--status-success)}.sync-status.skipped{background:#fbbf2426;color:var(--status-warning)}.sync-status.failed{background:#f8717126;color:var(--status-error)}.sync-detail{color:var(--text-tertiary);font-size:12px}.sync-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px;color:var(--text-tertiary)}.sync-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:sync-spin .8s linear infinite}@keyframes sync-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-execute-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#0a0f0d;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:16px;transition:all .2s ease}.sync-execute-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4ade804d}.sync-dry-run-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:4px;font-size:11px;font-weight:600;color:var(--status-warning);text-transform:uppercase}.migration-runner{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);color:var(--text-primary)}.migration-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.migration-header h2{margin:0;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.migration-header h2 .icon{font-size:24px}.header-subtitle{font-size:13px;color:var(--text-tertiary);margin-left:12px;font-weight:400}.migration-content{flex:1;overflow-y:auto;padding:24px}.migrators-section{margin-bottom:24px}.migrators-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.migrators-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#00000026;border-bottom:1px solid var(--border-primary)}.migrators-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.migrators-header .icon{font-size:18px}.migrators-refresh{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease}.migrators-refresh:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary)}.migrators-table{width:100%;border-collapse:collapse}.migrators-table th,.migrators-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-primary)}.migrators-table th{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary)}.migrators-table tr:hover td{background:#ffffff05}.migrators-table td{font-size:13px}.migration-type-pill{display:inline-block;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.migration-type-pill.workflow{background:#60a5fa26;color:#60a5fa}.migration-type-pill.task{background:#a78bfa26;color:#a78bfa}.migration-type-pill.decision{background:#fbbf2426;color:#fbbf24}.migration-type-pill.routing{background:#34d39926;color:#34d399}.migration-type-pill.scheduler{background:#22d3ee26;color:#22d3ee}.migration-type-pill.ui{background:#f472b626;color:#f472b6}.migration-type-pill.prompt{background:#818cf826;color:#818cf8}.migration-type-pill.integration{background:#a3e63526;color:#a3e635}.version-badge{display:inline-block;padding:4px 10px;background:var(--bg-tertiary);border-radius:4px;font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--accent-secondary)}.version-arrow{display:inline-flex;align-items:center;gap:8px;color:var(--text-tertiary)}.version-arrow svg{width:16px;height:16px;stroke:var(--accent-primary)}.reversible-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.reversible-badge.yes{background:#4ade8026;color:var(--status-success)}.reversible-badge.no{background:#fbbf2426;color:var(--status-warning)}.use-migrator-btn{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease}.use-migrator-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#0a0f0d}.migration-forms{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}@media (max-width: 1100px){.migration-forms{grid-template-columns:1fr}}.migration-panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.migration-panel-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#00000026;border-bottom:1px solid var(--border-primary)}.migration-panel-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.migration-panel-icon.run{background:linear-gradient(135deg,#8b5cf633,#6366f11a);color:#a78bfa}.migration-panel-icon.preview{background:linear-gradient(135deg,#60a5fa33,#3b82f61a);color:var(--status-info)}.migration-panel-title{flex:1}.migration-panel-title h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.migration-panel-title p{margin:2px 0 0;font-size:12px;color:var(--text-tertiary)}.migration-panel-body{padding:20px}.migration-form-group{margin-bottom:16px}.migration-form-group:last-child{margin-bottom:0}.migration-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.migration-input,.migration-select{width:100%;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:13px;font-family:var(--font-mono);transition:all .2s ease}.migration-input:focus,.migration-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #4ade801a}.migration-input::placeholder{color:var(--text-tertiary)}.migration-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b8f7a' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.version-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.migration-checkbox-group{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:10px;cursor:pointer;transition:background .2s ease}.migration-checkbox-group:hover{background:var(--bg-hover)}.migration-checkbox-group:last-child{margin-bottom:0}.migration-checkbox{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.migration-checkbox-group label{flex:1;font-size:13px;color:var(--text-secondary);cursor:pointer}.migration-actions{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-primary)}.migration-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.migration-btn:disabled{opacity:.5;cursor:not-allowed}.migration-btn-primary{background:var(--accent-primary);color:#0a0f0d}.migration-btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.migration-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.migration-btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary)}.migration-btn-icon{font-size:14px}.migration-results{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.migration-results-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#00000026;border-bottom:1px solid var(--border-primary)}.migration-results-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.migration-results-body{padding:20px}.migration-alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:8px;font-size:14px;margin-bottom:16px}.migration-alert-icon{font-size:18px;flex-shrink:0}.migration-alert-success{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:var(--status-success)}.migration-alert-error{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:var(--status-error)}.migration-alert-warning{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:var(--status-warning)}.migration-alert-info{background:#60a5fa1a;border:1px solid rgba(96,165,250,.3);color:var(--status-info)}.migration-path{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;background:var(--bg-tertiary);border-radius:8px;margin-top:16px}.migration-path-step{display:flex;flex-direction:column;align-items:center;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;min-width:120px}.migration-path-versions{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.migration-path-versions .arrow{color:var(--accent-primary)}.migration-path-reversible{font-size:11px;margin-top:6px;padding:2px 8px;border-radius:4px}.migration-path-reversible.yes{background:#4ade8026;color:var(--status-success)}.migration-path-reversible.no{background:#fbbf2426;color:var(--status-warning)}.migration-path-arrow{font-size:24px;color:var(--accent-primary)}.migration-results-table{width:100%;border-collapse:collapse;margin-top:16px}.migration-results-table th,.migration-results-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-primary)}.migration-results-table th{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary)}.migration-results-table tr:hover td{background:#ffffff05}.migration-results-table td{font-size:13px}.migration-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600}.migration-status.migrated{background:#4ade8026;color:var(--status-success)}.migration-status.failed{background:#f8717126;color:var(--status-error)}.migration-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}@media (max-width: 900px){.migration-preview-grid{grid-template-columns:1fr}}.migration-preview-panel h4{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.migration-preview-panel h4 .version{padding:2px 8px;background:var(--bg-tertiary);border-radius:4px;font-family:var(--font-mono);color:var(--accent-secondary)}.migration-code{padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--text-primary);overflow-x:auto;max-height:400px;white-space:pre-wrap}.migration-changes{margin-top:20px}.migration-changes h4{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text-secondary)}.migration-diff{border-radius:8px;overflow:hidden;border:1px solid var(--border-primary)}.migration-diff-line{padding:8px 16px;font-family:var(--font-mono);font-size:12px;border-bottom:1px solid var(--border-primary)}.migration-diff-line:last-child{border-bottom:none}.migration-diff-line.add{background:#4ade801a;color:var(--status-success)}.migration-diff-line.remove{background:#f871711a;color:var(--status-error)}.migration-diff-line.change{background:#fbbf241a;color:var(--status-warning)}.migration-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px;color:var(--text-tertiary)}.migration-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:migration-spin .8s linear infinite}@keyframes migration-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.migrators-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center}.migrators-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.migrators-empty p{margin:0;color:var(--text-tertiary);font-size:14px}.migration-execute-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#0a0f0d;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:16px;transition:all .2s ease}.migration-execute-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4ade804d}.migration-dry-run-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:4px;font-size:11px;font-weight:600;color:var(--status-warning);text-transform:uppercase}.api-browser{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);color:var(--text-primary)}.api-browser-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.header-title h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.header-subtitle{font-size:12px;color:var(--text-tertiary);margin-left:8px}.header-actions{display:flex;gap:8px}.history-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.history-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.history-toggle.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.history-toggle svg{width:18px;height:18px}.history-count{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:var(--status-error);border-radius:8px;font-size:10px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center}.auth-section{padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.auth-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.auth-icon{width:18px;height:18px;color:var(--text-tertiary)}.auth-title{font-size:13px;font-weight:600;color:var(--text-secondary)}.auth-status{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:12px;padding:4px 8px;border-radius:4px}.auth-status svg{width:14px;height:14px}.auth-status.authenticated{background:rgba(var(--status-success-rgb),.1);color:var(--status-success)}.auth-status.not-configured{background:rgba(var(--status-warning-rgb),.1);color:var(--status-warning)}.auth-fields{display:grid;grid-template-columns:1fr 2fr;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:12px;font-weight:500;color:var(--text-tertiary)}.auth-input{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:13px;font-family:var(--font-mono);transition:border-color .2s ease}.auth-input:focus{outline:none;border-color:var(--accent-primary)}.auth-input::placeholder{color:var(--text-tertiary)}.api-key-input-wrapper{position:relative;display:flex}.api-key-input-wrapper .auth-input{flex:1;padding-right:40px}.toggle-visibility{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center}.toggle-visibility:hover{color:var(--text-primary)}.toggle-visibility svg{width:16px;height:16px}.auth-hint{font-size:11px;color:var(--text-tertiary);font-style:italic}.history-panel{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);max-height:250px;overflow:hidden;display:flex;flex-direction:column}.history-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border-primary)}.history-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary)}.clear-history{padding:4px 8px;background:none;border:1px solid var(--border-primary);border-radius:4px;color:var(--text-tertiary);font-size:11px;cursor:pointer;transition:all .2s ease}.clear-history:hover{background:var(--status-error);border-color:var(--status-error);color:#fff}.history-list{flex:1;overflow-y:auto;padding:8px}.history-empty{padding:24px;text-align:center;color:var(--text-tertiary);font-size:13px}.history-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background .2s ease}.history-item:hover{background:var(--bg-hover)}.history-url{flex:1;font-size:12px;font-family:var(--font-mono);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-status{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.history-status.status-2{background:rgba(var(--status-success-rgb),.15);color:var(--status-success)}.history-status.status-4{background:rgba(var(--status-warning-rgb),.15);color:var(--status-warning)}.history-status.status-5,.history-status.status-0{background:rgba(var(--status-error-rgb),.15);color:var(--status-error)}.history-duration{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)}.history-time{font-size:11px;color:var(--text-tertiary)}.api-browser-content{flex:1;display:grid;grid-template-columns:auto 280px 1fr;overflow:hidden}.category-nav{background:var(--bg-tertiary);border-right:1px solid var(--border-primary);padding:8px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.category-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px;background:none;border:none;border-radius:8px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;min-width:64px}.category-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.category-btn.active{background:var(--accent-primary);color:#fff}.category-icon{font-size:20px}.category-name{font-size:10px;font-weight:500;text-align:center;line-height:1.2}.endpoint-list{background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;overflow:hidden}.endpoint-list-header{padding:16px;border-bottom:1px solid var(--border-primary)}.endpoint-list-header h3{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.endpoint-search{width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:12px}.endpoint-search:focus{outline:none;border-color:var(--accent-primary)}.endpoint-search::placeholder{color:var(--text-tertiary)}.endpoint-list-description{padding:12px 16px;font-size:12px;color:var(--text-tertiary);line-height:1.4;border-bottom:1px solid var(--border-primary)}.endpoint-items{flex:1;overflow-y:auto;padding:8px}.endpoint-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:6px;cursor:pointer;transition:background .2s ease}.endpoint-item:hover{background:var(--bg-hover)}.endpoint-item.active{background:rgba(var(--accent-primary-rgb),.15)}.endpoint-item.deprecated{opacity:.6}.endpoint-info{flex:1;min-width:0}.endpoint-name{font-size:13px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:8px}.deprecated-badge{font-size:9px;padding:2px 4px;background:var(--status-warning);color:var(--bg-primary);border-radius:3px;font-weight:600;text-transform:uppercase}.endpoint-path{font-size:11px;font-family:var(--font-mono);color:var(--text-tertiary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-endpoints{padding:24px;text-align:center;color:var(--text-tertiary);font-size:13px}.method-badge{padding:3px 6px;border-radius:4px;font-size:10px;font-weight:700;color:#fff;font-family:var(--font-mono);text-transform:uppercase;flex-shrink:0}.request-builder{flex:1;overflow-y:auto;padding:20px;background:var(--bg-primary)}.request-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.request-name{font-size:18px;font-weight:600;color:var(--text-primary)}.deprecated-warning{font-size:12px;color:var(--status-warning)}.request-description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.request-url{padding:12px 16px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:20px;overflow-x:auto}.request-url code{font-family:var(--font-mono);font-size:13px;color:var(--accent-secondary);white-space:nowrap}.parameters-section{margin-bottom:24px}.parameters-section h4,.body-section h4,.response-section h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.parameters-grid{display:flex;flex-direction:column;gap:12px}.parameter-row{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:start;padding:12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-primary)}.parameter-info{display:flex;flex-direction:column;gap:4px}.parameter-name{font-size:13px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.parameter-name .required{color:var(--status-error);margin-left:2px}.parameter-location{font-size:10px;padding:2px 6px;border-radius:3px;font-weight:500;text-transform:uppercase;display:inline-block;width:fit-content}.parameter-location.path{background:rgba(var(--status-info-rgb),.15);color:var(--status-info)}.parameter-location.query{background:rgba(var(--accent-primary-rgb),.15);color:var(--accent-primary)}.param-input{width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:13px;font-family:var(--font-mono)}.param-input:focus{outline:none;border-color:var(--accent-primary)}.param-input::placeholder{color:var(--text-tertiary)}.parameter-description{grid-column:1 / -1;font-size:12px;color:var(--text-tertiary);line-height:1.4}.body-section{margin-bottom:24px}.json-editor{position:relative}.json-textarea{width:100%;min-height:200px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:var(--font-mono);font-size:13px;line-height:1.5;resize:vertical}.json-textarea:focus{outline:none;border-color:var(--accent-primary)}.json-textarea.has-error{border-color:var(--status-error)}.json-textarea.readonly{background:var(--bg-tertiary);cursor:default}.json-textarea::placeholder{color:var(--text-tertiary)}.json-error{position:absolute;bottom:8px;right:8px;padding:4px 8px;background:var(--status-error);color:#fff;font-size:11px;border-radius:4px}.execute-section{display:flex;align-items:center;gap:16px;margin-bottom:24px}.execute-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.execute-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.execute-btn:disabled{opacity:.5;cursor:not-allowed}.execute-btn svg{width:18px;height:18px}.execute-btn .spinner{animation:spin 1s linear infinite}.execute-warning{font-size:12px;color:var(--status-warning)}.response-section{border-top:1px solid var(--border-primary);padding-top:24px}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.response-meta{display:flex;align-items:center;gap:12px}.response-status{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600}.response-status.status-2{background:rgba(var(--status-success-rgb),.15);color:var(--status-success)}.response-status.status-3{background:rgba(var(--status-info-rgb),.15);color:var(--status-info)}.response-status.status-4{background:rgba(var(--status-warning-rgb),.15);color:var(--status-warning)}.response-status.status-5,.response-status.status-0{background:rgba(var(--status-error-rgb),.15);color:var(--status-error)}.response-duration{font-size:12px;color:var(--text-tertiary);font-family:var(--font-mono)}.copy-response{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.copy-response:hover{background:var(--bg-hover);color:var(--text-primary)}.copy-response svg{width:16px;height:16px}.response-error{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(var(--status-error-rgb),.1);border:1px solid var(--status-error);border-radius:8px;color:var(--status-error);font-size:14px}.response-error svg{width:24px;height:24px;flex-shrink:0}.no-endpoint-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);text-align:center;padding:40px}.no-endpoint-selected svg{width:64px;height:64px;margin-bottom:16px;opacity:.5}.no-endpoint-selected h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-secondary)}.no-endpoint-selected p{margin:0;font-size:14px}@media (max-width: 1200px){.api-browser-content{grid-template-columns:auto 240px 1fr}}@media (max-width: 900px){.auth-fields{grid-template-columns:1fr}.api-browser-content{grid-template-columns:auto 200px 1fr}.category-nav{padding:4px}.category-btn{padding:8px 4px;min-width:56px}.category-name{font-size:9px}}.editor-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);gap:1rem}.editor-toolbar-left{display:flex;align-items:center;gap:1rem}.editor-toolbar-info{display:flex;align-items:center;gap:.5rem}.config-type-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .5rem;border-radius:.25rem;background:var(--bg-tertiary);color:var(--text-secondary)}.config-type-badge.workflow{background:#3b82f620;color:#3b82f6}.config-type-badge.task{background:#8b5cf620;color:#8b5cf6}.config-type-badge.decision{background:#f59e0b20;color:#f59e0b}.config-type-badge.routing{background:#10b98120;color:#10b981}.config-type-badge.scheduler{background:#06b6d420;color:#06b6d4}.config-type-badge.ui{background:#ec489920;color:#ec4899}.config-type-badge.prompt{background:#6366f120;color:#6366f1}.config-type-badge.integration{background:#84cc1620;color:#84cc16}.config-name{font-weight:600;color:var(--text-primary);font-size:.9375rem}.editor-toolbar-status{display:flex;align-items:center;gap:.5rem}.status-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:9999px;cursor:default}.status-badge.dirty{background:rgba(var(--warning-rgb, 234, 179, 8),.15);color:var(--status-warning)}.status-badge.invalid{background:rgba(var(--error-rgb, 239, 68, 68),.15);color:var(--status-error);cursor:pointer}.status-badge.warning{background:rgba(var(--warning-rgb, 234, 179, 8),.15);color:var(--status-warning);cursor:pointer}.status-badge.valid{background:rgba(var(--success-rgb, 34, 197, 94),.15);color:var(--status-success)}.editor-toolbar-right{display:flex;align-items:center;gap:.5rem}.toolbar-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:.375rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.toolbar-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary)}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn svg{width:16px;height:16px}.toolbar-btn.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.toolbar-btn.primary:hover:not(:disabled){background:var(--accent-primary-hover, #2563eb)}.toolbar-btn-group{display:flex}.toolbar-btn-group .toolbar-btn:first-child{border-radius:.375rem 0 0 .375rem}.toolbar-btn-group .toolbar-btn:last-child{border-radius:0 .375rem .375rem 0;border-left:1px solid rgba(255,255,255,.2);padding:.375rem .5rem}.toolbar-btn-group .toolbar-btn:last-child svg{width:12px;height:12px}.change-message-dropdown{position:absolute;top:100%;right:1rem;z-index:100;margin-top:.5rem;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:.5rem;box-shadow:0 10px 25px #00000026;min-width:320px}.change-message-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.change-message-content label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.change-message-content input{padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--border-default);border-radius:.375rem;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s}.change-message-content input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb, 59, 130, 246),.15)}.change-message-actions{display:flex;justify-content:flex-end;gap:.5rem}.validation-dropdown{position:absolute;top:100%;right:1rem;z-index:100;margin-top:.5rem;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:.5rem;box-shadow:0 10px 25px #00000026;min-width:360px;max-width:480px;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.validation-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle)}.validation-header h4{margin:0;font-size:.875rem;font-weight:600}.validation-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.25rem;font-size:1rem;color:var(--text-muted);cursor:pointer}.validation-close:hover{background:var(--bg-hover);color:var(--text-primary)}.validation-section{padding:.75rem 1rem;overflow-y:auto}.validation-section h5{margin:0 0 .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.validation-section.errors h5{color:var(--status-error)}.validation-section.warnings h5{color:var(--status-warning)}.validation-section ul{margin:0;padding:0;list-style:none}.validation-section li{display:flex;flex-direction:column;gap:.125rem;padding:.5rem;margin-bottom:.375rem;background:var(--bg-secondary);border-radius:.375rem;font-size:.8125rem}.error-path,.warning-path{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.error-message{color:var(--status-error)}.warning-message{color:var(--status-warning)}.spinner{width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border-radius:.375rem;border:1px solid transparent;cursor:pointer;transition:all .2s}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover, #2563eb)}@media (max-width: 768px){.editor-toolbar{flex-wrap:wrap;gap:.5rem}.toolbar-btn span{display:none}.change-message-dropdown,.validation-dropdown{left:1rem;right:1rem;min-width:0}}.editor-wrapper{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);border-radius:.75rem;border:1px solid var(--border-subtle);overflow:hidden}.editor-content{flex:1;overflow:auto;padding:1rem}.editor-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.editor-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem;text-align:center}.error-icon{font-size:3rem;color:var(--status-error);opacity:.5}.editor-error h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.editor-error p{margin:0;font-size:.875rem;color:var(--text-secondary);max-width:400px}.error-actions{display:flex;gap:.5rem;margin-top:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:1px solid transparent;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-primary);border-color:var(--border-default);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.editor-split{display:grid;grid-template-columns:1fr 300px;gap:1rem;height:100%}.editor-split-main{overflow:auto}.editor-split-sidebar{border-left:1px solid var(--border-subtle);padding-left:1rem;overflow:auto}@media (max-width: 1024px){.editor-split{grid-template-columns:1fr}.editor-split-sidebar{border-left:none;border-top:1px solid var(--border-subtle);padding-left:0;padding-top:1rem}}.config-editor{display:flex;height:100%;background:var(--bg-primary)}.config-editor-main{flex:1;min-width:0;display:flex;flex-direction:column}.config-editor.with-sidebar .config-editor-main{border-right:1px solid var(--border-subtle)}.config-editor-sidebar{width:320px;display:flex;flex-direction:column;background:var(--bg-secondary);flex-shrink:0}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border-subtle)}.sidebar-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.75rem;font-size:.8125rem;font-weight:500;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;transition:all .2s}.sidebar-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.sidebar-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.sidebar-tab svg{width:16px;height:16px}.sidebar-content{flex:1;overflow-y:auto;padding:1rem}.compare-panel{display:flex;flex-direction:column;gap:1rem}.code-editor{display:flex;flex-direction:column;height:100%;border:1px solid var(--border-subtle);border-radius:.5rem;overflow:hidden}.code-editor-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.code-editor-type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.code-editor-format{font-size:.6875rem;font-weight:500;padding:.125rem .375rem;background:var(--bg-secondary);border-radius:.25rem;color:var(--text-muted)}.code-editor-textarea{flex:1;padding:1rem;font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;background:var(--bg-primary);border:none;color:var(--text-primary);resize:none}.code-editor-textarea:focus{outline:none}.code-editor-textarea[readonly]{background:var(--bg-secondary);color:var(--text-muted)}.quick-edit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.quick-edit-modal{width:90%;max-width:1200px;height:85vh;display:flex;flex-direction:column;background:var(--bg-primary);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .2s ease}.quick-edit-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.quick-edit-title{display:flex;align-items:center;gap:.75rem}.quick-edit-title h3{margin:0;font-size:1.125rem;font-weight:600}.type-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:.25rem}.quick-edit-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.5rem;font-size:1.5rem;color:var(--text-muted);cursor:pointer;transition:all .2s}.quick-edit-close:hover{background:var(--bg-hover);color:var(--text-primary)}.quick-edit-body{flex:1;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.config-editor-sidebar{display:none}.config-editor.with-sidebar .config-editor-main{border-right:none}}@media (max-width: 768px){.quick-edit-modal{width:100%;height:100%;border-radius:0}}.audit-log{display:flex;flex-direction:column;gap:1rem}.audit-log.compact{gap:.5rem}.audit-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.audit-search{position:relative;flex:1;min-width:200px;max-width:300px}.audit-search svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--admin-text-muted)}.audit-search input{width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.375rem;color:var(--admin-text)}.audit-search input:focus{outline:none;border-color:var(--admin-primary)}.audit-filters select{padding:.5rem .75rem;font-size:.875rem;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.375rem;color:var(--admin-text);cursor:pointer}.audit-refresh{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.375rem;color:var(--admin-text-muted);cursor:pointer;transition:all .2s}.audit-refresh:hover:not(:disabled){background:var(--bg-hover, #253d33);color:var(--admin-text)}.audit-refresh:disabled{opacity:.5;cursor:not-allowed}.audit-refresh svg{width:16px;height:16px}.audit-loading,.audit-error,.audit-empty{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--admin-text-muted);font-size:.875rem}.audit-error{flex-direction:column;color:var(--admin-error)}.audit-error button{padding:.375rem .75rem;font-size:.8125rem;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.375rem;color:var(--admin-text);cursor:pointer}.audit-empty{flex-direction:column;padding:4rem}.audit-empty span{font-size:2rem;opacity:.5}.audit-entries{display:flex;flex-direction:column;gap:.5rem}.audit-entry{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.5rem;cursor:pointer;transition:all .2s}.audit-entry:hover{border-color:var(--admin-primary);box-shadow:0 2px 8px #0003}.audit-entry.failed{border-left:3px solid var(--admin-error)}.audit-entry.expanded{background:#0000001a}.audit-entry-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.375rem;font-size:.875rem;font-weight:600;flex-shrink:0}.audit-entry-content{flex:1;min-width:0}.audit-entry-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.audit-action{font-weight:600;color:var(--admin-text);font-size:.875rem}.audit-type{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .375rem;border-radius:.25rem;background:#ffffff1a;color:var(--admin-text-muted)}.audit-type.workflow{background:#3b82f633;color:#60a5fa}.audit-type.task{background:#8b5cf633;color:#a78bfa}.audit-type.decision{background:#f59e0b33;color:#fbbf24}.audit-type.routing{background:#10b98133;color:#34d399}.audit-type.scheduler{background:#06b6d433;color:#22d3ee}.audit-type.ui{background:#ec489933;color:#f472b6}.audit-type.prompt{background:#6366f133;color:#818cf8}.audit-type.integration{background:#84cc1633;color:#a3e635}.audit-name{font-family:var(--font-mono);font-size:.8125rem;color:var(--admin-text-muted)}.audit-entry-meta{display:flex;align-items:center;gap:.75rem;margin-top:.25rem;font-size:.75rem;color:var(--admin-text-muted)}.audit-user{font-weight:500}.audit-failed-badge{padding:.0625rem .375rem;background:#ef444433;color:var(--admin-error);border-radius:.25rem;font-weight:600}.audit-entry-error{margin-top:.5rem;padding:.5rem;background:#ef444426;border-radius:.25rem;font-size:.8125rem;color:#fca5a5}.audit-entry-status{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.75rem;font-weight:600;flex-shrink:0}.audit-entry-status.success{background:#10b98133;color:var(--admin-success)}.audit-entry-status.error{background:#ef444433;color:var(--admin-error)}.audit-entry-details{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--admin-border)}.audit-detail-row{display:flex;gap:1rem;padding:.375rem 0;font-size:.8125rem}.audit-detail-row>span:first-child{width:100px;flex-shrink:0;color:var(--admin-text-muted)}.audit-detail-row>span:last-child,.audit-detail-row>pre{flex:1;color:var(--admin-text)}.audit-detail-row pre{margin:0;padding:.5rem;background:#0003;border-radius:.25rem;font-family:var(--font-mono);font-size:.75rem;overflow-x:auto}.audit-count{padding:.5rem 0;font-size:.75rem;color:var(--admin-text-muted);text-align:center}.audit-log.compact .audit-entry{padding:.5rem .75rem}.audit-log.compact .audit-entry-icon{width:24px;height:24px;font-size:.75rem}.audit-log.compact .audit-action{font-size:.8125rem}.audit-log.compact .audit-entry-meta{display:none}.audit-log .spinner{width:20px;height:20px;border:2px solid var(--admin-border);border-top-color:var(--admin-primary);border-radius:50%;animation:spin .8s linear infinite}.system-health{display:flex;flex-direction:column;gap:1.5rem}.system-health.compact{gap:1rem}.system-health-loading,.system-health-error{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--admin-text-muted);font-size:.875rem}.system-health-error{flex-direction:column;color:var(--admin-error)}.system-health-error button{padding:.375rem .75rem;font-size:.8125rem;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.375rem;color:var(--admin-text);cursor:pointer}.health-header{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.75rem}.health-overall{display:flex;align-items:center;gap:.75rem}.health-status-indicator{width:48px;height:48px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.health-overall h3{margin:0;font-size:.875rem;font-weight:500;color:var(--admin-text-muted)}.health-status-label{font-size:1.25rem;font-weight:700}.health-meta{display:flex;gap:2rem;margin-left:auto}.health-meta-item{display:flex;flex-direction:column;gap:.125rem}.health-meta-item span{font-size:.75rem;color:var(--admin-text-muted)}.health-meta-item strong{font-size:.875rem;font-weight:600;color:var(--admin-text)}.health-refresh{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#0000001a;border:1px solid var(--admin-border);border-radius:.5rem;color:var(--admin-text-muted);cursor:pointer;transition:all .2s}.health-refresh:hover:not(:disabled){background:var(--bg-hover, #253d33);color:var(--admin-text)}.health-refresh:disabled{opacity:.5;cursor:not-allowed}.health-refresh svg{width:18px;height:18px}.health-refresh svg.spinning{animation:spin 1s linear infinite}.health-alerts{display:flex;flex-direction:column;gap:.5rem}.health-alert{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.5rem}.health-alert.critical{border-left:3px solid #ef4444;background:#ef44441a}.health-alert.warning{border-left:3px solid #f59e0b;background:#f59e0b1a}.health-alert.info{border-left:3px solid #3b82f6;background:#3b82f61a}.alert-icon{font-size:1rem}.alert-content{flex:1;display:flex;flex-direction:column;gap:.125rem}.alert-message{font-size:.875rem;font-weight:500;color:var(--admin-text)}.alert-service,.alert-time{font-size:.75rem;color:var(--admin-text-muted)}.alert-dismiss{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.25rem;color:var(--admin-text-muted);cursor:pointer;transition:all .2s}.alert-dismiss:hover{background:#ffffff1a;color:var(--admin-success)}.health-section{display:flex;flex-direction:column;gap:.75rem}.health-section h4{margin:0;font-size:.875rem;font-weight:600;color:var(--admin-text-muted)}.health-services{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.health-service{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.5rem}.health-service.degraded{border-color:#f59e0b66}.health-service.down{border-color:#ef444466}.service-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.service-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.service-name{font-size:.875rem;font-weight:500;color:var(--admin-text)}.service-latency{font-size:.75rem;font-family:var(--font-mono);color:var(--admin-text-muted)}.service-message{font-size:.6875rem;color:var(--admin-warning);margin-left:auto}.health-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.health-metric{padding:1rem;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.5rem}.health-metric.warning{border-color:#f59e0b66}.health-metric.critical{border-color:#ef444466}.metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.metric-name{font-size:.75rem;color:var(--admin-text-muted)}.metric-trend{font-size:.875rem;font-weight:600}.metric-trend.up{color:#ef4444}.metric-trend.down{color:#22c55e}.metric-trend.stable{color:var(--admin-text-muted)}.metric-value{font-size:1.5rem;font-weight:700;color:var(--admin-text);line-height:1}.metric-unit{font-size:.75rem;font-weight:500;color:var(--admin-text-muted);margin-left:.25rem}.metric-bar{height:4px;margin-top:.75rem;background:#ffffff1a;border-radius:2px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.system-health.compact .health-header{padding:.75rem 1rem}.system-health.compact .health-status-indicator{width:32px;height:32px}.system-health.compact .health-meta{gap:1rem}.system-health.compact .health-services{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.system-health.compact .health-service{padding:.5rem .75rem}.system-health.compact .health-metrics{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.system-health.compact .health-metric{padding:.75rem}.system-health.compact .metric-value{font-size:1.25rem}.system-health .spinner{width:20px;height:20px;border:2px solid var(--admin-border);border-top-color:var(--admin-primary);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.health-header{flex-wrap:wrap}.health-meta{width:100%;margin-left:0;margin-top:1rem;justify-content:space-between}.health-refresh{position:absolute;right:1rem;top:1rem}}.backup-restore{display:flex;flex-direction:column;gap:1.5rem}.backup-header{display:flex;align-items:center;justify-content:space-between}.backup-header h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--admin-text)}.backup-header p{margin:0;font-size:.875rem;color:var(--admin-text-muted)}.backup-loading,.backup-error,.backup-empty{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.75rem;color:var(--admin-text-muted);font-size:.875rem}.backup-error{flex-direction:column;color:var(--admin-error)}.backup-empty{flex-direction:column;padding:4rem}.backup-empty span{font-size:2.5rem;opacity:.5}.backup-list{display:flex;flex-direction:column;gap:.75rem}.backup-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.625rem;transition:all .2s}.backup-item:hover{border-color:var(--admin-primary);box-shadow:0 2px 8px #0003}.backup-icon{font-size:1.5rem;flex-shrink:0}.backup-info{flex:1;min-width:0}.backup-name{font-weight:600;color:var(--admin-text);margin-bottom:.25rem}.backup-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--admin-text-muted);flex-wrap:wrap}.backup-desc{margin-top:.375rem;font-size:.8125rem;color:var(--admin-text-muted)}.backup-includes{display:flex;gap:.375rem;margin-top:.5rem}.include-badge{font-size:.6875rem;font-weight:500;padding:.125rem .5rem;background:#ffffff1a;border-radius:9999px;color:var(--admin-text-muted)}.backup-actions{display:flex;gap:.25rem;flex-shrink:0}.backup-restore .btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:1px solid transparent;cursor:pointer;transition:all .2s}.backup-restore .btn:disabled{opacity:.5;cursor:not-allowed}.backup-restore .btn svg{width:16px;height:16px}.backup-restore .btn-primary{background:var(--admin-primary);color:#fff}.backup-restore .btn-primary:hover:not(:disabled){background:var(--admin-primary-dark)}.backup-restore .btn-secondary{background:var(--admin-surface);border-color:var(--admin-border);color:var(--admin-text)}.backup-restore .btn-secondary:hover:not(:disabled){background:var(--bg-hover, #253d33)}.backup-restore .btn-ghost{padding:.5rem;background:transparent;color:var(--admin-text-muted)}.backup-restore .btn-ghost:hover:not(:disabled){background:#ffffff1a;color:var(--admin-text)}.backup-restore .btn-ghost.danger:hover:not(:disabled){background:#ef444426;color:var(--admin-error)}.backup-restore .btn-danger{background:var(--admin-error);color:#fff}.backup-restore .btn-danger:hover:not(:disabled){background:#dc2626}.backup-restore .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backup-restore .modal{width:90%;max-width:480px;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.75rem;box-shadow:0 25px 50px #0006;overflow:hidden}.backup-restore .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--admin-border)}.backup-restore .modal-header.warning{background:#f59e0b1a}.backup-restore .modal-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--admin-text)}.backup-restore .modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.25rem;font-size:1.25rem;color:var(--admin-text-muted);cursor:pointer}.backup-restore .modal-close:hover{background:#ffffff1a;color:var(--admin-text)}.backup-restore .modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.backup-restore .modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--admin-border);background:#0000001a}.backup-restore .form-group{display:flex;flex-direction:column;gap:.375rem}.backup-restore .form-group label{font-size:.8125rem;font-weight:500;color:var(--admin-text-muted)}.backup-restore .form-group input,.backup-restore .form-group textarea{padding:.5rem .75rem;font-size:.875rem;background:#0003;border:1px solid var(--admin-border);border-radius:.375rem;color:var(--admin-text);transition:border-color .2s}.backup-restore .form-group input:focus,.backup-restore .form-group textarea:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 3px #4f46e533}.backup-restore .form-group textarea{resize:vertical;min-height:60px}.backup-restore .checkbox-group{display:flex;flex-direction:column;gap:.5rem}.backup-restore .checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.backup-restore .checkbox input{width:16px;height:16px;cursor:pointer}.backup-restore .checkbox span{font-size:.875rem;color:var(--admin-text)}.backup-restore .warning-box{padding:.75rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;font-size:.875rem;color:#fca5a5}.backup-restore .warning-box strong{display:block;margin-bottom:.25rem}.backup-restore .restore-info{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;background:#0003;border-radius:.5rem}.backup-restore .info-row{display:flex;justify-content:space-between;font-size:.875rem}.backup-restore .info-row span{color:var(--admin-text-muted)}.backup-restore .info-row strong{color:var(--admin-text)}.backup-restore .spinner{width:20px;height:20px;border:2px solid var(--admin-border);border-top-color:var(--admin-primary);border-radius:50%;animation:spin .8s linear infinite}.feature-flags{display:flex;flex-direction:column;gap:1.5rem}.flags-header{display:flex;align-items:center;justify-content:space-between}.flags-header h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--admin-text)}.flags-header p{margin:0;font-size:.875rem;color:var(--admin-text-muted)}.flags-stats{display:flex;gap:1rem}.flags-stats .stat{font-size:.8125rem;font-weight:500;padding:.25rem .75rem;border-radius:9999px}.flags-stats .stat.enabled{background:#10b98133;color:var(--admin-success)}.flags-stats .stat.disabled{background:#ffffff1a;color:var(--admin-text-muted)}.flags-filters{display:flex;gap:.5rem;flex-wrap:wrap}.flags-search{position:relative;flex:1;min-width:200px;max-width:300px}.flags-search svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--admin-text-muted)}.flags-search input{width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.375rem;color:var(--admin-text)}.flags-search input:focus{outline:none;border-color:var(--admin-primary)}.flags-filters select{padding:.5rem .75rem;font-size:.875rem;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.375rem;color:var(--admin-text);cursor:pointer}.flags-loading,.flags-error,.flags-empty{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.75rem;color:var(--admin-text-muted);font-size:.875rem}.flags-error{flex-direction:column;color:var(--admin-error)}.flags-empty{flex-direction:column;padding:4rem}.flags-empty span{font-size:2rem;opacity:.5}.flags-list{display:flex;flex-direction:column;gap:.5rem}.flag-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.625rem;transition:all .2s}.flag-item:hover{border-color:var(--admin-primary);box-shadow:0 2px 8px #0003}.flag-item.disabled{opacity:.7}.flag-toggle{flex-shrink:0;padding-top:.25rem}.toggle-switch{position:relative;width:44px;height:24px;background:#ffffff1a;border:none;border-radius:12px;cursor:pointer;transition:background .2s}.toggle-switch.on{background:var(--admin-success)}.toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;transition:transform .2s}.toggle-switch.on .toggle-knob{transform:translate(20px)}.flag-content{flex:1;min-width:0;cursor:pointer}.flag-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.flag-key{font-family:var(--font-mono);font-size:.8125rem;font-weight:600;color:var(--admin-primary-light, #6366f1)}.flag-env{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .5rem;border-radius:.25rem}.flag-percentage{font-size:.75rem;font-weight:600;color:var(--admin-text-muted)}.flag-name{font-weight:600;color:var(--admin-text);margin-bottom:.25rem}.flag-desc{font-size:.8125rem;color:var(--admin-text-muted);margin-bottom:.5rem}.flag-meta{display:flex;align-items:center;gap:.75rem}.flag-tags{display:flex;gap:.375rem}.flag-tag{font-size:.6875rem;padding:.125rem .5rem;background:#ffffff1a;border-radius:9999px;color:var(--admin-text-muted)}.flag-updated{font-size:.75rem;color:var(--admin-text-muted)}.flag-edit{padding:.5rem;background:transparent;border:none;border-radius:.375rem;color:var(--admin-text-muted);cursor:pointer;flex-shrink:0;opacity:0;transition:all .2s}.flag-item:hover .flag-edit{opacity:1}.flag-edit:hover{background:#ffffff1a;color:var(--admin-text)}.flag-edit svg{width:16px;height:16px}.feature-flags .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feature-flags .modal{width:90%;max-width:480px;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.75rem;box-shadow:0 25px 50px #0006;overflow:hidden}.feature-flags .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--admin-border)}.feature-flags .modal-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--admin-text)}.feature-flags .modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.25rem;font-size:1.25rem;color:var(--admin-text-muted);cursor:pointer}.feature-flags .modal-close:hover{background:#ffffff1a;color:var(--admin-text)}.feature-flags .modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.feature-flags .modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--admin-border);background:#0000001a}.feature-flags .form-group{display:flex;flex-direction:column;gap:.375rem}.feature-flags .form-group label{font-size:.8125rem;font-weight:500;color:var(--admin-text-muted)}.feature-flags .form-group input,.feature-flags .form-group textarea,.feature-flags .form-group select{padding:.5rem .75rem;font-size:.875rem;background:#0003;border:1px solid var(--admin-border);border-radius:.375rem;color:var(--admin-text);transition:border-color .2s}.feature-flags .form-group input:focus,.feature-flags .form-group textarea:focus,.feature-flags .form-group select:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 3px #4f46e533}.feature-flags .form-group input:disabled{background:#0000004d;color:var(--admin-text-muted)}.feature-flags .form-group textarea{resize:vertical;min-height:60px}.feature-flags .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.feature-flags .btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:1px solid transparent;cursor:pointer;transition:all .2s}.feature-flags .btn:disabled{opacity:.5;cursor:not-allowed}.feature-flags .btn-primary{background:var(--admin-primary);color:#fff}.feature-flags .btn-primary:hover:not(:disabled){background:var(--admin-primary-dark)}.feature-flags .btn-ghost{background:transparent;color:var(--admin-text-muted)}.feature-flags .btn-ghost:hover:not(:disabled){background:#ffffff1a;color:var(--admin-text)}.feature-flags .spinner{width:20px;height:20px;border:2px solid var(--admin-border);border-top-color:var(--admin-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}