*{margin:0;padding:0;box-sizing:border-box}body{background:#06060c;color:#e2e8f0;font-family:SF Mono,Fira Code,Cascadia Code,monospace;height:100vh;display:flex;flex-direction:column;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#334155}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-6px);opacity:1}}#tab-bar{display:flex;align-items:center;gap:0;background:#0a0a12;border-bottom:1px solid #1a1a2a;padding:0 20px;height:44px;flex-shrink:0;z-index:20}.logo{font-size:13px;color:#64748b;letter-spacing:2px;text-transform:uppercase;margin-right:24px;flex-shrink:0}.logo span{color:#6366f1;font-weight:700}.tab{padding:0 20px;height:44px;display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;-webkit-user-select:none;user-select:none}.tab:hover{color:#94a3b8;background:#0e0e18}.tab.active{color:#e2e8f0;border-bottom-color:#6366f1}.tab .icon{font-size:14px}.tab-spacer{flex:1}.tab-hint{font-size:11px;color:#334155}#team-selector{display:flex;align-items:center;margin-right:16px}.team-select{background:#12121c;border:1px solid #1e1e2e;color:#94a3b8;padding:4px 10px;border-radius:4px;font-size:11px;font-family:inherit;cursor:pointer;min-width:100px}.team-select:focus{outline:none;border-color:#6366f1}.clear-btn{background:#1e293b;border:none;color:#94a3b8;cursor:pointer;font-size:11px;padding:4px 10px;border-radius:4px;font-family:inherit;transition:all .15s}.clear-btn:hover{background:#334155;color:#e2e8f0}#main{flex:1;display:flex;overflow:hidden;position:relative}.view-container{flex:1;position:relative;display:none;overflow:hidden}.view-container.active{display:flex}#galaxy-container.active{display:block}#rings-container.active{display:flex;align-items:center;justify-content:center}.viz-hint{position:absolute;bottom:20px;left:24px;font-size:11px;color:#334155;z-index:5;pointer-events:none}.filter-panel{width:200px;background:#0a0a12;border-right:1px solid #1a1a2a;display:flex;flex-direction:column;flex-shrink:0;z-index:10;transition:width .2s}.filter-panel.hidden-panel{display:none}.filter-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #1a1a2a;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:1px}.filter-actions{display:flex;gap:4px}.filter-btn{background:#12121c;border:1px solid #1e1e2e;color:#64748b;padding:3px 8px;font-size:10px;border-radius:4px;cursor:pointer;font-family:inherit}.filter-btn:hover{color:#e2e8f0;border-color:#6366f1}#filter-list{flex:1;overflow-y:auto;padding:8px}.filter-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .15s;-webkit-user-select:none;user-select:none}.filter-item:hover{background:#12121c}.filter-item.active-node{background:#6366f126}.filter-item.active-node .filter-name{color:#e2e8f0}.filter-item.hidden-node{opacity:.3}.filter-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.filter-name{flex:1}.filter-eye{font-size:10px;opacity:.4}.filter-item:not(.hidden-node) .filter-eye{opacity:.8}.filter-del{font-size:14px;opacity:0;color:#64748b;padding:0 2px;transition:opacity .15s,color .15s}.filter-item:hover .filter-del{opacity:.5}.filter-del:hover{opacity:1!important;color:#ef4444}#traditional-container{flex-direction:row}#trad-sidebar{width:260px;background:#0a0a12;border-right:1px solid #1a1a2a;display:flex;flex-direction:column;flex-shrink:0}.trad-sidebar-header{padding:12px;border-bottom:1px solid #1a1a2a}.btn-new-chat{width:100%;background:#12121c;border:1px solid #1e1e2e;color:#e2e8f0;padding:10px;border-radius:6px;font-size:13px;cursor:pointer;font-family:inherit;transition:all .15s}.btn-new-chat:hover{border-color:#6366f1;background:#16162a}#trad-session-list{flex:1;overflow-y:auto;padding:8px}.trad-node-group{margin-bottom:16px}.trad-node-header{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.trad-node-header:hover{color:#94a3b8}.trad-node-dot{width:8px;height:8px;border-radius:50%}.trad-session-item{display:flex;align-items:center;gap:8px;padding:9px 10px 9px 28px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .15s;color:#94a3b8}.trad-session-item:hover{background:#12121c;color:#e2e8f0}.trad-session-item.active{background:#16162a;color:#e2e8f0}.trad-session-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trad-session-count{font-size:10px;color:#475569}#chat-panel{width:420px;background:#0c0c14;border-left:1px solid #1a1a2a;display:flex;flex-direction:column;flex-shrink:0;transition:width .3s ease,opacity .2s}#chat-panel.collapsed{width:0;overflow:hidden;opacity:0;pointer-events:none}#chat-panel.fullwidth{flex:1;width:auto}.chat-header{padding:12px 16px;border-bottom:1px solid #1a1a2a;display:flex;align-items:center;gap:10px;min-height:50px}.chat-header .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.chat-header h3{font-size:14px;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{font-size:9px;padding:2px 7px;border-radius:4px;background:#1e293b;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.session-select{background:#12121c;border:1px solid #1e1e2e;color:#94a3b8;padding:4px 8px;border-radius:4px;font-size:11px;font-family:inherit;cursor:pointer;max-width:160px}.session-select:focus{outline:none;border-color:#6366f1}.thread-indicator{font-size:10px;color:#6366f1;padding:2px 7px;border-radius:4px;background:#6366f11f;cursor:pointer;white-space:nowrap;transition:background .15s}.thread-indicator:hover{background:#6366f140}.thread-indicator:empty{display:none}.clear-btn{background:none;border:1px solid #1e1e2e;color:#475569;cursor:pointer;font-size:11px;padding:3px 8px;border-radius:4px;font-family:inherit;transition:color .15s,border-color .15s}.clear-btn:hover{color:#e2e8f0;border-color:#334155}.close-btn{background:none;border:none;color:#475569;cursor:pointer;font-size:18px;padding:2px 4px;line-height:1}.close-btn:hover{color:#e2e8f0}.chat-header h3{cursor:default}.title-edit-input{background:#0e0e18;border:1px solid #6366f1;border-radius:4px;padding:3px 8px;color:#e2e8f0;font-family:inherit;font-size:14px;font-weight:600;width:100%;outline:none}.chat-meta{padding:10px 16px;border-bottom:1px solid #1a1a2a;font-size:11px;color:#475569;line-height:1.6}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#1e293b;border-radius:2px}.msg{padding:10px 14px;border-radius:8px;font-size:13px;line-height:1.6;max-width:90%;animation:fadeIn .2s ease;word-wrap:break-word}.msg.user{background:#1e293b;align-self:flex-end;border-bottom-right-radius:2px}.msg.assistant{background:#111827;border-left:2px solid #6366f1;align-self:flex-start;border-bottom-left-radius:2px}.msg.assistant .md-content h1,.msg.assistant .md-content h2,.msg.assistant .md-content h3{margin:8px 0 4px;font-size:14px}.msg.assistant .md-content p{margin:4px 0}.msg.assistant .md-content code{background:#1e293b;padding:1px 5px;border-radius:3px;font-size:12px}.msg.assistant .md-content pre{background:#0d1117;padding:10px;border-radius:6px;overflow-x:auto;margin:6px 0;font-size:12px}.msg.assistant .md-content pre code{background:none;padding:0}.msg.assistant .md-content ul,.msg.assistant .md-content ol{padding-left:18px}.msg.system{align-self:center;background:#0e0e18;color:#475569;font-size:11px;padding:6px 12px}.msg.terminal{background:#071007;border-left:2px solid #22c55e;font-size:12px;color:#4ade80;white-space:pre-wrap;align-self:stretch;max-width:100%}.msg .terminal-label{font-size:10px;color:#475569;margin-bottom:4px}.msg .msg-time{font-size:10px;color:#334155;margin-top:4px}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#1e293b;font-size:13px;text-align:center;line-height:1.8}.chat-input{padding:12px 16px;border-top:1px solid #1a1a2a;display:flex;gap:8px}.chat-input input{flex:1;background:#0e0e18;border:1px solid #1e1e2e;border-radius:6px;padding:10px 14px;color:#e2e8f0;font-family:inherit;font-size:13px;outline:none}.chat-input input:focus{border-color:#6366f1}.chat-input button{background:#6366f1;border:none;border-radius:6px;color:#fff;padding:10px 16px;cursor:pointer;font-size:13px;font-family:inherit;transition:background .15s}.chat-input button:hover{background:#818cf8}.chat-input button:disabled{opacity:.4;cursor:not-allowed}.typing-indicator{display:flex;gap:4px;padding:10px 14px;align-self:flex-start}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:#6366f1;animation:bounce 1.2s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}circle,path{cursor:pointer}.label-tag{font-size:10px;fill:#94a3b8;text-anchor:middle;pointer-events:none;font-family:SF Mono,monospace}.tooltip{position:fixed;background:#12121c;border:1px solid #22223a;border-radius:8px;padding:10px 14px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:100;max-width:260px}.tooltip .t-name{font-weight:600;font-size:13px}.tooltip .t-type{color:#475569;margin-top:2px;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.tooltip .t-desc{color:#94a3b8;margin-top:6px;line-height:1.4}#action-bar{position:absolute;bottom:20px;left:20px;z-index:15;display:flex;align-items:center;gap:8px;background:#0f0f14d9;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:7px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.action-group{display:flex;gap:6px;position:relative}.action-sep{width:1px;height:60%;align-self:center;background:#ffffff1f;flex-shrink:0}.action-btn{padding:14px 28px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0a;color:#ccc;font-size:15px;font-family:inherit;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.action-btn:hover:not(:disabled){background:#6366f140;border-color:#6366f166;color:#fff}.action-btn:active:not(:disabled){background:#6366f166}.action-btn:disabled{opacity:.35;cursor:not-allowed}.agent-fav{padding:14px 20px}.agent-fav.active{background:#6366f133;border-color:#6366f180;color:#e2e8f0}.agent-more{padding:14px 16px;font-size:18px;letter-spacing:2px}.agent-dropdown{position:absolute;bottom:calc(100% + 8px);right:0;min-width:200px;max-height:320px;overflow-y:auto;background:#0f0f14f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20}.agent-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;color:#ccc;font-size:14px;cursor:pointer;transition:background .12s}.agent-dropdown-item:hover{background:#6366f133;color:#fff}.agent-dropdown-item .agent-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.agent-dropdown-item.active{background:#6366f126;color:#e2e8f0}#flows-container.active{display:flex;height:100%;background:#06060c}.flows-panel-header{padding:12px 14px;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #1a1a2a}#flows-left{width:260px;min-width:260px;background:#0a0a12;border-right:1px solid #1a1a2a;display:flex;flex-direction:column;overflow:hidden}#flows-agent-list{flex:1;overflow-y:auto;padding:6px 0}.fl-agent{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;border-left:3px solid transparent;transition:background .15s}.fl-agent:hover{background:#12121c}.fl-agent.selected{background:#16162a;border-left-color:#6366f1}.fl-agent-img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#1a1a2a;border:2px solid #1e293b;flex-shrink:0}.fl-agent.selected .fl-agent-img{border-color:#6366f1}.fl-agent-info{flex:1;min-width:0}.fl-agent-name{font-size:13px;color:#e2e8f0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fl-agent-desc{font-size:10px;color:#475569;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#flows-center{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:40px;overflow-y:auto}.flows-center-inner{width:100%;max-width:520px}.fl-context{margin-bottom:20px;display:flex;align-items:center;gap:12px;min-height:36px}.fl-ctx-agent{display:flex;align-items:center;gap:8px;background:#16162a;border:1px solid #6366f1;border-radius:20px;padding:4px 12px 4px 4px;font-size:13px;color:#e2e8f0}.fl-ctx-img{width:28px;height:28px;border-radius:50%;object-fit:cover}.fl-ctx-model{background:#1a1a2a;border:1px solid #1e293b;border-radius:12px;padding:6px 12px;font-size:12px;color:#94a3b8}.fl-ctx-hint{font-size:13px;color:#334155}.flow-name-input{width:100%;background:transparent;border:none;border-bottom:2px solid #1e293b;color:#e2e8f0;font-size:22px;font-weight:600;padding:8px 0;outline:none;box-sizing:border-box;font-family:inherit}.flow-name-input:focus{border-bottom-color:#6366f1}.flow-name-input::placeholder{color:#334155;font-weight:400}.flow-instruction-input{width:100%;background:transparent;border:none;border-bottom:1px solid #1a1a2a;color:#94a3b8;font-size:14px;padding:12px 0;outline:none;resize:none;min-height:60px;box-sizing:border-box;font-family:inherit;line-height:1.5}.flow-instruction-input:focus{border-bottom-color:#6366f1;color:#e2e8f0}.flow-instruction-input::placeholder{color:#334155}#flows-right{width:220px;min-width:220px;background:#0a0a12;border-left:1px solid #1a1a2a;display:flex;flex-direction:column;overflow:hidden}#flows-model-list{flex:1;overflow-y:auto;padding:6px 0}.fl-model-provider{padding:8px 14px 4px;font-size:10px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.4px}.fl-model{padding:7px 14px;cursor:pointer;border-left:3px solid transparent;transition:background .15s}.fl-model:hover{background:#12121c}.fl-model.selected{background:#16162a;border-left-color:#6366f1}.fl-model-name{font-size:13px;color:#e2e8f0}.fl-saved-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;min-height:0}.fl-saved-list:empty{margin-bottom:0}.fl-saved-item{padding:5px 12px;font-size:12px;color:#94a3b8;background:#12121c;border:1px solid #1e293b;border-radius:16px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.fl-saved-item:hover{background:#1a1a2a;border-color:#334155}.fl-saved-item.active{background:#16162a;border-color:#6366f1;color:#e2e8f0}.fl-actions{display:flex;gap:8px;margin-top:20px}.fl-btn{padding:7px 18px;font-size:13px;font-family:inherit;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}.fl-btn:active{opacity:.8}.fl-btn-primary{background:#6366f1;color:#fff;border-color:#6366f1}.fl-btn-primary:hover{background:#5558e6}.fl-btn-secondary{background:transparent;color:#94a3b8;border-color:#1e293b}.fl-btn-secondary:hover{background:#12121c;border-color:#334155}.fl-btn-danger{background:transparent;color:#f87171;border-color:#1e293b}.fl-btn-danger:hover{background:#1c1016;border-color:#f87171}.fl-hint{padding:12px 14px;color:#334155;font-size:11px}