*{box-sizing:border-box}
body{margin:0;background:#f3f6f9;font-family:Tahoma,Arial,sans-serif;color:#17202a}
.container{max-width:900px;margin:25px auto;padding:15px}
.card{background:white;border-radius:16px;padding:20px;margin:15px 0;box-shadow:0 3px 14px #00000012}
h1{font-size:25px}
h2,h3{margin-top:0}
input,textarea,button{font:inherit}
input,textarea{display:block;width:100%;margin:9px 0;padding:12px;border:1px solid #ccd4dc;border-radius:9px}
textarea{min-height:80px}
button{border:0;border-radius:9px;padding:11px 18px;margin:5px;background:#1769aa;color:white;cursor:pointer}
button:hover{opacity:.9}
label{display:block;margin:10px 0;line-height:1.9}
label input{display:inline-block;width:auto;margin-left:8px}
canvas{width:100%;max-width:700px;height:220px;border:1px dashed #9aa7b2;border-radius:10px;background:#fff;touch-action:none}
pre{white-space:pre-wrap;word-break:break-word;background:#101820;color:#d5f5e3;padding:12px;border-radius:9px}
@media(max-width:600px){.container{margin:5px auto;padding:8px}.card{padding:14px}h1{font-size:21px}}