:root{--bg-primary: #06080d;--bg-secondary: #0a0e17;--bg-tertiary: #101623;--bg-surface: rgba(13, 18, 30, .92);--bg-surface-elevated: rgba(20, 28, 46, .96);--bg-glass: rgba(10, 14, 23, .8);--bg-glass-card: rgba(16, 23, 38, .75);--accent-cyan: #00f0ff;--accent-cyan-dim: rgba(0, 240, 255, .12);--accent-cyan-glow: rgba(0, 240, 255, .35);--accent-purple: #a855f7;--accent-purple-dim: rgba(168, 85, 247, .12);--accent-pink: #ec4899;--accent-emerald: #10b981;--accent-emerald-dim: rgba(16, 185, 129, .12);--accent-nvidia: #76b900;--accent-amber: #f59e0b;--accent-amber-dim: rgba(245, 158, 11, .12);--accent-red: #ef4444;--accent-blue: #3b82f6;--accent-indigo: #6366f1;--accent-teal: #14b8a6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #000000;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--border-highlight: rgba(0, 240, 255, .4);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .55);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .7);--glow-cyan: 0 0 18px rgba(0, 240, 255, .22);--glow-purple: 0 0 18px rgba(168, 85, 247, .22);--glow-nvidia: 0 0 18px rgba(118, 185, 0, .25);--header-height: 56px;--sidebar-left-width: 240px;--panel-flyout-width: 380px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:13.5px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--accent-cyan)!important;outline-offset:2px!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.app-container{display:flex;flex-direction:column;width:100vw;height:100vh;position:relative;background:radial-gradient(circle at 12% 18%,rgba(0,240,255,.04) 0%,transparent 45%),radial-gradient(circle at 88% 82%,rgba(168,85,247,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(118,185,0,.02) 0%,transparent 65%),linear-gradient(180deg,#05070b,#080c14)}.glass-panel{background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}.glass-card{background:var(--bg-glass-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.top-nav{height:var(--header-height);width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 10px;z-index:50;border-bottom:1px solid var(--border-subtle);gap:4px}.nav-left{display:flex;align-items:center;gap:6px;flex-shrink:0}.nav-center,.nav-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.brand-badge{display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;flex-shrink:0}.brand-logo-glow{width:30px;height:30px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#00f0ff33,#a855f733);border:1px solid rgba(0,240,255,.35);display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-cyan)}.brand-icon{width:16px;height:16px;color:var(--accent-cyan)}.brand-text{display:flex;align-items:baseline;gap:5px}.brand-title{font-family:var(--font-display);font-size:.98rem;font-weight:700;letter-spacing:-.02em}.brand-gradient{background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.webmcp-pill{display:inline-flex;align-items:center;gap:3px;font-size:.6rem;font-weight:700;color:var(--accent-cyan);background:#00f0ff14;border:1px solid rgba(0,240,255,.25);padding:1px 5px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em}.pulse-dot{width:5px;height:5px;border-radius:var(--radius-full);background-color:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan);animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.top-stats-strip{display:inline-flex;align-items:center;gap:6px;background:#00000073;padding:3px 10px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);font-size:.7rem;white-space:nowrap}.stat-item{display:inline-flex;align-items:center;gap:3px}.stat-label{color:var(--text-muted);font-size:.65rem}.stat-value{font-weight:600;font-family:var(--font-mono);font-size:.7rem}.stat-bullet{color:#ffffff2e;font-size:.65rem}.template-selector-group{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;width:270px;padding:6px;z-index:100;display:flex;flex-direction:column;gap:3px;animation:dropdown-fade-in var(--transition-fast) forwards}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);padding:4px 8px;letter-spacing:.05em}.dropdown-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-primary);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.dropdown-item:hover{background:#ffffff14}.dropdown-item .item-icon{width:26px;height:26px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.9rem}.dropdown-item .item-title{font-weight:600;font-size:.78rem}.dropdown-item .item-desc{font-size:.68rem;color:var(--text-muted)}.dropdown-divider{height:1px;background:var(--border-subtle);margin:3px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-family:var(--font-body);font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.btn-sm{padding:3px 8px;font-size:.75rem;height:30px}.btn-xs{padding:2px 6px;font-size:.7rem;height:22px}.btn-glass{background:#ffffff0d;border-color:var(--border-subtle);color:var(--text-primary)}.btn-glass:hover{background:#ffffff1a;border-color:var(--border-medium)}.btn-primary{background:linear-gradient(135deg,#0284c7,#6366f1);color:#fff;border-color:#fff3}.btn-primary:hover{background:linear-gradient(135deg,#0369a1,#4f46e5);box-shadow:0 0 14px #6366f159}.btn-purple{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-color:#a855f759}.btn-purple:hover{background:linear-gradient(135deg,#6d28d9,#9333ea);box-shadow:var(--glow-purple)}.btn-glow{box-shadow:0 0 10px #00f0ff40}.btn-cyan{background:#00f0ff1f;border-color:#00f0ff59;color:var(--accent-cyan)}.btn-cyan:hover{background:#00f0ff38}.btn-emerald{background:#10b9811f;border-color:#10b98159;color:var(--accent-emerald)}.btn-emerald:hover{background:#10b98138}.btn-icon-sm{width:28px;height:28px;padding:0;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-icon-sm:hover{color:var(--text-primary);background:#ffffff14;border-color:var(--border-medium)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#ffffff0f;color:var(--text-primary)}#btn-toggle-agent{min-width:110px;font-weight:600;flex-shrink:0;box-shadow:0 0 12px #6366f166}.badge-count{background:var(--accent-red);color:#fff;font-size:.6rem;font-weight:700;padding:1px 4px;border-radius:var(--radius-full)}.hud-tool-count-badge{background:#10b9812e;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.35);font-size:.62rem;font-weight:700;padding:1px 4px;border-radius:var(--radius-full)}.icon-sm{width:14px;height:14px}.icon-xs{width:11px;height:11px}.chevron-sm{width:12px;height:12px;opacity:.7}.icon-pulse{animation:pulse-icon 1.5s infinite}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.text-cyan{color:var(--accent-cyan)}.text-purple{color:var(--accent-purple)}.text-emerald{color:var(--accent-emerald)}.text-amber{color:var(--accent-amber)}.text-red{color:var(--accent-red)}.text-danger{color:#f87171}.bg-cyan{background:var(--accent-cyan-dim);border:1px solid rgba(0,240,255,.3);color:var(--accent-cyan)}.bg-purple{background:var(--accent-purple-dim);border:1px solid rgba(168,85,247,.3);color:var(--accent-purple)}.bg-emerald{background:var(--accent-emerald-dim);border:1px solid rgba(16,185,129,.3);color:var(--accent-emerald)}.bg-amber{background:var(--accent-amber-dim);border:1px solid rgba(245,158,11,.3);color:var(--accent-amber)}.bg-blue{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.bg-indigo{background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#818cf8}.bg-pink{background:#ec489926;border:1px solid rgba(236,72,153,.3);color:#f472b6}.bg-teal{background:#14b8a626;border:1px solid rgba(20,184,166,.3);color:#2dd4bf}.bg-red{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.workspace-main{flex:1;display:flex;position:relative;overflow:hidden;height:calc(100vh - var(--header-height))}.sidebar-left{width:var(--sidebar-left-width);height:100%;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:30;-webkit-user-select:none;user-select:none;flex-shrink:0}.sidebar-header{padding:12px 14px 8px;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column}.sidebar-title{font-family:var(--font-display);font-weight:700;font-size:.88rem;letter-spacing:-.01em}.sidebar-subtitle{font-size:.65rem;color:var(--text-muted)}.palette-sections{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:12px}.palette-sections::-webkit-scrollbar{width:4px}.palette-sections::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.palette-category{display:flex;flex-direction:column;gap:6px}.category-title{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between}.badge-tag{background:#00f0ff14;color:var(--accent-cyan);border:1px solid rgba(0,240,255,.25);font-size:.58rem;padding:1px 4px;border-radius:var(--radius-sm);text-transform:uppercase}.palette-items-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.palette-node-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:#ffffff06;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:grab;transition:all var(--transition-fast)}.palette-node-item:hover{background:#ffffff12;border-color:var(--border-medium);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.palette-node-item:active{cursor:grabbing}.palette-node-item .node-icon{width:26px;height:26px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.95rem}.palette-node-item .node-label{font-size:.7rem;font-weight:500;color:var(--text-primary);text-align:center}.declarative-section{padding-top:8px;border-top:1px dashed var(--border-medium)}.declarative-hint{font-size:.65rem;color:var(--text-muted);line-height:1.3}.declarative-form{display:flex;flex-direction:column;gap:5px;background:#00000040;padding:7px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.form-row{display:flex;gap:5px;align-items:center}.input-sm{width:100%;background-color:#0d121f!important;border:1px solid var(--border-medium)!important;border-radius:var(--radius-sm);padding:4px 8px;font-size:.72rem;color:#f8fafc!important;outline:none;font-family:var(--font-body);transition:all var(--transition-fast)}.input-sm:focus{border-color:var(--accent-cyan)!important;box-shadow:0 0 8px #00f0ff4d!important}select,select.input-sm{background-color:#0d121f!important;color:#f8fafc!important;padding-right:24px!important;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300f0ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 8px center!important;background-size:11px!important}select option,option{background-color:#080c14!important;color:#f8fafc!important;padding:8px 10px}select option:checked,select option:hover,select option:focus{background-color:#1e293b!important;color:#00f0ff!important}.canvas-viewport{flex:1;height:100%;position:relative;overflow:hidden;background-color:transparent}#architecture-canvas{width:100%;height:100%;display:block;cursor:crosshair}.canvas-hud-overlay{position:absolute;z-index:20;pointer-events:auto}.top-left-hud{top:12px;left:12px;display:flex;align-items:center;gap:8px}.zoom-controls{display:flex;align-items:center;gap:2px;padding:2px;border-radius:var(--radius-sm)}.zoom-level{font-size:.7rem;font-family:var(--font-mono);color:var(--text-secondary);padding:0 4px;min-width:36px;text-align:center}.canvas-mode-badge{display:flex;align-items:center;gap:6px;background:var(--bg-glass-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:3px 9px;font-size:.7rem;color:var(--text-secondary)}.badge-indicator{width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--accent-emerald);box-shadow:0 0 6px var(--accent-emerald)}.agent-activity-banner{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(0,240,255,.4);box-shadow:var(--glow-cyan);z-index:25;animation:banner-slide-in var(--transition-fast) forwards}@keyframes banner-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pulse-indicator{width:8px;height:8px;border-radius:var(--radius-full);background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan);animation:pulse-animation 1s infinite}.banner-content{display:flex;flex-direction:column}.banner-title{font-size:.74rem;font-weight:700;font-family:var(--font-mono);color:var(--accent-cyan)}.banner-sub{font-size:.65rem;color:var(--text-secondary)}.canvas-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;max-width:440px;pointer-events:auto;background:#0d121ee0;border:1px dashed var(--border-medium);border-radius:var(--radius-lg);padding:26px 20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;transition:opacity var(--transition-fast)}.canvas-empty-state.hidden{opacity:0;pointer-events:none;display:none}.empty-icon-wrap{width:46px;height:46px;border-radius:var(--radius-full);background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:var(--glow-cyan)}.empty-icon{width:22px;height:22px;color:var(--accent-cyan)}.canvas-empty-state h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:6px}.canvas-empty-state p{font-size:.75rem;color:var(--text-secondary);line-height:1.45;margin-bottom:16px}.empty-quick-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.node-inspector-drawer{position:absolute;top:12px;right:12px;width:290px;max-height:calc(100% - 24px);z-index:35;display:flex;flex-direction:column;border-radius:var(--radius-lg);border:1px solid var(--border-medium);box-shadow:var(--shadow-lg);overflow:hidden;animation:drawer-fade-in var(--transition-fast) forwards}@keyframes drawer-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.drawer-header{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);background:#0000004d}.drawer-body{padding:12px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.inspector-stat-banner{display:flex;justify-content:space-between;background:#ffffff08;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.label-xs{font-size:.62rem;color:var(--text-muted);display:block}.status-pill{font-size:.6rem;font-weight:700;text-transform:uppercase;padding:2px 5px;border-radius:4px}.cost-tag{font-family:var(--font-mono);font-weight:700;font-size:.78rem}.inspector-control-group{display:flex;flex-direction:column;gap:4px}.control-label-row{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-secondary)}.range-slider{width:100%;accent-color:var(--accent-cyan);cursor:pointer}.drawer-actions{display:flex;justify-content:flex-end;margin-top:4px;border-top:1px solid var(--border-subtle);padding-top:6px}.agent-flyout-panel,.hud-flyout-panel{position:absolute;top:0;right:0;width:var(--panel-flyout-width);height:100%;z-index:40;display:flex;flex-direction:column;border-left:1px solid var(--border-subtle);box-shadow:-8px 0 30px #0009;transition:transform var(--transition-normal),opacity var(--transition-normal)}.agent-flyout-panel.hidden,.hud-flyout-panel.hidden,.node-inspector-drawer.hidden{transform:translate(100%);opacity:0;pointer-events:none}.panel-header{height:var(--header-height);padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.panel-header-title{display:flex;align-items:center;gap:8px}.agent-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:linear-gradient(135deg,#0284c7,#6366f1);display:flex;align-items:center;justify-content:center;position:relative;color:#fff}.avatar-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--radius-full);background:linear-gradient(135deg,#00f0ff,#a855f7);z-index:-1;filter:blur(4px)}.title-bold{font-family:var(--font-display);font-size:.88rem;font-weight:700}.title-sub{font-size:.65rem;color:var(--text-muted)}.agent-roles-bar{display:flex;gap:3px;padding:6px 10px;background:#00000059;border-bottom:1px solid var(--border-subtle)}.agent-role-pill{flex:1;padding:3px 4px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.65rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.agent-role-pill:hover{background:#ffffff0f;color:var(--text-primary)}.agent-role-pill.active{background:#00f0ff26;border-color:#00f0ff66;color:var(--accent-cyan)}.agent-chips-scroll{display:flex;gap:4px;padding:7px 10px;overflow-x:auto;border-bottom:1px solid var(--border-subtle);background:#0003}.agent-chips-scroll::-webkit-scrollbar{height:3px}.chip-item{white-space:nowrap;font-size:.65rem;padding:2px 7px;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.chip-item:hover{background:#00f0ff26;border-color:#00f0ff4d;color:var(--accent-cyan)}.agent-messages-container{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.agent-messages-container::-webkit-scrollbar{width:4px}.agent-messages-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.agent-bubble{display:flex;flex-direction:column;gap:4px;padding:9px 11px;border-radius:var(--radius-md);font-size:.76rem;line-height:1.45;animation:message-pop-in var(--transition-fast) forwards}@keyframes message-pop-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.agent-bubble.system-welcome{background:#a855f714;border:1px solid rgba(168,85,247,.25)}.agent-bubble.user-msg{background:#00f0ff1a;border:1px solid rgba(0,240,255,.25);align-self:flex-end;max-width:88%}.agent-bubble.ai-msg{background:#ffffff09;border:1px solid var(--border-subtle);align-self:flex-start;max-width:95%}.bubble-header{display:flex;align-items:center;justify-content:space-between;font-size:.65rem;color:var(--text-muted)}.badge-ai{font-weight:700;color:var(--accent-purple);text-transform:uppercase}.badge-user{font-weight:700;color:var(--accent-cyan);text-transform:uppercase}.tool-trace-card{background:#0006;border:1px solid rgba(0,240,255,.25);border-radius:var(--radius-sm);padding:6px 8px;margin:4px 0;font-family:var(--font-mono);font-size:.66rem}.trace-title{display:flex;align-items:center;justify-content:space-between;color:var(--accent-cyan);font-weight:600;margin-bottom:2px}.trace-status-tag{font-size:.6rem;padding:1px 4px;border-radius:var(--radius-sm);background:#10b98133;color:var(--accent-emerald)}.trace-json-preview{background:#0000004d;padding:5px;border-radius:4px;overflow-x:auto;color:#a5f3fc;max-height:100px}.agent-input-container{padding:9px 12px;border-top:1px solid var(--border-subtle);background:#0000004d}.agent-input-form{display:flex;flex-direction:column;gap:5px}#agent-user-prompt{width:100%;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:6px 9px;font-family:var(--font-body);font-size:.76rem;color:var(--text-primary);resize:none;outline:none;transition:border-color var(--transition-fast)}#agent-user-prompt:focus{border-color:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan-dim)}.input-actions{display:flex;align-items:center;justify-content:space-between}.hint-text{font-size:.62rem;color:var(--text-muted)}.swarm-debate-body{padding:12px 16px;max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;background:#05070a}.debate-agent-card{padding:9px 11px;background:#ffffff08;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px;animation:debate-pop var(--transition-fast) forwards}@keyframes debate-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.debate-header{display:flex;align-items:center;justify-content:space-between;font-size:.72rem}.debate-action-pill{font-family:var(--font-mono);font-size:.6rem;color:var(--accent-cyan);background:#00f0ff1a;padding:1px 4px;border-radius:4px}.debate-body{font-size:.76rem;color:#cbd5e1;line-height:1.4}.hud-tabs{display:flex;border-bottom:1px solid var(--border-subtle);background:#0003}.hud-tab{flex:1;padding:7px 9px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.72rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-align:center}.hud-tab:hover{color:var(--text-primary);background:#ffffff08}.hud-tab.active{color:var(--accent-emerald);border-bottom-color:var(--accent-emerald)}.hud-content-scroll{flex:1;overflow-y:auto;padding:12px}.hud-view{display:none}.hud-view.active{display:block}.tools-accordion{display:flex;flex-direction:column;gap:6px}.tool-accordion-item{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.tool-accordion-header{padding:7px 9px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.tool-accordion-header:hover{background:#ffffff0f}.tool-name-tag{font-family:var(--font-mono);font-weight:600;font-size:.75rem;color:var(--accent-cyan)}.tool-badge-group{display:flex;align-items:center;gap:4px}.hint-pill{font-size:.58rem;padding:1px 4px;border-radius:4px;background:#f59e0b26;color:var(--accent-amber);border:1px solid rgba(245,158,11,.3)}.tool-accordion-body{padding:9px;border-top:1px solid var(--border-subtle);background:#00000040;font-size:.7rem;display:none}.tool-accordion-item.open .tool-accordion-body{display:block}.tool-desc-text{color:var(--text-secondary);margin-bottom:7px;line-height:1.4}.schema-box-title{font-weight:600;color:var(--text-primary);margin-bottom:3px;font-size:.65rem;text-transform:uppercase}.tool-schema-pre{background:#0006;padding:6px;border-radius:4px;font-family:var(--font-mono);font-size:.65rem;color:#a7f3d0;overflow-x:auto;max-height:140px}.tool-actions-bar{margin-top:7px;display:flex;justify-content:flex-end}.telemetry-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 9px;background:#0000004d;border-radius:var(--radius-sm);margin-bottom:8px;font-size:.7rem}.telemetry-log-stream{display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-size:.65rem}.log-entry{padding:4px 7px;border-radius:4px;background:#00000040;border-left:3px solid var(--text-muted)}.log-entry.log-tool{border-left-color:var(--accent-cyan);color:#e0f2fe}.log-entry.log-success{border-left-color:var(--accent-emerald);color:#d1fae5}.log-entry.log-warn{border-left-color:var(--accent-amber);color:#fef3c7}.log-entry.log-error{border-left-color:var(--accent-red);color:#fee2e2}.spec-info-card{display:flex;flex-direction:column;gap:8px;font-size:.75rem;color:var(--text-secondary)}.spec-info-card h4{color:var(--text-primary);font-family:var(--font-display);font-size:.9rem}.code-snippet-box{background:#00000080;padding:9px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.code-snippet-box pre{font-family:var(--font-mono);font-size:.65rem;color:#38bdf8;overflow-x:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;animation:modal-fade-in var(--transition-fast) forwards}.modal-backdrop.hidden{display:none}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;border-radius:var(--radius-lg);border:1px solid var(--border-medium);box-shadow:var(--shadow-lg);overflow:hidden}.modal-header{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.modal-title-group{display:flex;align-items:center;gap:10px}.icon-circle{width:34px;height:34px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.05rem}.modal-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.modal-subtitle{font-size:.7rem;color:var(--text-muted)}.modal-tabs{display:flex;padding:0 18px;border-bottom:1px solid var(--border-subtle);background:#0003}.tab-btn{padding:9px 12px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-purple);border-bottom-color:var(--accent-purple)}.code-editor-container{flex:1;display:flex;flex-direction:column;background:#05070a;overflow:hidden}.code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#ffffff08;border-bottom:1px solid var(--border-subtle)}.file-path-badge{font-family:var(--font-mono);font-size:.7rem;color:var(--accent-cyan)}.code-toolbar-actions{display:flex;gap:5px}.code-display{padding:14px;overflow:auto;max-height:420px;font-family:var(--font-mono);font-size:.72rem;line-height:1.55;color:#e2e8f0}.code-textarea{width:100%;background:#05070a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:7px;font-family:var(--font-mono);font-size:.72rem;color:#a5f3fc;outline:none;resize:vertical}.code-textarea:focus{border-color:var(--accent-emerald)}.test-tool-body{padding:14px 18px;display:flex;flex-direction:column;gap:7px}.form-label{font-size:.72rem;font-weight:600;color:var(--text-secondary)}.schema-hint-box{font-size:.65rem;color:var(--text-muted);font-family:var(--font-mono)}.tool-result-box{margin:0 18px 14px;padding:9px;background:#0006;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm)}.tool-result-box .result-header{font-size:.65rem;font-weight:700;color:var(--accent-emerald);margin-bottom:4px;text-transform:uppercase}.tool-result-box pre{font-family:var(--font-mono);font-size:.65rem;color:#d1fae5;max-height:120px;overflow:auto}.modal-footer{padding:10px 18px;display:flex;align-items:center;justify-content:flex-end;gap:7px;border-top:1px solid var(--border-subtle);background:#0003}.audit-summary-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px 18px;border-bottom:1px solid var(--border-subtle);background:#0003}.audit-stat-card{background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:9px;text-align:center}.stat-num{font-family:var(--font-display);font-size:1.3rem;font-weight:800}.stat-desc{font-size:.65rem;color:var(--text-muted)}.audit-findings-list{padding:12px 18px;overflow-y:auto;max-height:360px;display:flex;flex-direction:column;gap:7px}.audit-finding-item{padding:9px 11px;border-radius:var(--radius-md);background:#ffffff08;border-left:4px solid var(--accent-amber);display:flex;flex-direction:column;gap:3px}.audit-finding-item.critical{border-left-color:var(--accent-red);background:#ef44440d}.audit-finding-item.warning{border-left-color:var(--accent-amber);background:#f59e0b0d}.audit-finding-item.info{border-left-color:var(--accent-cyan);background:#00f0ff0d}.finding-title-row{display:flex;align-items:center;justify-content:space-between}.finding-title{font-weight:600;font-size:.8rem;color:var(--text-primary)}.finding-severity{font-size:.6rem;font-weight:700;text-transform:uppercase;padding:1px 4px;border-radius:4px}.finding-severity.critical{background:#ef444433;color:#f87171}.finding-severity.warning{background:#f59e0b33;color:#fbbf24}.finding-desc{font-size:.72rem;color:var(--text-secondary)}.finding-remediation{font-size:.65rem;color:var(--accent-cyan);margin-top:2px}.benchmark-header-grid,.geo-header-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:14px}.bench-stat-card{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;text-align:center}.bench-num{font-family:var(--font-display);font-size:1.25rem;font-weight:800;letter-spacing:-.01em}.bench-label{font-size:.65rem;color:var(--text-muted);margin-top:2px}.benchmark-models-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bench-model-card{padding:12px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;background:#0d121ee6}.model-card-header{display:flex;align-items:flex-start;justify-content:space-between}.model-card-title{font-family:var(--font-display);font-size:.88rem;font-weight:700;color:#f8fafc}.model-card-provider{font-size:.65rem;color:var(--text-muted)}.model-metrics-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;background:#00000059;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.metric-item{display:flex;flex-direction:column}.m-label{font-size:.58rem;color:var(--text-muted);text-transform:uppercase}.m-val{font-family:var(--font-mono);font-size:.74rem}.model-pricing-box{font-family:var(--font-mono);font-size:.66rem;color:#94a3b8;background:#ffffff05;padding:4px 6px;border-radius:4px}.model-best-for{font-size:.68rem;color:#a7f3d0;line-height:1.35}.geo-regions-list{display:flex;flex-direction:column;gap:8px}.geo-region-card{padding:10px 14px;background:#0d121ee6;display:flex;flex-direction:column;gap:8px}.geo-card-header{display:flex;align-items:center;justify-content:space-between}.geo-region-title{display:flex;align-items:center;gap:8px;font-size:.82rem}.geo-flag{font-size:1.1rem}.geo-code-tag{font-family:var(--font-mono);font-size:.65rem;color:var(--accent-cyan);background:#00f0ff1a;padding:1px 5px;border-radius:4px}.geo-badge-live{display:flex;align-items:center;gap:5px;font-size:.68rem;color:var(--accent-emerald)}.geo-metrics-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr 1.5fr;gap:8px;background:#00000059;padding:7px 10px;border-radius:var(--radius-sm);font-size:.7rem}.active-autopilot{border-color:#10b98199!important;box-shadow:0 0 12px #10b98159!important}#btn-autopilot-toggle.active{background:#10b98140!important;border-color:var(--accent-emerald)!important;color:#6ee7b7!important;box-shadow:0 0 14px #10b98166!important}.hidden{display:none!important}@media(max-width:1280px){.top-stats-strip{display:none}}@media(max-width:800px){.sidebar-left{position:absolute;top:0;left:0;z-index:45;background:var(--bg-surface-elevated);transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar-left.open{transform:translate(0)}.top-nav{padding:0 8px}}