@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#F8FAFC;--surface-color:#FFFFFF;--surface-color-2:#F1F5F9;--text-color:#0F172A;--text-secondary:#475569;--text-muted:#64748B;--border-color:#E2E8F0;--border-color-strong:#CBD5E1;--primary-color:#6D28D9;--primary-rgb:109,40,217;--success-color:#10B981;--purple:#6D28D9;--purple-light:#8B5CF6;--purple-dark:#5B21B6;--purple-50:#F5F3FF;--purple-100:#EDE9FE;--hover-bg:#F5F3FF;--shadow-color:rgba(0,0,0,0.1);--shadow-color-light:rgba(0,0,0,0.05)}[data-theme=dark]{--bg-color:#020617;--surface-color:#0F172A;--surface-color-2:#1E293B;--text-color:#F8FAFC;--text-secondary:#94A3B8;--text-muted:#64748B;--border-color:#334155;--border-color-strong:#334155;--primary-color:#8B5CF6;--primary-rgb:139,92,246;--success-color:#10B981;--purple:#8B5CF6;--purple-light:#A78BFA;--purple-dark:#5B21B6;--purple-50:#3730A3;--purple-100:#4338CA;--hover-bg:#3730A3;--shadow-color:rgba(0,0,0,0.3);--shadow-color-light:rgba(0,0,0,0.2)}*{box-sizing:border-box}html{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{margin:0;padding:0;background:var(--bg-color);color:var(--text-color);font-size:1rem;transition:background-color .3s ease-in-out,color .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn ease-in-out .3s ease-in-out}.slide-up{animation:slideUp ease-out .3s ease-in-out}.bounce-in{animation:bounceIn ease-out .5s ease-in-out}.pulse{animation:pulse 2s infinite}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;font-weight:500;transition:all .15s ease-in-out;cursor:pointer;border:none;text-decoration:none}.btn:focus{outline:none;box-shadow:0 0 0 2px var(--purple-light)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;font-weight:500;transition:all .15s ease-in-out;cursor:pointer;border:none;text-decoration:none;background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;padding:.5rem 1rem}.btn.btn-primary:focus{outline:none;box-shadow:0 0 0 2px var(--purple-light)}.btn.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.btn.btn-primary:active{transform:translateY(0)}.btn.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;font-weight:500;transition:all .15s ease-in-out;cursor:pointer;border:none;text-decoration:none;background:var(--surface-color);color:var(--text-secondary);border:1px solid var(--border-color);padding:.5rem 1rem}.btn.btn-secondary:focus{outline:none;box-shadow:0 0 0 2px var(--purple-light)}.btn.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn.btn-secondary:hover:not(:disabled){background:var(--surface-color-2);border-color:var(--border-color-strong)}.btn.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn.btn-lg{padding:1rem 1.5rem;font-size:1.125rem}.input{width:100%;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;transition:all .15s ease-in-out;background:var(--surface-color);color:var(--text-color)}.input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 1px var(--purple-light)}.input::placeholder{color:var(--text-muted)}.input.input-sm{padding:.25rem .5rem;font-size:.75rem}.input.input-lg{padding:1rem 1.5rem;font-size:1.125rem}.w-full{width:100%}.form-label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:500;color:var(--text-color)}.card,.card.card-hover{background:var(--surface-color);border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid var(--border-color);overflow:hidden}.card.card-hover{transition:all .3s ease-in-out}.card.card-hover:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}.icon-12,.icon-16,.icon-20,.icon-24{display:inline-block;flex-shrink:0;vertical-align:middle}.icon-12{width:12px;height:12px}.icon-16{width:16px;height:16px}.icon-20{width:20px;height:20px}.icon-24{width:24px;height:24px}.icon-primary{color:var(--primary-color)}.react-flow,.react-flow .react-flow__background{background:#f8fafc}.react-flow .react-flow__controls button{display:inline-flex;align-items:center;justify-content:center;font-weight:500;transition:all .15s ease-in-out;cursor:pointer;border:none;text-decoration:none;background:var(--surface-color);color:var(--text-secondary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:.375rem}.react-flow .react-flow__controls button:focus{outline:none;box-shadow:0 0 0 2px var(--purple-light)}.react-flow .react-flow__controls button:disabled{opacity:.5;cursor:not-allowed}.react-flow .react-flow__controls button:hover:not(:disabled){background:var(--surface-color-2);border-color:var(--border-color-strong)}.react-flow .react-flow__controls button:hover{background:#f5f3ff;border-color:#6d28d9}.react-flow .react-flow__minimap{background:#fff;border:1px solid #e2e8f0;border-radius:.375rem}.react-flow .react-flow__edge{stroke:#94a3b8;stroke-width:2}.react-flow .react-flow__edge.selected{stroke:#6d28d9}.react-flow .react-flow__edge:hover{stroke:#8b5cf6}.react-flow .react-flow__connection-line{stroke:#6d28d9;stroke-width:2;stroke-dasharray:5,5}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.app-header .header-logo{display:flex;align-items:center;justify-content:flex-start;gap:1rem}.app-header .header-logo img{height:32px;width:auto}.app-header .header-logo h1{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.app-header .header-actions{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.app-main{flex:1;display:flex;overflow:hidden}.homepage{padding:3rem;max-width:1200px;margin:0 auto}.homepage .homepage-header{text-align:center;margin-bottom:4rem}.homepage .homepage-header h1{font-size:2.25rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.homepage .homepage-header p{font-size:1.125rem;color:#475569;margin-bottom:2rem}.homepage .agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.homepage .create-agent-card{background:var(--surface-color);border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:200px;border:2px dashed #cbd5e1;background:#fff;cursor:pointer;transition:all .3s ease-in-out}.homepage .create-agent-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px);border-color:#6d28d9;background:#f5f3ff}.homepage .create-agent-card .create-content{text-align:center}.homepage .create-agent-card .create-content .create-icon{font-size:3rem;margin-bottom:1rem;color:#94a3b8}.homepage .create-agent-card .create-content .create-title{font-size:1.125rem;font-weight:600;color:#334155;margin-bottom:.5rem}.homepage .create-agent-card .create-content .create-description{font-size:.875rem;color:#64748b}.homepage .create-agent-card:hover .create-content .create-icon{color:#6d28d9}.homepage .create-agent-card:hover .create-content .create-title{color:#5b21b6}.agent-builder{height:100vh;display:flex;flex-direction:column;background:#f8fafc}.builder-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.builder-header .header-left{display:flex;align-items:center;justify-content:flex-start;gap:1rem}.builder-header .header-right{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.builder-main{flex:1;display:flex;overflow:hidden}.builder-canvas{flex:1;position:relative}.builder-canvas .react-flow{width:100%;height:100%}@media(max-width:767px){.homepage{padding:1.5rem}.homepage .agents-grid{grid-template-columns:1fr}.app-header{padding:.5rem 1rem}.app-header .header-logo h1{display:none}.builder-header{padding:.5rem 1rem;flex-wrap:wrap;gap:.5rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-color);border-radius:.25rem}::-webkit-scrollbar-thumb{background:var(--border-color-strong);border-radius:.25rem;transition:background-color .15s ease-in-out}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}::-webkit-scrollbar-thumb:active{background:var(--purple-dark)}::-webkit-scrollbar-corner{background:var(--surface-color)}*{scrollbar-width:thin;scrollbar-color:var(--border-color-strong) var(--surface-color)}.chat-messages::-webkit-scrollbar,.conversations-list::-webkit-scrollbar,.editor-content::-webkit-scrollbar,.monaco-editor::-webkit-scrollbar,.react-mde::-webkit-scrollbar,.w-md-editor::-webkit-scrollbar{width:6px;height:6px}.chat-messages::-webkit-scrollbar-track,.conversations-list::-webkit-scrollbar-track,.editor-content::-webkit-scrollbar-track,.monaco-editor::-webkit-scrollbar-track,.react-mde::-webkit-scrollbar-track,.w-md-editor::-webkit-scrollbar-track{background:rgba(0,0,0,0);border-radius:.25rem}.chat-messages::-webkit-scrollbar-thumb,.conversations-list::-webkit-scrollbar-thumb,.editor-content::-webkit-scrollbar-thumb,.monaco-editor::-webkit-scrollbar-thumb,.react-mde::-webkit-scrollbar-thumb,.w-md-editor::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb),.3);border-radius:.25rem}.chat-messages::-webkit-scrollbar-thumb:hover,.conversations-list::-webkit-scrollbar-thumb:hover,.editor-content::-webkit-scrollbar-thumb:hover,.monaco-editor::-webkit-scrollbar-thumb:hover,.react-mde::-webkit-scrollbar-thumb:hover,.w-md-editor::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-rgb),.6)}.chat-messages::-webkit-scrollbar-thumb:active,.conversations-list::-webkit-scrollbar-thumb:active,.editor-content::-webkit-scrollbar-thumb:active,.monaco-editor::-webkit-scrollbar-thumb:active,.react-mde::-webkit-scrollbar-thumb:active,.w-md-editor::-webkit-scrollbar-thumb:active{background:var(--primary-color)}.agent-editor-sidebar::-webkit-scrollbar,.chat-history-sidebar::-webkit-scrollbar{width:4px}.agent-editor-sidebar::-webkit-scrollbar-track,.chat-history-sidebar::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.agent-editor-sidebar::-webkit-scrollbar-thumb,.chat-history-sidebar::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb),.2);border-radius:.25rem}.agent-editor-sidebar::-webkit-scrollbar-thumb:hover,.chat-history-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-rgb),.4)}[data-theme=dark] *{scrollbar-color:var(--border-color-strong) var(--surface-color-2)}[data-theme=dark] .chat-messages::-webkit-scrollbar-thumb,[data-theme=dark] .conversations-list::-webkit-scrollbar-thumb,[data-theme=dark] .editor-content::-webkit-scrollbar-thumb,[data-theme=dark] .monaco-editor::-webkit-scrollbar-thumb,[data-theme=dark] .react-mde::-webkit-scrollbar-thumb,[data-theme=dark] .w-md-editor::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb),.4)}[data-theme=dark] .chat-messages::-webkit-scrollbar-thumb:hover,[data-theme=dark] .conversations-list::-webkit-scrollbar-thumb:hover,[data-theme=dark] .editor-content::-webkit-scrollbar-thumb:hover,[data-theme=dark] .monaco-editor::-webkit-scrollbar-thumb:hover,[data-theme=dark] .react-mde::-webkit-scrollbar-thumb:hover,[data-theme=dark] .w-md-editor::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-rgb),.7)}[data-theme=dark] .agent-editor-sidebar::-webkit-scrollbar-thumb,[data-theme=dark] .chat-history-sidebar::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb),.3)}[data-theme=dark] .agent-editor-sidebar::-webkit-scrollbar-thumb:hover,[data-theme=dark] .chat-history-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-rgb),.5)}html{scroll-behavior:smooth}.monaco-editor .scroll-decoration .slider,.monaco-editor .scrollbar .slider{background:rgba(var(--primary-rgb),.3)!important;border-radius:.25rem!important}.monaco-editor .scroll-decoration .slider:hover,.monaco-editor .scrollbar .slider:hover{background:rgba(var(--primary-rgb),.6)!important}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.scrollbar-on-hover::-webkit-scrollbar{width:0;transition:width .15s ease-in-out}.scrollbar-on-hover:hover::-webkit-scrollbar{width:6px}.scrollbar-on-hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);transition:background-color .15s ease-in-out}.scrollbar-on-hover:hover::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb),.4)}.scrollbar-on-hover:hover::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-rgb),.7)}.modern-avatar{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--purple),var(--purple-dark));box-shadow:0 2px 8px rgba(139,92,246,.3);flex-shrink:0}.modern-avatar img{width:100%;height:100%;object-fit:cover;border-radius:12px}.agent-title h3{font-size:1.2rem;font-weight:600;margin:0 0 .25rem;color:var(--text-color);transition:color .3s ease-in-out}.agent-title .agent-description{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;transition:color .3s ease-in-out}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.25);z-index:1000;justify-content:center;backdrop-filter:blur(4px)}.modal,.modal-backdrop{display:flex;align-items:center}.modal{background:var(--surface-color);border-radius:16px;box-shadow:0 8px 32px var(--shadow-color);padding:2.5rem 2rem 2rem;min-width:340px;max-width:90vw;flex-direction:column;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.modal-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-color);transition:color .3s ease-in-out}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;width:100%}.panel{padding:2rem}.panel,.panel-sm{background:var(--surface-color);border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid var(--border-color);overflow:hidden;background:var(--surface-color-2)}.panel-sm{padding:1.5rem}.text-xs-muted{font-size:.75rem;color:var(--text-secondary)}select.input{width:100%;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;transition:all .15s ease-in-out;background:var(--surface-color);color:var(--text-color);appearance:none}select.input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 1px var(--purple-light)}select.input::placeholder{color:var(--text-muted)}.m-0{margin:0}.mb-sm{margin-bottom:.5rem}.mb-lg{margin-bottom:1.5rem}.mt-xs{margin-top:.25rem}.section-header{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-bottom:1.5rem}.text-sm-muted{font-size:.875rem;color:var(--text-secondary)}