:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#080808;color:#e8e8e8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}main{width:min(720px,calc(100% - 32px));margin:80px auto}h1{margin-bottom:8px;font-size:24px;font-weight:500}.subtitle{color:#888;margin-bottom:40px}label{display:block;margin:24px 0 8px;color:#aaa}textarea{width:100%;border:1px solid #333;background:#111;color:#eee;padding:14px;font:inherit;outline:none}textarea{min-height:230px;resize:vertical}textarea:focus{border-color:#777}button{margin-top:24px;padding:12px 24px;border:1px solid #555;background:#161616;color:#eee;font:inherit;cursor:pointer}button:hover{background:#222}button:disabled{opacity:.5;cursor:wait}#result{margin-top:32px;white-space:pre-wrap;color:#ddd}