.message[data-v-065e867e]{display:flex;max-width:85%}.message--user[data-v-065e867e]{margin-left:auto}.message--assistant[data-v-065e867e]{margin-right:auto}.message--system[data-v-065e867e]{display:none}.message-content[data-v-065e867e]{padding:1rem 1.125rem;border-radius:1rem;line-height:1.65;overflow-wrap:anywhere;font-weight:450;letter-spacing:.01em;position:relative}.message--user .message-content[data-v-065e867e]{background:#2563eb;color:#fff;border:none;border-bottom-right-radius:4px;padding-top:.5rem;padding-bottom:.5rem}.message--assistant .message-content[data-v-065e867e]{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:4px}.message--assistant+.message--assistant[data-v-065e867e]{margin-top:-10px}.message--assistant+.message--assistant .message-content[data-v-065e867e]{border-top-left-radius:4px}.message-text[data-v-065e867e]{font-size:1rem;line-height:inherit;word-break:break-word;overflow-wrap:break-word;color:inherit}.message-text[data-v-065e867e] *{color:inherit}.message-text[data-v-065e867e] p{margin:0 0 .5em}.message-text[data-v-065e867e] p:last-child{margin-bottom:0}.message-text[data-v-065e867e] strong{font-weight:600}.message-text[data-v-065e867e] em{font-style:italic}.message-text[data-v-065e867e] code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875em;background:#80808026;padding:.15em .4em;border-radius:4px}.message--user .message-text[data-v-065e867e] code{background:#ffffff26}.message-text[data-v-065e867e] pre{background:#80808026;padding:12px;border-radius:8px;overflow-x:auto;margin:.5em 0}.message--user .message-text[data-v-065e867e] pre{background:#ffffff1f}.message--user .message-text[data-v-065e867e] a{color:#dbeafe}.message-text[data-v-065e867e] pre code{background:none;padding:0}.message-text[data-v-065e867e] ul,.message-text[data-v-065e867e] ol{margin:.5em 0;padding-left:1.5em}.message-text[data-v-065e867e] li{margin:.25em 0}.message-text[data-v-065e867e] a{color:var(--accent-primary, #2563eb);text-decoration:none}.message-text[data-v-065e867e] a:hover{text-decoration:underline}.message-text[data-v-065e867e] blockquote{border-left:3px solid var(--border-color);margin:.5em 0;padding-left:1em;color:var(--text-secondary)}.cursor[data-v-065e867e]{display:inline-block;width:2px;height:1em;background:var(--text-secondary);margin-left:2px;vertical-align:text-bottom;animation:blink-065e867e 1s infinite}@keyframes blink-065e867e{0%,50%{opacity:1}51%,to{opacity:0}}.message-footer[data-v-065e867e]{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;opacity:0;transition:opacity .2s ease}.message:hover .message-footer[data-v-065e867e]{opacity:1}.message-timestamp[data-v-065e867e]{font-size:.75rem;color:var(--text-muted)}.message-actions[data-v-065e867e]{margin-top:.5rem}.show-more-btn[data-v-065e867e]{background:none;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;padding:0;text-decoration:underline;transition:color .15s ease}.show-more-btn[data-v-065e867e]:hover{color:var(--text-primary)}.message-text[data-v-065e867e] pre{overflow-x:auto;white-space:pre}.message-text[data-v-065e867e] code{white-space:pre-wrap}.typing-indicator[data-v-d8c913a1]{display:flex;max-width:85%;margin-right:auto}.typing-content[data-v-d8c913a1]{padding:12px 16px;border-radius:16px 16px 16px 4px;background:var(--bg-primary);border:1px solid var(--border-color)}.typing-dots[data-v-d8c913a1]{display:flex;gap:4px;align-items:center}.dot[data-v-d8c913a1]{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:bounce-d8c913a1 1.4s infinite ease-in-out both}.dot[data-v-d8c913a1]:nth-child(1){animation-delay:-.32s}.dot[data-v-d8c913a1]:nth-child(2){animation-delay:-.16s}.dot[data-v-d8c913a1]:nth-child(3){animation-delay:0s}@keyframes bounce-d8c913a1{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.connection-status[data-v-dc5f6b0e]{display:flex;align-items:center;gap:6px}.status-dot[data-v-dc5f6b0e]{width:8px;height:8px;border-radius:50%;background:var(--border-color);transition:background .2s ease}.status-dot--connected[data-v-dc5f6b0e]{background:var(--success)}.status-dot--connecting[data-v-dc5f6b0e]{background:var(--accent-light);animation:pulse-dc5f6b0e 1.5s infinite ease-in-out}.status-dot--error[data-v-dc5f6b0e]{background:var(--error)}@keyframes pulse-dc5f6b0e{0%,to{opacity:1}50%{opacity:.4}}.status-text[data-v-dc5f6b0e]{font-size:.75rem;color:var(--text-muted)}.status-text--error[data-v-dc5f6b0e]{color:var(--error);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-replies[data-v-25025a1a]{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0;animation:fadeInUp-25025a1a .3s ease-out}@keyframes fadeInUp-25025a1a{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quick-reply-pill[data-v-25025a1a]{display:inline-flex;align-items:center;padding:8px 16px;font-size:.875rem;font-weight:500;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;cursor:pointer;transition:all .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.quick-reply-pill[data-v-25025a1a]:hover{background:var(--bg-secondary);border-color:var(--accent-light)}.quick-reply-pill[data-v-25025a1a]:active{background:var(--border-color)}.quick-reply-pill--prefill[data-v-25025a1a]{border-style:dashed;color:var(--text-secondary)}.quick-reply-pill--prefill[data-v-25025a1a]:hover{border-style:solid;color:var(--text-primary)}.browser-panel[data-v-11b4fa34]{display:flex;flex-direction:column;height:100%;background:#fff;border-left:1px solid var(--border-color)}.browser-iframe[data-v-11b4fa34]{flex:1;border:none;width:100%;background:#fff}.error-boundary[data-v-af1c2523]{display:flex;align-items:center;justify-content:center;padding:2rem;min-height:200px}.error-content[data-v-af1c2523]{text-align:center;max-width:400px}.error-icon[data-v-af1c2523]{color:var(--error);margin-bottom:1rem}.error-title[data-v-af1c2523]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.error-message[data-v-af1c2523]{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem}.error-actions[data-v-af1c2523]{margin-bottom:1rem}.retry-btn[data-v-af1c2523]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .15s ease}.retry-btn[data-v-af1c2523]:hover{background:var(--bg-secondary);border-color:var(--text-muted)}.retry-btn[data-v-af1c2523]:active{transform:translateY(1px)}.error-details[data-v-af1c2523]{text-align:left;margin-top:1rem}.error-details summary[data-v-af1c2523]{font-size:.875rem;color:var(--text-secondary);cursor:pointer;padding:.5rem 0}.error-stack[data-v-af1c2523]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1rem;font-size:.75rem;color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;max-height:200px;overflow-y:auto}.loading[data-v-88bbdab3]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px}.loading--inline[data-v-88bbdab3]{flex-direction:row;padding:8px}.spinner[data-v-88bbdab3]{border-radius:50%;border:2px solid var(--border-light);border-top-color:var(--text-secondary);animation:spin-88bbdab3 .8s linear infinite}.spinner--sm[data-v-88bbdab3]{width:16px;height:16px;border-width:1px}.spinner--md[data-v-88bbdab3]{width:24px;height:24px;border-width:2px}.spinner--lg[data-v-88bbdab3]{width:32px;height:32px;border-width:3px}.loading-text[data-v-88bbdab3]{font-size:.875rem;color:var(--text-muted);font-weight:400}@keyframes spin-88bbdab3{to{transform:rotate(360deg)}}.message[data-v-a994effc]{display:flex;max-width:85%;opacity:.7}.message--user[data-v-a994effc]{margin-left:auto}.message--assistant[data-v-a994effc]{margin-right:auto}.message-content[data-v-a994effc]{padding:1rem 1.125rem;border-radius:1rem;border:1px solid var(--border-color);background:var(--bg-primary);min-width:120px}.message--user .message-content[data-v-a994effc]{background:#2563eb;border:none;border-bottom-right-radius:4px}.message--assistant .message-content[data-v-a994effc]{border-bottom-left-radius:4px}.skeleton-lines[data-v-a994effc]{display:flex;flex-direction:column;gap:8px}.skeleton-line[data-v-a994effc]{height:16px;background:linear-gradient(90deg,var(--border-color) 25%,var(--border-light) 50%,var(--border-color) 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-loading-a994effc 1.5s ease-in-out infinite}.skeleton-line--short[data-v-a994effc]{width:65%}.message--user .skeleton-line[data-v-a994effc]{background:linear-gradient(90deg,#fff3 25%,#fff6,#fff3 75%);background-size:200% 100%}@keyframes skeleton-loading-a994effc{0%{background-position:200% 0}to{background-position:-200% 0}}.shortcuts-overlay[data-v-37b2bfc6]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.shortcuts-dialog[data-v-37b2bfc6]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:100%;max-width:500px;max-height:80vh;overflow:hidden;animation:slideIn-37b2bfc6 .2s ease-out}@keyframes slideIn-37b2bfc6{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.shortcuts-header[data-v-37b2bfc6]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-light)}.shortcuts-header h2[data-v-37b2bfc6]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.close-btn[data-v-37b2bfc6]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.close-btn[data-v-37b2bfc6]:hover{background:var(--bg-secondary);color:var(--text-secondary)}.shortcuts-content[data-v-37b2bfc6]{padding:1.5rem;max-height:60vh;overflow-y:auto}.no-shortcuts[data-v-37b2bfc6]{text-align:center;color:var(--text-muted);font-style:italic;padding:2rem 0}.shortcuts-list[data-v-37b2bfc6]{display:flex;flex-direction:column;gap:1rem}.shortcut-item[data-v-37b2bfc6]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.shortcut-description[data-v-37b2bfc6]{color:var(--text-primary);font-size:.875rem}.shortcut-keys[data-v-37b2bfc6]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.auth-wall[data-v-832d9115]{position:fixed;inset:0;background:var(--bg-primary, #1a1a1a);display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;z-index:1000}.auth-content[data-v-832d9115]{width:100%;max-width:320px;padding:0 1.5rem}.auth-state[data-v-832d9115]{text-align:center;animation:fadeIn-832d9115 .4s ease}.brand[data-v-832d9115]{font-size:1.75rem;font-weight:600;color:var(--text-primary, #fff);margin:0 0 .25rem;letter-spacing:-.02em}.tagline[data-v-832d9115]{color:var(--text-muted, #9ca3af);font-size:.875rem;margin:0 0 2rem}.email-display[data-v-832d9115]{color:var(--text-secondary, #d1d5db);font-size:.875rem;margin:0 0 1.5rem}.auth-form[data-v-832d9115]{display:flex;flex-direction:column;gap:.75rem}.auth-input[data-v-832d9115]{width:100%;padding:.75rem 1rem;background:var(--bg-secondary, #2d2d2d);border:1px solid var(--border-color, #374151);border-radius:8px;color:var(--text-primary, #fff);font-size:.9375rem;outline:none;transition:border-color .15s;box-sizing:border-box}.auth-input[data-v-832d9115]:focus{border-color:var(--text-muted, #9ca3af)}.auth-input.has-error[data-v-832d9115]{border-color:var(--error, #ef4444)}.auth-input[data-v-832d9115]::placeholder{color:var(--text-muted, #6b7280)}.auth-input[data-v-832d9115]:disabled{opacity:.5}.error-text[data-v-832d9115]{color:var(--error, #ef4444);font-size:.8125rem;margin:0;text-align:left}.auth-btn[data-v-832d9115]{width:100%;padding:.75rem;background:var(--text-primary, #fff);color:var(--bg-primary, #1a1a1a);border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:opacity .15s}.auth-btn[data-v-832d9115]:hover:not(:disabled){opacity:.9}.auth-btn[data-v-832d9115]:disabled{opacity:.3;cursor:not-allowed}.back-btn[data-v-832d9115]{background:none;border:none;color:var(--text-muted, #9ca3af);font-size:.8125rem;cursor:pointer;padding:.5rem}.back-btn[data-v-832d9115]:hover{color:var(--text-secondary, #d1d5db)}.status-text[data-v-832d9115]{color:var(--text-muted, #9ca3af);font-size:.875rem;margin:0}.spinner[data-v-832d9115]{width:24px;height:24px;border:2px solid var(--border-color, #374151);border-top-color:var(--text-primary, #fff);border-radius:50%;animation:spin-832d9115 .8s linear infinite;margin:1.5rem auto}@keyframes fadeIn-832d9115{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-832d9115{to{transform:rotate(360deg)}}@media(max-width:480px){.auth-content[data-v-832d9115]{padding:0 1rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--text-primary:#ffffff;--text-secondary:#d1d5db;--text-muted:#9ca3af;--border-color:#374151;--border-light:#4b5563;--accent:#6b7280;--accent-light:#9ca3af;--success:#10b981;--error:#ef4444;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.3);--radius-sm:6px;--radius-md:12px;--radius-lg:18px}[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#f9fafb;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--border-light:#f3f4f6;--accent:#6b7280;--accent-light:#9ca3af;--success:#10b981;--error:#ef4444;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.05)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:transparent;color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.spline-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.app{position:relative;z-index:1;height:100vh;height:100dvh;max-width:800px;margin:0 auto;transition:none}.app--split{max-width:none!important;margin:0!important}.app-layout{display:flex;width:100%;height:100%}.chat-pane{display:flex;flex-direction:column;height:100%;overflow:hidden;flex:1;max-width:800px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:flex .4s cubic-bezier(.4,0,.2,1)}.app--split .chat-pane{max-width:none}.chat-pane--resizing{transition:none!important}.chat-inner{display:flex;flex-direction:column;height:100%;max-width:800px;margin:0 auto;width:100%}.resize-handle{width:6px;cursor:col-resize;background:transparent;position:relative;flex-shrink:0;z-index:10;opacity:0;animation:fadeInHandle .3s ease .3s forwards}@keyframes fadeInHandle{to{opacity:1}}.resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:2px;width:2px;background:var(--border-color);transition:background .15s}.resize-handle:hover:after,.resize-handle.resizing:after{background:var(--text-muted)}.browser-pane{position:relative;width:0;min-width:0;height:100%;overflow:hidden;opacity:0;flex:0 0 0;transition:none}.browser-pane--open{flex:1 1 0%!important;min-width:0;opacity:1;transition:flex .4s cubic-bezier(.4,0,.2,1),opacity .3s ease .15s}.browser-pane--resizing{transition:none!important}.iframe-overlay{position:absolute;inset:0;z-index:100;cursor:col-resize}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light);background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-shrink:0;border-radius:16px 16px 0 0}.header-right{display:flex;align-items:center;gap:16px}.logo{display:flex;align-items:center;justify-content:space-between;width:100%}.logo-text{font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.user-info{display:flex;align-items:center;gap:8px;margin-right:8px}.user-email{font-size:.875rem;color:var(--text-secondary);font-weight:500}.logout-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.logout-btn:hover{color:var(--text-secondary);border-color:var(--text-muted);background:var(--bg-secondary)}.browser-toggle-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.browser-toggle-btn:hover{color:var(--text-secondary);border-color:var(--text-muted);background:var(--bg-secondary)}.browser-toggle-btn.active{color:var(--text-primary);border-color:var(--text-primary);background:var(--bg-secondary)}.theme-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.theme-btn:hover{color:var(--text-secondary);border-color:var(--text-muted);background:var(--bg-secondary)}.loading-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--text-secondary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:.875rem;color:var(--text-muted)}.error-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px}.error-text{font-size:.875rem;color:var(--error);text-align:center}.retry-btn{padding:8px 16px;font-size:.875rem;font-weight:500;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.retry-btn:hover{background:var(--bg-secondary)}.connection-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);font-size:.875rem;color:var(--text-secondary)}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.loading-history{display:flex;flex-direction:column;gap:16px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-subtitle{font-size:1rem;color:var(--text-muted)}.input-container{padding:16px 20px 24px;border-top:1px solid var(--border-light);flex-shrink:0}.activities{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.activity-bar{display:flex;align-items:center;gap:8px;height:28px;padding:0 10px;border-left:2px solid #6b7280;background:#6b72800f;border-radius:0 6px 6px 0;font-size:.8rem;color:var(--text-secondary)}.activity-dot{width:6px;height:6px;border-radius:50%;background:#6b7280;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.activity-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-hint{font-size:.8rem;color:var(--text-muted);padding:0 2px 2px;text-align:center;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.input-wrapper{display:flex;align-items:center;gap:10px}.message-input{flex:1;border:1.5px solid var(--border-color);background:var(--bg-primary);font-family:Helvetica,Arial,sans-serif;font-size:.9375rem;color:var(--text-primary);resize:none;outline:none;line-height:1.5;min-height:24px;max-height:120px;padding:12px 18px;border-radius:24px;transition:border-color .15s ease}.message-input:focus{border-color:#000}.message-input::placeholder{color:var(--text-muted)}.message-input:disabled{opacity:.6;cursor:not-allowed}.send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--border-color);border:none;border-radius:50%;color:var(--text-muted);cursor:not-allowed;transition:all .15s ease;flex-shrink:0}.send-btn--active{background:#000;color:#fff;cursor:pointer}.send-btn--active:hover{background:#333}.send-btn--sending{background:#6b7280;color:#fff;cursor:not-allowed}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.messages::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
