body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f7f7f8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden}.app,.app-loading{background-color:#f5f5f5;height:100vh}.app-loading{align-items:center;display:flex;flex-direction:column;justify-content:center}.app-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e3e3e3;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:16px;width:40px}.app-loading p{color:#666;font-size:16px;margin:0}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:400px;overflow:hidden;width:100%}.login-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 30px 20px;text-align:center}.login-header h1{font-size:28px;font-weight:600;margin:0 0 8px}.login-header p{font-size:16px;margin:0;opacity:.9}.login-form-container{padding:30px}.login-tabs{border-bottom:1px solid #e9ecef;display:flex;margin-bottom:30px}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 0;transition:all .3s ease}.tab-btn.active{border-bottom-color:#007bff;color:#007bff}.tab-btn:hover:not(.active){color:#495057}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group label{color:#495057;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{background-color:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s ease}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.error-message{background-color:#f8d7da;font-size:14px;margin:0}.submit-btn{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:10px;padding:14px 24px;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.submit-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor;height:16px;width:16px}.login-footer{border-top:1px solid #e9ecef;margin-top:24px;padding-top:20px;text-align:center}.login-footer p{color:#6c757d;font-size:14px;margin:0}.switch-btn{background:none;border:none;color:#007bff;cursor:pointer;font-weight:500;margin-left:4px;text-decoration:underline}.switch-btn:hover:not(:disabled){color:#0056b3}.switch-btn:disabled{color:#6c757d;cursor:not-allowed;text-decoration:none}.test-accounts{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:16px}.test-title{color:#495057;font-size:14px;font-weight:600;margin:0 0 8px}.test-account-list{display:flex;flex-direction:column;gap:4px}.test-account{color:#6c757d;font-size:13px}.test-account strong{color:#495057}.app-container{height:100vh;width:100vw}.app-container,.sidebar{display:flex;position:relative}.sidebar{background-color:#171717;border-right:1px solid #4d4d4f;color:#fff;flex-direction:column;flex-shrink:0;max-width:400px;min-width:200px;width:260px;width:var(--sidebar-width,260px)}.resize-handle{background-color:initial;cursor:col-resize;flex-shrink:0;position:relative;transition:background-color .2s ease;width:4px}.resize-handle.resizing,.resize-handle:hover{background-color:#3b82f6}.resize-handle:after{background-color:initial;bottom:0;content:"";left:-2px;position:absolute;right:-2px;top:0}.sidebar-user-info{align-items:center;background-color:#1f1f1f;border-bottom:1px solid #4d4d4f;display:flex;justify-content:space-between;padding:16px 12px}.user-profile{flex:1 1;gap:12px;min-width:0}.user-avatar,.user-profile{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;font-size:16px;font-weight:600;height:36px;justify-content:center;width:36px}.user-details{flex:1 1;min-width:0}.user-name{color:#fff;font-size:14px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-status{color:#10b981;font-size:12px;font-weight:400}.sidebar-logout-btn{align-items:center;background:none;border:none;border-radius:6px;color:#8e8ea0;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;padding:8px;transition:all .2s ease;width:32px}.sidebar-logout-btn:hover{background-color:#dc2626;color:#fff;transform:scale(1.05)}.sidebar-header{border-bottom:1px solid #4d4d4f;padding:12px}.new-chat-btn{background-color:initial;border:1px solid #4d4d4f;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:12px;transition:background-color .2s;width:100%}.new-chat-btn:hover{background-color:#2d2d30}.chat-history{flex:1 1;overflow-y:auto;padding:8px}.chat-item{border-radius:6px;cursor:pointer;font-size:14px;margin:2px 0;padding:12px;position:relative;transition:background-color .2s;word-break:break-word}.chat-item:hover{background-color:#2d2d30}.chat-item.active{background-color:#343541}.chat-item-title{font-weight:500;margin-bottom:4px}.chat-item-meta{color:#8e8ea0;font-size:12px}.chat-item-actions{display:flex;gap:4px;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .2s}.chat-item:hover .chat-item-actions{opacity:1}.delete-btn,.edit-btn{background:none;border:none;border-radius:4px;color:#8e8ea0;cursor:pointer;font-size:12px;padding:4px;transition:background-color .2s,color .2s}.edit-btn:hover{background-color:#4d4d4f}.delete-btn:hover{background-color:#dc2626;color:#fff}.main-content{flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.chat-header,.main-content{background-color:#fff;display:flex}.chat-header{align-items:center;border-bottom:1px solid #e5e5e5;justify-content:space-between;padding:16px 24px}.chat-title{color:#202123;font-size:18px;font-weight:600}.status-indicator{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.status-discussing{background-color:#fef3c7;color:#92400e}.status-questioning{background-color:#dbeafe;color:#1e40af}.status-ready{background-color:#d1fae5;color:#065f46}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:24px}.message{gap:16px;max-width:100%}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.user-avatar{background-color:#19c37d;color:#fff}.ai-avatar{background-color:#ab68ff;color:#fff}.message-content{color:#374151;flex:1 1;line-height:1.6}.message-content p{margin-bottom:12px}.message-content p:last-child{margin-bottom:0}.questions-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:16px 0;padding:20px}.questions-title{color:#1f2937;font-size:16px;font-weight:600}.question-item,.questions-title{margin-bottom:16px}.question-text{color:#374151;font-weight:500;margin-bottom:8px}.question-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-height:44px;overflow:hidden;padding:12px;resize:none;transition:border-color .2s;width:100%}.question-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-area{background-color:#fff;border-top:1px solid #e5e5e5;padding:24px}.input-container{margin:0 auto;max-width:768px;position:relative}.message-input{border:1px solid #d1d5db;border-radius:12px;font-size:16px;line-height:1.5;max-height:200px;min-height:24px;outline:none;padding:12px 48px 12px 16px;resize:none;transition:border-color .2s;width:100%}.message-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.send-btn{background-color:#3b82f6;border-radius:6px;height:32px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px}.send-btn:hover:not(:disabled){background-color:#2563eb}.send-btn:disabled{background-color:#9ca3af}.generate-section{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin:16px 0;padding:20px}.generate-btn{background-color:#10b981;font-weight:500;transition:background-color .2s}.generate-btn:hover{background-color:#059669}.generate-overview-btn{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:12px;padding:12px 24px;transition:background-color .2s}.generate-overview-btn:hover:not(:disabled){background-color:#059669}.generate-overview-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.typing-indicator{align-items:center;color:#6b7280;display:flex;font-style:italic;gap:4px}.typing-dots{display:flex;gap:2px}.typing-dot{animation:typing 1.4s ease-in-out infinite;background-color:#6b7280;border-radius:50%;height:4px;width:4px}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.3}40%{opacity:1}}.generating-questions{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin:16px 0;padding:20px;text-align:center}.generating-questions .typing-indicator{color:#92400e;font-size:16px;justify-content:center}.welcome-screen{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:48px 48px 100px;text-align:center}.welcome-title{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:16px}.welcome-subtitle{color:#6b7280;font-size:18px;margin-bottom:32px;max-width:600px}.welcome-input{border:1px solid #d1d5db;border-radius:12px;font-size:16px;margin-bottom:16px;max-width:600px;min-height:120px;padding:16px;resize:vertical;width:100%}.start-btn{background-color:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:background-color .2s}.start-btn:hover{background-color:#2563eb}.start-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.mode-selector{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.mode-btn{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.mode-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.mode-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.mode-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.image-mode,.text-mode{align-items:center;display:flex;flex-direction:column;max-width:600px;width:100%}.mode-description{color:#6b7280;font-size:16px;margin-bottom:24px;text-align:center}.image-upload-area{margin-bottom:24px;width:100%}.upload-label{background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:block;padding:40px 20px;transition:all .3s ease;width:100%}.upload-label:hover{background-color:#f0f9ff;border-color:#3b82f6}.upload-content{align-items:center;display:flex;flex-direction:column;gap:12px}.upload-icon{color:#9ca3af;font-size:48px}.upload-text{text-align:center}.upload-text>div:first-child{color:#374151;font-size:16px;font-weight:500;margin-bottom:4px}.upload-hint{color:#6b7280;font-size:14px}.image-preview-area{align-items:center;display:flex;flex-direction:column;gap:24px;width:100%}.image-preview{border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:400px;overflow:hidden;position:relative;width:100%}.image-preview img{display:block;height:auto;width:100%}.clear-image-btn{align-items:center;background-color:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:background-color .2s ease;width:32px}.clear-image-btn:hover:not(:disabled){background-color:#000c}.clear-image-btn:disabled{cursor:not-allowed;opacity:.5}.analyze-btn{background-color:#10b981;border-radius:12px;padding:16px 32px}.analyze-btn:hover:not(:disabled){background-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.analyze-btn:disabled{background-color:#9ca3af;box-shadow:none}.loading-dots{display:flex;margin-left:8px}.loading-dots .dot{animation:loading-bounce 1.4s ease-in-out infinite}.loading-dots .dot:nth-child(3){animation-delay:0s}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.modal-title{font-size:18px;font-weight:600}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px}.close-btn:hover{color:#374151}.overview-alert{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;max-height:70vh;overflow-y:auto;text-align:left;white-space:pre-wrap}.questionnaire-history{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:12px 0;padding:16px}.questionnaire-header{color:#374151;font-size:14px;font-weight:600;margin-bottom:12px}.questionnaire-qa{margin-bottom:8px}.questionnaire-question{color:#4b5563;font-size:13px;font-weight:500}.questionnaire-answer{color:#6b7280;font-size:13px;font-style:italic;margin-left:8px}.questionnaire-message{display:block;margin:16px 0;width:100%}.questionnaire-message .questionnaire-history{margin:0}.submit-answers-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:12px 24px;transition:background-color .2s}.submit-answers-btn:hover{background-color:#2563eb}.submit-answers-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.progress-indicator{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;padding:8px 24px}.progress-steps{justify-content:center;margin:0 auto;max-width:800px}.progress-step,.progress-steps{align-items:center;display:flex}.progress-step{border-radius:6px;cursor:pointer;flex-direction:column;padding:2px 8px;transition:all .3s ease}.progress-step.clickable:hover{background-color:#f1f5f9}.progress-step.disabled{cursor:not-allowed;opacity:.5}.step-circle{align-items:center;background-color:#fff;border:2px solid #d1d5db;border-radius:50%;color:#6b7280;display:flex;font-size:13px;font-weight:600;height:28px;justify-content:center;margin-bottom:4px;transition:all .3s ease;width:28px}.progress-step.clickable .step-circle{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.progress-step.current .step-circle{background-color:#10b981;border-color:#10b981;box-shadow:0 0 0 2px #10b98133;color:#fff}.step-info{text-align:center}.step-name{color:#374151;font-size:12px;font-weight:600;white-space:nowrap}.progress-step.current .step-name{color:#10b981}.progress-connection{flex:1 1;height:2px;margin:0 10px;position:relative;top:-8px}.connection-line{background-color:#d1d5db;height:100%;transition:background-color .3s ease;width:100%}.progress-connection.active .connection-line{background-color:#3b82f6}.step-content-area{flex:1 1;height:0;overflow-y:auto}.design-clarification-step{display:flex;flex-direction:column;height:100%;padding-bottom:80px}.chat-messages-container{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:24px}.input-area-container{border-top:1px solid #e5e5e5}.json-display-step{display:flex;flex-direction:column;height:100%}.generate-section{padding:40px;text-align:center}.generate-info h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.generate-info p{color:#6b7280;margin-bottom:24px}.generate-json-btn{align-items:center;background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.generate-json-btn:hover:not(:disabled){background-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.generate-json-btn:disabled{background-color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.json-result-section{display:flex;flex-direction:column;height:100%;padding:24px}.json-actions{display:flex;gap:12px;margin-bottom:20px}.copy-json-btn,.regenerate-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.copy-json-btn{background-color:#10b981;color:#fff}.copy-json-btn:hover{background-color:#059669}.regenerate-btn{background-color:#6b7280;color:#fff}.regenerate-btn:hover:not(:disabled){background-color:#4b5563}.json-display{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1 1;margin-bottom:20px;overflow:hidden}.json-content{background-color:initial;color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;margin:0;overflow-x:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.step-actions{text-align:center}.next-step-btn{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.next-step-btn:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.session-info{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin:20px 24px;padding:16px}.session-info h3{font-size:16px;margin-bottom:8px}.session-info p{margin:4px 0}.json-final-section{display:flex;flex:1 1;flex-direction:column;padding:0 24px 24px}.json-final-section h4{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:12px}.final-json{background-color:#f0fdf4;border:1px solid #bbf7d0}.confirm-actions{margin-top:20px;text-align:center}.confirm-info p{color:#6b7280;margin-bottom:16px}.action-buttons{gap:12px;justify-content:center}.complete-btn{background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.complete-btn:hover{background-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.back-edit-btn{background-color:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.back-edit-btn:hover{background-color:#4b5563}@media (max-width:768px){.sidebar{position:absolute;transform:translateX(-100%);transition:transform .3s;width:100%;z-index:100}.sidebar.open{transform:translateX(0)}.main-content{width:100%}.progress-steps{flex-direction:column;gap:16px}.progress-connection{height:32px;margin:8px 0;top:0;width:2px}.connection-line{height:100%;width:100%}}.restoring-state{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;display:flex;font-size:14px;gap:10px;justify-content:center;margin:15px 0;padding:15px}.restoring-state .loading-spinner{animation:spin 1s linear infinite;border:2px solid #e9ecef;border-radius:50%;border-top-color:#007bff;height:16px;width:16px}.image-mode-loading{align-items:center;color:#6b7280;display:flex;font-size:16px;gap:12px;justify-content:center;padding:40px}.image-mode-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}.image-mode-view{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 24px 100px}.image-mode-header{margin-bottom:32px;text-align:center}.image-mode-header h2{color:#1f2937;font-size:28px;font-weight:700;margin-bottom:8px}.image-mode-header p{color:#6b7280;font-size:16px;margin:0}.image-preview-container{margin-bottom:32px;max-width:500px;width:100%}.image-preview-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;overflow:hidden;padding:8px;position:relative}.uploaded-image-preview{border-radius:8px;display:block;height:auto;max-height:400px;object-fit:contain;width:100%}.image-analysis-status{max-width:500px;text-align:center;width:100%}.status-indicator.completed{align-items:center;background-color:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;display:flex;gap:8px;justify-content:center;margin-bottom:20px;padding:12px 20px}.status-icon{font-size:18px}.status-text{color:#065f46;font-size:16px;font-weight:600}.analysis-info{margin-bottom:24px}.analysis-info p{color:#6b7280;font-size:15px;line-height:1.6;margin-bottom:12px}.analysis-info p:last-child{margin-bottom:0}.enter-canvas-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;transition:all .3s ease}.enter-canvas-btn:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.enter-canvas-btn:disabled{background-color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.fixed-action-section{bottom:20px;display:flex;justify-content:center;left:260px;left:var(--sidebar-width,260px);right:20px}.fixed-action-btn{white-space:nowrap}.fixed-action-btn.text-mode-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 20px #3b82f666}.fixed-action-btn.text-mode-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 25px #3b82f699;transform:translateY(-3px)}.fixed-action-btn.text-mode-btn:active{box-shadow:0 4px 15px #3b82f680;transform:translateY(-1px)}.fixed-action-btn.image-mode-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 20px #10b98166}.fixed-action-btn.image-mode-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98199;transform:translateY(-3px)}.fixed-action-btn.image-mode-btn:active{box-shadow:0 4px 15px #10b98180;transform:translateY(-1px)}.fixed-action-btn:disabled{box-shadow:0 3px 10px #0003!important;cursor:not-allowed;opacity:.7;transform:none!important}@media (max-width:768px){.welcome-screen{padding:24px 24px 100px}.design-clarification-step{padding-bottom:80px}.image-mode-view{padding:24px 16px 100px}.fixed-action-section{left:20px;right:20px}.fixed-action-btn{font-size:14px;padding:14px 28px}.image-mode-view{padding:24px 16px}.image-mode-header h2{font-size:24px}.image-preview-container{max-width:100%}.uploaded-image-preview{max-height:300px}.analysis-info p{font-size:14px}.enter-canvas-btn{font-size:15px;padding:14px 28px}}.fixed-action-section{bottom:30px;pointer-events:none;position:fixed;right:30px;z-index:1000}.fixed-action-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:200px;padding:16px 32px;pointer-events:auto;transition:all .3s ease}.fixed-action-btn:hover:not(.disabled):not(.loading){background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.fixed-action-btn:active:not(.disabled):not(.loading){box-shadow:0 6px 20px #667eea4d;transform:translateY(0)}.fixed-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.fixed-action-btn.success{background:linear-gradient(135deg,#4facfe,#00f2fe)}.fixed-action-btn.warning{background:linear-gradient(135deg,#fa709a,#fee140)}.fixed-action-btn.danger{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.fixed-action-btn.disabled{background:#ccc;box-shadow:0 4px 15px #0000001a;cursor:not-allowed;opacity:.6;transform:none!important}.fixed-action-btn.loading{cursor:wait;opacity:.8}.loading-content{align-items:center;display:flex;gap:8px}.loading-dots{display:inline-flex;gap:4px}.loading-dots .dot{animation:loading-bounce 1.4s ease-in-out infinite both;background-color:currentColor;border-radius:50%;height:6px;width:6px}.loading-dots .dot:first-child{animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes loading-bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.fixed-action-section{bottom:20px;right:20px}.fixed-action-btn{font-size:14px;min-width:160px;padding:14px 24px}}@media (max-width:480px){.fixed-action-section{bottom:15px;left:15px;right:15px}.fixed-action-btn{min-width:auto;padding:16px 20px;width:100%}}.canvas-toolbar{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #ddd;display:flex;height:50px;justify-content:space-between;padding:0 20px;position:relative;z-index:999998}.canvas-toolbar-left{gap:20px}.canvas-config,.canvas-toolbar-left,.canvas-toolbar-right{align-items:center;display:flex}.canvas-config{gap:8px}.canvas-config label{color:#666;font-size:12px;font-weight:500;white-space:nowrap}.page-name-input{border:1px solid #ddd;border-radius:4px;font-size:12px;padding:6px 8px;transition:border-color .2s ease;width:120px}.page-name-input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.size-inputs{align-items:center;display:flex;gap:4px}.size-input{border:1px solid #ddd;border-radius:4px;font-size:12px;padding:6px 8px;text-align:center;transition:border-color .2s ease;width:60px}.size-input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.size-inputs span{color:#666;font-size:12px;font-weight:500}.size-unit{color:#666;font-size:10px;font-style:italic;margin-top:2px}.action-buttons{align-items:center;flex-direction:row!important}.toolbar-btn{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;height:36px;justify-content:center;min-height:36px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.toolbar-btn:hover{background-color:#f8f9fa;border-color:#adb5bd;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.toolbar-btn:active{transform:translateY(0)}.toolbar-btn span{font-size:14px}.toolbar-btn.btn-primary{background-color:#4caf50;border-color:#4caf50;color:#fff}.toolbar-btn.btn-primary:hover{background-color:#45a049;border-color:#45a049}.toolbar-btn.btn-warning{background-color:#ff9800;border-color:#ff9800;color:#fff}.toolbar-btn.btn-warning:hover{background-color:#f57c00;border-color:#f57c00}.toolbar-btn.btn-success{background-color:#28a745;border-color:#28a745;color:#fff}.toolbar-btn.btn-success:hover{background-color:#218838;border-color:#218838}.toolbar-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.toolbar-btn:disabled:hover{background-color:#fff;border-color:#ddd;box-shadow:none;transform:none}@media (max-width:1200px){.canvas-toolbar{padding:0 15px}.canvas-toolbar-left{gap:15px}.page-name-input{width:100px}.size-input{width:50px}}@media (max-width:768px){.canvas-toolbar{flex-wrap:nowrap;gap:8px;height:auto;padding:8px}.canvas-toolbar-left{gap:8px}.canvas-config{gap:6px}.action-buttons{flex-direction:row!important;gap:4px}.toolbar-btn{font-size:10px;height:32px;min-height:32px;padding:4px 6px}}@media (max-width:480px){.toolbar-btn{font-size:9px;height:28px;min-height:28px;padding:3px 5px}.toolbar-btn span{font-size:10px}.size-inputs{gap:2px}.size-input{width:40px}.page-name-input{width:60px}}.element-toolbar{background-color:#f5f5f5;border-right:1px solid #ddd;box-sizing:border-box;height:100vh;overflow-y:auto;padding:20px;width:200px}.element-toolbar h3{color:#333;font-size:16px;font-weight:600;margin:0 0 20px}.element-category{margin-bottom:24px}.element-category:last-child{margin-bottom:0}.element-category h4{border-bottom:1px solid #e0e0e0;color:#555;font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:4px}.element-list{display:flex;flex-direction:column;gap:12px}.element-item{border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:grab;font-weight:500;overflow:hidden;padding:15px 12px;position:relative;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.element-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.element-item:active{cursor:grabbing;transform:translateY(0)}.element-item:before{background:linear-gradient(135deg,#fff3,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.element-label{display:block;font-size:14px;position:relative;z-index:1}.element-item.dragging{opacity:.5}@media (max-width:768px){.element-toolbar{padding:15px;width:150px}.element-item{padding:12px 8px}.element-label{font-size:12px}}.canvas-viewport{background-color:#f0f0f0;flex:1 1;max-height:90vh;min-height:300px;overflow:auto;padding:20px;position:relative}.canvas-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:inline-block;height:-webkit-fit-content;height:fit-content;min-height:-webkit-fit-content;min-height:fit-content;min-width:-webkit-fit-content;min-width:fit-content;padding:20px;position:relative;width:-webkit-fit-content;width:fit-content}canvas{border:2px solid #ddd;border-radius:4px;cursor:default;position:relative;z-index:1}canvas:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.canvas-viewport.drag-over{background-color:#e8f5e8}.canvas-viewport.drag-over .canvas-wrapper{background-color:#4caf500d;border:2px dashed #4caf50}@media (max-width:1200px){.canvas-viewport,.canvas-wrapper{padding:15px}}@media (max-width:768px){.canvas-viewport,.canvas-wrapper{padding:10px}canvas{height:auto;max-width:100%}}.canvas-viewport::-webkit-scrollbar{height:8px;width:8px}.canvas-viewport::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.canvas-viewport::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.canvas-viewport::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.properties-panel{background-color:#f5f5f5;border-left:1px solid #ddd;box-sizing:border-box;height:100vh;overflow-y:auto;padding:20px;width:280px}.properties-panel h3{color:#333;font-size:16px;font-weight:600;margin:0 0 20px}.properties-content{display:flex;flex-direction:column;gap:20px}.property-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px}.property-section h4{border-bottom:1px solid #eee;color:#333;font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.property-item{margin-bottom:12px}.property-item:last-child{margin-bottom:0}.property-item label{color:#555;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.property-value{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#666;display:inline-block;font-family:monospace;font-size:12px;padding:6px 8px}.property-item input,.property-item textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:13px;padding:8px 10px;transition:border-color .2s ease;width:100%}.property-item input:focus,.property-item textarea:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.property-item textarea{font-family:inherit;min-height:60px;resize:vertical}.action-buttons{display:flex;flex-direction:column;gap:8px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;text-align:center;transition:all .2s ease}.btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background-color:#4caf50;color:#fff}.btn-primary:hover{background-color:#45a049}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.no-selection{color:#666;padding:20px 0;text-align:center}.no-selection p{font-size:14px;margin-bottom:20px}.help-text{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px;text-align:left}.help-text h4{color:#333;font-size:14px;font-weight:600;margin:0 0 12px}.help-text ul{list-style-type:none;margin:0;padding-left:16px}.help-text li{color:#666;font-size:12px;margin-bottom:6px}.help-text kbd{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;color:#495057;font-family:monospace;font-size:11px;padding:2px 4px}.properties-panel::-webkit-scrollbar{width:6px}.properties-panel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.properties-panel::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.properties-panel::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.properties-panel{padding:15px;width:250px}.property-section{padding:12px}.btn{font-size:13px;padding:10px 12px}}.canvas-edit-step{background-color:#f5f5f5;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.canvas-edit-content{display:flex;flex:1 1;gap:10px;min-height:0;min-width:0;overflow:hidden;padding:10px}.canvas-edit-content>*{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex-shrink:1;min-width:0}@media (max-width:1200px){.canvas-edit-content{flex-direction:column;gap:10px}}@media (max-width:768px){.canvas-edit-content{gap:5px;padding:5px}}.style-analysis-step{display:flex;flex-direction:column;height:100%;padding-bottom:80px}.step-content{padding:20px}.session-info{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:15px}.session-info h3{color:#333;font-size:1.5rem;margin-bottom:10px}.session-info p{color:#666}.input-section{border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:30px;padding:30px}.url-input-group{display:flex;gap:15px;margin-bottom:20px}.url-input{border:2px solid #e1e5e9;border-radius:10px;flex:1 1;font-size:16px;padding:15px 20px;transition:all .3s ease}.url-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.analyze-btn{align-items:center;background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;min-width:120px;padding:15px 30px;transition:all .3s ease}.analyze-btn:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.analyze-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.cookie-section{border-top:1px solid #e1e5e9;padding-top:20px}.cookie-toggle{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:flex;font-size:16px;gap:10px;transition:color .3s ease}.cookie-toggle:hover{color:#764ba2}.toggle-arrow{transition:transform .3s ease}.toggle-arrow.active{transform:rotate(180deg)}.cookie-input-container{animation:slideDown .3s ease;margin-top:15px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cookie-text{border:2px solid #e1e5e9;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;min-height:80px;padding:15px;resize:vertical;width:100%}.cookie-text:focus{border-color:#667eea;outline:none}.cookie-input-container small{color:#666;display:block;margin-top:5px}.error-message{background:#fee;border-left:4px solid #c33;border-radius:8px;color:#c33;padding:15px}.analysis-loading{padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}.analysis-loading p{color:#666;font-size:1.1rem}.analysis-results{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.analysis-tabs{background:#f8f9fa;border-bottom:1px solid #e1e5e9;display:flex}.analysis-tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:20px;transition:all .3s ease}.analysis-tab-btn:hover{background:#e9ecef;color:#333}.analysis-tab-btn.active{background:#fff;border-bottom-color:#667eea;color:#667eea;font-weight:600}.tab-content{min-height:400px}.tab-panel{padding:30px}.screenshot-container{text-align:center}.website-screenshot{border:1px solid #ddd;border-radius:4px;height:auto;max-width:100%}.screenshot-placeholder{align-items:center;background:#f8f9fa;border:2px dashed #ddd;border-radius:10px;display:flex;height:400px;justify-content:center;margin:0 auto;max-width:600px;width:100%}.placeholder-content{color:#666}.placeholder-content span{display:block;font-size:3rem;margin-bottom:15px}.placeholder-content p{font-size:1.2rem;margin-bottom:10px}.placeholder-content small{color:#999;font-size:.9rem}.list-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.list-header h4{color:#333;font-size:1.3rem;margin:0}.copy-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.copy-btn:hover{background:#218838;transform:translateY(-1px)}.colors-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.color-item{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:8px;display:flex;padding:15px;transition:all .3s ease}.color-item:hover{box-shadow:0 3px 10px #0000001a;transform:translateY(-2px)}.color-preview{border:1px solid #ddd;border-radius:6px;box-shadow:inset 0 0 0 1px #0000001a;height:40px;margin-right:15px;width:40px}.color-code{color:#333;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600}.fonts-list{grid-gap:15px;display:grid;gap:15px}.font-item{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:20px;transition:all .3s ease}.font-item:hover{box-shadow:0 3px 10px #0000001a;transform:translateY(-2px)}.font-name{color:#333;font-size:18px;font-weight:600;margin-bottom:10px}.font-preview{color:#666;font-size:16px;line-height:1.4}.confirm-section{background:#f8f9fa;border-top:1px solid #e1e5e9;padding:30px;text-align:center}.confirm-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 40px;transition:all .3s ease}.confirm-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.no-results{color:#666;padding:60px 20px}.retry-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:20px;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{background:#5a6fd8;transform:translateY(-1px)}@media (max-width:768px){.step-content{padding:15px}.input-section{padding:20px}.analysis-tabs,.url-input-group{flex-direction:column}.analysis-tab-btn{text-align:left}.list-header{align-items:flex-start;flex-direction:column;gap:15px}.colors-grid{grid-template-columns:1fr}.tab-panel{padding:20px}}.fixed-confirm-section{bottom:20px;display:flex;justify-content:center;left:260px;left:var(--sidebar-width,260px);pointer-events:none;position:fixed;right:20px;z-index:1000}.fixed-confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 6px 20px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;pointer-events:auto;transition:all .3s ease;white-space:nowrap}.fixed-confirm-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 8px 25px #667eea99;transform:translateY(-3px)}.fixed-confirm-btn:active{box-shadow:0 4px 15px #667eea80;transform:translateY(-1px)}@media (max-width:768px){.fixed-confirm-section{left:20px;right:20px}.fixed-confirm-btn{font-size:14px;padding:12px 24px}}.final-confirm-step{display:flex;flex-direction:column;height:100%}.step-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex:1 1;flex-direction:column;margin:20px;padding:24px}.session-info{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.session-info h3{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 8px}.session-info p{color:#6b7280;font-size:14px;margin:0}.input-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.input-section,.instructions-group{margin-bottom:20px}.instructions-group label{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.instructions-textarea{border:2px solid #e1e5e9;border-radius:6px;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.instructions-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.instructions-textarea:disabled{background-color:#f8f9fa;cursor:not-allowed}.generate-btn{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.generate-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.loading-spinner-small{animation:spin 1s linear infinite}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:20px;padding:12px 16px}.no-results{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#6c757d;padding:40px;text-align:center}.no-results p{font-size:16px;margin:0 0 10px}.no-results small{color:#868e96;font-size:14px}.final-confirm-step.dual-pane{height:100%;padding:16px}.delete-all-btn{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.delete-all-btn:hover{background:#fecaca;border-color:#f87171;color:#b91c1c}.dual-pane-container{display:flex;flex:1 1;gap:20px;min-height:0}.chat-pane{flex:0 0 320px;flex-direction:column;max-width:400px;min-width:280px}.chat-pane,.preview-pane{background:#f9fafb;border-radius:8px;display:flex;overflow:hidden}.preview-pane{flex:1 1;flex-direction:column;min-width:0}.chat-header,.preview-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.chat-header h4,.preview-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0}.generation-info{color:#6b7280;font-size:12px}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.message{display:flex;margin-bottom:12px}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message.system{justify-content:center}.message-content{border-radius:12px;max-width:80%;padding:12px 16px;position:relative}.message.user .message-content{background:#3b82f6;border-bottom-right-radius:4px;color:#fff}.message.assistant .message-content{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;color:#1f2937}.message.system .message-content{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280;font-size:14px;max-width:90%;text-align:center}.tool-indicator{color:#059669;font-size:12px;font-weight:600;margin-bottom:4px}.message-text{line-height:1.5;white-space:pre-wrap}.message-time{font-size:11px;margin-top:4px;opacity:.7}.chat-input-container{background:#fff;border-top:1px solid #e5e7eb;padding:16px}.chat-input-wrapper{align-items:flex-end;display:flex;gap:12px}.chat-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:120px;min-height:44px;padding:12px;resize:none}.chat-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.send-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:44px;justify-content:center;min-width:44px;padding:12px;transition:background-color .2s}.send-btn:hover:not(:disabled){background:#2563eb}.send-btn:disabled{background:#9ca3af;cursor:not-allowed}.preview-container{display:flex;flex:1 1;flex-direction:column;padding:16px}.website-iframe{background:#fff;border:1px solid #e5e7eb;border-radius:8px;height:100%;width:100%}.preview-placeholder{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:8px;display:flex;flex:1 1;justify-content:center}.placeholder-content{color:#6b7280;text-align:center}.placeholder-icon{font-size:48px;margin-bottom:16px}.placeholder-content p{font-size:16px;font-weight:500;margin:0 0 8px}.placeholder-content small{font-size:14px;opacity:.8}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.chat-pane{flex:0 0 300px;max-width:350px}}@media (max-width:1024px){.dual-pane-container{flex-direction:column;gap:16px}.chat-pane{flex:none;height:40vh;max-width:none}.preview-pane{flex:none;height:55vh}}@media (max-width:768px){.final-confirm-step.dual-pane{padding:12px}.step-header{align-items:flex-start;flex-direction:column;gap:12px}.chat-pane{height:35vh}.preview-pane{height:60vh}.final-confirm-step{padding:12px}.step-content{padding:15px}}@media (max-width:480px){.dual-pane-container{gap:12px}.chat-pane{height:30vh}.preview-pane{height:65vh}.final-confirm-step.dual-pane{padding:8px}}
/*# sourceMappingURL=main.67422e67.css.map*/