body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f5f5f5}.container{max-width:800px;margin:0 auto;padding:20px;background:#fff}h1{color:#333;margin-top:0}h2{color:#555;border-bottom:2px solid #ddd;padding-bottom:8px}p{color:#666;line-height:1.6}section{margin:20px 0;padding:15px;background:#f9f9f9;border-radius:4px;border-left:4px solid #007bff}button{background:#007bff;color:#fff;border:none;padding:8px 16px;margin:5px;border-radius:4px;cursor:pointer;font-size:14px}button:hover{background:#0056b3}button:disabled{background:#ccc;cursor:not-allowed}pre{background:#f0f0f0;padding:12px;border-radius:4px;overflow-x:auto;font-size:13px}.error{background:#fee;border-left-color:#c33;color:#c33}.response{background:#e8f5e8;border-left-color:#28a745}