@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);body{min-height:100vh;background-color:#ffdee9;background-image:linear-gradient(315deg,#ffdee9,#b5fffc)}.titlebloc{margin:20px 20px 50px 20px}*{font-family:Roboto,sans-serif}#app{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;margin-top:60px;max-width:600px;margin-left:auto;margin-right:auto;padding:20px;background:#f9f9f9;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.1);background-color:hsla(0,0%,100%,.2)}h1{font-size:24px;margin-bottom:20px;color:#333}.form-container{display:flex;flex-direction:column;align-items:center}.form-section{position:relative;margin-bottom:50px;width:100%;padding-bottom:10px}.form-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#575757,transparent)}.form-section h2{font-size:20px;margin-bottom:10px;color:#333}.form-group{margin:10px 0;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:400px}.form-group label{margin-bottom:5px;font-weight:700}.form-group input[type=color],.form-group input[type=text],.form-group select{width:100%;border-radius:4px;border:1px solid #ccc;box-sizing:border-box}.download-button.full-width,.form-group input.full-width{width:100%}.radio-group{display:flex;justify-content:space-around;width:100%;margin-bottom:10px}.radio-group label{margin-left:5px}.download-button{margin-top:20px;padding:10px 20px;font-size:16px;color:#fff;background-color:#32c1fa;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.download-button:hover{background-color:#f96596;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.qr-code-container{margin-top:30px;width:100%;display:flex;justify-content:center}.qr-code-preview{position:fixed;top:10px;right:10px;width:100px;height:100px;background-color:transparent;z-index:1000;border:1px solid #ccc}.info-icon{cursor:help;margin-right:5px;font-size:16px;color:#007bff;vertical-align:middle;position:relative}.info-icon:before{content:attr(data-tooltip);position:absolute;background-color:#333;color:#fff;padding:5px 10px;border-radius:4px;top:-30px;left:50%;transform:translateX(-50%);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s;font-size:12px;width:-moz-max-content;width:max-content;z-index:10}.info-icon:hover:before{opacity:1}