.page{text-align:left;max-width:720px;margin:2rem auto;padding:0 1.5rem;font-family:system-ui,sans-serif}.form{border:1px solid #d0d0d0;border-radius:8px;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.field{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.field input{border:1px solid #bbb;border-radius:6px;padding:.5rem .65rem;font-size:1rem}.actions{gap:.75rem;display:flex}.actions button{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:.55rem 1.1rem;font-size:.95rem}.actions button:disabled{opacity:.5;cursor:not-allowed}.token-hint{color:#4a7c2f;margin:0;font-size:.8rem}.result h2{margin-bottom:.5rem;font-size:1.1rem}.json-output{white-space:pre-wrap;word-break:break-word;background:#f4f4f4;border:1px solid #ddd;border-radius:6px;padding:1rem;font-size:.85rem;overflow-x:auto}.error{color:#9c2a2a;background:#fdecea;border:1px solid #f5c2c0;border-radius:6px;margin-bottom:.75rem;padding:.75rem 1rem}.placeholder{color:#888;font-size:.9rem}