:root{--logo-light:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEX///8AAABVwtN+AAAAWElEQVQoz43O0RHAMAgCUDZg/y3ZgKJtP8PF/LzkiApcFG3IVgVICB0cqCPH368jMvCffsLuPWMLmOQ+FMBxNqvgXCZ8xixGsSNppWsF33hFaLjD27Xioh5ZH8ftcymlGAAAAABJRU5ErkJggg==");--logo-dark:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEX///8AAABVwtN+AAAAXklEQVQoz43SsRHAIAxDUW3g/bfUBoqckDL/AgWvMFgcKGcIYCkjDSJ2JgwvhhFHZ9cn2vDt/oUNvkcS3MpNRuh0ew6iyyYjbDCPGa2+WxL8lCN6vZYy+nBxED/+xgWM9DYk64ncIgAAAABJRU5ErkJggg==")}@media (prefers-color-scheme: light){:root{color-scheme:light}}@media (prefers-color-scheme: dark){:root{color-scheme:dark}}*{font-family:system-ui,sans-serif;scrollbar-width:auto}@media (prefers-color-scheme: light){*{scrollbar-color:#000 #fff}}@media (prefers-color-scheme: dark){*{scrollbar-color:#fff #000}}html{height:100%}body{display:flex;flex-direction:column;max-width:812px;height:100%;margin:0px;margin-left:auto;margin-right:auto;font-weight:normal;font-size:20px}@media (prefers-color-scheme: light){body{color:#000;background-color:#fff}}@media (prefers-color-scheme: dark){body{color:#fff;background-color:#000}}a{text-decoration:underline}@media (prefers-color-scheme: light){a{color:#000}}@media (prefers-color-scheme: dark){a{color:#fff}}a:hover{text-decoration:none}code{font-family:monospace}.helpText{margin:5px 0px 0px 0px;padding:5px;border-radius:10px;border-width:2px;border-style:dashed;text-align:left}@media (prefers-color-scheme: light){.helpText{background-color:#fff;border-color:#000}}@media (prefers-color-scheme: dark){.helpText{background-color:#000;border-color:#fff}}.helpText p{margin-top:0px;margin-bottom:8px}.helpText p:last-child{margin-bottom:0px}#sideParams{width:100%;text-align:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}#sideParams .param{max-width:270px;box-sizing:border-box}summary{margin-left:20px;cursor:help}#qrCode{max-width:94%;width:auto;height:auto;padding:2px}@media (prefers-color-scheme: light){#qrCode.needLightContrast{background:linear-gradient(to right, #000 2px, transparent 0px) 0 0,linear-gradient(to right, #000 2px, transparent 0px) 0 100%,linear-gradient(to left, #000 2px, transparent 0px) 100% 0,linear-gradient(to left, #000 2px, transparent 0px) 100% 100%,linear-gradient(to bottom, #000 2px, transparent 0px) 0 0,linear-gradient(to bottom, #000 2px, transparent 0px) 100% 0,linear-gradient(to top, #000 2px, transparent 0px) 0 100%,linear-gradient(to top, #000 2px, transparent 0px) 100% 100%;background-repeat:no-repeat;background-size:16px 16px}}@media (prefers-color-scheme: dark){#qrCode.needDarkContrast{background:linear-gradient(to right, #fff 2px, transparent 0px) 0 0,linear-gradient(to right, #fff 2px, transparent 0px) 0 100%,linear-gradient(to left, #fff 2px, transparent 0px) 100% 0,linear-gradient(to left, #fff 2px, transparent 0px) 100% 100%,linear-gradient(to bottom, #fff 2px, transparent 0px) 0 0,linear-gradient(to bottom, #fff 2px, transparent 0px) 100% 0,linear-gradient(to top, #fff 2px, transparent 0px) 0 100%,linear-gradient(to top, #fff 2px, transparent 0px) 100% 100%;background-repeat:no-repeat;background-size:16px 16px}}.centered{text-align:center}.button{padding:3px 10px 3px 10px;text-decoration:none}header{text-align:center;padding-top:12px;height:64px}#linkTitles::before{width:64px;height:64px;content:"";background-repeat:no-repeat}@media (prefers-color-scheme: light){#linkTitles::before{background-image:var(--logo-light)}}@media (prefers-color-scheme: dark){#linkTitles::before{background-image:var(--logo-dark)}}#titles{margin-left:2%}h1,h2,h3,h4,h5,h6{margin:0px;font-weight:normal}h1{font-size:29px}h2{font-size:22px}#linkTitles{text-align:left;justify-content:center;text-decoration:none;display:flex;flex-direction:row}#downloadQR{margin-top:20px}#showOnlyQR{margin-top:30px}.param{padding:4px;margin-left:0px;margin-right:0px}@media (prefers-color-scheme: light){::selection{color:#fff;background-color:#000}}@media (prefers-color-scheme: dark){::selection{color:#000;background-color:#fff}}label[for=txt] summary{margin-left:22px}#colors{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;text-align:center}#colors .param{text-align:center;display:flex;justify-content:center;flex-direction:column;align-items:center}.metaText{padding:6px}@media (prefers-color-scheme: light){.metaText{color:#000}}@media (prefers-color-scheme: dark){.metaText{color:#fff}}.metaText a,.metaText a:visited{text-decoration:underline}@media (prefers-color-scheme: light){.metaText a,.metaText a:visited{color:#000}}@media (prefers-color-scheme: dark){.metaText a,.metaText a:visited{color:#fff}}footer{font-size:16px;margin-top:auto;padding-top:10px;text-align:left}small{font-size:14px}#info{font-size:16px;margin:0px}#info h3{font-size:20px;font-weight:normal;padding-bottom:10px}#redundancy,#margin,#txt,#size,input[type=color],input[type=submit],.button{border-width:2px;border-style:solid;border-radius:10px;font-size:20px;padding-left:10px;font-weight:normal;transition:border-color .1s ease;margin:6px}@media (prefers-color-scheme: light){#redundancy,#margin,#txt,#size,input[type=color],input[type=submit],.button{color:#000;background-color:#fff;border-color:#000}}@media (prefers-color-scheme: dark){#redundancy,#margin,#txt,#size,input[type=color],input[type=submit],.button{color:#fff;background-color:#000;border-color:#fff}}#redundancy:hover,#margin:hover,#txt:hover,#size:hover,input[type=color]:hover,input[type=submit]:hover,.button:hover{border-width:3px;margin:5px;border-style:solid}@media (prefers-color-scheme: light){#redundancy:hover,#margin:hover,#txt:hover,#size:hover,input[type=color]:hover,input[type=submit]:hover,.button:hover{border-color:#000}}@media (prefers-color-scheme: dark){#redundancy:hover,#margin:hover,#txt:hover,#size:hover,input[type=color]:hover,input[type=submit]:hover,.button:hover{border-color:#fff}}#redundancy:focus,#margin:focus,#txt:focus,#size:focus,input[type=color]:focus,input[type=submit]:focus,.button:focus{border-width:4px;margin:4px;border-style:solid;outline:none}@media (prefers-color-scheme: light){#redundancy:focus,#margin:focus,#txt:focus,#size:focus,input[type=color]:focus,input[type=submit]:focus,.button:focus{border-color:#000}}@media (prefers-color-scheme: dark){#redundancy:focus,#margin:focus,#txt:focus,#size:focus,input[type=color]:focus,input[type=submit]:focus,.button:focus{border-color:#fff}}#redundancy{width:250px;height:44px}#redundancy:hover{width:252px;height:46px}#redundancy:focus{width:254px;height:48px}input[type=color]{height:60px;width:84px;padding:5px}input[type=color]:hover{height:62px;width:86px}input[type=color]:focus{height:64px;width:88px}#size,#margin{width:234px;height:38px}@media (prefers-color-scheme: light){#redundancy,#size,#margin{background-color:#fff}}@media (prefers-color-scheme: dark){#redundancy,#size,#margin{background-color:#000}}#txtParam{display:flex;flex-direction:column}#txt{padding:10px;width:auto;scrollbar-width:auto}@media (prefers-color-scheme: light){#txt{background-color:#fff;color:#000;scrollbar-color:#000 #fff}}@media (prefers-color-scheme: dark){#txt{background-color:#000;color:#fff;scrollbar-color:#fff #000}}input[type=submit]{cursor:pointer;font-size:28px;padding:10px;padding-left:14px;padding-right:14px}#txt::placeholder{opacity:1;font-family:system-ui,sans-serif;font-weight:normal;font-size:1em}@media (prefers-color-scheme: light){#txt::placeholder{color:#868686}}@media (prefers-color-scheme: dark){#txt::placeholder{color:#bababa}}a[download]::before{content:"💾 ";filter:drop-shadow(-1px 1px 1px #fff) drop-shadow(1px -1px 1px #fff)}