.settings-toggle{position:fixed;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#000c;color:#fff;border:2px solid rgba(255,255,255,.3);cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all .3s ease}.settings-toggle:hover{background:#000000e6;transform:rotate(45deg)}.settings-panel{position:fixed;top:20px;right:-350px;background:#000c;padding:20px;border-radius:10px;color:#fff;width:300px;z-index:1000;transition:right .3s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.settings-panel.show{right:20px}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-header h3{margin:0}.close-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .3s}.close-button:hover{opacity:1}.settings-panel label{display:block;margin:15px 0}.settings-panel input[type=range]{width:100%;margin:5px 0;background:#ffffff1a;border-radius:5px;height:6px;-webkit-appearance:none}.settings-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;background:#fff;border-radius:50%;cursor:pointer}.settings-panel input[type=color]{margin-left:10px;border:none;background:none;width:40px;height:40px;cursor:pointer}.settings-panel span{margin-left:10px;font-size:.9em;opacity:.8}.settings-panel button{width:100%;margin-top:20px;padding:10px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:5px;cursor:pointer;transition:all .3s}.settings-panel button:hover{background:#fff3}