.slider-custom{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.slider-custom::-webkit-slider-runnable-track{width:100%;height:8px;background:linear-gradient(to right,#9ca3af 0,#9ca3af var(--slider-percentage,50%),#e5e7eb var(--slider-percentage,50%),#e5e7eb 100%);border-radius:9999px}.slider-custom::-moz-range-track{width:100%;height:8px;background:linear-gradient(to right,#9ca3af 0,#9ca3af var(--slider-percentage,50%),#e5e7eb var(--slider-percentage,50%),#e5e7eb 100%);border-radius:9999px}.slider-custom::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fff;border:2px solid #9ca3af;border-radius:50%;cursor:pointer;margin-top:-4px}.slider-custom::-moz-range-thumb{width:16px;height:16px;background:#fff;border:2px solid #9ca3af;border-radius:50%;cursor:pointer}.slider-custom{--slider-percentage:calc((var(--value) / 500) * 100%)}.slider-custom-new{background:linear-gradient(to right,#3b82f6 0,#3b82f6 var(--value,50%),#e5e7eb var(--value,50%),#e5e7eb 100%)}.slider-custom-new::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border:3px solid #3b82f6;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .2s}.slider-custom-new::-moz-range-thumb{width:20px;height:20px;background:#fff;border:3px solid #3b82f6;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .2s}.slider-custom-new::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(0,0,0,.15)}.slider-custom-new::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(0,0,0,.15)}input[type=color]{border:2px solid #e5e7eb;transition:all .2s}input[type=color]:hover{border-color:#3b82f6;transform:scale(1.05)}button{transition:all .2s ease}@media (max-width:768px){.slider-custom-new::-moz-range-thumb,.slider-custom-new::-webkit-slider-thumb{width:24px;height:24px}input[type=range]{padding:10px 0}button{min-height:44px}input[type=color]{min-width:48px;min-height:48px;border-width:3px}.color-input-group{margin-bottom:1rem}.color-input-group label{font-size:14px;margin-bottom:.5rem}.color-input-group input[type=text]{font-size:14px;padding:.5rem;min-height:44px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{animation:fadeIn .3s ease}.color-input-group input[type=text]{font-family:Courier New,monospace;font-size:12px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}#qrcode{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.error-message{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.error-message{margin:1rem 0;padding:1rem}.error-message h3{font-size:16px}.error-message p{font-size:14px;line-height:1.4}}