:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(to right,#d9afd9,#97d9e1);margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh}div{box-sizing:border-box}.qr-container{background:#fffc;padding:2rem;border-radius:20px;box-shadow:0 0 20px #0000001a;max-width:400px;width:100%;text-align:center;transition:all .3s ease}.qr-container h2{color:#333;margin-bottom:1rem}.text-box input[type=text]{padding:.6rem;width:80%;margin-bottom:1rem;border-radius:8px;border:1px solid #ccc;font-size:1rem}.text-box button{margin-top:.5rem;padding:.6rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:.3s ease}.text-box button:hover{background-color:#0056b3}.extra-box{margin:1.5rem 0}.extra-box input[type=range]{width:100%}.output-box img{margin-top:1rem;max-width:100%;height:auto;border-radius:10px}.output-box button{margin-top:1rem;background-color:#28a745;color:#fff;padding:.6rem 1rem;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:.3s ease}.output-box button:hover{background-color:#218838}