Upload 4 files

app.py

@@ -0,0 +1,609 @@
+from flask import Flask, render_template, request, jsonify, send_file
+import ollama
+import json
+import re
+from duckduckgo_search import DDGS
+import requests
+from bs4 import BeautifulSoup
+import fitz  # PyMuPDF
+import urllib3
+import pandas as pd
+import io
+import ast
+
+
+app = Flask(__name__)
+
+search_prompt = """
+The user will provide a detailed description of a technical problem they are trying to solve in the context of intellectual property (IP) and patents. Your task is to generate some (2 to 5) highly specific and relevant search queries for Google, aimed at finding research papers closely related to the user's problem. Each search query should:
+1. Be crafted to find research papers, articles, or academic resources that address similar issues or solutions.
+2. Be focused and precise, avoiding generic or overly broad terms.
+Provide the search queries in the following **JSON format**. There should be no extra text, only the search queries as values.
+**Example Output:**
+```json
+{
+    "1": "user authentication 5G cryptographic keys identity management",
+    "2": "5G authentication security issues cryptography 3GPP key management"
+}
+```
+"""
+
+infringement_prompt = """You are an expert assistant designed to evaluate the novelty and inventiveness of patents by comparing them with existing documents. Your task is to analyze the background of a given patent and the first page of a related document to determine how well the document covers the problems mentioned in the patent.
+# Instructions:
+Understand the Patent Background: Carefully read and comprehend the background information provided for the patent. Identify the key problems that the patent aims to address.
+Analyze the Document: Review the provided document. Focus on identifying any problems that are similar to those mentioned in the patent background.
+Evaluate Coverage: Assess how well the document covers the problems mentioned in the patent. Use the following scoring system:
+Score 5: The document explicitly discusses the same problems as the patent, indicating that the problems are not novel.
+Score 4: The document discusses problems that are very similar to those in the patent, significantly impacting the novelty of the patent's problems.
+Score 3: The document mentions problems that are somewhat similar to those in the patent, but the coverage is not extensive enough to fully block the novelty of the patent's problems.
+Score 2: The document mentions problems that are similar in some ways but are clearly different from those in the patent.
+Score 1: The document touches upon related problems but does not directly address the specific problems mentioned in the patent.
+Score 0: The document does not discuss any problems related to those in the patent.
+Provide a Score: Based on your analysis, provide a score from 0 to 5 indicating how well the document covers the problems mentioned in the patent.
+Justify Your Score: Briefly explain the reasoning behind your score, highlighting specific similarities or differences between the problems discussed in the patent and the document.
+# Output Format:
+No details or explanations are required, just the results in the required **JSON** format with no additional word.
+{
+    'score': [Your Score],
+    'justification': "[Your Justification]"
+}
+"""
+
+insight_prompt = """Analyze the technical document and extract key insights that could enhance the patent problem. Focus on identifying security vulnerabilities, technical problems, innovative technologies, research questions, and protocols mentioned in the document.
+# Instructions:
+1. Identify 3-5 key insights from the document that could enhance or inform the patent problem.
+2. Each insight should be concise (max 10 words) but informative.
+3. Focus on technical elements that could be valuable for improving the patent.
+# Output Format:
+Return only a JSON object with insights as an array, with no additional text:
+{
+    "insights": [
+        "Security vulnerability in authentication handshake",
+        "Novel quantum encryption protocol",
+        "Lightweight implementation for IoT devices",
+        "Privacy-preserving key exchange mechanism",
+        "Real-time threat detection algorithm"
+    ]
+}
+"""
+
+refine_problem_prompt = """You are an expert consultant specializing in enhancing and refining technical problems to make them more sophisticated, novel, and inventive. Your task is to transform an initial technical problem description into two improved versions by integrating selected insights from technical documents.
+# Instructions:
+1. Carefully review the initial technical problem.
+2. Consider the selected insights from technical documents that could enhance the problem formulation.
+3. If any user comments are provided, incorporate those suggestions into your refinement process.
+4. Generate TWO distinct refined problem statements that:
+   - Integrate the selected insights in a meaningful way
+   - Make the problem more sophisticated and technically interesting
+   - Increase the novelty and inventive potential of any solution
+   - Add appropriate constraints and technical requirements
+   - Maintain coherence and technical feasibility
+   - Suggest innovative directions without fully solving the problem
+# Output Format:
+Return the results in **strictly valid JSON** format with no additional text. 
+All string values (especially multiline descriptions) must:
+- Be enclosed in double quotes
+- Escape internal double quotes with backslashes (e.g., \")
+- Replace newline characters with "\\n" (double backslash-n for JSON)
+- Avoid unescaped Markdown if it breaks JSON syntax
+Reference json:
+{
+    "refined_problem_1": {
+        "title": "Brief descriptive title for the first refined problem",
+        "description": "Comprehensive description of the first refined problem that integrates insights and adds sophistication"
+    },
+    "refined_problem_2": {
+        "title": "Brief descriptive title for the second refined problem",
+        "description": "Alternative comprehensive description that takes a different approach to refining the problem"
+    }
+}
+"""
+
+def ask_ollama(user_message, model='gemma3:1b', system_prompt=search_prompt):
+    response = ollama.chat(model=model, messages=[
+        {
+            "role": "system",
+            "content": system_prompt
+        },
+        {
+            "role": "user", 
+            "content": user_message
+        }
+    ])
+    ai_reply = response['message']['content']
+    print(f"AI REPLY json:\n{ai_reply}")
+
+    # Process the response to ensure we return valid JSON
+    try:
+        # First, try to parse it directly in case it's already valid JSON
+        print(f"AI REPLY:\n{ai_reply}")
+        return ast.literal_eval(ai_reply.replace('json\n', '').replace('```', ''))
+    except:
+        print(f"ERROR:\n{e}")
+        # If it's not valid JSON, try to extract JSON from the text
+        return {
+            "1": "Error parsing response. Please try again.",
+            "2": "Error parsing response. Please try again."
+        }
+def search_web(topic, max_references=5, data_type="pdf"):
+    """Search the web using DuckDuckGo and return results."""
+    doc_list = []
+    with DDGS(verify=False) as ddgs:
+        i = 0
+        for r in ddgs.text(topic, region='wt-wt', safesearch='On', timelimit='n'):
+            if i >= max_references:
+                break
+            doc_list.append({"type": data_type, "title": r['title'], "body": r['body'], "url": r['href']})
+            i += 1
+    return doc_list
+
+def analyze_pdf_novelty(patent_background, url, data_type="pdf"):
+    """Extract full document text from PDF or background from patent and evaluate novelty"""
+    try:
+        # Disable SSL warnings
+        urllib3.disable_warnings(urllib3.exceptions.InsecureRequestWarning)
+        # Extract text based on the type
+        if data_type == "pdf":            
+            headers = {
+                "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36",
+                "Accept": "application/pdf"
+            }
+
+            response = requests.get(url, headers=headers, timeout=20, verify=False)
+            if response.status_code != 200:
+                print(f"Failed to download PDF (status code: {response.status_code})")
+                return {"error": f"Failed to download PDF (status code: {response.status_code})"}
+                
+            # Extract full document text (limited to 6000 characters)
+            try:
+                pdf_document = fitz.open(stream=response.content, filetype="pdf")
+                if pdf_document.page_count == 0:
+                    return {"error": "PDF has no pages"}
+                    
+                text = ""
+                for page_num in range(min(5, pdf_document.page_count)):  # Limit to first 5 pages
+                    page = pdf_document.load_page(page_num)
+                    text += page.get_text() + " "
+                    if len(text) >= 6000:
+                        break
+                
+                text = text[:6000]  # Limit to 6000 characters
+            except Exception as e:
+                return {"error": f"Error processing PDF: {str(e)}"}
+        
+        elif data_type == "patent":
+            # Extract background from patent
+            print("extract from patent")
+            try:
+                response = requests.get(url, timeout=20, verify=False)
+                if response.status_code != 200:
+                    print(f"Failed to access patent (status code: {response.status_code})")
+                    return {"error": f"Failed to access patent (status code: {response.status_code})"}
+                content = response.content.decode('utf-8').replace("\n", "")
+                soup = BeautifulSoup(content, 'html.parser')
+                section = soup.find('section', itemprop='description', itemscope='')
+                matches = re.findall(r"background(.*?)(?:summary|description of the drawing)", str(section), re.DOTALL | re.IGNORECASE)
+                if matches:
+                    text = BeautifulSoup(matches[0], "html.parser").get_text(separator=" ").strip()
+                else:
+                    text = "Background section not found in patent."
+            except Exception as e:
+                return {"error": f"Error processing patent: {str(e)}"}
+        elif data_type == "web":  
+            try:
+                headers = {
+                    "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36",
+                    "Accept": "application/pdf"
+                }
+                response = requests.get(url, headers=headers, timeout=20, verify=False)
+                response.raise_for_status()                
+                soup = BeautifulSoup(response.text, 'html.parser')
+                full_text = soup.get_text()
+                text = re.sub(r'\n+', ' ', full_text)[:5000]
+            except requests.RequestException as e:
+                return {"error": f"Error fetching the page: {str(e)}"}
+        else:
+            return {"error": "Unknown document type"}
+        
+        # Analyze with Ollama for novelty assessment
+        result = ask_ollama(
+            user_message=f"Patent background:\n{patent_background}\n\nDocument content:\n{text}",
+            system_prompt=infringement_prompt
+        )
+        
+        # # Extract insights
+        # insights = ask_ollama(
+        #     user_message=f"Document content:\n{text}",
+        #     system_prompt=insight_prompt
+        # )
+        
+        # # Combine results
+        # result['insights'] = insights.get('insights', [])
+        
+        return result
+        
+    except Exception as e:
+        return {"error": f"Error: {str(e)}"}
+
+
+def extract_insights(patent_background, url, data_type="pdf"):
+    """Extract full document text from PDF or background from patent and evaluate novelty"""
+    try:
+        # Disable SSL warnings
+        urllib3.disable_warnings(urllib3.exceptions.InsecureRequestWarning)
+        # Extract text based on the type
+        if data_type == "pdf":            
+            headers = {
+                "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36",
+                "Accept": "application/pdf"
+            }
+
+            response = requests.get(url, headers=headers, timeout=20, verify=False)
+            if response.status_code != 200:
+                print(f"Failed to download PDF (status code: {response.status_code})")
+                return {"error": f"Failed to download PDF (status code: {response.status_code})"}
+                
+            # Extract full document text (limited to 6000 characters)
+            try:
+                pdf_document = fitz.open(stream=response.content, filetype="pdf")
+                if pdf_document.page_count == 0:
+                    return {"error": "PDF has no pages"}
+                    
+                text = ""
+                for page_num in range(min(5, pdf_document.page_count)):  # Limit to first 5 pages
+                    page = pdf_document.load_page(page_num)
+                    text += page.get_text() + " "
+                    if len(text) >= 6000:
+                        break
+                
+                text = text[:6000]  # Limit to 6000 characters
+            except Exception as e:
+                return {"error": f"Error processing PDF: {str(e)}"}
+        
+        elif data_type == "patent":
+            # Extract background from patent
+            print("extract from patent")
+            try:
+                response = requests.get(url, timeout=20, verify=False)
+                if response.status_code != 200:
+                    print(f"Failed to access patent (status code: {response.status_code})")
+                    return {"error": f"Failed to access patent (status code: {response.status_code})"}
+                content = response.content.decode('utf-8').replace("\n", "")
+                soup = BeautifulSoup(content, 'html.parser')
+                section = soup.find('section', itemprop='description', itemscope='')
+                matches = re.findall(r"background(.*?)(?:summary|description of the drawing)", str(section), re.DOTALL | re.IGNORECASE)
+                if matches:
+                    text = BeautifulSoup(matches[0], "html.parser").get_text(separator=" ").strip()
+                else:
+                    text = "Background section not found in patent."
+            except Exception as e:
+                return {"error": f"Error processing patent: {str(e)}"}
+        elif data_type == "web":  
+            try:
+                headers = {
+                    "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36",
+                    "Accept": "application/pdf"
+                }
+                response = requests.get(url, headers=headers, timeout=20, verify=False)
+                response.raise_for_status()                
+                soup = BeautifulSoup(response.text, 'html.parser')
+                full_text = soup.get_text()
+                text = re.sub(r'\n+', ' ', full_text)[:5000]
+            except requests.RequestException as e:
+                return {"error": f"Error fetching the page: {str(e)}"}
+        else:
+            return {"error": "Unknown document type"}
+        
+        # Extract insights
+        insights = ask_ollama(
+            user_message=f"Document content:\n{text}",
+            system_prompt=insight_prompt
+        )
+        
+        return insights
+        
+    except Exception as e:
+        return {"error": f"Error: {str(e)}"}
+
+@app.route('/')
+def home():
+    return render_template('index.html')
+
+@app.route('/chat', methods=['POST'])
+def chat():
+    user_message = request.form.get('message')
+    ai_reply = ask_ollama(user_message)
+    return jsonify({'reply': ai_reply})
+
+@app.route('/search', methods=['POST'])
+def search():
+    query = request.form.get('query')
+    pdf_checked = request.form.get('pdfOption') == 'true'
+    patent_checked = request.form.get('patentOption') == 'true'
+    web_checked = request.form.get('webOption') == 'true' or request.form.get('webOption') == 'on'
+
+    if not query:
+        return jsonify({'error': 'No query provided', 'results': []})
+    
+    all_results = []
+    
+    try:
+        # Handle various combinations
+        if pdf_checked:
+            pdf_query = f"{query} filetype:pdf"
+            pdf_results = search_web(pdf_query, max_references=5, data_type="pdf")
+            all_results.extend(pdf_results)
+            
+        if patent_checked:
+            patent_query = f"{query} site:patents.google.com"
+            patent_results = search_web(patent_query, max_references=5, data_type="patent")
+            all_results.extend(patent_results)
+            
+        if web_checked:
+            # For web, we don't add anything to the query
+            web_results = search_web(query, max_references=5, data_type="web")
+            all_results.extend(web_results)
+            
+        # If nothing is checked, default to web search
+        if not (pdf_checked or patent_checked or web_checked):
+            web_results = search_web(query, max_references=5, data_type="web")
+            all_results.extend(web_results)
+        
+        return jsonify({'results': all_results})
+    except Exception as e:
+        print(f"Error performing search: {e}")
+        return jsonify({'error': str(e), 'results': []})
+
+@app.route('/analyze', methods=['POST'])
+def analyze():
+    data = request.json
+    if not data or 'patent_background' not in data or 'pdf_url' not in data:
+        return jsonify({'error': 'Missing required parameters', 'result': None})
+    
+    try:
+        patent_background = data['patent_background']
+        url = data['pdf_url']
+        data_type = data.get('data_type', 'pdf')  # Default to pdf if not specified
+        
+        result = analyze_pdf_novelty(patent_background, url, data_type)
+        return jsonify({'result': result})
+    except Exception as e:
+        print(f"Error analyzing document: {e}")
+        return jsonify({'error': str(e), 'result': None})
+   
+@app.route('/post_insights', methods=['POST'])
+def post_insights():
+    data = request.json
+    if not data or 'patent_background' not in data or 'pdf_url' not in data:
+        return jsonify({'error': 'Missing required parameters', 'result': None})
+    
+    try:
+        patent_background = data['patent_background']
+        url = data['pdf_url']
+        data_type = data.get('data_type', 'pdf')  # Default to pdf if not specified
+        
+        result = extract_insights(patent_background, url, data_type)
+        return jsonify({'result': result})
+    except Exception as e:
+        print(f"Error analyzing document: {e}")
+        return jsonify({'error': str(e), 'result': None})
+
+@app.route('/refine-problem', methods=['POST'])
+def refine_problem():
+    data = request.json
+    if not data or 'original_problem' not in data or 'insights' not in data:
+        return jsonify({'error': 'Missing required parameters', 'result': None})
+    
+    try:
+        original_problem = data['original_problem']
+        insights = data['insights']
+        user_comments = data.get('user_comments', '')
+        
+        # Prepare the message for the LLM
+        message = f"""Initial Technical Problem:
+{original_problem}
+Selected Insights:
+{', '.join(insights)}
+User Comments/Suggestions:
+{user_comments}
+"""
+        
+        # Get refined problem suggestions from the LLM
+        result = ask_ollama(
+            user_message=message,
+            system_prompt=refine_problem_prompt
+        )
+        
+        return jsonify({'result': result})
+    except Exception as e:
+        print(f"Error refining problem: {e}")
+        return jsonify({'error': str(e), 'result': None})
+    
+@app.route('/export-excel', methods=['POST'])
+def export_excel():
+    try:
+        data = request.json
+        if not data or 'tableData' not in data:
+            return jsonify({'error': 'No table data provided'})
+            
+        # Create pandas DataFrame from the data
+        df = pd.DataFrame(data['tableData'])
+        
+        # Get the user query
+        user_query = data.get('userQuery', 'No query provided')
+        
+        # Get problem versions if available
+        problem_versions = data.get('problemVersions', {})
+        
+        # Create a BytesIO object to store the Excel file
+        output = io.BytesIO()
+        
+        # Create Excel file with xlsxwriter engine
+        with pd.ExcelWriter(output, engine='xlsxwriter') as writer:
+            # Write the data to a sheet named 'Results'
+            df.to_excel(writer, sheet_name='Results', index=False)
+            
+            # Get workbook and worksheet objects
+            workbook = writer.book
+            worksheet = writer.sheets['Results']
+            
+            # Add a sheet for the query
+            query_sheet = workbook.add_worksheet('Query')
+            query_sheet.write(0, 0, 'Patent Query')
+            query_sheet.write(1, 0, user_query)
+            
+            # Add a sheet for problem versions if available
+            if problem_versions:
+                versions_sheet = workbook.add_worksheet('Problem Versions')
+                versions_sheet.write(0, 0, 'Version')
+                versions_sheet.write(0, 1, 'Problem Statement')
+                
+                row = 1
+                for version, text in problem_versions.items():
+                    versions_sheet.write(row, 0, version)
+                    versions_sheet.write(row, 1, text)
+                    row += 1
+                
+                # Set column width for problem versions
+                versions_sheet.set_column(0, 0, 20)
+                versions_sheet.set_column(1, 1, 100)
+            
+            # Adjust column widths
+            for i, col in enumerate(df.columns):
+                # Get maximum column width
+                max_len = max(
+                    df[col].astype(str).map(len).max(),
+                    len(col)
+                ) + 2
+                # Set column width (limit to 100 to avoid issues)
+                worksheet.set_column(i, i, min(max_len, 100))
+        
+        # Seek to the beginning of the BytesIO object
+        output.seek(0)
+        
+        # Return the Excel file
+        return send_file(
+            output,
+            mimetype='application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+            as_attachment=True,
+            download_name='patent_search_results.xlsx'
+        )
+        
+    except Exception as e:
+        print(f"Error exporting Excel: {e}")
+        return jsonify({'error': str(e)})
+
+@app.route('/ai-select-insights', methods=['POST'])
+def ai_select_insights():
+    data = request.json
+    if not data or 'patent_background' not in data or 'insights' not in data:
+        return jsonify({'error': 'Missing required parameters', 'selected_insights': []})
+    
+    try:
+        patent_background = data['patent_background']
+        insights = data['insights']
+        
+        if not insights or len(insights) == 0:
+            return jsonify({'error': 'No insights provided', 'selected_insights': []})
+            
+        # Prepare the prompt for the LLM
+        ai_select_prompt = """You are an expert in patent analysis and technology innovation. Your task is to select the most relevant insights from a list that would help enhance the patentability of an invention.
+
+INSTRUCTIONS:
+
+1. Review the patent background description carefully.
+
+2. Analyze each insight in the provided list and determine its relevance to the patent background.
+
+3. Select ONLY THE MOST RELEVANT insights that are:
+   - Directly relevant to the patent's technical area
+   - Provide unique perspectives or identify novel challenges
+   - Could significantly enhance the patentability or scope of the invention
+   - Are technically substantive and not obvious
+
+4. Ignore insights that are generic, obvious, or would weaken the patent case.
+
+5. SELECT A MAXIMUM OF 7 INSIGHTS, even fewer if only a few are truly relevant.
+
+6. Return ONLY the selected insights in a valid JSON array.
+
+OUTPUT FORMAT:
+Return only a valid JSON array of strings, each containing the exact text of a selected insight.
+Example: ["Insight 1", "Insight 3", "Insight 5"]"""
+        
+        # Prepare message content
+        message = f"""PATENT BACKGROUND:
+{patent_background}
+
+ALL AVAILABLE INSIGHTS:
+{json.dumps(insights)}"""
+        
+        # Call Ollama with the message and prompt
+        response = ollama.chat(model='gemma3:1b', messages=[
+            {
+                "role": "system",
+                "content": ai_select_prompt
+            },
+            {
+                "role": "user", 
+                "content": message
+            }
+        ])
+        
+        ai_reply = response['message']['content']
+        print(f"AI SELECTION RESPONSE: {ai_reply}")
+        
+        # Parse the JSON array from the response
+        # First strip markdown code blocks if present
+        cleaned_reply = ai_reply.replace('```json', '').replace('```', '').strip()
+        
+        try:
+            selected_insights = json.loads(cleaned_reply)
+            
+            # Validate that the response is a list
+            if not isinstance(selected_insights, list):
+                return jsonify({'error': 'Invalid response format from AI', 'selected_insights': []})
+                
+            # Make sure all selected insights actually exist in the original list
+            validated_insights = [insight for insight in selected_insights if insight in insights]
+            
+            return jsonify({'selected_insights': validated_insights})
+            
+        except json.JSONDecodeError as e:
+            print(f"JSON parsing error: {e}")
+            return jsonify({'error': f'Failed to parse AI response: {e}', 'selected_insights': []})
+            
+    except Exception as e:
+        print(f"Error in AI insight selection: {e}")
+        return jsonify({'error': str(e), 'selected_insights': []})
+
+@app.route('/generate-key-issues', methods=['POST'])
+def generate_key_issues():
+    data = request.json
+    if not data or 'query' not in data:
+        return jsonify({'error': 'No query provided', 'key_issues': []})
+    
+    try:
+        query = data['query']
+        
+        # Make a request to the external API
+        API_URL = "https://organizedprogrammers-fastapi-kig.hf.space/"
+        endpoint = f"{API_URL}/key-issue-format"
+        api_data = {"query": query}
+        
+        response = requests.post(endpoint, json=api_data, verify=False)
+        if response.status_code == 200:
+            result = response.json()
+            return jsonify(result)
+        else:
+            return jsonify({
+                'error': f"API Error: {response.status_code}",
+                'key_issues': []
+            })
+            
+    except Exception as e:
+        print(f"Error generating key issues: {e}")
+        return jsonify({'error': str(e), 'key_issues': []})
+
+if __name__ == '__main__':
+    app.run(debug=True)

requirements.txt

@@ -0,0 +1,35 @@
+annotated-types==0.7.0
+anyio==4.9.0
+beautifulsoup4==4.13.3
+blinker==1.9.0
+certifi==2025.1.31
+charset-normalizer==3.4.1
+click==8.1.8
+duckduckgo_search==7.5.2
+Flask==3.1.0
+h11==0.14.0
+httpcore==1.0.7
+httpx==0.28.1
+idna==3.10
+itsdangerous==2.2.0
+Jinja2==3.1.6
+lxml==5.3.1
+MarkupSafe==3.0.2
+numpy==2.2.4
+ollama==0.4.7
+pandas==2.2.3
+primp==0.14.0
+pydantic==2.10.6
+pydantic_core==2.27.2
+PyMuPDF==1.25.4
+python-dateutil==2.9.0.post0
+pytz==2025.1
+requests==2.32.3
+six==1.17.0
+sniffio==1.3.1
+soupsieve==2.6
+typing_extensions==4.12.2
+tzdata==2025.1
+urllib3==2.3.0
+Werkzeug==3.1.3
+XlsxWriter==3.2.2

static/style.css

@@ -0,0 +1,1175 @@
+:root {
+    --primary: #2563eb;
+    --primary-light: #3b82f6;
+    --primary-dark: #1d4ed8;
+    --danger: #ef4444;
+    --success: #10b981;
+    --warning: #f59e0b;
+    --gray-100: #f3f4f6;
+    --gray-200: #e5e7eb;
+    --gray-300: #d1d5db;
+    --gray-400: #9ca3af;
+    --gray-500: #6b7280;
+    --gray-600: #4b5563;
+    --gray-700: #374151;
+    --gray-800: #1f2937;
+    --gray-900: #111827;
+    --transition: all 0.2s ease;
+    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+    line-height: 1.6;
+    color: var(--gray-800);
+    background-color: #f8fafc;
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 2rem;
+}
+
+@media (max-width: 768px) {
+    body {
+        padding: 1rem;
+    }
+}
+
+.container {
+    max-width: 1000px;
+    margin: 0 auto;
+}
+
+.header {
+    margin-bottom: 2.5rem;
+    text-align: center;
+}
+
+.logo {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 1rem;
+}
+
+.logo-icon {
+    width: 40px;
+    height: 40px;
+    background-color: var(--primary);
+    border-radius: 8px;
+    color: white;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: bold;
+    font-size: 1.5rem;
+    margin-right: 10px;
+}
+
+h1 {
+    font-size: 2rem;
+    font-weight: 700;
+    color: var(--gray-900);
+    margin-bottom: 0.5rem;
+}
+
+h2 {
+    font-size: 1.5rem;
+    font-weight: 600;
+    color: var(--gray-800);
+    margin-bottom: 1.5rem;
+}
+
+p {
+    color: var(--gray-600);
+    margin-bottom: 1rem;
+}
+
+.card {
+    background-color: white;
+    border-radius: 0.75rem;
+    box-shadow: var(--shadow);
+    padding: 2rem;
+    margin-bottom: 2rem;
+}
+
+.form-group {
+    margin-bottom: 1.5rem;
+}
+
+label {
+    display: block;
+    margin-bottom: 0.5rem;
+    font-weight: 500;
+    color: var(--gray-700);
+}
+
+#userInput {
+    width: 100%;
+    padding: 0.75rem;
+    border: 1px solid var(--gray-300);
+    border-radius: 0.5rem;
+    min-height: 150px;
+    font-family: inherit;
+    resize: vertical;
+    transition: var(--transition);
+}
+
+#userInput:focus {
+    outline: none;
+    border-color: var(--primary);
+    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
+}
+
+.btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0.625rem 1.25rem;
+    border: none;
+    border-radius: 0.5rem;
+    font-weight: 500;
+    font-size: 0.875rem;
+    cursor: pointer;
+    transition: var(--transition);
+    gap: 0.5rem;
+}
+
+.btn-primary {
+    background-color: var(--primary);
+    color: white;
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-dark);
+}
+
+.btn-secondary {
+    background-color: var(--gray-100);
+    color: var(--gray-700);
+}
+
+.btn-secondary:hover {
+    background-color: var(--gray-200);
+}
+
+.btn-danger {
+    background-color: var(--danger);
+    color: white;
+}
+
+.btn-danger:hover {
+    background-color: #dc2626;
+}
+
+.btn-success {
+    background-color: var(--success);
+    color: white;
+}
+
+.btn-success:hover {
+    background-color: #059669;
+}
+
+.btn-warning {
+    background-color: var(--warning);
+    color: white;
+}
+
+.btn-warning:hover {
+    background-color: #d97706;
+}
+
+.btn-info {
+    background-color: #0dcaf0;
+    color: white;
+}
+
+.btn-info:hover {
+    background-color: #0aa2c0;
+}
+
+.btn-info.disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+}
+
+.btn-group-insights {
+    background-color: #8e44ad;
+    color: white;
+}
+
+.btn-group-insights:hover {
+    background-color: #7d3c98;
+}
+
+.query-item {
+    background-color: white;
+    border-radius: 0.75rem;
+    box-shadow: var(--shadow);
+    padding: 1.5rem;
+    margin-bottom: 1.5rem;
+}
+
+.query-container {
+    display: flex;
+    margin-bottom: 1rem;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.query-field {
+    flex-grow: 1;
+    padding: 0.625rem 0.75rem;
+    border: 1px solid var(--gray-300);
+    border-radius: 0.5rem;
+    transition: var(--transition);
+}
+
+.query-field:focus {
+    outline: none;
+    border-color: var(--primary);
+    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
+}
+
+.action-button {
+    background-color: hsl(192, 83%, 66%);
+    color: white;
+    padding: 8px 12px;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    margin-right: 5px;
+}
+.delete-button {
+    background-color: #f44336;
+}
+.search-button {
+    background-color: #2196F3;
+}
+button:hover {
+    opacity: 0.9;
+}
+
+#resultsContainer {
+    margin-top: 20px;
+    display: none;
+}
+#queriesContainer {
+    margin-bottom: 15px;
+}
+#loadingIndicator {
+    display: none;
+    margin-top: 20px;
+    text-align: center;
+    color: #666;
+}
+.button-container {
+    margin-top: 15px;
+}
+.results-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 10px;
+    display: none;
+}
+.results-table th, .results-table td {
+    border: 1px solid #ddd;
+    padding: 8px;
+    text-align: left;
+}
+.results-table th {
+    background-color: #f2f2f2;
+}
+.results-table tr:nth-child(even) {
+    background-color: #f9f9f9;
+}
+.results-table tr:hover {
+    background-color: #f1f1f1;
+}
+.search-loading {
+    display: none;
+    margin: 10px 0;
+    font-style: italic;
+    color: #666;
+}
+.url-link {
+    color: #0066cc;
+    text-decoration: none;
+    word-break: break-all;
+}
+.url-link:hover {
+    text-decoration: underline;
+}
+
+.analyze-button {
+    margin-top: 5px;
+    padding: 3px 8px;
+    font-size: 0.8em;
+}
+
+.loading-spinner {
+    border: 4px solid #f3f3f3;
+    border-top: 4px solid #3498db;
+    border-radius: 50%;
+    width: 20px;
+    height: 20px;
+    animation: spin 2s linear infinite;
+    margin: 0 auto;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+.score-cell, .justification-cell {
+    max-width: 150px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.score-cell {
+    font-weight: bold;
+    text-align: center;
+}
+
+.floating-buttons {
+    position: fixed;
+    bottom: 2rem;
+    right: 2rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    z-index: 100;
+}
+
+.floating-button {
+    padding: 0.75rem;
+    border-radius: 0.5rem;
+    box-shadow: var(--shadow-md);
+    transition: all 0.3s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+    width: auto;
+    white-space: nowrap;
+}
+
+.floating-button:hover {
+    transform: translateY(-2px);
+    box-shadow: var(--shadow-lg);
+}
+
+.loading-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    display: none;
+    justify-content: center;
+    align-items: center;
+    z-index: 1000;
+}
+
+.loading-content {
+    background-color: white;
+    padding: 2rem;
+    border-radius: 0.75rem;
+    text-align: center;
+    box-shadow: var(--shadow-lg);
+    max-width: 80%;
+}
+
+.loading-content .loading-spinner {
+    width: 40px;
+    height: 40px;
+    border-width: 4px;
+    margin-bottom: 1rem;
+}
+
+.progress-text {
+    font-size: 1rem;
+    margin-top: 0.75rem;
+    color: var(--gray-700);
+}
+
+.button-container {
+    margin-top: 1.5rem;
+    display: flex;
+    justify-content: flex-start;
+    gap: 0.75rem;
+}
+
+/* Add icons for better UX */
+.icon {
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+.table-container {
+    margin-top: 1rem;
+    overflow-x: auto;
+    border-radius: 0.5rem;
+    border: 1px solid var(--gray-200);
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+    .query-container {
+        flex-direction: column;
+        align-items: stretch;
+    }
+    
+    .query-container .btn {
+        margin-top: 0.5rem;
+    }
+    
+    .floating-buttons {
+        bottom: 1rem;
+        right: 1rem;
+    }
+}
+
+.search-options {
+    margin-bottom: 20px;
+    text-align: center;
+}
+
+.checkbox-group {
+    display: flex;
+    gap: 15px;
+    margin-top: 5px;
+    justify-content: center; /* This centers the checkboxes horizontally */
+}
+
+.checkbox-item {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+}
+
+/* Adding styles for insights feature */
+.insights-container {
+    margin-top: 10px;
+    border-top: 1px dashed #ccc;
+    padding-top: 10px;
+}
+
+.insights-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 8px;
+}
+
+.insights-title {
+    font-weight: bold;
+    color: #333;
+}
+
+.insights-actions {
+    display: flex;
+    gap: 8px;
+}
+
+.insights-button {
+    font-size: 12px;
+    padding: 2px 6px;
+    background-color: #4CAF50;
+    color: white;
+    border: none;
+    border-radius: 3px;
+    cursor: pointer;
+}
+
+.insights-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    margin-top: 8px;
+}
+
+.insight-tag {
+    background-color: #f1f1f1;
+    border: 1px solid #ddd;
+    border-radius: 15px;
+    padding: 4px 12px;
+    font-size: 12px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    user-select: none;
+}
+
+.insight-tag.selected {
+    background-color: #4CAF50;
+    color: white;
+    border-color: #4CAF50;
+}
+
+/* Styles for problem refinement functionality */
+.problem-history {
+    position: relative;
+    margin-bottom: 10px;
+}
+
+.problem-history-nav {
+    display: flex;
+    align-items: center;
+    margin-bottom: 5px;
+}
+
+.history-arrow {
+    padding: 2px 8px;
+    background-color: var(--gray-200);
+    border-radius: 3px;
+    cursor: pointer;
+    margin-right: 5px;
+    font-size: 14px;
+    color: var(--gray-700);
+}
+
+.history-arrow:hover {
+    background-color: var(--gray-300);
+}
+
+.history-arrow.disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+.history-status {
+    font-size: 12px;
+    color: var(--gray-600);
+}
+
+.insight-comment-area {
+    margin-top: 10px;
+    width: 100%;
+}
+
+.insight-comment-textarea {
+    width: 100%;
+    padding: 8px;
+    border: 1px solid var(--gray-300);
+    border-radius: 4px;
+    font-size: 14px;
+    resize: vertical;
+    min-height: 60px;
+}
+
+.refined-problem-container {
+    margin-top: 20px;
+    border: 1px solid var(--gray-300);
+    border-radius: 8px;
+    overflow: hidden;
+}
+
+.refined-problem-tabs {
+    display: flex;
+    background-color: var(--gray-100);
+    border-bottom: 1px solid var(--gray-300);
+}
+
+.refined-problem-tab {
+    padding: 10px 15px;
+    cursor: pointer;
+    font-weight: 500;
+    border-right: 1px solid var(--gray-300);
+}
+
+.refined-problem-tab.active {
+    background-color: white;
+    border-bottom: 2px solid var(--primary);
+}
+
+.refined-problem-content {
+    padding: 15px;
+    background-color: white;
+}
+
+.refined-problem {
+    display: none;
+}
+
+.refined-problem.active {
+    display: block;
+}
+
+.refined-problem-title {
+    font-weight: 600;
+    margin-bottom: 10px;
+    color: var(--primary-dark);
+}
+
+.refined-problem-description {
+    line-height: 1.5;
+}
+
+.apply-problem-btn {
+    margin-top: 10px;
+    background-color: var(--primary);
+    color: white;
+    border: none;
+    border-radius: 4px;
+    padding: 5px 10px;
+    cursor: pointer;
+    font-size: 14px;
+}
+
+.apply-problem-btn:hover {
+    background-color: var(--primary-dark);
+}
+
+.enhance-problem-button {
+    background-color: var(--warning);
+    color: white;
+}
+
+.enhance-problem-button:hover {
+    background-color: #d97706;
+}
+
+.enhance-problem-button.disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+}
+
+/* Accordion styles for collapsible search results */
+.accordion-section {
+    margin-bottom: 20px;
+    border: 1px solid var(--gray-300);
+    border-radius: 8px;
+    overflow: hidden;
+    background-color: white;
+}
+
+.accordion-header {
+    background-color: var(--gray-100);
+    padding: 10px 15px;
+    cursor: pointer;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-weight: 500;
+    border-bottom: 1px solid var(--gray-300);
+}
+
+.accordion-header:hover {
+    background-color: var(--gray-200);
+}
+
+.accordion-header .toggle-icon {
+    transition: transform 0.3s ease;
+}
+
+.accordion-header.collapsed .toggle-icon {
+    transform: rotate(-90deg);
+}
+
+.accordion-body {
+    transition: max-height 0.5s ease;
+    max-height: none; /* Changed from 2000px to none to allow full height */
+    overflow: hidden;
+}
+
+.accordion-body.collapsed {
+    max-height: 0;
+    padding: 0;
+    border-top: none;
+}
+
+/* Add padding to accordion content for better readability */
+.accordion-content {
+    padding: 15px;
+}
+
+.query-timestamp {
+    font-size: 12px;
+    color: var(--gray-500);
+    margin-left: 10px;
+}
+
+.grouped-insights-container {
+    background-color: white;
+    border-radius: 8px;
+    border: 1px solid var(--gray-300);
+    margin-top: 20px;
+    margin-bottom: 20px;
+    box-shadow: var(--shadow);
+    overflow: hidden;
+    display: none;
+}
+
+.grouped-insights-header {
+    display: flex;
+    justify-content: space-between;
+    padding: 15px;
+    background-color: var(--primary-light);
+    color: white;
+    font-weight: 600;
+    align-items: center;
+}
+
+.grouped-insights-close {
+    cursor: pointer;
+    font-size: 20px;
+    font-weight: bold;
+    margin-left: 8px;
+}
+
+.grouped-insights-content {
+    padding: 0;
+}
+
+.score-group {
+    margin-bottom: 10px;
+    border-bottom: 1px solid var(--gray-300);
+}
+
+.score-group-header {
+    padding: 10px 15px;
+    background-color: var(--gray-100);
+    font-weight: 500;
+    display: flex;
+    justify-content: space-between;
+    border-bottom: 1px solid var(--gray-200);
+}
+
+.score-group-actions {
+    display: flex;
+    gap: 8px;
+}
+
+.score-insights-list {
+    padding: 10px 15px;
+}
+
+.grouped-insight-tag {
+    background-color: #f1f1f1;
+    border: 1px solid #ddd;
+    border-radius: 15px;
+    padding: 4px 12px;
+    font-size: 12px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    user-select: none;
+    margin: 4px;
+    display: inline-flex;
+    align-items: center;
+}
+
+.grouped-insight-tag.selected {
+    background-color: #4CAF50;
+    color: white;
+    border-color: #4CAF50;
+}
+
+.insight-source {
+    font-size: 9px;
+    background-color: var(--primary-dark);
+    color: white;
+    border-radius: 10px;
+    padding: 1px 6px;
+    margin-left: 5px;
+    display: inline-block;
+    text-decoration: none;
+}
+
+.insight-source:hover {
+    background-color: var(--primary);
+}
+
+.grouped-insights-actions {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+/* AI Select Button Styling */
+.ai-select-btn {
+    background: linear-gradient(135deg, #4b6cb7, #8e44ad);
+    color: white;
+    border: none;
+    padding: 8px 16px;
+    border-radius: 4px;
+    font-weight: 500;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+    transition: all 0.3s ease;
+}
+
+.ai-select-btn:before {
+    content: "🧠";
+    margin-right: 6px;
+    font-size: 14px;
+}
+
+.ai-select-btn:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+}
+
+.ai-select-btn:active {
+    transform: translateY(0);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+}
+
+.ai-select-btn:disabled {
+    background: linear-gradient(135deg, #a0a0a0, #7a7a7a);
+    cursor: wait;
+    transform: none;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+@keyframes pulse {
+    0% {
+        box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);
+    }
+    70% {
+        box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
+    }
+    100% {
+        box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
+    }
+}
+
+.pulse {
+    animation: pulse 2s infinite;
+}
+
+/* Existing styles continue below */
+.ai-select-btn {
+    background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
+    color: white;
+    font-weight: 600;
+    padding: 6px 12px;
+    border-radius: 6px;
+    border: none;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+    display: flex;
+    align-items: center;
+    transition: all 0.3s ease;
+    position: relative;
+    overflow: hidden;
+}
+
+.ai-select-btn::before {
+    content: "🧠";
+    margin-right: 6px;
+    font-size: 14px;
+}
+
+.ai-select-btn:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
+}
+
+.ai-select-btn:active {
+    transform: translateY(1px);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+}
+
+/* Add pulsing effect to draw attention */
+@keyframes pulse {
+    0% {
+        box-shadow: 0 0 0 0 rgba(139, 92, 246, 0.7);
+    }
+    70% {
+        box-shadow: 0 0 0 6px rgba(139, 92, 246, 0);
+    }
+    100% {
+        box-shadow: 0 0 0 0 rgba(139, 92, 246, 0);
+    }
+}
+
+.ai-select-btn.pulse {
+    animation: pulse 2s infinite;
+}
+
+.key-issues-container {
+    margin-top: 20px;
+    padding: 15px;
+    background-color: #f9f9f9;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.key-issues-container {
+    margin-top: 2rem;
+    border-radius: 0.5rem;
+    overflow: hidden;
+}
+
+.key-issues-list {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 1rem;
+    margin-top: 1rem;
+}
+
+@media (min-width: 768px) {
+    .key-issues-list {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+
+.key-issue-card {
+    background-color: white;
+    border: 1px solid var(--gray-300);
+    border-radius: 0.75rem;
+    padding: 1.5rem;
+    box-shadow: var(--shadow-sm);
+    cursor: pointer;
+    transition: var(--transition);
+}
+
+.key-issue-card:hover {
+    border-color: var(--primary-light);
+    box-shadow: var(--shadow-md);
+}
+
+.key-issue-card.selected {
+    border: 2px solid var(--primary);
+    background-color: rgba(37, 99, 235, 0.05);
+}
+
+.key-issue-title {
+    font-weight: 600;
+    font-size: 1.125rem;
+    color: var(--gray-800);
+    margin-bottom: 0.5rem;
+}
+
+.key-issue-description {
+    color: var(--gray-600);
+    margin-bottom: 1rem;
+    font-size: 0.9375rem;
+}
+
+.key-issue-challenges {
+    margin: 0.75rem 0;
+    padding-left: 1.5rem;
+}
+
+.key-issue-challenges li {
+    margin-bottom: 0.5rem;
+    font-size: 0.875rem;
+    color: var(--gray-700);
+}
+
+.key-issue-impact {
+    font-size: 0.875rem;
+    color: var(--gray-700);
+    font-style: italic;
+    margin-top: 0.75rem;
+}
+
+.key-issues-container h3 {
+    margin-top: 0;
+    color: #333;
+    font-size: 18px;
+    font-weight: 600;
+    margin-bottom: 15px;
+    border-bottom: 1px solid #ddd;
+    padding-bottom: 8px;
+}
+
+.key-issues-list {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 15px;
+}
+
+.key-issue-card {
+    background-color: white;
+    border: 1px solid #e0e0e0;
+    border-radius: 6px;
+    padding: 15px;
+    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
+    transition: all 0.3s ease;
+    cursor: pointer;
+}
+
+.key-issue-card:hover {
+    transform: translateY(-3px);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    border-color: #ccc;
+}
+
+.key-issue-card.selected {
+    border: 2px solid #4b6cb7;
+    background-color: rgba(75, 108, 183, 0.05);
+}
+
+.key-issue-title {
+    font-weight: 600;
+    color: #333;
+    margin-bottom: 10px;
+    font-size: 16px;
+}
+
+.key-issue-description {
+    color: #555;
+    font-size: 14px;
+    line-height: 1.5;
+    margin-bottom: 12px;
+}
+
+.key-issue-challenges {
+    padding-left: 18px;
+    margin: 10px 0;
+}
+
+.key-issue-challenges li {
+    font-size: 13px;
+    color: #666;
+    margin-bottom: 5px;
+}
+
+.key-issue-impact {
+    font-size: 13px;
+    color: #d32f2f;
+    font-style: italic;
+}
+
+/* Accordion Ribbon Styles */
+.ribbon-accordion {
+    position: fixed;
+    bottom: 2rem;
+    right: 2rem;
+    z-index: 100;
+    width: 320px;
+    background-color: #fff;
+    border-radius: 0.75rem 0.75rem 0 0;
+    box-shadow: var(--shadow-lg);
+    overflow: hidden;
+    transition: transform 0.3s ease;
+    transform-origin: bottom center;
+}
+
+.ribbon-accordion.collapsed {
+    transform: translateY(calc(100% - 50px));
+}
+
+.ribbon-header {
+    background-color: #8e44ad;
+    color: white;
+    padding: 15px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+}
+
+.ribbon-title {
+    font-weight: 600;
+    font-size: 1rem;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.ribbon-icon {
+    font-size: 1.25rem;
+}
+
+.ribbon-toggle {
+    transition: transform 0.3s ease;
+}
+
+.collapsed .ribbon-toggle {
+    transform: rotate(180deg);
+}
+
+.ribbon-content {
+    padding: 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    max-height: 400px;
+    overflow-y: auto;
+}
+
+.auto-run-btn {
+    background: linear-gradient(135deg, #ff9966, #ff5e62);
+    color: white;
+    border: none;
+    border-radius: 0.5rem;
+    padding: 0.75rem;
+    font-weight: 600;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+    box-shadow: var(--shadow);
+    transition: all 0.3s ease;
+    position: relative;
+    overflow: hidden;
+}
+
+.auto-run-btn::before {
+    content: "🚀";
+    font-size: 1.25rem;
+}
+
+.auto-run-btn:hover {
+    transform: translateY(-2px);
+    box-shadow: var(--shadow-lg);
+    background: linear-gradient(135deg, #ff5e62, #ff9966);
+}
+
+.auto-run-btn:active {
+    transform: translateY(0);
+    box-shadow: var(--shadow);
+}
+
+/* Progress bar for auto-run */
+.progress-bar-container {
+    height: 6px;
+    background-color: #f0f0f0;
+    border-radius: 3px;
+    margin-top: 0.75rem;
+    overflow: hidden;
+    display: none;
+}
+
+.progress-bar {
+    height: 100%;
+    background: linear-gradient(90deg, #8e44ad, #3498db);
+    width: 0%;
+    transition: width 0.3s ease;
+}
+
+.progress-step {
+    font-size: 0.75rem;
+    color: var(--gray-600);
+    margin-top: 0.25rem;
+    display: none;
+}
+
+/* Hide original floating buttons when using ribbon */
+.ribbon-mode .floating-buttons {
+    display: none;
+}
+
+/* Existing styles continue below */