body{font-family:system-ui,sans-serif;max-width:640px;margin:3rem auto;padding:0 1rem;color:#1a1a1a}button{padding:.6rem 1.2rem;font-size:1rem;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.result{margin-top:1.5rem;padding:1rem;border-radius:6px;white-space:pre-wrap;word-break:break-word}.result-ok{background:#e6f7e6;border:1px solid #a6d8a6}.result-error{background:#fbe7e7;border:1px solid #e3a6a6;color:#8a1f1f}