.st-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; font-weight: 700; font-size: 0.95rem; color:var(--text); text-shadow: 0 1px 1px rgba(0,0,0,0.03); }

.st-desc { font-size: 0.72rem; opacity: 0.55; margin-top: -14px; margin-bottom: 16px; line-height: 1.3; color:var(--text); }

.st-group-label { font-size: 0.7rem; text-transform: uppercase; font-weight: 800; color: var(--primary); margin-bottom: 10px; letter-spacing: 0.3px; }

.switch { position: relative; width: 52px; height: 32px; flex-shrink: 0; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; inset: 0; background-color: rgba(120,120,128,0.2); border-radius: 34px; transition: .3s; }
.slider:before { position: absolute; content: ""; height: 28px; width: 28px; left: 2px; bottom: 2px; background-color: white; border-radius: 50%; transition: .3s; box-shadow: 0 2px 4px rgba(0,0,0,0.2); }
input:checked + .slider { background-color: #34c759; }
input:checked + .slider:before { transform: translateX(20px); }

input[type=range] { width: 100%; height: 6px; background: rgba(0,0,0,0.1); border-radius: 10px; accent-color: var(--primary); margin-top: 6px; }
input[type=number] { width: 60px; padding: 10px; border-radius: 6px; border: 1px solid rgba(0,0,0,0.1); text-align: center; font-weight: 700; font-family: inherit; background: rgba(255,255,255,0.5); color: #000; }