.wpm-tool{--wpm-ink:#21394c;--wpm-blue:#326da1;--wpm-line:#d7e5ee;--wpm-paper:#f8fcff;--wpm-focus:#efa344;margin:1.5rem 0;padding:1.1rem;border:2px solid var(--wpm-line);border-radius:16px;background:var(--wpm-paper);color:var(--wpm-ink)}
.wpm-tool .wpm-fields{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.wpm-tool label{display:block;font-weight:700;flex:1 1 130px}.wpm-tool input{display:block;box-sizing:border-box;width:100%;min-width:0;margin-top:.35rem;padding:.65rem;border:2px solid var(--wpm-blue);border-radius:8px;background:white;color:var(--wpm-ink);font:inherit}.wpm-tool button{padding:.8rem 1.2rem;border-radius:8px;background:var(--wpm-blue);color:white;font:inherit;font-weight:700;cursor:pointer}.wpm-tool :is(input,button):focus-visible{outline:3px solid var(--wpm-focus);outline-offset:3px}.wpm-tool output{display:block;margin:1rem 0;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.wpm-tool .wpm-note{font-size:.9em}