/* Spintax page styles */
.contentweaver-loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 9999; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.contentweaver-loading-spinner { border: 4px solid #f3f3f3; border-top: 4px solid #0073aa; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin-bottom: 10px; }
.contentweaver-loading-message { color: #444; font-size: 16px; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.spintax-help { background: #fff; padding: 15px; margin: 20px 0; border-left: 4px solid #46b450; }
.ai-suggestions-box { background: #fff; border: 1px solid #ddd; padding: 15px; margin: 10px 0; max-height: 300px; overflow-y: auto; }
.button-group { margin-top: 10px; }
.slider-container { display: flex; align-items: center; gap: 15px; margin: 10px 0; }
#variations-slider, #spins-slider { flex: 1; max-width: 200px; }
#variations-value, #spins-value { min-width: 30px; text-align: center; font-weight: bold; }
.ui-slider { position: relative; text-align: left; background: #f0f0f0; border: 1px solid #ddd; border-radius: 4px; height: 8px; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 16px; height: 16px; cursor: pointer; background: #2271b1; border-radius: 50%; border: none; top: -4px; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; background: #2271b1; border-radius: 4px; height: 100%; }