:root{color-scheme:light;font:14px Arial,sans-serif;background:#fff;color:#111}body{margin:0}main{width:250px;max-width:calc(100% - 40px);margin:25vh auto 40px}label{display:block;margin:0 0 16px}input{display:block;box-sizing:border-box;width:100%;padding:8px;margin-top:6px;border:1px solid #aaa;border-radius:2px;background:#fff;color:#111;font:inherit}button{padding:7px 14px;border:1px solid #aaa;border-radius:2px;background:#f3f3f3;color:#111;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}p{line-height:1.5}output,pre{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font:13px monospace;margin:16px 0}.check{display:flex;align-items:center;gap:6px}.check input{width:auto;margin:0}#error{color:#a00}[hidden]{display:none!important}