:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--bg-base: #0f0f0f;--bg-raised: #1a1a1a;--bg-overlay: #141414;--bg-input: #1f1f1f;--bg-inset: #111111;--border-subtle: #2a2a2a;--border-default: #333333;--border-hover: #444444;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--text-muted: #555555;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-blue-glow: rgba(59, 130, 246, .3);--accent-red: #ef4444;--accent-red-hover: #dc2626;--accent-red-dark: #b91c1c;--accent-yellow: #f59e0b;--accent-green: #22c55e;--accent-green-glow: rgba(34, 197, 94, .5);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 9999px;--ease-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--focus-ring: 0 0 0 2px var(--bg-base), 0 0 0 4px var(--accent-blue)}*,*:before,*:after{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;box-sizing:border-box}body{background:var(--bg-base)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}#drawflow{width:100vw;height:calc(100vh - var(--sp-12));background:var(--bg-base)}#drawflow .drawflow{background-image:linear-gradient(to right,var(--border-subtle) 1px,transparent 1px),linear-gradient(to bottom,var(--border-subtle) 1px,transparent 1px);background-size:200px 100px;background-position:0 0}.toolbar{height:var(--sp-12);background:var(--bg-raised);display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-4);border-bottom:1px solid var(--border-subtle)}.toolbar .org-name{color:var(--text-secondary);font-size:13px;font-weight:500;margin-right:var(--sp-2);padding:var(--sp-1) var(--sp-3);background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-default)}.toolbar button{padding:var(--sp-1) var(--sp-3);height:var(--sp-8);background:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:var(--sp-1);transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);white-space:nowrap}.toolbar button:hover{background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:0 2px 8px var(--accent-blue-glow)}.toolbar button:active{transform:translateY(0);box-shadow:none}.toolbar button.secondary{background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary)}.toolbar button.secondary:hover{background:var(--border-default);border-color:var(--border-hover);box-shadow:0 2px 8px #ffffff0a}.toolbar button.danger{background:var(--accent-red-hover)}.toolbar button.danger:hover{background:var(--accent-red-dark);box-shadow:0 2px 8px #dc26264d}.toolbar .spacer{flex:1}@keyframes livePulse{0%,to{box-shadow:0 0 0 0 var(--accent-green-glow)}50%{box-shadow:0 0 0 6px #22c55e00}}.toolbar .live-badge{animation:livePulse 2s ease-in-out infinite}.agent-card{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--sp-3);min-width:192px;color:var(--text-primary);transition:border-color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.agent-card:hover{transform:scale(1.03);border-color:var(--border-hover);box-shadow:0 0 24px var(--accent-blue-glow),0 var(--sp-1) var(--sp-4) #0000004d}.agent-card .agent-header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.agent-card .agent-icon{width:var(--sp-8);height:var(--sp-8);border-radius:var(--radius-pill);background:linear-gradient(135deg,#1e3a5f,#2d2640,#1a3a2a);display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 2px var(--sp-2) #0000004d;flex-shrink:0}.agent-card .agent-name{font-weight:600;font-size:14px;letter-spacing:-.01em;color:var(--text-primary)}.agent-card .agent-role{font-size:11px;color:var(--text-tertiary);margin-bottom:var(--sp-2);line-height:1.4}.agent-card .agent-model{font-size:10px;color:var(--text-secondary);background:var(--bg-inset);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-pill);border:1px solid var(--border-default);display:inline-block;font-weight:500;letter-spacing:.02em}.drawflow .drawflow-node{background:transparent!important;border:none!important;padding:0!important;min-width:auto!important}.drawflow .drawflow-node.selected .agent-card{border-color:var(--accent-blue);box-shadow:0 0 var(--sp-4) var(--accent-blue-glow),0 0 var(--sp-8) #3b82f61a}.drawflow .connection .main-path{stroke:#ef4444!important;stroke-width:2!important;stroke-linecap:square!important;stroke-linejoin:round!important;fill:none!important;marker-end:url(#arrow-authority)!important;transition:stroke-width .2s,filter .2s}.drawflow .connection:hover .main-path{stroke-width:3.5!important;filter:drop-shadow(0 0 6px rgba(239,68,68,.5))}.drawflow .connection.link-communication .main-path{stroke:#3b82f6!important;stroke-dasharray:8 4!important;marker-end:url(#arrow-communication)!important}.drawflow .connection.link-communication:hover .main-path{filter:drop-shadow(0 0 6px rgba(59,130,246,.5))}.drawflow .connection.link-review .main-path{stroke:#f59e0b!important;stroke-dasharray:3 3!important;marker-end:url(#arrow-review)!important}.drawflow .connection.link-review:hover .main-path{filter:drop-shadow(0 0 6px rgba(245,158,11,.5))}.drawflow .connection.link-bidirectional .main-path{marker-start:url(#arrow-start-authority)!important}.drawflow .connection.link-bidirectional.link-communication .main-path{marker-start:url(#arrow-start-communication)!important}.drawflow .connection.link-bidirectional.link-review .main-path{marker-start:url(#arrow-start-review)!important}.toolbar .mode-toggle{display:inline-flex;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;height:var(--sp-8)}.toolbar .mode-toggle button{border-radius:0;border:none;background:transparent;color:var(--text-secondary);padding:var(--sp-1) var(--sp-3);font-size:12px;height:100%;margin:0;box-shadow:none}.toolbar .mode-toggle button:hover{background:var(--border-default);transform:none;box-shadow:none}.toolbar .mode-toggle button.active{background:var(--accent-blue);color:#fff}.toolbar .mode-toggle button.active:hover{background:var(--accent-blue-hover)}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{background:#555!important;border:1px solid #777!important}.drawflow .drawflow-node .inputs{position:absolute;top:-12px;left:0;right:0;width:100%!important;display:flex;justify-content:center;gap:8px}.drawflow .drawflow-node .outputs{position:absolute;bottom:-12px;left:0;right:0;width:100%!important;display:flex;justify-content:center;gap:8px}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{position:relative!important;inset:auto!important}.drawflow .drawflow-node .input.input_2{position:absolute!important;inset:50% auto auto -12px!important;transform:translateY(-50%)}.drawflow .drawflow-node .output.output_2{position:absolute!important;inset:50% -12px auto auto!important;transform:translateY(-50%)}#side-panel{position:fixed;top:var(--sp-12);right:0;width:360px;height:calc(100vh - var(--sp-12));background:var(--bg-overlay);border-left:1px solid var(--border-subtle);transform:translate(100%);transition:transform var(--duration-slow) var(--ease-out);z-index:200;overflow-y:auto;padding:var(--sp-5)}#side-panel.open{transform:translate(0)}#side-panel h3{font-size:16px;font-weight:600;margin-bottom:var(--sp-4);color:var(--text-primary);display:flex;justify-content:space-between;align-items:center}#side-panel .close-btn{background:none;border:none;color:var(--text-tertiary);font-size:20px;cursor:pointer;padding:var(--sp-1);border-radius:var(--radius-sm);transition:color var(--duration-fast)}#side-panel .close-btn:hover{color:#fff}.field{margin-bottom:var(--sp-4)}.field label{display:block;font-size:12px;font-weight:500;color:var(--text-tertiary);margin-bottom:var(--sp-1);letter-spacing:.01em}.field input,.field select,.field textarea{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626}.field textarea{min-height:80px;resize:vertical}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.97)}}.toast{position:fixed;bottom:var(--sp-6);right:var(--sp-6);background:var(--bg-raised);border:1px solid var(--border-default);color:var(--text-primary);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-lg);font-size:13px;font-weight:500;z-index:300;opacity:0;transform:translateY(var(--sp-2));box-shadow:0 var(--sp-1) var(--sp-5) #0006;pointer-events:none}.toast.show{animation:toastIn .25s ease-out forwards}.toast.hide{animation:toastOut .2s ease-in forwards}.hints-overlay{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#161c2deb;border:1px solid rgba(59,130,246,.3);color:#cbd5e1;padding:12px 24px;border-radius:12px;font-size:13px;z-index:200;display:flex;align-items:center;gap:18px;backdrop-filter:blur(16px);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff08 inset}.hints-overlay .hint-item{display:flex;align-items:center;gap:6px;white-space:nowrap}.hints-overlay .hint-key{background:#3b82f626;color:#60a5fa;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid rgba(59,130,246,.2)}.hints-overlay .hint-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;padding:0 4px;margin-left:8px;transition:color .15s}.hints-overlay .hint-close:hover{color:#e2e8f0}.agent-card .agent-status{position:absolute;top:var(--sp-2);right:var(--sp-2);width:10px;height:10px;border-radius:var(--radius-pill);background:var(--border-default);border:1.5px solid var(--text-muted);transition:background var(--duration-slow) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out)}.agent-card .agent-status.active{background:var(--accent-green);border-color:#16a34a;box-shadow:0 0 6px var(--accent-green-glow)}.agent-card .agent-status.idle{background:var(--text-tertiary);border-color:var(--text-muted)}.agent-card .agent-status.recent,.agent-card .agent-status.busy{background:var(--accent-yellow);border-color:#d97706;box-shadow:0 0 6px #f59e0b66}@keyframes pulse-glow-green{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes pulse-glow-blue{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.agent-card.pulse-green{animation:pulse-glow-green 1s ease-out 3}.agent-card.pulse-blue{animation:pulse-glow-blue 1s ease-out 3}.agent-card .agent-last-activity{font-family:SF Mono,Fira Code,monospace;font-size:9px;color:var(--text-muted);margin-top:var(--sp-1);letter-spacing:.03em}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}#gateway-overlay[style*=block],#export-overlay[style*=block],#diff-overlay[style*=block],#history-overlay[style*=block],#link-modal-overlay[style*=block],#template-overlay[style*=block],#wizard-overlay[style*=block]{animation:overlayIn .2s ease-out}#gateway-modal[style*=block],#export-modal[style*=flex],#diff-modal[style*=flex],#history-modal[style*=flex],#link-modal[style*=block],#template-modal[style*=block],#wizard-modal[style*=block]{animation:modalIn .25s ease-out}#gateway-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a1a;border:1px solid #333;border-radius:14px;padding:24px;z-index:700;width:440px;max-width:95vw;box-shadow:0 16px 48px #00000080}#gateway-modal h3{color:#e5e7eb;margin:0 0 16px;font-size:16px;display:flex;justify-content:space-between;align-items:center}#gateway-modal .field{margin-bottom:12px}#gateway-modal .field label{display:block;font-size:12px;color:#9ca3af;margin-bottom:4px}#gateway-modal .field input{width:100%;padding:8px 10px;background:#111;border:1px solid #333;border-radius:6px;color:#e5e7eb;font-size:13px;font-family:monospace}#gateway-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:699}#gateway-status{font-size:12px;color:#6b7280;margin-top:8px;padding:8px;background:#111;border-radius:6px;min-height:24px}#gateway-status.ok{color:#22c55e}#gateway-status.error{color:#ef4444}#chat-panel{position:fixed;top:var(--sp-12);right:0;width:400px;height:calc(100vh - var(--sp-12));background:var(--bg-base);border-left:1px solid var(--border-subtle);transform:translate(100%);transition:transform var(--duration-slow) var(--ease-out);z-index:190;display:flex;flex-direction:column}#chat-panel.open{transform:translate(0)}#chat-panel .chat-header{padding:12px 16px;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;align-items:center;color:#e5e7eb;font-size:14px;font-weight:600;background:var(--bg-raised);flex-shrink:0}#chat-panel .chat-header-left{display:flex;align-items:center;gap:10px}#chat-panel .chat-agent-icon{font-size:24px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:linear-gradient(135deg,#1e3a5f,#2d2640,#1a3a2a);flex-shrink:0}#chat-panel .chat-header-info{display:flex;flex-direction:column;gap:2px}#chat-panel .chat-agent-status{font-size:11px;font-weight:400;color:var(--text-muted)}#chat-panel .chat-agent-status.online{color:var(--accent-green)}#chat-panel .chat-messages{flex:1;overflow-y:auto;padding:12px}.chat-msg{margin-bottom:8px;padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.5;max-width:85%;font-family:SF Mono,Fira Code,Cascadia Code,monospace;white-space:pre-wrap;word-break:break-word}.chat-msg.user{background:var(--accent-blue);color:#fff;margin-left:auto;border-bottom-right-radius:4px}.chat-msg.assistant{background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border-default);border-bottom-left-radius:4px}.chat-msg.system{background:var(--bg-inset);color:var(--accent-yellow);font-size:11px;text-align:center;max-width:100%;border-radius:var(--radius-md)}.chat-msg .msg-ts{font-size:10px;color:var(--text-muted);margin-top:4px;display:block}.chat-msg.user .msg-ts{text-align:right}.chat-input-area{padding:10px 12px;border-top:1px solid var(--border-subtle);display:flex;gap:8px;align-items:flex-end;background:var(--bg-raised);flex-shrink:0}.chat-input-area textarea{flex:1;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;padding:8px 10px;resize:none;max-height:120px;min-height:36px;outline:none;transition:border-color var(--duration-fast)}.chat-input-area textarea:focus{border-color:var(--accent-blue)}.chat-input-area button{width:36px;height:36px;border-radius:var(--radius-md);background:var(--accent-blue);color:#fff;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--duration-fast),opacity var(--duration-fast)}.chat-input-area button:hover{background:var(--accent-blue-hover)}.chat-input-area button:disabled{opacity:.4;cursor:not-allowed}.chat-not-connected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:12px;padding:24px;text-align:center}.chat-not-connected .chat-connect-hint{font-size:14px}.chat-not-connected button{padding:8px 16px;background:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:13px}@keyframes flowPulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.connection-active .main-path{animation:flowPulse 1.5s ease-in-out infinite}@keyframes line-flow{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}.drawflow .connection.flowing .main-path{stroke-dasharray:10 10!important;animation:line-flow .8s linear infinite!important;filter:drop-shadow(0 0 3px currentColor)!important}#timeline-panel{position:fixed;top:var(--sp-12);right:0;width:400px;height:calc(100vh - var(--sp-12));background:var(--bg-base);border-left:1px solid var(--border-subtle);transform:translate(100%);transition:transform var(--duration-slow) var(--ease-out);z-index:195;display:flex;flex-direction:column;font-family:SF Mono,Fira Code,Cascadia Code,monospace}#timeline-panel.open{transform:translate(0)}#timeline-panel .tl-header{padding:10px 16px;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;align-items:center;background:var(--bg-raised);flex-shrink:0}#timeline-panel .tl-header-left{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:13px;font-weight:600;font-family:Inter,sans-serif}#timeline-panel .tl-filter-bar{padding:6px 12px;border-bottom:1px solid #222;display:flex;align-items:center;gap:6px;flex-shrink:0;background:var(--bg-overlay)}#timeline-panel .tl-filter-btn{padding:3px 10px;font-size:11px;border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;transition:all .15s}#timeline-panel .tl-filter-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}#timeline-panel .tl-filter-btn:hover:not(.active){border-color:var(--border-hover)}#timeline-panel .tl-entries{flex:1;overflow-y:auto;padding:4px 0}.tl-entry{padding:6px 12px;border-bottom:1px solid #1a1a1a;font-size:12px;line-height:1.5;color:var(--text-secondary);transition:background .1s}.tl-entry:hover{background:#ffffff05}.tl-entry .tl-ts{color:var(--text-muted);font-size:11px;margin-right:6px}.tl-entry .tl-agent{font-weight:600;margin-right:4px}.tl-entry .tl-icon{margin-right:3px}.tl-entry .tl-msg{color:var(--text-tertiary)}.tl-empty{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:13px;font-family:Inter,sans-serif}.tl-count{font-size:10px;color:var(--text-muted);background:var(--bg-input);padding:1px 6px;border-radius:var(--radius-pill);margin-left:4px}@media(max-width:768px){#timeline-panel{width:100vw}}#diff-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e1e2e;border:1px solid #374151;border-radius:12px;padding:20px;width:700px;max-width:90vw;max-height:80vh;z-index:601;display:none;flex-direction:column}#diff-modal h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}#diff-preview{background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:12px;overflow:auto;flex:1;min-height:200px;max-height:50vh;font-size:12px;line-height:1.5;white-space:pre;color:#c9d1d9}#diff-preview .diff-add{color:#3fb950}#diff-preview .diff-del{color:#f85149}#diff-preview .diff-section{color:#58a6ff;font-weight:700}#export-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:599}#export-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px;z-index:600;width:700px;max-width:95vw;max-height:85vh;display:none;flex-direction:column}#export-modal h3{color:#e5e7eb;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center;font-size:16px}.export-tabs{display:flex;gap:4px;margin-bottom:12px}.export-tabs button{padding:6px 14px;background:#252525;color:#9ca3af;border:1px solid #333;border-radius:6px;cursor:pointer;font-size:12px;transition:all .15s}.export-tabs button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}#export-preview{flex:1;overflow:auto;background:#111;border:1px solid #2a2a2a;border-radius:8px;padding:16px;font-family:SF Mono,Fira Code,monospace;font-size:12px;color:#a5f3fc;white-space:pre-wrap;word-break:break-word;min-height:300px;max-height:50vh;line-height:1.5}.export-stats{display:flex;gap:16px;margin-bottom:12px;color:#6b7280;font-size:12px}.export-stats span{display:flex;align-items:center;gap:4px}.export-actions{display:flex;gap:8px;margin-top:16px}.export-actions button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:background .15s}.export-actions .btn-download{background:#3b82f6;color:#fff}.export-actions .btn-download:hover{background:#2563eb}.export-actions .btn-copy{background:#333;color:#e5e7eb}.export-actions .btn-copy:hover{background:#444}.export-actions .btn-close{background:#252525;color:#9ca3af;margin-left:auto}@media(max-width:768px){.toolbar{flex-wrap:wrap;height:auto;padding:8px;gap:6px}.toolbar .spacer{display:none}.toolbar button{padding:5px 10px;font-size:12px}.toolbar .org-name{font-size:12px;width:100%;margin-bottom:4px}#side-panel,#group-panel{width:100vw}#drawflow{height:calc(100vh - 90px)}.hints-overlay{flex-wrap:wrap;width:90vw;gap:8px;padding:10px 14px;font-size:12px}#export-modal{width:95vw;padding:16px}#export-preview{font-size:11px;min-height:200px}}#wizard-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:509}#wizard-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--sp-6);z-index:510;width:680px;max-width:95vw;max-height:90vh;overflow-y:auto}#wizard-modal h3{color:var(--text-primary);margin:0 0 var(--sp-2);font-size:18px;display:flex;justify-content:space-between;align-items:center}#wizard-modal .wizard-subtitle{color:var(--text-tertiary);font-size:13px;margin-bottom:var(--sp-5)}.wizard-cards{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-5)}.wizard-card{text-align:left;padding:var(--sp-5);background:var(--bg-input);border:2px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.wizard-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d;border-color:var(--border-hover)}.wizard-card.selected{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626,0 4px 16px #0000004d}.wizard-card .wc-title{font-size:16px;font-weight:700;margin-bottom:var(--sp-1)}.wizard-card .wc-desc{font-size:13px;color:var(--text-secondary);margin-bottom:var(--sp-2);line-height:1.5}.wizard-card .wc-examples{font-size:11px;color:var(--text-tertiary);margin-bottom:var(--sp-1)}.wizard-card .wc-preset{font-size:11px;color:var(--accent-blue);font-weight:500}.wizard-footer{display:flex;justify-content:space-between;align-items:center}.wizard-footer .wizard-ref{font-size:10px;color:var(--text-muted);font-style:italic}.wizard-footer .wizard-actions{display:flex;gap:var(--sp-2)}#wizard-apply{padding:var(--sp-2) var(--sp-5);background:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;transition:background var(--duration-fast),opacity var(--duration-fast)}#wizard-apply:hover{background:var(--accent-blue-hover)}#wizard-apply:disabled{opacity:.4;cursor:not-allowed}#wizard-cancel{padding:var(--sp-2) var(--sp-4);background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:13px}@media(max-width:480px){.toolbar button{padding:4px 8px;font-size:11px}.agent-card{min-width:140px;padding:8px}.agent-card .agent-header{gap:6px}.agent-card .agent-icon{width:26px;height:26px;font-size:14px}.agent-card .agent-name{font-size:13px}}