:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.6}[hidden]{display:none!important}body{margin:0;background:light-dark(#f5f6f8,#15171b);color:light-dark(#20242a,#e6e9ef)}main{max-width:760px;margin:36px auto;padding:0 20px}h1{margin-bottom:4px}h2{font-size:1.1rem;margin-top:0}section{background:light-dark(#fff,#20242b);padding:24px;margin:20px 0;border:1px solid light-dark(#dce0e5,#3a4049);border-radius:10px}label{display:block;margin:12px 0 6px}input[type=password],textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid #7b8490;border-radius:5px;background:transparent;color:inherit;font:inherit}textarea{overflow-wrap:anywhere}.check{display:flex;gap:8px;align-items:flex-start}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}button{padding:10px 16px;border:0;border-radius:5px;background:#175ab5;color:white;font:inherit;cursor:pointer;margin:8px 8px 0 0}button:disabled{opacity:.5;cursor:wait}.secondary{background:#555f6b}.danger{background:#a12c35}a{color:light-dark(#175ab5,#8ab8ff)}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}code{overflow-wrap:anywhere}footer{margin:24px 0;font-size:.9rem}:focus-visible{outline:3px solid #5294ef;outline-offset:3px}