:root{--color_1: #6a5acd;--color_2: #663399;--color_3: #800080;--space_B: 35px;--space_b: 30px;--space_m: 20px;--space_s: 10px;--space_S: 5px}*{font-family:Lucida Console,monospace;box-sizing:border-box;padding:0;margin:0;text-align:-webkit-center;color:#fff}body{display:flex;min-height:100vh;background:linear-gradient(180deg,var(--color_1) 0%,var(--color_2) 25%)}#root{display:flex;flex-direction:column;border-radius:var(--space_s);padding:var(--space_m);row-gap:var(--space_m);width:min(750px,96%);background-color:#0006;margin:2% auto auto}#root>*{display:flex;flex-direction:column;row-gap:var(--space_s);align-self:center}h1{font-size:medium;-webkit-user-select:none;user-select:none}header a{display:inline-block;align-self:center;text-decoration:none;-webkit-user-select:none;user-select:none;font-size:x-small}header a:hover{color:#7fffd4;text-decoration:underline}@media not (max-width:260px){h1{font-size:larger}header a{font-size:small}}@media not (max-width:320px){h1{font-size:larger}header a{font-size:small}}@media not (max-width:480px){h1{font-size:xx-large}header a{font-size:unset}}#form{flex-flow:wrap;width:100%;margin-bottom:0}#form label{font-size:larger;flex-basis:100%;-webkit-user-select:none;user-select:none}#form input{font-size:smaller;flex-basis:100%}input{color:#000;border-style:none;border-radius:var(--space_S);padding:var(--space_S)}#data-input{text-align:initial}@media not (max-width:320px){#form label{font-size:larger;flex-basis:100%}#form input{font-size:smaller;flex-basis:100%}}@media not (max-width:480px){#form label{font-size:unset;flex-basis:unset;margin-inline-end:auto}#data-label{flex-basis:100%}#ratio-input{flex-basis:60%!important}}@media not (max-width:600px){#form{justify-content:unset}#form label{flex-basis:34%;margin-inline-end:unset}#data-label{flex-basis:unset}#form input{flex-basis:66%}#ratio-input{flex-basis:unset!important}}@media not (max-width:750px){#form label{flex-basis:25%}#form input{flex-basis:75%}}#message{white-space:pre-wrap;overflow-wrap:break-word}#qrcode{width:min(96%,320px);cursor:pointer}#qrcode img{width:100%;image-rendering:pixelated;border-radius:var(--space_S)}