body{color:#1a1a1a;background-color:#f7f7f5;justify-content:center;align-items:center;height:100vh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.container{text-align:center;background:#fff;border:1px solid #e5e5e5;border-radius:4px;width:100%;max-width:320px;padding:40px;box-shadow:0 4px 12px #00000008}h2{letter-spacing:-.5px;margin-top:0;font-weight:500}p.subtitle{color:#666;margin-bottom:24px;font-size:14px}.input-group{text-align:left;margin-bottom:16px}label{color:#666;margin-bottom:6px;font-size:12px;font-weight:500;display:block}input{box-sizing:border-box;background-color:#fafafa;border:1px solid #d1d1d1;border-radius:4px;width:100%;padding:10px;font-size:14px;transition:border-color .2s}input:focus{border-color:#1a1a1a;outline:none}button{color:#fff;cursor:pointer;background-color:#1a1a1a;border:1px solid #1a1a1a;border-radius:4px;width:100%;margin-top:10px;padding:12px;font-size:14px;font-weight:500;transition:all .2s}button:hover{background-color:#333;border-color:#333}button.btn-outline{color:#1a1a1a;background-color:#0000}button.btn-outline:hover{background-color:#f0f0f0}pre{text-align:left;white-space:pre-wrap;word-wrap:break-word;color:#333;background-color:#f4f4f4;border:1px solid #ddd;border-radius:4px;padding:15px;font-size:12px;overflow-x:auto}.container-callback{width:90%;max-width:1000px}.json-output{white-space:pre-wrap;word-wrap:break-word;text-align:left;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;margin-top:20px;padding:15px;font-family:monospace;font-size:13px}