:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.chat-container{display:flex;flex-direction:column;height:100%;width:100%;background:transparent;flex:1}.chat-button{width:100%;height:100%;border:none;border-radius:50%;background:#2563eb;color:#fff;font-size:32px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;outline:none;box-shadow:0 4px 16px #00000026;animation:wiggle 5s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}10%{transform:rotate(-10deg)}20%{transform:rotate(10deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}50%{transform:rotate(0)}}.chat-button:hover{background:#1e40af;transform:scale(1.05)}.chat-button:active{transform:scale(.95)}::selection{background:#2563eb;color:#fff}::-moz-selection{background:#2563eb;color:#fff}.chat-header{padding:20px;border-bottom:1px solid rgba(229,231,235,.5);background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;gap:12px}.header-controls{display:flex;gap:8px;align-items:center}.chat-header h1{margin:0;font-size:24px;font-weight:600;color:#111827}.user-select{padding:8px 12px;border:1px solid #E5E7EB;border-radius:6px;background:#fff;color:#111827;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;outline:none}.user-select:hover{border-color:#2563eb;background:#f9fafb}.user-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.debug-toggle{display:flex;align-items:center;justify-content:center;padding:0 12px;height:36px;border:1px solid #E5E7EB;background:#fff;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;color:#6b7280;transition:all .2s;outline:none}.debug-toggle:hover{background:#f9fafb;border-color:#2563eb;color:#2563eb}.debug-toggle.active{background:#2563eb;border-color:#2563eb;color:#fff}.debug-toggle:focus{outline:none;box-shadow:0 0 0 3px #2563eb1a}.view-mode-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:20px;color:#000;transition:all .2s;outline:none}.view-mode-btn:hover{background:#0000000d}.view-mode-btn:focus{outline:none}.message-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:0}.message-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.message-list::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.message-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.message{display:flex;flex-direction:column;max-width:80%}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.message-content{padding:12px 16px;border-radius:12px;line-height:1.5;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.message-content img{max-width:100%;height:auto;display:block;border-radius:8px;margin:8px 0}.message-content iframe,.message-content video,.message-content embed,.message-content object{max-width:100%;height:auto}.message-content pre{max-width:100%;overflow-x:auto}.message-content table{max-width:100%;overflow-x:auto;display:block}.message-content p:first-child{margin-top:0}.message-content p:last-child{margin-bottom:0}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.message.user .message-content{background:#2563eb;color:#fff}.message.assistant .message-content{background:#fff;color:#111827}.message.error .message-content{background:#fee2e2;color:#991b1b}.thinking-indicator{display:flex;gap:6px;align-items:center;padding:4px 0}.thinking-dot{width:8px;height:8px;background:#6b7280;border-radius:50%;animation:thinkingBounce 1.4s infinite ease-in-out}.thinking-dot:nth-child(1){animation-delay:0s}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes thinkingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.inline-code{background:#e5e7eb;padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.9em}.code-block{margin:12px 0;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.code-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#1e1e1e;border-bottom:1px solid #333}.code-language{color:#9ca3af;font-size:12px;text-transform:uppercase;font-weight:500}.copy-button{background:#2563eb;color:#fff;border:none;padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background .2s}.copy-button:hover{background:#1e40af}.tool-call{margin:8px 0;border:1px solid #E5E7EB;border-radius:8px;width:100%}.tool-call-header{width:100%;padding:12px 16px;background:#f9fafb;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:background .2s;gap:8px;text-align:left}.tool-call-header>span:first-child{word-break:break-all;overflow-wrap:break-word;flex:1;min-width:0}.tool-call-header:hover{background:#f3f4f6}.tool-call-toggle{color:#9ca3af;font-size:12px}.tool-call-content{padding:16px;background:#fff;border-top:1px solid #E5E7EB}.chat-input{display:flex;gap:12px;padding:20px;border-top:1px solid rgba(229,231,235,.5);background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.chat-input textarea{flex:1;padding:12px 16px;border:1px solid #E5E7EB;border-radius:8px;font-size:15px;font-family:inherit;resize:none;min-height:48px;max-height:120px;background:#fff;color:#000}.chat-input textarea:focus{outline:none;border-color:#2563eb}.chat-input textarea:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.chat-input button{padding:12px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.chat-input button:hover:not(:disabled){background:#1e40af}.chat-input button:disabled{background:#93c5fd;cursor:not-allowed}.suggestions-container{display:flex;flex-direction:column;gap:8px;padding:12px 20px;border-top:1px solid rgba(229,231,235,.5);background:#fff6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.suggestion-button{padding:10px 16px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;text-align:left}.suggestion-button:hover{background:#1e40af}.working-status{padding:16px 20px;background:transparent;border-radius:12px;font-size:14px;color:#6b7280;display:flex;align-items:center;gap:10px;max-width:80%;align-self:flex-start;font-weight:500}.working-status-spinner{width:18px;height:18px;border:2.5px solid #E5E7EB;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.workflow-card{max-width:85%;align-self:flex-start;margin:8px 0;border-radius:12px;overflow:visible;box-shadow:0 2px 8px #0000001a;border:none}.workflow-initiation{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff}.step-approval,.step-result,.step-result.success,.step-result.failure{background:#fff}.workflow-complete{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.workflow-aborted{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.workflow-header{display:flex;align-items:center;padding:16px;gap:12px;border-bottom:1px solid rgba(0,0,0,.1)}.workflow-complete .workflow-header,.workflow-aborted .workflow-header,.workflow-initiation .workflow-header{border-bottom-color:#fff3}.workflow-icon,.step-result-icon{font-size:32px;line-height:1}.step-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;background:#2563eb;color:#fff;border-radius:8px;padding:8px}.step-number{font-size:24px;font-weight:700;line-height:1}.step-total{font-size:12px;opacity:.8;margin-top:2px}.workflow-title-section{flex:1}.workflow-title{margin:0;font-size:18px;font-weight:600;line-height:1.3}.step-title{margin:0;font-size:16px;font-weight:600;line-height:1.3;color:#1f2937}.step-result .step-title{color:#1f2937}.workflow-meta{font-size:13px;opacity:.7;margin-top:4px}.step-approval .workflow-meta{color:#6b7280}.workflow-message{padding:12px 16px;color:#fffffff2;font-size:14px;line-height:1.5}.step-content{padding:16px;color:#374151;font-size:14px;line-height:1.6;overflow-x:auto}.step-content pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.step-content code{white-space:pre-wrap;word-wrap:break-word}.step-content code.inline-code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:13px;color:#1f2937}.commands-section{padding:16px;background:#f9fafb;border-top:1px solid #e5e7eb}.commands-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.step-output{padding:16px;color:#374151;font-size:14px;line-height:1.6}.step-output code.inline-code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:13px;color:#1f2937}.workflow-summary{padding:16px;color:#fffffff2;font-size:14px;line-height:1.6}.workflow-summary p{margin:8px 0}.workflow-reason{padding:16px;color:#fffffff2;font-size:14px;line-height:1.6}.workflow-steps-preview{padding:16px;background:#ffffff1a;border-top:1px solid rgba(255,255,255,.2)}.steps-preview-label{font-size:12px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.steps-preview-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.step-preview-item{color:#fffffff2;font-size:14px;line-height:1.4;padding:6px 0;display:flex;align-items:center;gap:8px}.step-preview-item:before{content:"→";color:#fff9;font-weight:700}.mandatory-badge{display:inline-block;background:#ef4444e6;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em;margin-left:8px}.background-iframe{position:fixed;top:0;left:0;width:100%;height:100%;border:none;z-index:0}.chat-container-wrapper{display:flex;flex-direction:column;overflow:hidden;z-index:1000;-webkit-backdrop-filter:blur(12px)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#111827}#root{height:100vh;overflow:hidden}a{color:#3b82f6;text-decoration:none}a:hover{text-decoration:underline}p{margin:.5em 0}ul,ol{margin:.5em 0;padding-left:1.5em}h1,h2,h3,h4,h5,h6{margin:.75em 0 .5em}pre{margin:0}code{font-family:Monaco,Courier New,monospace}