/* ===== 參數拉桿（#11169：ATEN 語速 / 音調 / 音量 / 停頓；generation-settings-manager.renderSliderInput）=====
   一行呈現：名稱｜低 拉桿 高｜數值。範圍與預設值在滑鼠提示，不另佔行 */

/* 拉桿列、一行呈現的語音參數（ATEN 聲優 / 語言、VoAI 配音員…）不需要一般參數卡片的 24px 上下留白 */
.param-list-flat .param-item.param-item-slider,
.param-item.param-item-slider,
.param-list-flat .param-item.param-item-inline,
.param-item.param-item-inline {
    padding: 10px 24px !important;
}

/* 一行呈現：名稱在左、下拉 / 輸入框在右（與拉桿同一欄寬，上下對齊） */
.param-inline-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.param-item .param-inline-row .parameter-input {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    margin: 0;
    padding: 6px 12px !important;
    font-size: 14px !important;
}

.param-slider {
    display: flex;
    align-items: center;
    gap: 10px;
}

.param-slider-label,
.param-inline-label {
    flex: none;
    min-width: 4em;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-color, #2c3e50);
    cursor: pointer;
}

.param-slider-end {
    flex: none;
    font-size: 12px;
    color: var(--text-muted, #999);
    user-select: none;
}

/* 蓋掉 .param-item .parameter-input 的輸入框樣式（padding / 寬度 !important），拉桿不需要 */
.param-item .param-slider input.param-slider-range,
.parameter-item .param-slider input.param-slider-range {
    flex: 1;
    width: auto !important;
    min-width: 0;
    height: 20px;
    padding: 0 !important;
    margin: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    accent-color: var(--primary-color, #59b89f);
    cursor: pointer;
}

.param-slider-value {
    flex: none;
    min-width: 76px;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(var(--primary-rgb, 89, 184, 159), 0.12);
    color: var(--secondary-color, #00926b);
    font: 600 13px/1.5 Consolas, "Cascadia Mono", monospace;
    text-align: center;
    cursor: default;
    user-select: none;
}