:not(code){font-family:ui-sans-serif,system-ui,sans-serif}html,body,p{margin:0}html,body{padding:0;font-size:16px;line-height:1.5}body{padding:12px}footer,p{margin-top:1rem}main{grid-template-columns:4fr 2fr;column-gap:10px;display:grid}h1{margin-top:0;font-size:1.25rem}label,button{cursor:pointer}input[type=text],input[type=number],span.quiet{display:block}input[type=text],input[type=number]{margin:.2rem 0}input[type=text]{width:70%}input[type=number]{max-width:70%}input[type=checkbox]{margin:0 2px 0 0;position:relative;bottom:-1px}button{margin:.25rem 0 1rem;padding:.25rem .5rem;font-size:1rem}textarea+p,#output-view{margin-top:0}i,.invisible{background:#ff0}i{font-style:normal}code,.quiet{font-size:smaller}code{word-break:break-all}.form-group{margin-bottom:.75rem}.quiet{color:#888}.options{background:#f9f9f9;padding:10px;overflow:auto}.success,.share{color:green}.failure,.unsafe{color:red}.invisible{border-radius:2px}.invisible.zero-width:after{content:attr(data-marker);vertical-align:middle;padding:0 1px;font-size:.7em}.alt{margin-bottom:1rem}[x-cloak]{display:none!important}#input,#output,#output-view{box-sizing:border-box;resize:vertical;background:#fff;border:1px solid #767676;width:100%;height:36vh;min-height:15rem;margin-bottom:5px;padding:2px;font-size:.8333rem;line-height:normal;display:block}#output-view{overflow-wrap:anywhere;white-space:pre-wrap;overflow:auto}@media screen and (width<=600px){main{grid-template-columns:3fr 2fr}}@media screen and (width<=400px){main{grid-template-columns:2fr 2fr}}