*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#08080f;width:100%;height:100%;overflow:hidden}.settings-container{z-index:10;-webkit-user-select:none;user-select:none;position:fixed;top:16px;right:16px}.settings-gear{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;line-height:1;transition:background .3s,border-color .3s,transform .2s;display:flex}.settings-gear:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05)}.settings-dropdown{-webkit-backdrop-filter:blur(20px);background:#14141ed9;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;gap:12px;min-width:270px;padding:16px;animation:.2s ease-out settingsFadeIn;display:flex;position:absolute;top:42px;right:0}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.settings-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-label{color:#ffffff8c;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;min-width:70px;font:500 12px/1 system-ui,sans-serif}.swatch-group{gap:6px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:border-color .2s,transform .15s}.swatch:hover{transform:scale(1.15)}.swatch-active{border-color:#fff;box-shadow:0 0 6px #ffffff4d}.pill-group{gap:4px;display:flex}.pill{cursor:pointer;color:#ffffffa6;text-transform:capitalize;background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;padding:5px 12px;font:500 11px/1 system-ui,sans-serif;transition:background .2s,color .2s,border-color .2s}.pill:hover{color:#fff;background:#ffffff1f}.pill-active{color:#fff;background:#fff3;border-color:#ffffff59}.settings-color{appearance:none;cursor:pointer;background:0 0;border:2px solid #fff3;border-radius:50%;flex-shrink:0;width:28px;height:28px;padding:0}.settings-color::-webkit-color-swatch-wrapper{padding:0}.settings-color::-webkit-color-swatch{border:none;border-radius:50%}.settings-color::-moz-color-swatch{border:none;border-radius:50%}.settings-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:2px;outline:none;width:120px;height:4px}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px}.settings-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:14px;height:14px}