:root{font:17px/1.65 system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif;color:#18352f;background:#f4f7f4;--accent:#146a55;--border:#dce6df}
*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:auto;padding:20px 16px 48px}
h1{font-size:26px;line-height:1.3}h2{font-size:18px;margin:.2em 0}
.steps{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin:16px 0}.steps ol{padding-left:1.3em;margin:.4em 0}
.note{color:#4d6358;font-size:15px}
button{font:inherit;display:block;width:100%;background:var(--accent);color:#fff;border:0;border-radius:12px;padding:14px 18px;min-height:48px;margin:14px 0;cursor:pointer}
button:disabled{background:#9db3aa;cursor:not-allowed}button:focus-visible,textarea:focus-visible{outline:3px solid #ebaf42;outline-offset:3px}
label{display:block;margin:12px 0;font-weight:600}
textarea{font:14px/1.4 ui-monospace,Menlo,monospace;display:block;width:100%;height:120px;border:1px solid #80958d;border-radius:8px;padding:10px;margin-top:6px;background:#fff}
#result{height:160px}
pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px;font-size:14px;min-height:0}
pre:empty{display:none}#error{color:#a83232;font-weight:700}#returnInfo{color:#4d6358}

[hidden]{display:none!important}.fp{font:700 22px/1.5 ui-monospace,Menlo,monospace;letter-spacing:.04em;overflow-wrap:anywhere;margin:.3em 0}.fp.small{font-size:14px;font-weight:400}#copyInfo{color:#4d6358;font-size:15px}