.agent-input-section{background:#fff;padding:64px 20px;text-align:center;position:relative;overflow:hidden;margin:0}.agent-install-card{max-width:1100px;margin:0 auto;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1.75rem 1.75rem 1.5rem;text-align:left;box-shadow:0 12px 30px -22px #0f172a2e}@media(max-width:640px){.agent-install-card{padding:1.25rem 1rem 1rem;border-radius:12px}}.mcp-tabs{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:16px;margin-bottom:20px}.integration-note{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:14px;color:#ffffffeb;padding:14px 16px;margin-bottom:14px;text-align:left}.integration-note .note-title{margin:0 0 6px;font-weight:500;font-size:.95rem;color:#fff}.integration-note ul{margin:0;padding-left:1.1rem}.integration-note li{margin:6px 0}.integration-note code{padding:0 4px;border-radius:4px;color:#fff}.integration-note.three-steps .three-steps-list{list-style:none;margin:0;padding:0;counter-reset:step}.integration-note.three-steps .three-steps-list>li{position:relative;padding:8px 0 8px 38px;margin:0;counter-increment:step;line-height:1.5}.integration-note.three-steps .three-steps-list>li:before{content:counter(step);position:absolute;left:0;top:8px;width:26px;height:26px;border-radius:50%;background:#ffffff29;color:#fff;font-weight:600;font-size:.85rem;display:flex;align-items:center;justify-content:center}.integration-note.three-steps strong{color:#fff}.integration-note.three-steps em{display:block;margin-top:2px;color:#ffffffbf;font-style:normal;font-size:.88rem}.mcp-instructions.light .integration-note.three-steps .three-steps-list>li:before{background:#2563eb;color:#fff}.mcp-instructions.light .integration-note.three-steps strong{color:#0f172a}.mcp-instructions.light .integration-note.three-steps em{color:#475569}.mcp-instructions.light .integration-note{background:#f8fafc;border:1px solid #e2e8f0;color:#0f172a}.mcp-instructions.light .integration-note .note-title{color:#0f172a}.mcp-instructions.light .integration-note code{background:#eef2f7;color:#0f172a}.mcp-instructions.light .mcp-tabs{background:transparent;border:0;padding:0;margin-bottom:16px}.mcp-instructions .prompt-note,.mcp-instructions.light .prompt-note{margin-top:16px}.collapsible-header{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:none;cursor:pointer;padding:0;color:inherit;font:inherit}.collapsible-header:hover{opacity:.9}.collapsible-icon{font-size:1.25rem;font-weight:500;color:#fffc;width:24px;text-align:center}.mcp-instructions.light .collapsible-icon{color:#64748b}.collapsible-content{margin-top:12px}.collapsible-content p{margin:0 0 8px}.mcp-instructions.light .tab-panel{background:transparent;border:0;padding:0}.mcp-instructions.light .steps{color:#0f172a}.mcp-instructions.light .code-snippet{background:#f8fafc;border:1px solid #e5e7eb}.mcp-instructions.light .code-header{background:#f1f5f9;border-bottom:1px solid #e5e7eb;color:#0f172a}.mcp-instructions.light .copy-button{background:#4338ca;border:none;color:#fff}.mcp-instructions.light .copy-button:hover{background:#3730a3}.mcp-instructions.light .code-block{color:#0f172a}.service-limits{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:16px 20px;margin:0 0 16px;color:#ffffffeb;text-align:left}.service-limits h3{margin:0 0 8px;color:#fff}.service-limits ul{margin:0;padding-left:1.25rem;list-style:disc}.service-limits ul ul{list-style:circle;margin-top:6px}.service-limits li{margin:6px 0}.service-limits code{background:#ffffff1f;padding:0 4px;border-radius:4px;color:#fff}.tab-list{display:flex;gap:8px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}.tab-button{background:#fff;border:1px solid rgba(2,6,23,.12);color:#0f172a;padding:10px 16px;border-radius:9999px;cursor:pointer;font-weight:500;letter-spacing:.01em;box-shadow:0 1px 2px #0206170f;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease,transform .2s ease,color .2s ease}.tab-button:hover{background:#fff;border-color:#0206172e;box-shadow:0 4px 10px #0206171f;transform:translateY(-1px)}.tab-button.active{background:#4338ca;border-color:transparent;border-width:1px;color:#fff;box-shadow:0 4px 10px #4338ca40}.tab-button.active:hover{background:#3730a3;border-color:transparent;border-width:1px;box-shadow:0 6px 14px #3730a352}.tab-button:focus-visible{outline:3px solid rgba(255,255,255,.45);outline-offset:2px}.tab-button.tab-view-all{background:transparent;border:1px dashed rgba(67,56,202,.45);color:#4338ca;text-decoration:none;box-shadow:none;display:inline-flex;align-items:center;margin-top:8px}.tab-button.tab-view-all:hover{background:#4338ca0f;border-color:#4338cab3;color:#3730a3;box-shadow:none}.tab-view-all-break{flex-basis:100%;height:0;margin:0;padding:0}.tab-panel{background:#00000014;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:16px}.steps{text-align:left;color:#ffffffeb;padding-left:20px}.steps li{margin:10px 0}.code-snippet{margin:10px 0 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:10px;overflow:hidden}.code-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff14;border-bottom:1px solid rgba(255,255,255,.15);color:#ffffffe6;font-weight:500}.copy-button{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:500}.copy-button:hover{background:#ffffff40}.code-block{margin:0;padding:12px 14px;color:#f8fafc;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;line-height:1.45}.mcp-instructions .code-snippet .code-block{border:0;border-top-left-radius:0;border-top-right-radius:0}.mcp-instructions .code-block{text-align:left}.mcp-instructions.light .code-snippet .code-block{background:transparent;color:#0f172a;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.mcp-instructions .prompt-snippet{margin-top:12px}.mcp-instructions .prompt-snippet .code-snippet{margin-top:8px}.mcp-instructions .prompt-snippet .code-block{white-space:pre-wrap;word-break:break-word;font-size:.88rem;line-height:1.45;max-height:320px;overflow:auto}.mcp-instructions.light .prompt-snippet .code-snippet{background:#fff;border:1px solid #e5e7eb}.mcp-instructions.light .prompt-snippet .code-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#0f172a}.coming-soon{color:#ffffffe6}.agent-input-container{max-width:1200px;margin:0 auto;position:relative;z-index:1;transition:all .5s cubic-bezier(.4,0,.2,1)}.agent-input-header{text-align:center;margin-bottom:28px}.agent-input-title{font-size:2rem;font-weight:500;color:#0f172a;margin:0 0 12px;line-height:1.2;letter-spacing:-.02em}.agent-input-subtitle{font-size:1.05rem;color:#475569;margin:0;font-weight:400;line-height:1.4;letter-spacing:-.01em}.agent-input-form{margin-bottom:32px;transition:opacity .5s ease-out,transform .5s ease-out}.agent-input-form.submitted{opacity:0;transform:translateY(-20px);pointer-events:none}.agent-input-wrapper{display:flex;align-items:center;background:#fff;border-radius:16px;padding:6px 6px 6px 28px;box-shadow:0 24px 48px #0000001f,0 12px 24px #00000014,0 4px 8px #0000000a;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.agent-input-wrapper:focus-within{box-shadow:0 32px 64px #00000029,0 16px 32px #0000001f,0 8px 16px #00000014,0 0 0 3px #fff6,inset 0 0 0 1px #667eea26;transform:translateY(-3px);background:linear-gradient(135deg,#fffffffa,#fff)}.input-prefix{font-size:1.1rem;color:#374151;font-weight:500;white-space:nowrap;margin-right:12px;user-select:none;letter-spacing:-.01em}.agent-input{flex:1;border:none;outline:none;font-size:1.1rem;color:#1f2937;background:transparent;padding:18px 12px;font-weight:500;min-width:0;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:-.01em}.agent-input::placeholder{color:#6b7280;font-weight:400;transition:all .3s ease}.agent-input:focus::placeholder{opacity:.5;transform:translateY(-1px)}.agent-input.typing{color:#667eea;text-shadow:0 0 8px rgba(102,126,234,.3)}.agent-input-submit{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;width:54px;height:54px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);opacity:.35;transform:scale(.82);position:relative;overflow:hidden;box-shadow:0 2px 8px #10b9814d}.agent-input-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.agent-input-submit.active{opacity:1;transform:scale(1);box-shadow:0 6px 16px #10b98173}.agent-input-submit.active:before{left:100%}.agent-input-submit:hover.active{transform:scale(1.05);box-shadow:0 8px 20px #10b98180}.agent-input-submit:active.active{transform:scale(.95)}.agent-input-submit:disabled{cursor:not-allowed}.character-count{text-align:right;font-size:.875rem;color:#ffffffbf;margin-top:10px;font-weight:500;letter-spacing:.01em}.agent-input-examples{text-align:center}.examples-label{font-size:.9rem;color:#ffffffd9;margin-bottom:16px;display:block;font-weight:500;letter-spacing:.01em}.examples-tags{display:flex;flex-wrap:wrap;justify-content:center;margin:-6px}.example-tag{background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:10px 18px;margin:6px;font-size:.875rem;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);position:relative;overflow:hidden;font-weight:500}.example-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s cubic-bezier(.16,1,.3,1)}.example-tag:hover{background:#ffffff38;border-color:#ffffff59;transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.example-tag:hover:before{left:100%}.example-tag:active{transform:translateY(-1px)}.robot-thinking-container{padding:20px;margin-top:-60px;animation:fadeInUp .8s ease-out .3s both;transition:all .4s cubic-bezier(.4,0,.2,1)}.robot-thinking-content{display:flex;align-items:flex-start;gap:20px;max-width:600px}.robot-avatar-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#ffffffb3;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 12px #00000014;flex-shrink:0}.robot-avatar-wrapper.thinking{animation:gyroSoft 1.4s infinite both}.robot-avatar{font-size:1.5rem;color:#6366f1}.thinking-messages{flex:1;padding-top:8px;min-height:40px}.thinking-message{font-size:1.1rem;color:#ffffffe6;font-weight:500;margin:0;animation:messageFadeInUp .6s ease-out}@keyframes messageFadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.selected-tools{display:flex;gap:12px;margin-top:16px;justify-content:flex-start}.tool-logo{width:40px;height:40px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;animation:toolSlideUp .5s ease-out both}.tool-logo-img{width:28px;height:28px;object-fit:contain}@keyframes toolSlideUp{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-history{margin-top:24px;padding:0 20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.chat-message{display:flex;margin-bottom:16px;animation:messageSlideIn .3s ease-out;align-items:flex-start;gap:12px}.chat-message.agent{justify-content:flex-start}.chat-message.user{justify-content:flex-end}.chat-message.with-avatar{align-items:flex-start}.chat-message.with-avatar .robot-avatar-wrapper{margin-top:4px;flex-shrink:0}.thinking-state{animation:fadeInUp .3s ease-out;padding:0 20px}.thinking-indicator{font-style:italic;color:#ffffffb3!important}.thinking-dots:after{content:"...";animation:thinkingDots 1.5s infinite}@keyframes thinkingDots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.message-content{max-width:70%;padding:12px 16px;border-radius:18px;font-size:.95rem;line-height:1.4}.chat-message.agent .message-content{background-color:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.15);border-bottom-left-radius:6px;text-align:left}.chat-message.user .message-content{background-color:#b48246;color:#fffffffa;border:1px solid rgba(255,255,255,.25);border-bottom-right-radius:6px;backdrop-filter:blur(12px);text-align:left}.question-container{margin-top:24px;padding:0 20px;animation:fadeInUp .4s ease-out}.persistent-input-container{margin-top:56px;padding:20px;animation:fadeInUp .4s ease-out;background:#ffffff0d;border-radius:16px;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);position:relative}.persistent-input-container:before{content:"";position:absolute;top:-28px;left:50%;transform:translate(-50%);width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.response-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;animation:fadeInUp .4s ease-out .2s both}.response-pill{background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:8px 16px;color:#ffffffe6;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px);white-space:nowrap}.response-pill:hover:not(:disabled){background:#ffffff40;border-color:#fff6;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.response-pill:disabled{opacity:.5;cursor:not-allowed;transform:none}.question-form{display:flex;gap:12px;margin-top:0;align-items:center}.question-input{flex:1;padding:12px 16px;border:2px solid rgba(255,255,255,.2);border-radius:24px;background:#ffffff1a;color:#fff;font-size:.95rem;outline:none;transition:border-color .2s ease}.question-input::placeholder{color:#fff9}.question-input:focus{border-color:#fff6}.question-input.disabled{opacity:.6;cursor:not-allowed;background:#ffffff0d;border-color:#ffffff1a}.question-input.disabled::placeholder{color:#fff6}.question-submit{padding:12px 20px;background:#f59e0be6;color:#fff;border:none;border-radius:24px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;backdrop-filter:blur(8px)}.question-submit:hover:not(:disabled){background:#d97706f2;transform:translateY(-1px)}.question-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.question-submit.disabled{opacity:.6;cursor:not-allowed;background:#fff3;color:#ffffffb3;transform:none}.questioning-phase{animation:fadeInUp .6s ease-out;transition:all .4s cubic-bezier(.4,0,.2,1)}.phase-header{display:flex;align-items:center;gap:16px;padding:20px;margin-bottom:16px}.robot-avatar-wrapper.small{width:48px;height:48px}.robot-avatar-wrapper.small .robot-avatar{font-size:1.4rem}.phase-title{font-size:1.1rem;color:#ffffffe6;font-weight:500;margin:0}.building-phase,.complete-phase{animation:fadeInUp .6s ease-out}.agent-complete-header{display:flex;align-items:center;gap:20px;padding:24px 20px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:16px;margin:20px}.robot-avatar-wrapper.success{background:linear-gradient(135deg,#10b981,#059669);animation:successPulse 2s ease-out}.completion-message h3{margin:0 0 8px;font-size:1.3rem;color:#fff;font-weight:500}.completion-message p{margin:0;font-size:1rem;color:#fffc}.final-chat-placeholder{padding:40px 20px;text-align:center}.chat-coming-soon{font-size:1rem;color:#fff9;font-style:italic;margin:0}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 4px 16px #0000001a}50%{transform:scale(1.05);box-shadow:0 8px 24px #10b9814d}to{transform:scale(1);box-shadow:0 4px 16px #0000001a}}@keyframes gyroSoft{0%{transform:rotate(0) translateY(0) scale(1)}45%{transform:rotate(360deg) translateY(0) scale(1)}60%{transform:rotate(360deg) translateY(4px) scale(.95)}78%{transform:rotate(360deg) translateY(-2px) scale(1.04)}to{transform:rotate(360deg) translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.agent-input-section{padding:60px 16px}.agent-input-title{font-size:2rem;line-height:1.1}.agent-input-subtitle{font-size:1.1rem;margin-bottom:8px}.agent-input-wrapper{padding:8px;flex-direction:column;align-items:stretch;gap:16px}.input-prefix{font-size:1rem;margin-right:0;text-align:center;padding:8px 0}.agent-input{text-align:center;padding:16px 12px;font-size:1rem}.agent-input-submit{align-self:center;width:56px;height:56px}.examples-tags{flex-direction:column;align-items:center;margin:-6px 0}.example-tag{max-width:320px;text-align:center;padding:12px 20px;margin:8px 0;font-size:.9rem}.robot-thinking-container{padding:16px;margin-top:-40px}.robot-thinking-content{flex-direction:column;align-items:center;gap:16px;text-align:center}.robot-avatar-wrapper{width:42px;height:42px}.robot-avatar{font-size:1.3rem;color:#6366f1}.thinking-messages{padding-top:0;min-height:30px}.thinking-message{font-size:.95rem;text-align:center}.selected-tools{justify-content:center;gap:8px;margin-top:12px}.tool-logo{width:36px;height:36px}.tool-logo-img{width:24px;height:24px}.chat-history{padding:0 16px;margin-top:20px}.message-content{max-width:85%;font-size:.9rem;padding:10px 14px}.question-container{padding:0 16px}.response-pills{gap:6px}.persistent-input-container{padding:16px;margin:40px 16px 0}.response-pill{font-size:.8rem;padding:6px 12px}.question-form{gap:8px}.question-input{font-size:.9rem;padding:10px 14px}.question-submit{font-size:.9rem;padding:10px 16px}.question-form{margin-left:60px}.chat-message{gap:8px}.chat-message.with-avatar .robot-avatar-wrapper{width:44px;height:44px}.chat-message.with-avatar .robot-avatar{font-size:1.3rem}}@media(max-width:480px){.agent-input-title{font-size:1.75rem}.input-prefix{font-size:.95rem}.agent-input{font-size:1rem}}