.settings-content{grid-template-columns:280px 1fr;align-items:start;gap:2rem;display:grid}.settings-sidebar{border-radius:12px;position:sticky;top:2rem}.settings-main{border-radius:16px;min-height:400px}input[type=range]{appearance:none;background:#ffffff1a;border-radius:4px;outline:none;height:8px;transition:all .3s}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #fff3;border-radius:50%;width:20px;height:20px;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 6px 16px #3b82f666}input[type=range]::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #fff3;border-radius:50%;width:20px;height:20px;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}html.dark input[type=range],html[data-theme=dark] input[type=range]{background:#ffffff0d}html.dark input[type=range]::-webkit-slider-thumb{border:2px solid #ffffff1a}html[data-theme=dark] input[type=range]::-webkit-slider-thumb{border:2px solid #ffffff1a}html.dark input[type=range]::-moz-range-thumb{border:2px solid #ffffff1a}html[data-theme=dark] input[type=range]::-moz-range-thumb{border:2px solid #ffffff1a}@media (max-width:1024px){.settings-content{grid-template-columns:1fr;gap:1.5rem}.settings-sidebar{position:static}}