| @@ -491,61 +491,8 @@ | ||
| 491 | 491 | border-color: var(--mxch-input-focus, #7873f5); |
| 492 | 492 | box-shadow: 0 0 0 3px var(--mxch-primary-light, rgba(120, 115, 245, 0.1)); |
| 493 | 493 | } |
| 494 | 494 | |
| 495 | -/* ─── Range slider (Images per article) ─────────────────────────── */ | |
| 496 | - | |
| 497 | -.mxch-cg-slider-row { | |
| 498 | - display: flex; | |
| 499 | - align-items: center; | |
| 500 | - gap: 12px; | |
| 501 | -} | |
| 502 | - | |
| 503 | -.mxch-cg-slider { | |
| 504 | - flex: 1; | |
| 505 | - -webkit-appearance: none; | |
| 506 | - appearance: none; | |
| 507 | - height: 6px; | |
| 508 | - border-radius: 3px; | |
| 509 | - background: #e2e8f0; | |
| 510 | - cursor: pointer; | |
| 511 | -} | |
| 512 | - | |
| 513 | -.mxch-cg-slider:disabled { | |
| 514 | - opacity: 0.5; | |
| 515 | - cursor: not-allowed; | |
| 516 | -} | |
| 517 | - | |
| 518 | -.mxch-cg-slider::-webkit-slider-thumb { | |
| 519 | - -webkit-appearance: none; | |
| 520 | - appearance: none; | |
| 521 | - width: 18px; | |
| 522 | - height: 18px; | |
| 523 | - border-radius: 50%; | |
| 524 | - background: var(--mxch-primary, #7873f5); | |
| 525 | - border: 2px solid #fff; | |
| 526 | - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); | |
| 527 | - cursor: pointer; | |
| 528 | -} | |
| 529 | - | |
| 530 | -.mxch-cg-slider::-moz-range-thumb { | |
| 531 | - width: 18px; | |
| 532 | - height: 18px; | |
| 533 | - border-radius: 50%; | |
| 534 | - background: var(--mxch-primary, #7873f5); | |
| 535 | - border: 2px solid #fff; | |
| 536 | - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); | |
| 537 | - cursor: pointer; | |
| 538 | -} | |
| 539 | - | |
| 540 | -.mxch-cg-slider-value { | |
| 541 | - min-width: 24px; | |
| 542 | - text-align: center; | |
| 543 | - font-size: 14px; | |
| 544 | - font-weight: 600; | |
| 545 | - color: var(--mxch-primary, #7873f5); | |
| 546 | -} | |
| 547 | - | |
| 548 | 495 | /* ─── Progress Bar (inside modal) ───────────────────────────────── */ |
| 549 | 496 | |
| 550 | 497 | .mxch-cg-progress { |
| 551 | 498 | margin-top: 14px; |
| @@ -3204,196 +3151,6 @@ | ||
| 3204 | 3151 | } |
| 3205 | 3152 | .mxch-seod-pagination { |
| 3206 | 3153 | margin-left: 0; |
| 3207 | 3154 | justify-content: center; |
| 3208 | - } | |
| 3209 | -} | |
| 3210 | - | |
| 3211 | -/* ── Edit Default Prompt Button & Modal ────────────────────── */ | |
| 3212 | -.mxch-cg-edit-prompt-btn { | |
| 3213 | - display: inline-flex; | |
| 3214 | - align-items: center; | |
| 3215 | - gap: 5px; | |
| 3216 | - background: none; | |
| 3217 | - border: none; | |
| 3218 | - color: #8a8f98; | |
| 3219 | - font-size: 12px; | |
| 3220 | - cursor: pointer; | |
| 3221 | - padding: 4px 0; | |
| 3222 | - margin-top: 2px; | |
| 3223 | - transition: color 0.2s; | |
| 3224 | -} | |
| 3225 | -.mxch-cg-edit-prompt-btn:hover { | |
| 3226 | - color: #c5c9d1; | |
| 3227 | -} | |
| 3228 | -.mxch-cg-edit-prompt-btn.mxch-cg-prompt-modified { | |
| 3229 | - color: #7c6ee8; | |
| 3230 | -} | |
| 3231 | -.mxch-cg-edit-prompt-btn.mxch-cg-prompt-modified:hover { | |
| 3232 | - color: #9d92f0; | |
| 3233 | -} | |
| 3234 | - | |
| 3235 | -/* Modal overlay + container */ | |
| 3236 | -.mxch-cg-prompt-modal { | |
| 3237 | - position: fixed; | |
| 3238 | - top: 0; | |
| 3239 | - left: 0; | |
| 3240 | - right: 0; | |
| 3241 | - bottom: 0; | |
| 3242 | - z-index: 100100; | |
| 3243 | - display: flex; | |
| 3244 | - align-items: center; | |
| 3245 | - justify-content: center; | |
| 3246 | - overflow: hidden; | |
| 3247 | -} | |
| 3248 | -.mxch-cg-prompt-modal-overlay { | |
| 3249 | - position: absolute; | |
| 3250 | - top: 0; | |
| 3251 | - left: 0; | |
| 3252 | - right: 0; | |
| 3253 | - bottom: 0; | |
| 3254 | - background: rgba(0, 0, 0, 0.6); | |
| 3255 | -} | |
| 3256 | -.mxch-cg-prompt-modal-content { | |
| 3257 | - position: relative; | |
| 3258 | - background: #1e1e2e; | |
| 3259 | - border: 1px solid rgba(255, 255, 255, 0.08); | |
| 3260 | - border-radius: 12px; | |
| 3261 | - width: 90%; | |
| 3262 | - max-width: 760px; | |
| 3263 | - height: 75vh; | |
| 3264 | - max-height: 600px; | |
| 3265 | - display: flex; | |
| 3266 | - flex-direction: column; | |
| 3267 | - box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); | |
| 3268 | - overflow: hidden; | |
| 3269 | -} | |
| 3270 | - | |
| 3271 | -/* Header */ | |
| 3272 | -.mxch-cg-prompt-modal-header { | |
| 3273 | - display: flex; | |
| 3274 | - align-items: center; | |
| 3275 | - justify-content: space-between; | |
| 3276 | - padding: 18px 24px; | |
| 3277 | - border-bottom: 1px solid rgba(255, 255, 255, 0.06); | |
| 3278 | -} | |
| 3279 | -.mxch-cg-prompt-modal-header h3 { | |
| 3280 | - margin: 0; | |
| 3281 | - font-size: 15px; | |
| 3282 | - font-weight: 600; | |
| 3283 | - color: #e2e4e9; | |
| 3284 | -} | |
| 3285 | -.mxch-cg-prompt-modal-close { | |
| 3286 | - background: none; | |
| 3287 | - border: none; | |
| 3288 | - color: #8a8f98; | |
| 3289 | - font-size: 22px; | |
| 3290 | - cursor: pointer; | |
| 3291 | - padding: 0 4px; | |
| 3292 | - line-height: 1; | |
| 3293 | - transition: color 0.2s; | |
| 3294 | -} | |
| 3295 | -.mxch-cg-prompt-modal-close:hover { | |
| 3296 | - color: #fff; | |
| 3297 | -} | |
| 3298 | - | |
| 3299 | -/* Body */ | |
| 3300 | -.mxch-cg-prompt-modal-body { | |
| 3301 | - padding: 16px 24px; | |
| 3302 | - overflow: hidden; | |
| 3303 | - flex: 1; | |
| 3304 | - display: flex; | |
| 3305 | - flex-direction: column; | |
| 3306 | - min-height: 0; | |
| 3307 | -} | |
| 3308 | -.mxch-cg-prompt-modal-desc { | |
| 3309 | - margin: 0 0 12px; | |
| 3310 | - font-size: 13px; | |
| 3311 | - color: #8a8f98; | |
| 3312 | - line-height: 1.5; | |
| 3313 | - flex-shrink: 0; | |
| 3314 | -} | |
| 3315 | -.mxch-cg-system-prompt-editor { | |
| 3316 | - width: 100%; | |
| 3317 | - flex: 1; | |
| 3318 | - min-height: 200px; | |
| 3319 | - background: #13131f; | |
| 3320 | - border: 1px solid rgba(255, 255, 255, 0.06); | |
| 3321 | - border-radius: 8px; | |
| 3322 | - color: #c5c9d1; | |
| 3323 | - font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; | |
| 3324 | - font-size: 12.5px; | |
| 3325 | - line-height: 1.7; | |
| 3326 | - padding: 14px 16px; | |
| 3327 | - resize: none; | |
| 3328 | - box-sizing: border-box; | |
| 3329 | - overflow-y: auto; | |
| 3330 | -} | |
| 3331 | -.mxch-cg-system-prompt-editor:focus { | |
| 3332 | - outline: none; | |
| 3333 | - border-color: rgba(124, 110, 232, 0.4); | |
| 3334 | - box-shadow: 0 0 0 2px rgba(124, 110, 232, 0.1); | |
| 3335 | -} | |
| 3336 | -/* Custom scrollbar for prompt editor */ | |
| 3337 | -.mxch-cg-system-prompt-editor::-webkit-scrollbar { | |
| 3338 | - width: 6px; | |
| 3339 | -} | |
| 3340 | -.mxch-cg-system-prompt-editor::-webkit-scrollbar-track { | |
| 3341 | - background: transparent; | |
| 3342 | - border-radius: 3px; | |
| 3343 | -} | |
| 3344 | -.mxch-cg-system-prompt-editor::-webkit-scrollbar-thumb { | |
| 3345 | - background: rgba(124, 110, 232, 0.3); | |
| 3346 | - border-radius: 3px; | |
| 3347 | -} | |
| 3348 | -.mxch-cg-system-prompt-editor::-webkit-scrollbar-thumb:hover { | |
| 3349 | - background: rgba(124, 110, 232, 0.5); | |
| 3350 | -} | |
| 3351 | - | |
| 3352 | -/* Footer */ | |
| 3353 | -.mxch-cg-prompt-modal-footer { | |
| 3354 | - display: flex; | |
| 3355 | - align-items: center; | |
| 3356 | - justify-content: space-between; | |
| 3357 | - padding: 14px 24px; | |
| 3358 | - border-top: 1px solid rgba(255, 255, 255, 0.06); | |
| 3359 | -} | |
| 3360 | -.mxch-cg-prompt-modal-footer-right { | |
| 3361 | - display: flex; | |
| 3362 | - gap: 8px; | |
| 3363 | -} | |
| 3364 | -.mxch-cg-prompt-modal-footer .button { | |
| 3365 | - background: #2a2a3d; | |
| 3366 | - border: 1px solid rgba(255, 255, 255, 0.08); | |
| 3367 | - color: #c5c9d1; | |
| 3368 | - border-radius: 6px; | |
| 3369 | - padding: 6px 14px; | |
| 3370 | - font-size: 13px; | |
| 3371 | - cursor: pointer; | |
| 3372 | - transition: background 0.2s, border-color 0.2s; | |
| 3373 | -} | |
| 3374 | -.mxch-cg-prompt-modal-footer .button:hover { | |
| 3375 | - background: #333350; | |
| 3376 | - border-color: rgba(255, 255, 255, 0.14); | |
| 3377 | -} | |
| 3378 | -.mxch-cg-prompt-modal-footer .button-primary { | |
| 3379 | - background: #7c6ee8; | |
| 3380 | - border-color: #7c6ee8; | |
| 3381 | - color: #fff; | |
| 3382 | -} | |
| 3383 | -.mxch-cg-prompt-modal-footer .button-primary:hover { | |
| 3384 | - background: #6b5dd3; | |
| 3385 | - border-color: #6b5dd3; | |
| 3386 | -} | |
| 3387 | - | |
| 3388 | -@media (max-width: 600px) { | |
| 3389 | - .mxch-cg-prompt-modal-content { | |
| 3390 | - width: 96%; | |
| 3391 | - max-height: 90vh; | |
| 3392 | - } | |
| 3393 | - .mxch-cg-prompt-modal-header, | |
| 3394 | - .mxch-cg-prompt-modal-body, | |
| 3395 | - .mxch-cg-prompt-modal-footer { | |
| 3396 | - padding-left: 16px; | |
| 3397 | - padding-right: 16px; | |
| 3398 | 3155 | } |
| 3399 | 3156 | } |
