body{font-family:Work Sans,sans-serif;padding:80px}.header{margin-bottom:32px}h1{line-height:1;margin:0}.preview{border:1px solid #b2b2b2;display:inline-block;padding:20px}form{margin-bottom:32px;max-width:520px}form,form input{font-family:Work Sans,sans-serif}form input{background-color:#f4f4f4;border:0;padding:8px 16px}label{align-items:center;display:flex;margin:16px 0}.label-text{display:inline-block;flex:none;width:120px}.tip{color:#b2b2b2;font-size:14px;margin-left:8px}.code-wrapper{max-width:800px}.code{border:1px solid #b2b2b2;font-family:Courier New,Courier,monospace;font-size:12px;margin-top:8px;padding:20px}button{background-color:#12e972;border:0;color:#fff;cursor:pointer;margin-right:8px;padding:8px 16px}button:hover{opacity:.8}.copy-confirm{color:#12e972;display:inline-block;opacity:0;transition:opacity .5s}.copy-confirm.visible{opacity:1;transition:opacity .5s}