*{padding:0;margin:0;cursor:default;font-family:sans-serif;box-sizing:border-box;font-display:optional;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,a:link,a:visited{color:#ff8;cursor:pointer;text-decoration:underline}body,html{background-color:#333;font-size:18px}header{padding:20px 0}header h1{font-size:40px;color:#fff;text-align:center}footer{text-align:center}footer hr{border-top:1px dashed #fff;border-bottom:1px solid #ccc;width:75%;margin:auto}footer .copyright{padding:20px}footer a,footer a:link,footer a:visited{text-decoration:none;font-style:italic}.container{margin:20px auto;padding:5px;width:100%;max-width:480px}input,label,pre#editor,textarea{width:100%;margin:10px auto;clear:both}label{display:block;margin-top:15px;font-size:90%;color:#faa}input,textarea{padding:5px;background-color:#000;color:#fff;font-size:14px}textarea{min-height:100px}pre#editor{padding:5px;margin:auto;height:100px;width:480px;overflow-y:auto;overflow-x:hidden;border:2px inset #ccc;background-color:#000;color:#fff;font-size:14px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.iframe-editor{padding:0;margin:auto;height:100px;width:480px;overflow:hidden}.ctrl{cursor:pointer;text-decoration:underline;color:#ee6}