*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:Monaco,Menlo,Ubuntu Mono,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:1024px){body{font-size:14px}}@media (max-width:768px){body{font-size:13px}}@media (max-width:480px){body{font-size:12px}}.markdown-renderer{line-height:1.6}.markdown-h1{border-bottom:2px solid;color:inherit;font-size:1.5rem;font-weight:700;margin:16px 0 12px;padding-bottom:4px}.markdown-h2{font-size:1.3rem;margin:14px 0 10px}.markdown-h2,.markdown-h3{color:inherit;font-weight:600}.markdown-h3{font-size:1.1rem;margin:12px 0 8px}.markdown-p{line-height:1.6;margin:8px 0}.markdown-link{color:#007aff;text-decoration:underline;transition:color .2s ease}.markdown-link:hover{color:#0056cc}.inline-code{background:#0000001a;border-radius:4px;color:#e74c3c;padding:2px 6px}.code-block,.inline-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.code-block{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;line-height:1.4;margin:12px 0;overflow-x:auto;padding:16px}.code-block code{background:none;border-radius:0;color:#333;padding:0}.markdown-ol,.markdown-ul{margin:8px 0;padding-left:24px}.markdown-li{line-height:1.5;margin:4px 0}.markdown-blockquote{background:#007aff0d;border-left:4px solid #007aff;border-radius:0 8px 8px 0;font-style:italic;margin:12px 0;padding:8px 16px}.table-container{margin:12px 0;overflow-x:auto}.markdown-table{border:1px solid #e9ecef;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.markdown-td,.markdown-th{border-bottom:1px solid #e9ecef;padding:8px 12px;text-align:left}.markdown-th{background:#f8f9fa;color:#495057;font-weight:600}.markdown-td{background:#fff}.markdown-tr:last-child .markdown-td{border-bottom:none}@media (max-width:1024px){.markdown-h1{font-size:1.4rem;margin:14px 0 10px}.markdown-h2{font-size:1.2rem;margin:12px 0 8px}.markdown-h3{font-size:1rem;margin:10px 0 6px}.code-block{font-size:.85em;padding:12px}}@media (max-width:768px){.markdown-h1{font-size:1.3rem;margin:12px 0 8px}.markdown-h2{font-size:1.1rem;margin:10px 0 6px}.markdown-h3{font-size:.95rem;margin:8px 0 4px}.markdown-ol,.markdown-ul{padding-left:20px}.code-block{font-size:.8em;padding:10px}.markdown-td,.markdown-th{padding:6px 8px}}@media (max-width:480px){.markdown-h1{font-size:1.2rem;margin:10px 0 6px}.markdown-h2{font-size:1rem;margin:8px 0 4px}.markdown-h3{font-size:.9rem;margin:6px 0 2px}.markdown-ol,.markdown-ul{padding-left:16px}.code-block{font-size:.75em;padding:8px}.markdown-td,.markdown-th{padding:4px 6px}.markdown-blockquote{padding:6px 12px}}.message-item{word-wrap:break-word;animation:fadeIn .3s ease-in;max-width:80%;position:relative}.message-item.user{align-self:flex-end;margin-left:auto}.message-item.ai{align-self:flex-start;margin-right:auto}.message-content{border-radius:18px;line-height:1.5;padding:12px 16px;position:relative}.message-item.user .message-content{background:linear-gradient(135deg,#007aff,#0056cc);border-bottom-right-radius:4px;color:#fff}.message-item.ai .message-content{background:#f0f0f0;border-bottom-left-radius:4px;color:#333}.message-actions{display:flex;gap:8px;margin-top:8px;opacity:0;transition:opacity .2s ease}.message-item:hover .message-actions{opacity:1}.user-actions{justify-content:flex-end}.ai-actions{justify-content:flex-start}.action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-btn:hover{background:#0003;transform:scale(1.1)}.resend-btn{background:#007aff33;color:#007aff}.resend-btn:hover{background:#007aff4d}.edit-btn{background:#ff950033;color:#ff9500}.edit-btn:hover{background:#ff95004d}.url-btn{background:#34c75933;color:#34c759}.url-btn:hover{background:#34c7594d}.message-timestamp{color:#999;font-size:.75rem;margin-top:4px;text-align:right}.message-item.ai .message-timestamp{text-align:left}@media (max-width:1024px){.message-item{max-width:85%}.message-content{border-radius:16px;padding:10px 14px}.action-btn{font-size:12px;height:28px;width:28px}}@media (max-width:768px){.message-item{max-width:90%}.message-content{border-radius:14px;padding:8px 12px}.message-actions{gap:6px;margin-top:6px}.action-btn{font-size:11px;height:26px;width:26px}.message-timestamp{font-size:.7rem}}@media (max-width:480px){.message-item{max-width:95%}.message-content{border-radius:12px;padding:6px 10px}.message-actions{gap:4px;margin-top:4px}.action-btn{font-size:10px;height:24px;width:24px}.message-timestamp{font-size:.65rem}}.message-list{display:flex;flex:1 1;flex-direction:column;gap:15px}.empty-state{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:3rem;margin-bottom:20px;opacity:.6}.empty-state h3{color:#333;font-size:1.3rem;margin:0 0 10px}.empty-state p{font-size:1rem;line-height:1.5;margin:0;max-width:300px}@media (max-width:1024px){.message-list{gap:12px}.empty-state{padding:30px 15px}.empty-icon{font-size:2.5rem;margin-bottom:15px}.empty-state h3{font-size:1.2rem}.empty-state p{font-size:.9rem}}@media (max-width:768px){.message-list{gap:10px}.empty-state{padding:25px 12px}.empty-icon{font-size:2rem;margin-bottom:12px}.empty-state h3{font-size:1.1rem}.empty-state p{font-size:.85rem}}@media (max-width:480px){.message-list{gap:8px}.empty-state{padding:20px 10px}.empty-icon{font-size:1.8rem;margin-bottom:10px}.empty-state h3{font-size:1rem}.empty-state p{font-size:.8rem}}.message-input-container{background:#fff;border-top:1px solid #e9ecef;padding:20px}.message-input-form{width:100%}.input-wrapper{align-items:flex-end;background:#f8f9fa;border:2px solid #e9ecef;border-radius:24px;display:flex;gap:12px;padding:8px 12px;transition:all .2s ease}.input-wrapper:focus-within{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.message-input{background:#0000;border:none;color:#333;flex:1 1;font-family:inherit;font-size:1rem;line-height:1.5;max-height:120px;min-height:20px;outline:none;padding:4px 0;resize:none}.message-input::placeholder{color:#999}.send-button{align-items:center;background:#e9ecef;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.send-button:hover:not(:disabled){background:#007aff;transform:scale(1.05)}.send-button.active{background:#007aff}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.send-icon{color:#fff;font-size:16px;font-weight:700;transform:rotate(0deg);transition:transform .2s ease}.send-button:hover:not(:disabled) .send-icon{transform:rotate(15deg)}.voice-button{align-items:center;background:#e9ecef;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.voice-button:hover{background:#28a745;transform:scale(1.05)}.voice-button.listening{animation:pulse 1.5s infinite;background:#dc3545}.voice-icon{color:#fff;font-size:16px;transition:all .2s ease}.voice-button:hover .voice-icon{transform:scale(1.1)}.recorder-state{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-size:.9rem;margin-top:8px;padding:8px 12px;text-align:center}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.message-input-container{padding:15px}.input-wrapper{gap:10px;padding:6px 10px}.message-input{font-size:.95rem}.send-button,.voice-button{height:32px;width:32px}.send-icon,.voice-icon{font-size:14px}}@media (max-width:768px){.message-input-container{padding:12px}.input-wrapper{gap:8px;padding:5px 8px}.message-input{font-size:.9rem}.send-button,.voice-button{height:30px;width:30px}.send-icon,.voice-icon{font-size:13px}}@media (max-width:480px){.message-input-container{padding:10px}.input-wrapper{gap:6px;padding:4px 6px}.message-input{font-size:.85rem}.send-button,.voice-button{height:28px;width:28px}.send-icon,.voice-icon{font-size:12px}}.loading-container{display:flex;justify-content:flex-start;margin:15px 0}.loading-message{align-items:center;animation:fadeIn .3s ease;background:#f0f0f0;border-radius:18px;border-bottom-left-radius:4px;color:#666;display:flex;font-size:.9rem;gap:8px;max-width:200px;padding:12px 16px}.loading-dots{display:flex;gap:2px}.dot{animation:bounce 1.4s ease-in-out infinite both;color:#007aff;font-size:1.2rem}.dot-1{animation-delay:-.32s}.dot-2{animation-delay:-.16s}.dot-3{animation-delay:0s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.loading-message{border-radius:16px;border-bottom-left-radius:4px;font-size:.85rem;max-width:180px;padding:10px 14px}.dot{font-size:1.1rem}}@media (max-width:768px){.loading-message{border-radius:14px;border-bottom-left-radius:4px;font-size:.8rem;max-width:160px;padding:8px 12px}.dot{font-size:1rem}}@media (max-width:480px){.loading-message{border-radius:12px;border-bottom-left-radius:4px;font-size:.75rem;max-width:140px;padding:6px 10px}.dot{font-size:.9rem}}.chat-window{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;flex-shrink:0;height:100%;min-width:500px;overflow:hidden;transition:width .3s ease}.chat-header{background:linear-gradient(135deg,#007aff,#0056cc);border-radius:12px 12px 0 0;color:#fff;padding:20px;text-align:center}.chat-header h2{font-size:1.5rem;font-weight:600;margin:0}.chat-subtitle{font-size:.9rem;margin-top:5px;opacity:.9}.chat-content{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}@media (max-width:1024px){.chat-window{border-radius:10px}.chat-header{border-radius:10px 10px 0 0;padding:15px}.chat-header h2{font-size:1.3rem}.chat-content{gap:12px;padding:15px}}@media (max-width:768px){.chat-window{border-radius:8px}.chat-header{border-radius:8px 8px 0 0;padding:12px}.chat-header h2{font-size:1.2rem}.chat-subtitle{font-size:.8rem}.chat-content{gap:10px;padding:12px}}@media (max-width:480px){.chat-header{padding:10px}.chat-header h2{font-size:1.1rem}.chat-content{gap:8px;padding:10px}}.iframe-sidebar{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.iframe-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.url-display{background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;flex:1 1;overflow:hidden;padding:8px 12px;transition:all .2s ease}.url-display:hover{background:#f8f9ff;border-color:#007aff}.url-text{color:#007aff;display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-edit-form{align-items:center;display:flex;flex:1 1;gap:8px}.url-input{background:#fff;border:1px solid #007aff;border-radius:6px;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;outline:none;padding:8px 12px}.url-input:focus{border-color:#0056cc;box-shadow:0 0 0 2px #007aff33}.url-submit-button{align-items:center;background:#28a745;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.url-submit-button:hover{background:#218838;transform:scale(1.1)}.url-cancel-button{align-items:center;background:#6c757d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.url-cancel-button:hover{background:#5a6268;transform:scale(1.1)}.reload-button{align-items:center;background:#17a2b8;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.reload-button:hover{background:#138496;transform:scale(1.1)}.close-button{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-button:hover{background:#c82333;transform:scale(1.1)}.iframe-container{flex:1 1;overflow:hidden;position:relative}.iframe-content{background:#fff;border:none;height:100%;width:100%}.iframe-loading{align-items:center;background:#fff;bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007aff;height:40px;width:40px}.iframe-loading p{color:#666;font-size:.9rem;margin:0}.iframe-error{align-items:center;background:#fff;bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;padding:40px;position:absolute;right:0;text-align:center;top:0;z-index:10}.error-icon{font-size:3rem;opacity:.6}.iframe-error h3{color:#dc3545;font-size:1.2rem;margin:0}.iframe-error p{color:#666;font-size:.9rem;line-height:1.5;margin:0;max-width:300px}.retry-button{background:#007aff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.retry-button:hover{background:#0056cc;transform:translateY(-1px)}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.iframe-sidebar{border-radius:10px}.iframe-header{gap:10px;padding:10px 14px}.url-display{padding:6px 10px}.url-text{font-size:.8rem}.close-button,.reload-button{font-size:16px;height:28px;width:28px}.url-cancel-button,.url-submit-button{font-size:12px;height:24px;width:24px}}@media (max-width:768px){.iframe-sidebar{border-radius:8px}.iframe-header{gap:8px;padding:8px 12px}.url-display{padding:5px 8px}.url-text{font-size:.75rem}.close-button,.reload-button{font-size:14px;height:26px;width:26px}.url-cancel-button,.url-submit-button{font-size:11px;height:22px;width:22px}.loading-spinner{border-width:3px;height:32px;width:32px}.iframe-loading p{font-size:.8rem}.iframe-error{padding:30px}.error-icon{font-size:2.5rem}.iframe-error h3{font-size:1.1rem}.iframe-error p{font-size:.8rem}}@media (max-width:480px){.iframe-header{gap:6px;padding:6px 10px}.url-display{padding:4px 6px}.url-text{font-size:.7rem}.close-button,.reload-button{font-size:12px;height:24px;width:24px}.url-cancel-button,.url-submit-button{font-size:10px;height:20px;width:20px}.loading-spinner{border-width:2px;height:28px;width:28px}.iframe-loading p{font-size:.75rem}.iframe-error{padding:20px}.error-icon{font-size:2rem}.iframe-error h3{font-size:1rem}.iframe-error p{font-size:.75rem}}.app{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:10px}.app-container{display:flex;gap:20px;height:90vh;max-width:1200px;position:relative;width:100%}.app-container:has(.iframe-sidebar){max-width:100%}@media (max-width:1024px){.app{padding:15px}.app-container{gap:15px;height:92vh;max-width:100%}.chat-window{min-width:550px}}@media (max-width:768px){.app{padding:10px}.app-container{flex-direction:column;gap:10px;height:95vh;max-width:100%}.app-container .chat-window{height:60%;min-width:0;min-width:auto;width:100%!important}.app-container .iframe-sidebar{height:40%}}@media (max-width:480px){.app{padding:5px}.app-container{gap:5px;height:98vh}.app-container .chat-window{height:65%;min-width:0;min-width:auto}.app-container .iframe-sidebar{height:35%}}@media (max-width:360px){.app{padding:2px}.app-container{gap:2px;height:99vh}}
/*# sourceMappingURL=main.0ab11fe4.css.map*/