/* Minify_CSS_UriRewriter::$debugText

*/

/* super-paraphraser.css */

/* 1   */ /* ---------- App Container ---------- */
/* 2   */ #bsp-app {
/* 3   */   max-width: 1100px;
/* 4   */   margin: 20px auto;
/* 5   */   padding: 20px;
/* 6   */   background: #ffffff;
/* 7   */   border-radius: 12px;
/* 8   */   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
/* 9   */   font-family: "Segoe UI", Tahoma, sans-serif;
/* 10  */   color: #222;
/* 11  */ }
/* 12  */
/* 13  */ /* Title */
/* 14  */ .bsp-title {
/* 15  */   font-size: 20px;
/* 16  */   font-weight: bold;
/* 17  */   color: #2c7a3f;
/* 18  */   display: flex;
/* 19  */   align-items: center;
/* 20  */   gap: 6px;
/* 21  */   margin-bottom: 15px;
/* 22  */ }
/* 23  */
/* 24  */ /* ---------- Input Area ---------- */
/* 25  */ #bsp-input {
/* 26  */   width: 100%;
/* 27  */   max-width: 100%;
/* 28  */   min-height: 150px;
/* 29  */   resize: vertical;
/* 30  */   padding: 12px;
/* 31  */   border-radius: 8px;
/* 32  */   border: 1px solid #ddd;
/* 33  */   font-size: 15px;
/* 34  */   line-height: 1.5;
/* 35  */   margin-bottom: 15px;
/* 36  */ }
/* 37  */
/* 38  */ /* ---------- Controls ---------- */
/* 39  */ .bsp-controls {
/* 40  */   display: flex;
/* 41  */   flex-wrap: wrap;
/* 42  */   gap: 20px;
/* 43  */   margin-bottom: 15px;
/* 44  */ }
/* 45  */ .bsp-controls label {
/* 46  */   font-size: 14px;
/* 47  */   font-weight: 500;
/* 48  */   display: flex;
/* 49  */   align-items: center;
/* 50  */   gap: 6px;

/* super-paraphraser.css */

/* 51  */ }
/* 52  */
/* 53  */ /* ---------- Button ---------- */
/* 54  */ #bsp-btn {
/* 55  */   background: #1e9e4e;
/* 56  */   color: white;
/* 57  */   font-size: 15px;
/* 58  */   font-weight: 600;
/* 59  */   border: none;
/* 60  */   border-radius: 8px;
/* 61  */   padding: 10px 18px;
/* 62  */   cursor: pointer;
/* 63  */   transition: background 0.3s;
/* 64  */   display: block;
/* 65  */   width: 100%;
/* 66  */   max-width: 220px;
/* 67  */   margin: 10px auto;
/* 68  */ }
/* 69  */ #bsp-btn:hover {
/* 70  */   background: #177a3d;
/* 71  */ }
/* 72  */ #bsp-status {
/* 73  */   text-align: center;
/* 74  */   margin: 8px 0 18px;
/* 75  */   font-size: 14px;
/* 76  */   color: #444;
/* 77  */ }
/* 78  */
/* 79  */ /* ---------- Results Section ---------- */
/* 80  */ .bsp-results {
/* 81  */   display: flex;
/* 82  */   gap: 20px;
/* 83  */   margin-bottom: 15px;
/* 84  */ }
/* 85  */ .bsp-col {
/* 86  */   flex: 1;
/* 87  */   background: #fafafa;
/* 88  */   padding: 12px;
/* 89  */   border-radius: 10px;
/* 90  */   border: 1px solid #ddd;
/* 91  */   overflow-y: auto;
/* 92  */   max-height: 400px;
/* 93  */ }
/* 94  */ .bsp-col h4 {
/* 95  */   margin: 0 0 8px;
/* 96  */   font-size: 15px;
/* 97  */   font-weight: 600;
/* 98  */   color: #d9534f;
/* 99  */   display: flex;
/* 100 */   align-items: center;

/* super-paraphraser.css */

/* 101 */   gap: 5px;
/* 102 */ }
/* 103 */ #bsp-output, #bsp-original {
/* 104 */   font-size: 14px;
/* 105 */   line-height: 1.6;
/* 106 */   white-space: pre-wrap;
/* 107 */   word-wrap: break-word;
/* 108 */ }
/* 109 */
/* 110 */ /* ---------- Highlight Toggle ---------- */
/* 111 */ .bsp-toggle {
/* 112 */   margin-bottom: 15px;
/* 113 */   font-size: 14px;
/* 114 */   display: flex;
/* 115 */   align-items: center;
/* 116 */   gap: 8px;
/* 117 */ }
/* 118 */
/* 119 */ /* ---------- Analysis Box ---------- */
/* 120 */ .bsp-analysis {
/* 121 */   background: #f1f9f2;
/* 122 */   border: 1px solid #cfe8d1;
/* 123 */   padding: 12px 15px;
/* 124 */   border-radius: 8px;
/* 125 */   font-size: 14px;
/* 126 */ }
/* 127 */ .bsp-analysis h4 {
/* 128 */   margin: 0 0 8px;
/* 129 */   font-size: 15px;
/* 130 */   color: #2d6a36;
/* 131 */   display: flex;
/* 132 */   align-items: center;
/* 133 */   gap: 6px;
/* 134 */ }
/* 135 */
/* 136 */ /* ---------- Diff Highlighting ---------- */
/* 137 */ .bsp-added {
/* 138 */   background-color: #d4f7d0; /* green */
/* 139 */   color: #065f08;
/* 140 */   border-radius: 3px;
/* 141 */   padding: 0 2px;
/* 142 */ }
/* 143 */ .bsp-removed {
/* 144 */   background-color: #fddede; /* red */
/* 145 */   color: #a40000;
/* 146 */   border-radius: 3px;
/* 147 */   padding: 0 2px;
/* 148 */   text-decoration: line-through;
/* 149 */ }
/* 150 */ .bsp-replaced {

/* super-paraphraser.css */

/* 151 */   background-color: #ffe5b4; /* orange */
/* 152 */   color: #7a3e00;
/* 153 */   border-radius: 3px;
/* 154 */   padding: 0 2px;
/* 155 */ }
/* 156 */
/* 157 */ /* ---------- Copy & Download Buttons ---------- */
/* 158 */ .bsp-actions {
/* 159 */   display: flex;
/* 160 */   gap: 10px;
/* 161 */   margin-top: 10px;
/* 162 */ }
/* 163 */ .bsp-actions button {
/* 164 */   flex: 1;
/* 165 */   background: #eee;
/* 166 */   border: 1px solid #ccc;
/* 167 */   border-radius: 6px;
/* 168 */   padding: 6px 10px;
/* 169 */   cursor: pointer;
/* 170 */   font-size: 13px;
/* 171 */   font-weight: 500;
/* 172 */   display: flex;
/* 173 */   align-items: center;
/* 174 */   justify-content: center;
/* 175 */   gap: 5px;
/* 176 */   transition: background 0.2s;
/* 177 */ }
/* 178 */ .bsp-actions button:hover {
/* 179 */   background: #ddd;
/* 180 */ }
/* 181 */
/* 182 */ /* ---------- Responsive Design ---------- */
/* 183 */ @media (max-width: 900px) {
/* 184 */   .bsp-results {
/* 185 */     flex-direction: column;
/* 186 */   }
/* 187 */   .bsp-col {
/* 188 */     max-height: unset;
/* 189 */   }
/* 190 */   #bsp-btn {
/* 191 */     width: 100%;
/* 192 */   }
/* 193 */ }
/* 194 */