#fw-section-rich-text-3f1ff085-1522-4d6a-b907-1d0692315a9b {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-custom-html-c8727ee5-2da6-4e65-adc9-278c8293314b {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}




#fw-section-custom-html-98c86bf8-9019-4308-b38b-8f32154ff554 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}
















#fw-section-custom-html-c6493f17-82c3-40a0-b60f-45e6085298e9 {

 body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            max-width: 900px;
            margin: 0 auto;
            padding: 20px;
            background: #f5f7fa;
            color: #333;
        }
        h1 {
            font-size: 2em;
            color: #2c3e50;
            text-align: center;
            margin-bottom: 20px;
        }
        .controls {
            background: #fff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }
        input[type="text"], select {
            padding: 10px;
            margin: 5px;
            border: 1px solid #ddd;
            border-radius: 5px;
            width: 200px;
            font-size: 1em;
        }
        button {
            padding: 10px 20px;
            background: #3498db;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 1em;
            transition: background 0.3s;
        }
        button:hover { background: #2980b9; }
        #output, .saved-brief {
            background: #fff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            margin-top: 20px;
        }
        h2 {
            color: #2c3e50;
            font-size: 1.5em;
            margin-top: 30px;
        }
        h3 { color: #34495e; }
        pre { white-space: pre-wrap; font-size: 1em; line-height: 1.6; }
        a { color: #2980b9; text-decoration: none; }
        a:hover { text-decoration: underline; }
        .download-btn { background: #27ae60; margin: 5px; }
        .download-btn:hover { background: #219653; }
        .json-btn { background: #f39c12; }
        .json-btn:hover { background: #e67e22; }
        .article-btn { background: #3498db; }
        .article-btn:hover { background: #2980b9; }
        #saved-briefs { margin-bottom: 20px; }
        #clear-btn { background: #e74c3c; }
        #clear-btn:hover { background: #c0392b; }
        .suggestions { margin-top: 15px; padding: 10px; background: #eef2f7; border-radius: 5px; }
        .suggestions-buttons { margin-top: 10px; }
}






#fw-section-custom-html-1aeb0778-7056-4cb9-8504-366c0a39477d {

 /* iFrame container */
        .iframe-container {
            flex: 1;
            display: flex;
            flex-direction: column;
          min-height: 780px;
        }

        iframe {
            flex: 1;
            border: none; /* Remove border */
            border-radius: 0px; /* Rounded corners */
            overflow: hidden; /* Hide scrollbars */
            width: 100%;
            height: 100%;
        }

}








#fw-section-custom-html-ab906be8-90a8-40cf-8c64-7720d53544e9 {

.stats {margin: auto;
  width: 60%;
  border: 3px solid #000;
  padding: 10px;}
}