.settings-container {
    width: 480px;
    margin: 20px auto;
    text-align: left;
}

.settings-category {
    margin-bottom: 30px;
}

.settings-category h2 {
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 5px;
}

.setting-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
}

.setting-row input[type="text"],
.setting-row select {
    width: 140px;
}

.setting-row input[type="range"] {
    width: 140px;
    padding: 0;
    border: 0;
    background: transparent;
}

.setting-row input[type="checkbox"] {
    width: 20px;
    height: 20px;
    padding: 0;
}

@media (max-width: 600px) {
    .settings-container {
        width: 90%;
    }
}