.gemini-qa-container{max-width:800px;margin:20px auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;color:#333;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0 / .05)}.gemini-qa-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.gemini-qa-header h3{font-size:20px;font-weight:600;margin:0;color:#1a1a1a}.try-sample{background:none;border:none;color:#4F46E5;font-size:14px;cursor:pointer;padding:5px 10px;border-radius:4px;transition:background-color 0.2s}.try-sample:hover{background-color:rgb(79 70 229 / .1);text-decoration:underline}.question-input-container{position:relative;margin-bottom:16px}#question-input{width:100%;min-height:100px;padding:14px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;line-height:1.5;resize:vertical;transition:border-color 0.2s,box-shadow 0.2s;font-family:inherit}#question-input:focus{outline:none;border-color:#4F46E5;box-shadow:0 0 0 2px rgb(79 70 229 / .1)}.gemini-qa-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.answer-type{display:flex;gap:16px}.answer-type label{display:flex;align-items:center;cursor:pointer;font-size:14px;user-select:none}.answer-type input[type="radio"]{margin-right:6px;accent-color:#4F46E5}.generate-btn{background-color:#4F46E5;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color 0.2s;display:flex;align-items:center;justify-content:center;min-width:150px;height:40px}.generate-btn:hover{background-color:#4338CA}.generate-btn:disabled{background-color:#a5b4fc;cursor:not-allowed}.spinner{display:none;width:16px;height:16px;border:2px solid rgb(255 255 255 / .3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;margin-left:8px}@keyframes spin{to{transform:rotate(360deg)}}#answer-outer-container{display:none;margin-top:24px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.answer-container{background-color:#f8fafc;padding:20px;font-size:15px;line-height:1.6;color:#334155;overflow-wrap:break-word;word-wrap:break-word}.answer-container h1,.answer-container h2,.answer-container h3,.answer-container h4,.answer-container h5{margin-top:1.5em;margin-bottom:.75em;font-weight:600;line-height:1.25;color:#1e293b}.answer-container h1{font-size:1.5em}.answer-container h2{font-size:1.4em}.answer-container h3{font-size:1.3em}.answer-container h4{font-size:1.2em}.answer-container h5{font-size:1.1em}.answer-container p{margin:0 0 1em 0}.answer-container ul,.answer-container ol{margin:1em 0;padding-left:1.5em}.answer-container li{margin-bottom:.5em}.answer-container code{font-family:'JetBrains Mono','Fira Code','Courier New',monospace;background-color:rgb(0 0 0 / .05);padding:.2em .4em;border-radius:3px;font-size:.9em;color:#3b82f6}.code-block{margin:1.5em 0;border-radius:6px;overflow:hidden;border:1px solid #e2e8f0}.code-header{display:flex;justify-content:space-between;align-items:center;background-color:#f1f5f9;padding:8px 12px;border-bottom:1px solid #e2e8f0}.language-label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.copy-code-btn{background:#fff0;border:none;display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all 0.2s}.copy-code-btn:hover{background-color:#e2e8f0;color:#334155}.copy-code-btn .success{color:#10b981}.code-block pre{margin:0;padding:1em;overflow-x:auto;background-color:#f8fafc}.code-block code{font-family:'JetBrains Mono','Fira Code','Courier New',monospace;font-size:13px;line-height:1.5;padding:0;background-color:#fff0;color:#334155;display:block}.answer-actions{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;background-color:#fff;border-top:1px solid #e2e8f0}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;color:#4b5563;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s}.action-btn:hover{background-color:#f8fafc;border-color:#cbd5e1;color:#1f2937}.action-btn svg{flex-shrink:0}.answer-loading{position:relative;min-height:100px}.answer-loading::after{content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#4F46E5;animation:spin 1s linear infinite}.typing{display:inline-block;position:relative}.typing::after{content:'';position:absolute;right:-4px;bottom:0;height:1em;width:2px;background-color:#4F46E5;animation:blink 1s step-end infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@media (max-width:768px){.gemini-qa-container{padding:16px;margin:10px auto}.gemini-qa-options{flex-direction:column;align-items:flex-start;gap:12px}.generate-btn{width:100%}}.code-content-header,.article-content-header,.qa-content-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;border-radius:6px;font-weight:500;font-size:14px}.code-content-header{background-color:#f1f5f9;color:#334155;border-left:4px solid #64748b}.article-content-header{background-color:#f0fdf4;color:#166534;border-left:4px solid #22c55e}.qa-content-header{background-color:#eff6ff;color:#1e40af;border-left:4px solid #3b82f6}.article-content h1{font-size:1.8em;margin-top:.5em;margin-bottom:.8em;color:#1e293b;line-height:1.2}.article-content h2{font-size:1.5em;margin-top:1.2em;margin-bottom:.7em;color:#334155}.article-content h3{font-size:1.3em;margin-top:1em;margin-bottom:.6em;color:#475569}.article-content p{margin-bottom:1em;line-height:1.6}.article-content .intro-paragraph{font-size:1.1em;line-height:1.7;color:#475569}.article-content .conclusion{margin-top:1.5em;padding-top:1em;border-top:1px solid #e2e8f0}.qa-content{border-radius:8px;background-color:#f9fafb}.qa-item{margin-bottom:20px;border-bottom:1px solid #e5e7eb;padding-bottom:16px}.qa-item:last-child{border-bottom:none}.qa-question{font-weight:600;color:#1e40af;margin-bottom:8px;font-size:1.1em}.qa-answer{padding-left:20px;border-left:3px solid #e5e7eb}.code-block{margin:1.5em 0;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgb(0 0 0 / .05)}.language-label{text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.5px;background-color:rgb(0 0 0 / .05);padding:3px 6px;border-radius:4px}.table-wrapper{overflow-x:auto;margin:1.5em 0;border-radius:6px;border:1px solid #e5e7eb}.ai-table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}.ai-table thead{background-color:#f8fafc}.ai-table th{padding:12px 16px;font-weight:600;border-bottom:2px solid #e5e7eb;color:#334155}.ai-table td{padding:10px 16px;border-bottom:1px solid #e5e7eb;color:#475569}.ai-table tr:last-child td{border-bottom:none}.ai-list{margin:1em 0 1.5em;padding-left:1.5em}.ai-list li{margin-bottom:.5em;position:relative}ul.ai-list{list-style-type:disc}ol.ai-list{list-style-type:decimal}blockquote{margin:1.5em 0;padding:10px 20px;border-left:4px solid #e2e8f0;background-color:#f8fafc;color:#475569;font-style:italic}.blockquote-wrapper{margin:1.5em 0}.typing-cursor{display:inline-block;width:2px;height:1em;background-color:currentColor;margin-left:2px;animation:blink 1s infinite;vertical-align:text-bottom}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.answer-container{line-height:1.6;color:#334155;overflow-wrap:break-word;word-wrap:break-word}.answer-container.loading::before{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#4F46E5;animation:spin 1s linear infinite}.error-message{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:#fee2e2;border-radius:6px;color:#b91c1c}.error-message svg{flex-shrink:0;margin-top:2px}.error-message p{margin:0}