*{margin:0;padding:0;box-sizing:border-box}body{font-family:Amazon Ember,Helvetica Neue,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2f3f3;min-height:100vh;color:#16191f}.app{display:flex;flex-direction:column;height:100vh;max-width:1400px;margin:0 auto}.header{background:#232f3e;color:#fff;padding:1rem 2rem;box-shadow:0 1px 1px #001c244d}.header-content{max-width:1400px;margin:0 auto}.header-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.lambda-icon{font-size:2rem;font-weight:700;color:#f90;font-family:Courier New,monospace}.header-content h1{font-size:1.5rem;font-weight:400;color:#fff}.header-content p{color:#aab7b8;font-size:.875rem;margin-left:2.75rem}.main{flex:1;overflow:hidden;padding:1.5rem;display:flex;flex-direction:column}.chat-container{flex:1;background:#fff;border-radius:2px;border:1px solid #d5dbdb;box-shadow:0 1px 1px #001c244d;display:flex;flex-direction:column;overflow:hidden}.welcome{padding:2rem;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fafafa;gap:2rem}.hero-section{text-align:center;margin-bottom:.5rem}.hero-title{font-size:1.75rem;font-weight:700;color:#232f3e;margin:0 0 .5rem}.hero-subtitle{font-size:1rem;color:#687078;margin:0}.build-options{width:100%;max-width:600px;margin:.5rem 0}.build-scratch-button{width:100%;display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f90,#f70);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #f903}.build-scratch-button:hover{transform:translateY(-2px);box-shadow:0 5px 16px #ff99004d}.build-scratch-icon{font-size:2rem;flex-shrink:0}.build-scratch-content{flex:1;text-align:left}.build-scratch-content h3{margin:0 0 .375rem;font-size:1.125rem;font-weight:600;color:#fff}.build-scratch-content p{margin:0;font-size:.875rem;color:#ffffffe6}.build-scratch-arrow{font-size:1.5rem;color:#fff;flex-shrink:0}.divider{width:100%;max-width:600px;display:flex;align-items:center;gap:1rem;margin:.75rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,#d5dbdb,transparent)}.divider-text{color:#687078;font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.examples{max-width:1000px;margin:0 auto;width:100%}.example-grid{display:flex;gap:.625rem;justify-content:center;flex-wrap:wrap;padding:.25rem 0}.example-card{background:#fff;color:#16191f;border:1px solid #d5dbdb;border-radius:2px;padding:.75rem .625rem;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;box-shadow:0 1px 1px #001c244d;width:140px;flex-shrink:0}.example-card:hover{border-color:#f90;box-shadow:0 1px 1px #001c244d,0 0 0 2px #f90;transform:translateY(-2px)}.example-icon{font-size:1.75rem;flex-shrink:0}.example-content{flex:1}.example-title{font-weight:600;font-size:.8125rem;margin-bottom:.25rem;color:#16191f}.example-desc{font-size:.6875rem;color:#545b64;line-height:1.3}.welcome-search{max-width:700px;margin:0 auto;width:100%}.welcome-input-form{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:2px;border:2px solid #d5dbdb;box-shadow:0 2px 4px #001c2426;transition:all .15s ease}.welcome-input-form:focus-within{border-color:#f90;box-shadow:0 2px 4px #001c2426,0 0 0 2px #f903}.welcome-input{flex:1;border:none;outline:none;font-size:1rem;padding:.875rem 1rem;background:transparent;color:#16191f;font-family:Amazon Ember,Helvetica Neue,Roboto,Arial,sans-serif}.welcome-input::placeholder{color:#879596}.welcome-send-button{background:#f90;color:#fff;border:none;border-radius:2px;padding:.875rem 1.5rem;cursor:pointer;transition:background .15s ease;display:flex;align-items:center;justify-content:center;min-width:50px}.welcome-send-button svg{width:22px;height:22px}.welcome-send-button:hover:not(:disabled){background:#ec7211}.welcome-send-button:active:not(:disabled){background:#eb5f07}.welcome-send-button:disabled{opacity:.5;cursor:not-allowed}.messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;background:#fff}.message{display:flex;gap:1rem;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f2f3f3;color:#545b64}.message-avatar svg{width:20px;height:20px}.lambda-avatar{font-size:1.25rem;font-weight:700;color:#f90;font-family:Courier New,monospace}.message.user .message-avatar{background:#232f3e;color:#fff}.message-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.message-text{background:#f2f3f3;padding:.875rem 1rem;border-radius:2px;line-height:1.6;color:#16191f;font-size:.875rem;border:1px solid #d5dbdb}.message-text strong{font-weight:600;color:#16191f}.message-text em{font-style:italic;color:#16191f}.message-text code{background:#232f3e;color:#f90;padding:.125rem .375rem;border-radius:2px;font-family:Courier New,monospace;font-size:.8125rem}.message-text .list-item{display:flex;gap:.5rem;margin:.25rem 0;align-items:flex-start}.message-text .list-number{font-weight:600;color:#f90;flex-shrink:0;min-width:1.5rem}.message-text .list-bullet{color:#f90;flex-shrink:0;font-weight:700}.message.user .message-text{background:#232f3e;color:#fff;border-color:#232f3e}.message.user .message-text strong{color:#f90}.message.user .message-text em{color:#aab7b8}.message.user .message-text code{background:#ffffff1a;color:#f90}.message.user .message-text .list-number,.message.user .message-text .list-bullet{color:#f90}.tool-calls{display:flex;flex-direction:column;gap:.5rem}.tool-call{background:#f9f9f9;border-radius:2px;padding:.75rem 1rem;border:1px solid #d5dbdb;border-left:3px solid #ff9900}.tool-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#16191f;margin-bottom:.5rem;font-size:.8125rem}.tool-icon{width:14px;height:14px;color:#f90}.tool-name{font-family:Courier New,monospace;font-size:.8125rem}.tool-result{color:#545b64;font-size:.8125rem;line-height:1.5;white-space:pre-wrap;padding-left:1.25rem}.diagram-container{background:#fff;border:1px solid #d5dbdb;border-radius:4px;padding:1rem;margin-top:.5rem}.mermaid-diagram{display:flex;justify-content:center;align-items:center;min-height:200px;overflow-x:auto}.mermaid-diagram svg{max-width:100%;height:auto}.diagram-description{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #d5dbdb;color:#545b64;font-size:.8125rem;text-align:center}.deploy-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #d5dbdb}.deploy-btn,.modify-btn{flex:1;padding:.75rem 1.5rem;border:none;border-radius:2px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Amazon Ember,Helvetica Neue,Roboto,Arial,sans-serif;display:flex;align-items:center;justify-content:center;gap:.5rem}.deploy-btn{background:#f90;color:#fff}.deploy-btn:hover{background:#ec7211}.deploy-btn:active{background:#eb5f07}.modify-btn{background:#fff;color:#232f3e;border:1px solid #d5dbdb}.modify-btn:hover{background:#f2f3f3;border-color:#879596}.modify-btn:active{background:#e9ebed}.typing-indicator{display:flex;gap:.25rem;padding:.875rem 1rem}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:#545b64;animation:bounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.footer{padding:1rem 1.5rem;background:#f2f3f3}.input-form{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:2px;border:1px solid #d5dbdb;box-shadow:0 1px 1px #001c244d;max-width:1400px;margin:0 auto}.input-form:focus-within{border-color:#f90;box-shadow:0 0 0 2px #f90}.input{flex:1;border:none;outline:none;font-size:.875rem;padding:.625rem .75rem;background:transparent;color:#16191f;font-family:Amazon Ember,Helvetica Neue,Roboto,Arial,sans-serif}.input::placeholder{color:#879596}.send-button{background:#f90;color:#fff;border:none;border-radius:2px;padding:.625rem 1.25rem;cursor:pointer;transition:background .15s ease;display:flex;align-items:center;justify-content:center;min-width:44px}.send-button svg{width:20px;height:20px}.send-button:hover:not(:disabled){background:#ec7211}.send-button:active:not(:disabled){background:#eb5f07}.send-button:disabled{opacity:.5;cursor:not-allowed}.spinner{width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-track{background:#f2f3f3}.messages::-webkit-scrollbar-thumb{background:#aab7b8;border-radius:4px}.messages::-webkit-scrollbar-thumb:hover{background:#879596}.confirmation-box{margin:1rem 0;padding:1.5rem;background:#fff3cd;border:2px solid #ff9900;border-radius:4px}.confirmation-box h3{margin:0 0 1rem;color:#232f3e;font-size:1.1rem;font-weight:600}.confirmation-box p{margin:.5rem 0;color:#232f3e;font-size:.875rem}.components-list{margin:1rem 0;padding:1rem;background:#fff;border-radius:4px;border:1px solid #d5dbdb}.components-list strong{color:#232f3e;font-size:.875rem}.components-list ul{margin:.5rem 0 0;padding-left:1.5rem;list-style:none}.components-list li{margin:.5rem 0;color:#232f3e;font-size:.8125rem;padding-left:.5rem;border-left:2px solid #ff9900}.confirmation-buttons{display:flex;gap:1rem;margin-top:1.5rem}.confirm-btn{flex:1;padding:.75rem 1.5rem;border:none;border-radius:2px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Amazon Ember,Helvetica Neue,Roboto,Arial,sans-serif}.confirm-btn.approve{background:#28a745;color:#fff}.confirm-btn.approve:hover{background:#218838}.confirm-btn.reject{background:#dc3545;color:#fff}.confirm-btn.reject:hover{background:#c82333}.app-builder{display:flex;flex-direction:column;height:100%;background:#fafafa;overflow-y:auto}.builder-header{background:#fff;border-bottom:1px solid #d5dbdb;padding:2rem;text-align:center;position:relative}.back-button{position:absolute;left:2rem;top:2rem;background:#fff;border:1px solid #d5dbdb;border-radius:4px;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;color:#232f3e;transition:all .2s ease}.back-button:hover{border-color:#f90;color:#f90}.builder-title{font-size:2rem;font-weight:700;color:#232f3e;margin:0 0 .5rem}.builder-subtitle{font-size:1rem;color:#687078;margin:0}.pipeline-container{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 2rem;overflow-x:auto}.pipeline-flow{display:flex;align-items:flex-start;gap:2rem;min-width:fit-content}.pipeline-stage{display:flex;flex-direction:column;gap:1rem}.compute-stage{align-items:center}.compute-with-storage{display:flex;flex-direction:column;align-items:center;gap:1rem}.pipeline-component{background:#fff;border:2px solid #d5dbdb;border-radius:8px;min-width:240px;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.pipeline-component:hover{border-color:#f90;box-shadow:0 4px 8px #00000026}.component-header{background:#232f3e;color:#fff;padding:.75rem 1rem;border-radius:6px 6px 0 0}.component-title{margin:0;font-size:1rem;font-weight:600}.component-body{padding:1rem}.config-fields{margin-top:.75rem;display:flex;flex-direction:column;gap:.75rem}.config-field{display:flex;flex-direction:column;gap:.375rem}.config-label{font-size:.8125rem;font-weight:600;color:#232f3e}.config-input{width:100%;padding:.5rem;border:1px solid #d5dbdb;border-radius:4px;font-size:.8125rem;transition:all .2s ease}.config-input:hover{border-color:#f90}.config-input:focus{outline:none;border-color:#f90;box-shadow:0 0 0 2px #f903}.config-input::placeholder{color:#879596}.component-select{width:100%;padding:.625rem;border:1px solid #d5dbdb;border-radius:4px;font-size:.875rem;background:#fff;cursor:pointer;transition:all .2s ease}.component-select:hover{border-color:#f90}.component-select:focus{outline:none;border-color:#f90;box-shadow:0 0 0 2px #f903}.component-select optgroup{font-weight:600;color:#232f3e;font-size:.8125rem;padding:.5rem 0}.component-select option{padding:.5rem;font-weight:400}.pipeline-connection{display:flex;flex-direction:column;align-items:center;gap:1rem;flex-shrink:0}.pipeline-arrow{display:flex;align-items:center;margin-top:3rem;flex-shrink:0}.arrow-line{display:none}.arrow-head{font-size:2rem;color:#687078;line-height:1}.connection-config{background:#f9f9f9;border:1px solid #e9ecef;border-radius:2px;padding:1rem;min-width:280px;max-width:320px}.connection-config .config-header{font-size:.8125rem;font-weight:600;color:#16191f;margin-bottom:.75rem;text-align:center;display:flex;justify-content:space-between;align-items:center;padding:.5rem}.connection-config .config-header.clickable{cursor:pointer;transition:background-color .15s ease;border-radius:2px;-webkit-user-select:none;user-select:none}.connection-config .config-header.clickable:hover{background-color:#e9ecef}.connection-config .toggle-icon{font-size:.75rem;color:#687078;margin-left:.5rem}.connection-config .config-fields{display:flex;flex-direction:column;gap:.75rem}.connection-config .config-field{display:flex;flex-direction:column;gap:.25rem}.connection-config .config-label{font-size:.75rem;font-weight:500;color:#545b64}.connection-config .config-input{padding:.5rem;border:1px solid #d5dbdb;border-radius:2px;font-size:.8125rem;font-family:Amazon Ember,Helvetica Neue,Roboto,Arial,sans-serif;transition:border-color .15s ease}.connection-config .config-input:focus{outline:none;border-color:#f90;box-shadow:0 0 0 2px #f903}.connection-config .config-input::placeholder{color:#879596}.vertical-arrow{display:flex;flex-direction:column;align-items:center;margin:.5rem 0;flex-shrink:0}.vertical-line{display:none}.vertical-head{font-size:2rem;color:#687078;line-height:1}.builder-actions{background:#fff;border-top:1px solid #d5dbdb;padding:1.5rem 2rem;display:flex;justify-content:center;gap:1rem}.action-button{padding:.75rem 2rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.action-button.primary{background:#f90;color:#fff}.action-button.primary:hover:not(:disabled){background:#ec7211}.action-button.primary:disabled{background:#d5dbdb;cursor:not-allowed;opacity:.6}.action-button.secondary{background:#fff;color:#232f3e;border:1px solid #d5dbdb}.action-button.secondary:hover{border-color:#f90;color:#f90}.pattern-selector{background:#fff;border-radius:8px;padding:1.5rem;margin:1.5rem auto;max-width:1000px;box-shadow:0 2px 8px #0000001a}.pattern-title{font-size:1rem;font-weight:600;color:#232f3e;margin:0 0 1rem;text-align:center}.pattern-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:900px;margin:0 auto}.pattern-card{background:#fff;border:2px solid #d5dbdb;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem;min-width:400px}.pattern-card:hover{border-color:#f90;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.pattern-card.selected{border-color:#f90;background:#fff9f0;box-shadow:0 0 0 3px #f903}.pattern-diagram{font-size:1rem;color:#232f3e;text-align:center;padding:.75rem;background:#f9f9f9;border-radius:4px;width:100%;font-family:Courier New,monospace;line-height:1.6;white-space:nowrap}.pattern-name{font-size:.9375rem;font-weight:600;color:#232f3e;margin:0}.pattern-desc{font-size:.8125rem;color:#687078;text-align:center;margin:0;line-height:1.3}.consumers-section{display:flex;flex-direction:column;gap:1rem;width:100%}.consumer-item{width:100%}.remove-consumer-icon{background:#dc3545;color:#fff;border:none;border-radius:4px;width:24px;height:24px;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.remove-consumer-icon:hover{background:#c82333;transform:scale(1.1)}.component-header{display:flex;justify-content:space-between;align-items:center}.routing-rule-config{margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.add-consumer-button{background:#fff;border:2px dashed #d5dbdb;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#232f3e;min-width:240px}.add-consumer-button:hover{border-color:#f90;background:#fff9f0;color:#f90}.add-consumer-button .add-icon{font-size:1.25rem;font-weight:700}.consumer-section{width:100%}.consumer-toggle{margin-bottom:1rem;padding:.75rem;background:#f9f9f9;border-radius:4px;border:1px solid #d5dbdb}.toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;color:#232f3e;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#ff9900}.multi-consumer-section{display:flex;flex-direction:column;gap:1rem;width:100%}.multi-consumer-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f2f3f3;border-radius:4px;border:1px solid #d5dbdb}.multi-consumer-header h3{margin:0;font-size:1rem;font-weight:600;color:#232f3e}.add-consumer-btn{background:#f90;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-consumer-btn:hover{background:#ec7211}.consumer-card{background:#fff;border:2px solid #d5dbdb;border-radius:8px;padding:1.25rem;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.consumer-card:hover{border-color:#f90;box-shadow:0 4px 8px #00000026}.consumer-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e9ecef}.consumer-card-header h4{margin:0;font-size:1rem;font-weight:600;color:#232f3e}.remove-consumer-btn{background:#dc3545;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.remove-consumer-btn:hover{background:#c82333;transform:scale(1.1)}.routing-rule-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.routing-rule-section h5{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#232f3e}.api-request-section{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border:1px solid #d5dbdb;border-radius:8px}.api-request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #d5dbdb}.api-request-header h3{margin:0;color:#232f3e;font-size:1.25rem;font-weight:600}.copy-button{padding:.5rem 1rem;background:#f90;color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.copy-button:hover{background:#ec7211}.api-request-code{background:#232f3e;color:#0f0;padding:1.5rem;border-radius:4px;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.875rem;line-height:1.6;margin:0}.api-request-code code{color:#0f0;font-family:inherit}.api-request-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #d5dbdb}.api-request-footer p{margin:0;color:#687078;font-size:.875rem}.api-request-footer code{background:#232f3e;color:#f90;padding:.25rem .5rem;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.875rem}