*{box-sizing:border-box}body{margin:0;background:#f3f0e8;color:#17212b;font:16px/1.65 system-ui,sans-serif}main{max-width:760px;margin:auto;padding:42px 24px 64px}h1{font:600 clamp(34px,6vw,48px)/1.15 ui-serif,Georgia,serif;margin:30px 0 20px}h2{font:600 25px/1.3 ui-serif,Georgia,serif;margin-top:0}a{color:#24567a;text-underline-offset:3px}section{padding:24px;background:#fbfaf6;border:1px solid #cbc6ba;border-radius:7px;margin:24px 0}button{min-height:46px;border:1px solid #17212b;border-radius:5px;background:#17212b;color:#fbfaf6;font:600 15px/1.4 system-ui,sans-serif;padding:11px 16px;cursor:pointer}button:disabled{opacity:.45;cursor:default}.note{font-size:14px;color:#596872;overflow-wrap:anywhere}.file{display:block}.file input{display:block;max-width:100%;margin:12px 0;font:inherit}.replace{display:flex;gap:10px;margin:18px 0;align-items:flex-start}.replace input{width:19px;height:19px;flex:none;margin-top:4px;accent-color:#24567a}#keys{font:12px/1.6 ui-monospace,monospace;overflow-wrap:anywhere;padding-left:20px;max-height:220px;overflow:auto}#status{min-height:26px}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #24567a;outline-offset:3px}@media(max-width:480px){main{padding:28px 16px}section{padding:18px}}