.tools-tab-shell {
    padding: var(--space-16) var(--space-16) 0;
}

.tools-segmented {
    display: flex;
    background: var(--bg-muted);
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4);
    margin-bottom: var(--space-16);
    border: 1px solid var(--border);
    border-radius: var(--r-pill);
}

.tools-segment-btn {
    flex: 1 1 0;
    min-height: 44px;
    padding: var(--space-8) var(--space-12);
    border: none;
    border-radius: var(--r-pill);
    background: transparent;
    color: var(--ink-3);
    font-size: var(--fs-sm);
    font-weight: var(--font-weight-semibold);
    line-height: var(--lh-tight);
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--dur-fast) var(--ease-standard),
        color var(--dur-fast) var(--ease-standard),
        box-shadow var(--dur-fast) var(--ease-standard);
}

.tools-segment-btn:hover {
    color: var(--green-primary);
    background: var(--bg-card);
}

.tools-segment-btn.active {
    color: var(--bg-card);
    background: var(--green-primary);
    box-shadow: var(--shadow-xs);
}

.tools-segment-btn:focus-visible {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
}

.tools-subview {
    display: none;
}

.tools-subview.active {
    display: block;
}

.tools-range-label {
    color: var(--ink-3);
    font-size: var(--fs-sm);
}

#tab-tools .check-wrap {
    display: inline-flex;
    align-items: center;
    gap: var(--space-8);
    color: var(--ink-2);
    font-size: var(--fs-sm);
}

#tab-tools .check-wrap .check-box {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--green-primary);
}

#tab-tools .check-wrap label {
    cursor: pointer;
}

#tab-tools .tools-lab-title {
    font-size: var(--fs-xl);
}

@media (max-width: 768px) {
    .tools-tab-shell {
        padding: var(--space-12) var(--space-12) 0;
    }

    .tools-segment-btn {
        font-size: var(--fs-xs);
        padding: var(--space-8);
    }

    /* 移动端去掉浮卡样式，与 HLQ 页平铺风格保持一致 */
    .cocast-panel {
        margin: 0;
        padding: 0 0 var(--space-16);
        background: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

    /* 输入框换用白色背景，在暖米色页面上对比更清晰 */
    .cast-name-input {
        background: var(--bg-card);
    }
}