@media (max-width: 640px){#qrCodeCanvas canvas,#qrCodeCanvas svg,#qrCodeCanvas img{max-width:100%;height:auto}button{min-height:44px}.space-y-4>*+*{margin-top:1rem}input[type=color]{min-width:44px;min-height:44px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideInUp{animation:slideInUp .4s ease-out}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #4f46e5b3}70%{transform:scale(1);box-shadow:0 0 0 10px #4f46e500}to{transform:scale(.95);box-shadow:0 0 #4f46e500}}.pulse-ring{animation:pulse-ring 2s infinite}#qrCodeCanvas canvas,#qrCodeCanvas svg,#qrCodeCanvas img{max-width:100%;height:auto;display:block;margin:0 auto}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:.5rem}input[type=file]::file-selector-button{display:none}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}