:root{font:18px/1.5 system-ui,"Microsoft YaHei",sans-serif;color:#20323a;background:#f6f8f8}[hidden]{display:none!important}body{margin:0}main{max-width:530px;margin:auto;padding:28px 20px}h1{font-size:28px}p{color:#4d6269}form{display:grid;gap:20px}label{display:grid;gap:5px;font-weight:650}input,button{font:inherit;min-height:54px;padding:10px;border-radius:4px;border:1px solid #aab9be;background:white}button{background:#087867;color:white;border:0;font-weight:700}#result{text-align:center}#code img{max-width:100%;height:auto;background:white;image-rendering:pixelated}#clear{background:#36505a}