:root{font-family:system-ui,sans-serif;color:#192b40;background:#f2f5fa}*{box-sizing:border-box}body{margin:0}main{max-width:640px;margin:auto;padding:24px 18px}h1{font-size:24px}h2{font-size:19px;margin-top:0}section{background:white;border:1px solid #d7e0ed;border-radius:14px;padding:18px;margin:20px 0}textarea{width:100%;margin-top:10px;border:1px solid #b2bfd0;border-radius:8px;padding:12px;font:inherit}button{display:block;width:100%;padding:14px;margin-top:12px;border:0;border-radius:8px;background:#235fc4;color:white;font:inherit;font-weight:600}button:disabled{opacity:.55}.hint{font-size:14px;color:#526477;line-height:1.6}.danger{border-color:#d5a5a5}.danger button{background:#a63636}.check{display:flex;gap:10px;align-items:flex-start;line-height:1.5;font-size:14px}.check input{margin-top:5px}#result{padding:14px;background:#e5eefc;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}[hidden]{display:none!important}